/* ------ LAYOUT ------ */
body{ background-image:url(/images/taustakuva.gif); background-repeat:repeat-x; background-color:#FFFFFF; font-family: verdana, sans-serif; font-size: 67.5%; margin-top:0px;}
p{margin:0 10px 10px}
div#top_header{position: relative; height:33px;width:769px; background-color:#000; background:url(/images/top_header.gif) top no-repeat #55ae49;}
div#header {position: relative; height: 153px; width: 769px; background: url(/images/verkkokauppaheader.jpg) top no-repeat #33CC00;}
div#navigation{position: relative; height: 49px; width: 769px; background: url(/images/verkkokauppanavi.png) top no-repeat #55ae49;} 
div#navigation p{margin:0px 0px 0px 0px; font: 150% arial,sans-serif;}
div#extra{background:#FF8539;}
div#container{background: #fff;width:779px; margin-left:auto; margin-right:auto; border-bottom: 1px; border-left: 1px; border-right:1px; border-top: 0px; border-style: solid; border-color: #CCCCCC;}
div#wrapper{width:769px;background:#8e8b8b;}
div#content{width: 769px; margin: 0;}
div#footer{margin-bottom:0px;background: #333;color: #3c5703;position: relative; height: 32px; width: 769px; background: url(/images/footer.gif) top no-repeat #55ae49; letter-spacing:1px; font-size:110%; text-align:center;}
div#linkit {margin-left: 4px; font-size:150%;  text-align:left;}
div#haku {padding-top:5px; padding-left:5px; margin-right:30px;}
div#napit {padding-top:5px; padding-left:5px; margin-right:30px;}
input#ha {margin-left:130px; margin-top:-23px; position:absolute;}
input#haku {font-size:120%;}
div#haku2 {margin-right:460px; position:relative; padding-top:4px; display:block;}
div#copyright {color:#666666; font-size: 80%;}
div#map {width: 609px; height: 300px; border:1px solid black;}
table#taulukko {font-size: 100%; margin-left:20px;}
table#taulukko td{ text-align:left;}
#navikuva {}

/* ------ ETUSIVU ------ */
div#pysy{margin-bottom:6px; margin-left:0px;margin-top:0px;float:left; width:216px;background:#d6e0d5; font-size:110%;}
div#pysy h3{font-size:110%; text-decoration:underline; margin-top:-1px;}
div#pysy img{margin-bottom:4px; margin-left:4px;margin-top:3px;}
div#ylos img{margin-bottom:-4px; margin-right:6px;margin-top:4px;}
div#sisalto img{margin-bottom:7px; margin-left:4px; margin-top:1px;}
div#sisalto{margin-right: 0px; margin-top:1px; margin-bottom: 5px;  width:530px; background:#d6e0d5; text-align: left;}
div#sisaltoteksti { padding-left: 8px; padding-right:8px;}
div#sisaltoteksti img{color:#000; margin-left:0px; margin-right:10px;}
div#etusivu h2{color:#000; font: 120% "Times New Roman", Times, serif;}
.etusivu h2{color:#000; font: 120% "Times New Roman", Times, serif; font-weight:bold; margin-top:2px; margin-bottom:-12px;}
div#uutiset{margin-left: 7px; margin-right:2px; margin-top:-2px; text-align: left; }
div#uutiset img{margin-left: -2px;}
ul#lista {text-align:left;margin-left:14px;padding:0;}
.lista {text-align:left;margin-left:14px;padding:0;}
div#uutuudet h4{font-size:100%; margin-left:3px; text-decoration:underline; margin-top:-1px;}
.esteksti{text-align:left; margin-left:6px;}
.esteksti img{margin-left:-10px;}
.esteksti h2{color:#000; font: 130% "Times New Roman", Times, serif; font-weight:bold; margin-top:0px; margin-bottom:0px;}
.taulukko2 {font-size: 100%; text-align:center; margin-left:0px;}
.uutisotsikko{font-size: 110%; text-align:center; font-weight:bold; text-decoration:underline; margin-bottom:5px; margin-left:0px;}

/* ------ Öljysivut & muut ------ */
div#alanavi{margin-left:-4px; position:static; float:right; margin-top:12px; height: 32px; width: 769px; background: url(/images/alanavi.png) top no-repeat #c4e8b4;}
div#alanavi a{margin-left:3px; font-size:75%; text-align:center; color:#000; text-decoration:underline;}
div#alanavi a:hover{color:#009900; text-decoration:underline;}
div#alanavi2{margin-left:-4px; margin-top:12px; height: 32px; width: 769px; position:static; float:right; background: url(/images/alanavi.png) top no-repeat #91b780; text-align:center; margin-bottom:0px;}
div#alanavi2 a{margin-left:5px; font-size:90%; text-align:center; color:#000000; text-decoration:underline;}
div#alanavi2 a:hover{color:#009900; text-decoration:none;}
div#alanavi a:visited{}
div#alanavi a:hover{color:#006600;}
div#alanavi a:active{}
div#alanavi a:focus{}
div#luokitus{margin-right: 0px; margin-top:7px; margin-bottom: 5px; width:755px; background:#eee8bf; text-align: left;}
div#luokitus2{margin-right: 7px; margin-top:7px; margin-bottom: 5px;float:right;width:755px; background:#d6e0d5; text-align: left;}
.luokitus{margin-right: 0px; margin-top:7px; width:755px; background:#d6e0d5; text-align: left; margin-bottom: 4px;}
div#luokitus3{margin-right: 7px; margin-top:7px; margin-bottom: 5px; float:right; width:755px; background:#d6e0d5; text-align: left; font-size:100%;}
div#luokitus img{margin-right:5px; margin-left:5px; margin-top:5px;}

.luokitus h1{text-align: center; font-size:200%;}
.luokitus h2{text-align: center; font-size:130%;}
.luokitus h3{ font-size:150%; font-weight:normal;}
div#sisallon_sisennys{margin-left: 6px; margin-right: 6px;}
div#poytavaraus{margin-right: 7px; margin-top:7px; margin-bottom: 5px; width:600px; background:#d6e0d5; text-align: left;}



/* ------ WANHAA ------ */
.style1 {font-family: verdana, sans-serif;font-size: 100%;color: #000;}
div#normiteksti {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
div#normiteksti2 {font-family: verdana, sans-serif;font-size: 120%;color: #000;	}
div#normiteksti3 {font-family: verdana, sans-serif;font-size: 100%;color: #000;}
div#otsikko {font-family: verdana, sans-serif;font-size: 200%;color: #000;font-weight: bold;text-decoration: none;text-align: center;}
div#alaotsikko {font-family: verdana, sans-serif;font-size: 15px;font-style:italic;color: #000;text-decoration: none;text-align: center;}
div#valiotsikko {font-family: verdana, sans-serif;font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}
div#valiotsikko2 {font-family: Arial,  Verdana, Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold;text-decoration: none;}
.normiteksti {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
.normiteksti h2{font-size: 100%;color: #000; text-align:left;}
.normiteksti2 {font-family: verdana, sans-serif;font-size: 120%;color: #000;}
.normiteksti3 {font-family: verdana, sans-serif; font-size: 100%; color: #000;	}
.otsikko {font-family: verdana, sans-serif; font-size: 200%; color: #000; font-weight: bold; text-decoration: none; text-align: center;}
.alaotsikko {font-family: verdana, sans-serif; font-size: 15px; font-style:italic; color: #000; text-decoration: none; text-align: center;}
.valiotsikko {font-family: verdana, sans-serif; font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}
.valiotsikko2 {font-family: Arial,  Verdana, Tahoma, Helvetica, sans-serif; font-size: 15px; color: #000; font-weight: bold; text-decoration: none;}

/*VEEEEEEEEEEEEEEEEEERKKOKAUPPAAAA*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #70d250; text-decoration: underline; }
A { color: #664D36; text-decoration: none; }
A:hover { color: #664D36; text-decoration: underline; }
FORM { display: inline; }
TR.header { background: #E7F1F3; height:162px;}
TR.headerNavigation { height:23px;}
TD.headerNavigation { background-color: #BEB28E; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #806144; font-weight: bold; padding: 6px; border-bottom: 1px solid; border-color: #867D60;}
A.headerNavigation { color: #806144; }
A.headerNavigation:hover { color: #806144; }
TR.headerError { background: #ff0000; }
TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; }
TR.headerInfo { background: #00ff00; }
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; }
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF; padding: 6px; }
.infoBox { background-color: transparent; }
.infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#664C36; }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
TD.infoBoxHeading {background-image:url(/images/puutausta.png); font-family: Verdana, Arial, sans-serif; font-size: 11px; height:20px; font-weight: bold; color: #ffffff; background-color: #227f13; padding: 2px; padding-left:10px; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #EEE8BF; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #EEE8BF;}
TABLE.productListing { border-color: #b6b7cb; }
.productListing-heading {background-image:url(/images/headertausta.png);; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 1px solid #b2d885;}
TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 11px; border: 0px solid #000; background-image:url(/kauppa/images/viiva.gif); background-repeat:no-repeat;}
A.pageResults { color: #0000FF; }
A.pageResults:hover { color: #0000FF; background: #FFFF33; }
TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #7E5F43; }
TR.subBar { background: #4B85A4; }
TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #3C9CA5; }
TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; }
TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }
CHECKBOX, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
INPUT { background-color: #F8F8F8; font-size: 11px; }
TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #E80000; font-weight: bold; }
TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; font-weight:bold; font-size:12px; }
SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #99ff00; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ff0000; }
.site_table { background-color: #EEE8BF; }
TD.left { background-color: #CDC19E; color:#7E5F43; border-right:5px solid #8e8b8b; }
TD.right { background-color: #EEE8BF; }
TABLE.content { color:#664C36; }
.copy { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 5px; }
/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #432d19;
  padding-left:5px;
  padding-right:5px;

}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #664d36;
}
/*** End Header Tags SEO ***/

/* LIGHTBOX ALKAA */
#lightbox{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 5%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/kauppa/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* LIGHTBOX LOPPUU */
/* CSS hover popuppi product listiin */
#pic2 {
	background-color: #eee8bf;
	left: 0px;
	margin-right:10px;
	position: relative;
	top: 0px;
	width: 100px;
}

#pic2 a .large2 {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic2 a img {
	border: 0px;
}

#pic2 a.p12, #pic2 a.p12:visited {
	background-color: #eee8bf
	border: 0px;
	display: block;
	height: 100px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic2 a.p12:hover {
	background-color: #eee8bf;
	color: #000000;
	text-decoration: none;
}

#pic2 a.p12:hover .large2 {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	position: absolute;
	width: 300px;
	height: 300px; 
	left: -310px;
	top: -110px;
}