/* Start of CMSMS style sheet 'tyyli' */
/*

DCCEB3
BBA075
624324

*/
/*** Layout ***/

body {
margin:0;
padding:0;
text-align:left;
background-color: #FBF9F1;
}

/*div {border:1px solid #FF0000; }*/

#leiska {
width:900px;
margin:0px auto;
background-color:#DCCEB3;
border-left:1px solid #333333; border-bottom:1px solid #333333; border-right:1px solid #333333;
}

#ylaosa {
width:900px;
height:130px;
background: #DCCEB3 url('uploads/images/ylatausta.gif') no-repeat;
float:left;
}

#valikko {
width:840px;
height:30px;
padding:0 0 0 30px;
position:absolute;
top:100px;
}

#keskiosa {
width:860px;
padding:10px 20px;
background: #DCCEB3 url('uploads/images/keskitausta.gif') no-repeat;
float:left;
}

#sisaltox {
border:0;
width:600px;
margin:0 0 10px 20px;
padding:10px;
float:left;
}

#sisalto {
width:840px;
padding:10px;
float:left;
}

#sisalto1 {
width:520px;
height:250px;
padding:10px 10px 0 10px;
float:left;
}

#sisalto2 {
width:300px;
float:right;
}

#sisaltoy1 {
width:520px;
padding:10px;
float:left;
}

#sisaltoy2 {
width:300px;
float:right;
}

#sisaltotilaus1 {
width:420px;
padding:10px;
float:left;
}

#sisaltotilaus2 {
width:400px;
float:right;
}

#sisaltouutiskirje {
width:840px;
padding:10px 10px 10px 110px;
float:left;
}

#alaosa {
width:900px;
height:200px;
background: #DCCEB3 url('uploads/images/alatausta.gif') no-repeat;
float:left;
}

#vasenpalsta {
width:260px;
/*margin:0 0 10px 20px;*/
padding:10px;
float:left;
}

#oikeapalsta {
width:260px;
/*margin:0 0 10px 20px;*/
padding:10px;
float:left;
}

#yhteystiedot {
margin: 120px 0 0 30px;
}

#copy {
width:900px;
margin:0px auto;
}

div.clear {
clear:both; }

div.oik {
float:right; }

div.vas {
float:left; }

div.vas2 {
float:left;
margin-left:100px; }

div.tuotteetoik {
width:300px;
float:right; }

div.tuotteetvas {
width:500px;
float:left; }



/*** Tekstien tyylit ***/


h1 { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:20px; font-weight:normal; font-style:italic; color:#333333; letter-spacing:1px; }

h2 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:18px;
font-weight:normal;
font-style:italic;
color:#8C2C11;
letter-spacing:1px;
}

h3 {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#8C2C11;
letter-spacing:1px;
}

h4 {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  line-height:1em;
  color:#333333;
  margin-bottom:2px;
}

p {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
}

#uutiskirje p {
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
}

p.isolla {
  font-size:12px;
}

td {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
  vertical-align:top;
}

th {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
  vertical-align:top;
}

dfn {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
  border-bottom:2px dotted #BBA075;
}

a {
  font-family:Verdana, Arial, sans-serif;
/*  font-size:11px; */
  color:#993300;
  font-weight:bold;
  text-decoration:none;
}
a:hover { 
 text-decoration:underline;
}
a:active { 
 text-decoration:underline;
}
a:visited {
}

a img {border:0;}

label {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
  line-height:1.6em;
  color:#333333;
}

img {
margin:5px;	
}

input {
background: #F6EBD5;
}

textarea {
background: #F6EBD5;
}

#valikko ul {
margin:0;
padding:5px 0;
list-style:none;
white-space:nowrap; }

#valikko li {
/*margin:0 50px 0 0;*/
padding:0 50px 0 0;
float:left; }

#valikko a {
margin:0;
padding:0;
font-family: Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
letter-spacing:1px;
color: #DCCEB3;
text-decoration: none; }

