body
{
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #ffffff;
}

html
{
margin: 0;
padding: 0;
width: 100%;
}

img, div, a, input, #ylaosa, #keskiosa, #alaosa, .logo { behavior: url(/css/iepngfix.htc) ; }

h1
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 20pt;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;	
}

h2
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	margin: 20px 0 10px 0; 
	font-weight: normal;
}
 

h3
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	margin: 20px 0 0 0; 
	font-weight: normal;
} 


P, div
{
	COLOR: #8A8888;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

P {
margin: 20px 0 10px 0;
padding: 0;

}



label
{
float: left;
width: 160px;
font-weight: normal;
color: #8A8888;
FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}


A:link, A:visited, A:active
{
	COLOR: #8A8888;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

A:hover
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

.oikeapalkki ul
{
	list-style: none;
	margin: 20px 0 10px 0;
	padding: 0;
}

.oikeapalkki li 
{
	background-image: url(/kuvat/li.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	COLOR: #8A8888;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	padding-left: 12px;
}

 
#ylaosa
{
	margin: 0;
	height: 140px;
	padding: 0;
	width: 100%;
	background-color : transparent;
	background-image: url(/kuvat/ylatausta.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#keskiosa
{
	margin: 0;
	min-height: 545px;
	padding: 20px 0 20px 0;
	width: 100%;
	background-color : #F2EDDB;
	background-image: url(/kuvat/keskitausta.jpg);
	background-repeat: repeat-y;
	background-position: center;
	overflow: auto;
}

#alaosa
{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color : transparent;
	background-image: url(/kuvat/alatausta.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


.sisalto
{
width: 950px;
clear: both;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}

.middle 
{
padding: 30px 0 30px 0;
margin: 0 auto 0 auto;

}

.clear 
{ 
width: 950px;
height: 1px;
margin: 0;
padding: 0;
clear: both;
}

.logo
{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.ylanavigointi
{
width: 636px;
float: right;
padding: 105px 0 0 35px;
margin: 0;
}

.vasenpalkki
{
float: left;
width: 274px;
margin: 0;
padding: 60px 0 0 0;
}

.alanavigointi
{
margin: 0;
padding: 10px 0 0 0;
}

.kuvapalkki
{
width: 274px;
margin: 0;
padding: 20px 0 10px 0;
}

.kuvapalkki img
{
border: 3px solid #ffffff;
}


.infopalkki
{
width: 274px;
margin: 0;
padding: 10px 0 20px 0;
color: #554714;
font-size: 8pt;
}

.infopalkki img
{

}

.oikeapalkki 
{
width: 656px;
float: right;
padding: 0 0 0 20px;
margin: 0;
}
 
.copyright
{
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
font-size: 8pt;

}



.copyright A:link, .copyright A:visited, .copyright A:active
{
	COLOR: #8A8888;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
}
.copyright A:hover
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline 
}



#nav ul, #nav li
{
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav a:link, #nav a:visited
{
	background: transparent;
	color: #AC996A;
	display: block;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 7px 0 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a.current:link, #nav a.current:visited, #nav a:hover
{
	color: #721F1B;
}
 
 
#nav2 ul, #nav2 li,
#nav3 ul, #nav3 li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav2 a:link, #nav2 a:visited,
#nav3 a:link, #nav3 a:visited
{
	background: transparent;
	color: #AC996A;
	display: block;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 0 4px 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}



#nav2 a.level1:link, #nav2 a.level1:visited,
#nav3 a.level1:link, #nav3 a.level1:visited
{
	background: transparent;
	color: #AC996A;
	display: block;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 0 4px 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}


#nav2 a.level2:link, #nav2 a.level2:visited,
#nav3 a.level2:link, #nav3 a.level2:visited
{
	background: transparent;
	color: #AC996A;
	display: block;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 0 4px 0;
	padding: 0 0 0 40px;
	text-decoration: none;
	text-transform: uppercase;
}


#nav2 a.alanavi_2:link, #nav2 a.alanavi_2:visited
{
	background: transparent;
	color: #AC996A;
	display: block;
	font-family: Arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	margin: 2px 0 4px 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}











 
#nav2 a.current:link, #nav2 a.current:visited, #nav2 a:hover,
#nav3 a.current:link, #nav3 a.current:visited, #nav3 a:hover,
#nav3 a.level1:hover, #nav3 a.level1:hover,
#nav3 a.level2:hover, #nav3 a.level2:hover
{
	color: #721F1B;
}   
 

#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

















.ostoskori
{
margin: 20px 0 20px 0;
padding: 0;
}


.hakupalkki input 
{
width: 150px;
border: 0;
border-bottom: 1px solid #5A491C;
background: none;
color: #5A491C;
}

.hakupalkki a
{
text-decoration: none; 
}





table.kategorialistaus 
{  
margin: 0; 
padding: 0;  
}
table.kategorialistaus td 
{
margin: 0;
padding: 0;   
border: solid #B6BC96 1px; 
background-color: #FFFFFF;
}
 
.vasentuote { }
.oikeatuote { }

.kategoria
{
width: 290px;
padding: 10px;
margin: 0;
}

.tuotekuva
{
width: 100px;
padding: 0;
margin: 0;
float: left;
text-align: center;
overflow: hidden;
}

.hinnat { margin: 5px 0 5px 0; padding: 0; }
.hinta { color: #5A491C; font-size: 12pt;}
.nettohinta { color: #5A491C; font-size: 12pt; text-decoration: line-through;}
.alehinta { color: #FF3000; FONT-SIZE: 14pt;}




.similar_kategoria
{
width: 120px;
padding: 10px;
margin: 0;
}

.similar_kategoria .tuotekuva
{
	padding: 0;
	margin: 0 5px 0 0;
	text-align: center;
	height: 90px;
}

.ostoskorinvalintavali
{
height: 10px;
}

.tuotekuvaus
{
width: 170px;
padding: 0;
margin: 0 5px 10px 10px;
color: #5A491C;
float: right;
}

.kategoria h3
{
margin: 0 auto 10px auto;
padding: 0;
color: #711F1B;
text-align: center;
}

.kategoria h3 a
{
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	font-weight: normal;
	text-decoration: underline;
}


.kategoria h3 a:hover {
	COLOR: #711F1B;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	font-weight: normal;
	text-decoration: none;
} 

 

.similar_kategoria .tuotekuvaus
{
	padding: 0;
	margin: 0 5px 0 0;
	text-align: center;
}


.tuotetilaus input 
{
width: 20px;
border: 0;
border-bottom: 1px solid #5A491C;
background: none;
color: #5A491C;
}


.tuotetilaus A:link, .tuotetilaus A:visited, .tuotetilaus A:active  { COLOR: #5A491C; FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
.tuotetilaus A:hover             { COLOR: #B6BC96; FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


 
.tiedote  { clear: both; width: 720px; margin: 5px 0 0 0; margin: 0; }

.tiedote h1 { margin: 0 0 5px 0; COLOR: #B65100; FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11pt; FONT-STYLE: normal; FONT-WEIGHT: bold; LINE-HEIGHT: normal; }
.tiedote p { margin: 0 0 5px 0; }
 
table .tuotetausta { background: #E5E5E1; }
 

 
 
 
.tuotesivu_kuva
{
float: left;
width: 260px;
margin: 0 0 20px 0;
padding: 5px 5px 5px 5px;
border: solid #E0E0E2 1px; 
background-image: url( );
text-align: center;
}

.tuotesivu_kuvaus
{
padding: 5px 0 5px 0;
margin: 0 0 20px 0;
}

.tuotesivu_tiedot
{
float: right;
width: 366px;
margin: 0;
padding: 0 0 10px 10px;
}

.tuotesivu_tiedot p
{
margin-top: 0;
}

 
#orderDone {  
clear: both;
margin: 10px 0 10px 0; 
padding: 10px; 
background: #FF8A00; 
border-color: #711F1B; 
border-width: 1px;	
border-style: solid; 
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

#orderDone A:link, #orderDone A:visited, #orderDone A:active
{
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
#orderDone A:hover
{
	COLOR: #7C1212;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}



.oranssi  
{
COLOR: #FF8A00;
FONT-STYLE: normal;
}





 
#ostoskorinsisalto a:link { color: #000000;}
#ostoskorinsisalto a:hover { color: #7C1212;}



#ostoskorinsisalto {
	width: 694px;
	padding: 0;
	margin: 0;
}

#ostoskorinsisalto caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#ostoskorinsisalto th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #B6BC96;
	border-bottom: 1px solid #B6BC96;
	border-top: 1px solid #B6BC96;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CBCFB4 url( ) no-repeat;
}

#ostoskorinsisalto th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #B6BC96;
	background: none;
	color: #000000;
}

#ostoskorinsisalto td {
	border-right: 1px solid #B6BC96;
	border-bottom: 1px solid #B6BC96;
	background: #EEF0E1;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#ostoskorinsisalto td.alt {
	background: #CBCFB4;
	color: #797268;
}

#ostoskorinsisalto th.spec {
	border-left: 1px solid #B6BC96;
	border-top: 0;
	background: #fff url( ) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#ostoskorinsisalto th.specalt {
	border-left: 1px solid #B6BC96;
	border-top: 0;
	background: #f5fafa url( ) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}