zzbody { color: #595959; font-size: 13px; font-family: "trebuchet ms"; line-height: 18px; background: #7ca53f url(../images/main_bg.gif) fixed center top; text-align: center; margin: 0       }

body { color: #595959; font-size: 13px; font-family: "trebuchet ms"; line-height: 18px; background: #7ca53f url(../images/main_bg.gif) fixed center top; text-align: left; margin: 0       }





p { }

div { position: relative; float: left; }

td { }

h1 { color: #0086c7; font-size: 22px; font-family: "Comic Sans MS"; font-weight: bold; line-height: 24px; text-transform: uppercase; margin: 0; padding: 35px 30px 10px 30px; }

h2 { color: #006a9d; font-size: 14px; font-family: "Comic Sans MS"; font-weight: normal; line-height: 16px; text-transform: uppercase; margin: 0; padding: 25px 30px 5px 30px; }

h3 { color: #989898; font-size: 13px; font-family: "Comic Sans MS"; font-weight: bold; line-height: 16px; text-transform: uppercase; margin: 0; padding: 15px 30px 0 30px; }

h4 { color: #989898; font-size: 12px; font-family: "Comic Sans MS"; font-weight: bold; line-height: 13px; text-transform: uppercase; margin: -6px 0 0 0; padding: 0; }

h5 { color: #006a9d; font-size: 14px; font-family: "Comic Sans MS"; font-weight: normal; line-height: 16px; text-transform: uppercase; margin: 0; padding: 25px 30px 5px 30px; }

h6 { color: #006a9d; font-size: 13px; font-family: "Comic Sans MS"; font-weight: bold; line-height: 16px; text-transform: uppercase; margin: 0; padding: 15px 30px 20px 30px; }



.ryhmaotsikko {

 font-size: 18px;  font-weight: bold; 

 }



a:link, a:visited { color: #5b811f; text-decoration: none; }

/*a:visited { color: #6f9d25; }*/

a:hover { color: #1f8bcf; }

a:active { }



#basicarea { text-align: left; visibility: visible; margin: 0 auto; position: relative; width: 960px; float: none; }

#mainnavi { font-size: 13px; font-family: "Comic Sans MS"; text-transform: uppercase; position: relative; width: 100%; height: 50px; float: left; }

#mainnavi a { color: #fff; }

#mainnavi a:hover { color: #b4ff3c; }

#mainnavi div { color: #fff; background-repeat: no-repeat; position: relative; height: 50px; float: left; margin: 0; padding-top: 16px; }

#topspace { background-color: #fff; position: relative; width: 100%; height: 15px; float: left; }

#contentarea { background-color: #fff; position: relative; width: 100%; float: left; }

.n1item { background-image: url(../images/n1_item_bg.gif); text-align: center; width: 159px; }

.n1itemselected { background-image: url(../images/n1_item_bg_selected.gif); text-align: center; width: 159px; }

.n1middle { background-image: url(../images/n1_middle.gif); width: 1px; }

#n1start { background-image: url(../images/n1_start.gif); background-repeat: no-repeat; position: absolute; top: 15px; left: -10px; width: 10px; height: 50px; margin: 0; padding: 0; }

#n1end { background-image: url(../images/n1_end.gif); background-repeat: no-repeat; position: absolute; top: 15px; left: 960px; width: 10px; height: 50px; margin: 0; padding: 0; }

#mainimg { background-image: url(../images/main_img.jpg); background-repeat: no-repeat; width: 960px; height: 330px; }

#maincol { width: 675px; min-height:400px;}

#maincol p { margin: 0; padding: 10px 30px; }



#maincol img.prodimg {vertical-align: bottom;}



#maincolContent { margin: 0; padding: 0 10px 0 30px; }





#palaute .indent, #maincol .indent    { margin: 0; padding: 0 0 0 30px; }



#maincol p.ingress { font-size: 14px; font-weight: bold; line-height: 20px; padding-right: 30px; padding-left: 30px; }

#prdcol { font-size: 0; line-height: 0; position: absolute; top: 200px; right: 0; width: 265px; float: none; }

.prditem { line-height: 13px; background-image: url(../images/prdcol_item_area_bg.gif); background-repeat: repeat-y; }

.prditemtop { font-size: 0; line-height: 0; background-image: url(../images/prdcol_item_top.gif); background-repeat: no-repeat; width: 255px; height: 10px; float: right; }

.prditemmid { background-color: #fff; width: 255px; float: right; }

.prditembottom { font-size: 0; line-height: 0; background-image: url(../images/prdcol_item_bottom.gif); background-repeat: no-repeat; background-position: left top; width: 255px; height: 16px; float: right; }

.prditemdesc { width: 200px; float: right; }

.prditemimg { position: relative; float: left; display: block; }

#prdcol .prditemdesc h2 { margin: 0; padding: 0; }

#prdcol .prditemdesc h5 { margin: 0; padding: 25px 0px 25px 0px; }





#prdcol .prditemdesc p { color: #8d8d8d; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }

#extras { background-image: url(../images/prdcol_extras_bg.gif); background-repeat: no-repeat; background-position: left 10px; text-align: right; width: 265px; height: 285px; }

#laatumerkit { left: 30px; width: 412px; height: auto; z-index: 4; }



#pakkausbanneri2 { margin: 0; padding: 0 10px 0 30px; float:right;}



.smallcol { width: 465px; }

.smallcol2 { width: 265px; }





.laatumerkki { width: 103px; height: 96px; overflow: hidden; }

.laatumerkki:hover { overflow: visible; }

.laatumerkkioverIE6 { width: 103px; height: 96px; overflow: visible; }

.merkkikuvaus { background-color: #fff; position: absolute; top: 50px; left: 103px; width: 180px; height: 115px; float: none; border: solid 1px #acd; }



.merkkikuvausIso { background-color: #fff; position: absolute; top: 50px; left: 30px; width: 540px; float: none; border: solid 1px #acd; }



#laatumerkit .merkkikuvaus p { color: #7c7c7c; font-size: 11px; line-height: 13px; margin: 0; padding: 6px; }

#merkki1 { z-index: 5; }

#merkki2 { z-index: 4; }

#merkki3 { z-index: 3; }

#merkki4 { z-index: 2; }

#footer { background-image: url(../images/footer_img.gif); background-repeat: no-repeat; width: 100%; height: 70px; }

#footer p { color: #848484; font-size: 11px; margin: 0; padding-top: 18px; padding-left: 73px; }

#leftcol { width: 285px; }



#leftcol h2, #leftcol h3, #leftcol p  { margin: 0; padding: 10px 10px 0 20px; }



/* VANHASTA*/



.muukuva {

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 10px;

	margin-left: 0px;

}



/***********************************************/

/* popupit */

/***********************************************/ 



.tuotePopup {



}



.tuotePopup img {

	margin:0;

	padding:0;



}





.tuotePopup p {

	/*font-family: Arial,sans-serif;

	font-size:9pt;

	color: #000000;*/

	font-size:12px;

	/*margin-left: 3px;

	margin-bottom: 5px;

	margin-right: 3px;

	margin-top: 0px;*/

	margin:0;

	padding:0;

	line-height: 12px;

}



#popupHousuMaxi, #popupHousuMaxiplus, #popupHousuJunior, #popupHousuXL { 

	position:absolute; 

	width:514px; 

	z-index:2; 

	left: 30px; 

	top: 480px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

	border: solid 1px #acd;

	/*border:solid 1px #ff0000;*/

}



#popupTeippiNB, #popupTeippiMini, #popupTeippiMidi, #popupTeippiMaxi, #popupTeippiMaxiplus, #popupTeippiJunior  { 

	position:absolute; 

	width:514px; 

	z-index:2; 

	left: 30px; 

	top: 440px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

	border: solid 1px #acd;

	/*border:solid 1px #ff0000;*/

}

 

#popupAllergia {

	position:absolute; 

	width:540px; 

	z-index:2; 

	left: 30px; 

	top: 160px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

border: solid 1px #acd;

}



#popupJoutsen {

	position:absolute; 

	width:540px; 

	z-index:2; 

	left: 30px; 

	top: 190px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

border: solid 1px #acd;

}



#popupTCF {

	position:absolute; 

	width:540px; 

	z-index:2; 

	left: 30px; 

	top: 280px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

border: solid 1px #acd;

}





#popupMegalaatikko {

	position:absolute; 

	width:540px; 

	z-index:2; 

	left: 30px; 

	top: 210px; 

	background-color: #FFFFFF; 

	layer-background-color: #FFFFFF; 

	visibility: hidden;

	margin:0;

	padding:0;

border: solid 1px #acd;

}



.harjoittelu {

margin-right: 10px;

}

.moomin65 {

position: absolute;

top: 7px;

right: 10px;

height: 85px;

z-index: 100;

}