#valikko a:hover {
font-family: Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
letter-spacing:1px;
color: #FFFFFF;
text-decoration: none; }

#valikko a:active {
font-family: Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
letter-spacing:1px;
text-decoration: none; }

#valikko a:visited {
font-family: Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
letter-spacing:1px;
text-decoration: none; }

#alavalikko {
width:200px;
padding:10px;
float:left;}

#neuleohjesisalto {
width:620px;
padding:10px;
float:left;
}

#tulosta {
padding:10px;
float:right;
}

#alavalikko ul {
margin:0;
padding:5px 0;
list-style:none;
white-space:nowrap; }

#alavalikko li {font-size:11px;}

#alavalikko a {
margin:0;
padding:0;}

#alavalikko a:hover { }

#alavalikko a:active { }

#alavalikko a:visited { }

#alavalikko ul li ul li a { font-weight:normal; }

#alavalikko ul li ul li.valittu a { font-weight:bold; }

#polkuvalikko {font-family:Verdana, Arial, sans-serif; height:20px; display:inline; float:left; padding-left:20px; font-size:8px; color:#333333; font-weight:bold; }
.polku {font-family:Verdana, Arial, sans-serif; font-size:10px; color:#993300; font-weight:bold; }
.polku a:hover, a:active {font-family:Verdana, Arial, sans-serif; color: #993300; text-decoration: none;}
.polkuaktiivinen {font-family:Verdana, Arial, sans-serif; font-size:10px; color:#333333; font-weight:normal; font-style:italic; }




#yhteystiedot table {
}

#yhteystiedot td {
width: 200px;
padding:5px;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
color: #DCCEB3;
letter-spacing:1px;
text-decoration: none; }

#copy p {
padding:5px;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
font-style:normal;
color: #CCCCCC;
letter-spacing:1px;
text-decoration: none;
text-align: center; }

#copy a {
  color:#CCCCCC;
  font-weight:bold;
  text-decoration:none;
}

table.lankamerkit td {
height:100px;
margin:0;
padding:0 20px 20px 0;
}

table.lankamerkit td img {
margin:0 5px 0 0;
}

table.tuotteetetusivu td {
margin:0;
padding:0 20px 20px 0;
}

table.tuotteetetusivu td img {
margin:0 5px 0 0;
}

table.taulukkoreunoilla {
border-collapse:collapse;
}

table.taulukkoreunoilla th {
margin:0;
padding:2px 5px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:2px solid #000000;
text-align:left;
}

table.taulukkoreunoilla td {
margin:0;
padding:2px 3px;
border:1px solid #000000;
}

td.uutuus1 {
width:100px;
}

td.uutuus2 {
margin-left:10px;
vertical-align:top;
line-height:1.2em;
}

td.uutuus2 p {
line-height:1.2em;
}

td.tuotekuva {
width:210px;
}

td.tuoteotsikko {
width:560px;
}

td.tuotetiedot {
width:170px;
line-height:1.2em;
}

td.tuotetiedot p {
line-height:1.2em;
}

td.tuotetiedot h3 {
/*margin:0 0 3px 0;*/
}

td.tuoteotsikko h2 {
margin:0;
}

td.tuotetiedot2 {
width:350px;
padding:0 0 0 10px;
vertical-align:middle;
line-height:1.2em;
}

td.tuotetiedot2 p {
line-height:1.2em;
}

td.leveys {  }
td.leveys150 { width:150px; }
td.leveys130 { width:130px; }
td.leveys100 { width:100px; }
td.leveys50 { width:50px; }
td.leveys30 { width:30px; }


/*** SANASTOTAULU ***/

table.sanasto {
border-collapse:collapse;
}

table.sanasto th { 
padding:3px; 
border-bottom:2px solid #333333;
}

table.sanasto td { 
padding:3px; 
border-bottom:1px solid #333333;
}


/*** TARKISTUKSET ***/

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {

}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: 2px solid #CC0000;
}
/* End of 'tyyli' */