/* CSS Document */

body{
	background-color: #fff;
	margin: 0px;
	font-size: 12px;
	line-height: 1.5;
	color: #535353;
	font-family: Arial, Helvetica, sans-serif;
}

#container{
	position: relative;
	margin: 0px auto;
	width: 985px;
	overflow: hidden;
	min-height: 450px;
}

#top{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 985px;
	height: 114px;
	z-index: 1;
}

#top-print{
	display: none;
}

#content{
	margin: 23px 5px 0px 10px;
	width: 970px;
	min-height: 500px;
	overflow: hidden;
}



/* NAVIGAATIO + HAKU + VIIHDENOSTO */
#left{
	float: left;
	margin: 83px 10px 20px 0px; /* margin: 83px 10px 20px 0px; */
	width: 170px;
}

#navi{
	position: relative;
	width: 170px;
	margin: 0;
	font-size: 14px;	
	z-index: 2;
}

#targetgroup_navi{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 384px;
	height: 24px;
}

#allergialogoWrapper{
	width: 290px;
	float: left;
}

#targetgroup_navi-2011-06{
	width: 435px;
	height: 24px;
	float: left;
	margin-top: 34px;
	padding-left: 50px;
	overflow: hidden;
	text-align: left;
}

a.tg_navi-2011-06{	
	float: right;
	margin-right: 10px;
	display:block;
	text-decoration: none;
	width: 81px;
	padding: 0px 0px;
	color: #fff;
	text-align: left;
}

a.tg_navi-2011-06:hover{
	text-decoration: none;
}

a.tg_navi-youth{	
	float: right;
	margin-right: 0px;
	display:block;
	text-decoration: none;
	width: 150px;
	padding: 0px 0px;
	color: #fff;
	text-align: left;
}

a.tg_navi-youth:hover{
	text-decoration: none;
}

a.tg_navi{	
	float: left;
	margin-right: 10px;
	display:block;
	text-decoration: none;
	width: 81px;
	padding: 4px 0px;
	color: #fff;
	text-align: left;
}

a.tg_navi:hover{
	text-decoration: none;
}

a.mainnavi{
	width: 165px;
	display: block;
	color: #00654e;
	padding: 3px 0 3px 5px;
	border-bottom: 1px solid #dbdbdb;
}

a.mainnavi:hover{
	text-decoration: none;
}

#navi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#navi li{
	color: #00654e;
	font-size: 12px;
	padding: 3px 0 3px .8em;
	border-bottom: 1px solid #dbdbdb;		
}

#navi li.subnavli{
	color: #999999;
	border-bottom: 0px;	
}

#navi li.active{
	font-weight: bold;
	color: #999999;	
	border-bottom: 0px;		
}
/* NAVIGAATIO */



/* ETUSIVU */
#center_fp{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 283px;
	border: 0px solid #080;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	padding-top: 150px;
}

.center_fp{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 283px;
	border: 0px solid #080;
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	padding-top: 150px;
}

#center_fp-2011-06{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	/*height: 257px;*/
	border: 0px solid #080;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
	padding-top: 90px;
}

#center_fp_content-2011-06{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 258px;
	border: 0px solid #080;
	overflow: hidden;
	/*background-color: #f00;*/
	/*position: absolute;*/
}


#center_fp-2011-12{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	/*height: 257px;*/
	border: 0px solid #080;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
	padding-top: 90px;
}

#center_fp_content-2011-12{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	border: 0px solid #080;
	overflow: hidden;
	/*background-color: #f00;*/
	/*position: absolute;*/
}

#center_fp_content-2011-12 #text_fp2{
	width: 400px;
	margin-bottom: 30px;
}

#center_fp_content-2011-12 #text_fp2 p{
	width: 400px;
}

.center_fp_content{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 283px;
	border: 0px solid #080;
	overflow: hidden;
	position: absolute;
}

#center_fp_content{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 283px;
	border: 0px solid #080;
	overflow: hidden;
	position: absolute;
}

#center_fp_rightsidevideo{
	width: 420px;
	float: right;
	height: 300px;
	background-color: #000000;
}

#center_fp-new{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 257px;
	border: 0px solid #080;
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
	padding-top: 90px;
}

#center_fp_content-new{
	float: left;
	margin: 0px 0px 0px 15px;
	width: 775px;
	height: 257px;
	border: 0px solid #080;
	overflow: hidden;
	position: absolute;
}

#fp-middleWrapper{
	width: 775px;
	margin: 0;
	padding: 0 0 2px 0;
	float: left;
	overflow: hidden;
}

#center{
	float: left;
	margin: 70px 0px 20px 15px;
	width: 520px;
}


#box_container{
	width: 775px;
	float: left;
	margin: 0px 0px 20px 15px;
	overflow: hidden;
	position: relative;
	padding-top: 0px;
/*	background-color: #f00;*/
}


*html #box_container{
	/*background-color: #0f0;*/
}


#box_container-new{
	width: 775px;
	float: left;
	padding: 0px 0px 20px 15px;
	overflow: hidden;
	position: relative;
	/* background-color: #009900; */
}

.box{
	float: left;
	margin-right: 0px;
	/*overflow: visible;*/
	padding: 5px 5px 5px 5px;
	text-align: center;
}

*html .box{
	/*fackground-color: #f0f;*/
}

.box-new{
	float: left;
	overflow: hidden;
}



/* etusivun nosto 1 */
#box1{
	border-right: 1px solid #fff; /*#bbd072;*/
	float: left;
	width: 377px;
	margin-right: 0px; 
	text-align: left;  
	overflow: hidden;
}

*html #box1{
	/*background-color: #ffa;*/
}

#box1-new{
	float: left;
	width: 242px;
	text-align: left;
	padding: 5px 5px 0px 10px; 	
	/*background-color: #FF9900;*/
}

#box1-new2{
	float: left;
	width: 220px;
	text-align: left;
	padding: 5px 5px 0px 10px; 	
	/*background-color: #FF9900;*/
}

#box1-new h3{
	line-height: 1.3;	
}

/* etusivun nosto 2 */
#box2{
	float: left;
	width: 377px;
	margin: 0px 0px; 
	text-align: left; 
	overflow: hidden;
	position: relative;
	height: 190px;	
	/*background-color: #fafafa;*/
}

*html #box2 img{
	position: absolute;
	top: 10px;
	left: 0;
	padding-left: 5px;

}

#box2-new{
	float: left;
	width: 257px;
	text-align: left; 
	padding: 5px 5px 0px 5px;
	overflow: hidden;
	/*background-color: #FF3300;*/
}

#box3{
	float: left;
	width: 210px;
	height: 65px;
	position: absolute;
	right: 0px;
	top:40px;
}

#box3-new{
	float: left;
	width: 238px;
	text-align: left; 
	padding: 5px 5px 0px 5px;
}

#box2box3banner{
	float: left;
	width: 500px;
	height: 195px;
	text-align: left;
	/*background-color: #FF3300;*/
}

#box2box3banner2{
	float: left;
	width: 540px;
	height: 195px;
	text-align: left;
	/*background-color: #FF3300;*/
}


#ukk{
	list-style-image: none;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#ukk li{
	font-weight: bold;
	color: #00654e;
	margin-top: 1.5em;
}

#ukk p{
	color: #535353;
	font-style: normal;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #eee;
	background-color: #fdfdfd;
}


#text_fp{
	width: 320px;
}

#center_fp_content-2011-06 #text_fp2{
	width: 350px;
}

#text_fp p{
	width: 320px;
}

#center_fp_content-2011-06 #text_fp2 p{
	width: 300px;
}

h1#fp{
	font-size: 30px;
	margin-bottom: 15px;
}

#fp_mp3{
	float: left;
	margin-top: 12px;
}

ul#fplinks{
	margin: .5em 0;
	padding: 0px 0px 0px 20px;
}

ul#fplinks li{
	list-style-image: url(../pics/green-arrow.gif);
	margin-top: 5px;
	padding-left: 0px;
}

#text{
	overflow: hidden;
	width: 700px;
	border: 0px solid #f00;
	margin-bottom: .5em;
}

#text_prod{
	overflow: hidden;
	width: 520px;
	border: 0px solid #f00;
	margin-bottom: .5em;
}

#news_fp_text {
	width: 773px;
	border: 0px solid #f00;
	overflow: hidden;
	margin-bottom: .5em;
}

#target_text{
	overflow: hidden;
	width: 750px;
	margin-bottom: .5em;	
}

#target_text a{
	font-weight: bold;
}

td.targetcell{}
td.targetimg{
	width: 60px;
	text-align: center;
}
td.targetimg img{
	clear: both;
}

#left-col{
	float: left;
	width: 350px;
	overflow: hidden;
	margin-right: 50px;
}

#right-col{
	float: left;
	width: 350px;
	overflow: hidden;
	margin-right: 0px;
}

/* PRODUCT */

#text-left{
	float: left;
	width: 300px;
	overflow: hidden;
	margin-right: 20px;
}

#text-right{
	float: left;
	width: 200px;	
	overflow: hidden;
	border: 0px solid #088;	
}


#incbox_body{
	background-image: url(../pics/prod/incbox_body.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #f2f6e6;
	width: 178px;
	color: #999;
	overflow: hidden;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	border-left: 1px solid #dce5a5;
	border-right: 1px solid #dce5a5;	
	
}

#ey_ainesosaluettelo{
	overflow: hidden;
	display: none;
}

#ey_ainesosaluettelo ul{
	margin-left: 1.5em;
	margin-bottom: .5em;
	padding: 0;
	font-size: 11px;
}

#incbox_foot{
	background-image: url(../pics/prod/incbox_foot.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 460px;
	height: 9px;
	overflow: hidden;	
}

#prod_buttons_box{
	margin-top: 10px;
	background-image: url(../pics/prod/prod_btns_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	border-left: 1px solid #d5e2ad;
	border-right: 1px solid #d5e2ad;
	width: 180px;
	overflow: hidden;
	padding: 10px;
	border: 0px solid #666;
}

#sendform_slide{
	overflow: hidden;
}

#send_link_block{
	margin-top: .5em;
	font-size: 11px;
	margin-left: 17px;
	display: none;
}

#send_link_block input.field{
	font-size: 11px;
	width: 130px;
}

.submit {
	margin-top: .5em;
	color: #fff;
}

.success{
	color: #5d9225;
	font-weight: bold;
}

.small{
	font-size: 11px;
}

#prod_selector{
	margin: 10px 0;
	border: 0px solid #ff0;
	overflow: hidden;
	clear: both;
	width: 520px;
	float: left;
}

table#product_selector{
	width: 100%;
	margin: 0px;
}

td.question{
	color: #00654e;
	border-top: 1px solid #dce5a5;
	padding: 3px 0px;
}

td.question_notop{
	color: #00654e;
	padding: .5em 0px;
}

td.selector_img{
	width: 100px;
	border: 1px solid #dce5a5;
	background-color: #fff;
	padding: 20px 10px 5px 10px;
	text-align: center;
}

td.selector_prodlink{
	padding-left: 1em;
	font-size: 14px;
	font-weight: bold;
	width: 420px;
}


.dgreentab {
	background-image: url(../pics/prod/dgreen_tab.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 199px;
	height: 16px;
	overflow: hidden;
	padding: 6px 1em;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.lgreenbox_head{
	background-image: url(../pics/prod/lgreenbox_head520.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 520px;
	height: 9px;
	overflow: hidden;
	margin: 0px;
}
.lgreenbox_body{
	background-image: url(../pics/prod/lgreenbox_body520.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0px 10px 5px 10px;
	overflow: hidden;
	margin: 0;
}

.lgreenbox_foot{
	background-image: url(../pics/prod/lgreenbox_floor520.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 520px;
	height: 9px;
	margin: 0px;
	overflow: hidden;	
}


#right{
	float: right;
	width: 230px;
	margin-top: 120px;
	overflow: hidden;
}


#prod_img{
	width: 230px;
	text-align: center;

}

#prod_logos{
	width: 230px;
	margin-top: 20px;
	text-align: center;
}

#allergiatext{
	margin: 0px;
	text-align: left;
	font-size: 11px;

	background-image: url(../pics/prod/prod_btns_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	border-left: 1px solid #d5e2ad;
	border-right: 1px solid #d5e2ad;
	width: 170px;
	overflow: hidden;
	padding: 10px;
	padding-left: 20px;
	border: 0px solid #666;	
}

#allergialogo{
	margin: 10px 10px 20px 10px;
	border: 0px;
}

#avainlippu{
	margin: 20px 20px 20px 10px;
	border: 0px;	
}

/* PRODUCT */

#pretext{
	margin: 0 0 .5em 0;
	color: #00654e;
	font-size: 14px;
	line-height: 1;	
	font-weight: bold;
}

h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #00654e;
	font-weight: normal;
	margin: 0 0 .5em 0;
	line-height: 1;
}	

h1#prod_name{
	font-size: 30px;
}

h2{
	margin: .5em 0 .5em 0;
	color: #00654e;
	font-size: 18px;
	line-height: 1;	
	font-weight: normal;	
}

h3{
	margin: 1em 0 .5em 0;
	color: #00654e;
	font-size: 14px;
	line-height: 1;	
	font-weight: bold;	
}

h2.news{
	margin: 0px 0px .5em 0px;
}
h3.news{
	margin: 0px 0px 1.5em 0px;
}

#short_news{
	float: left;
	clear: left;
	width: 400px; 
	overflow: hidden;
}

#news_fp_img{
	width: 350px;
	float: right;
	overflow: hidden;
}

#news_fp_flashWrapper{
	width: 350px;
	float: right;
	overflow: hidden;
}

#news_fp_vid{
	width: 350px;
	float: right;
	overflow: hidden;
}

#news_fp_mp3{
	width: 350px;
	float: right;
	overflow: hidden;
}


p{
	margin: .5em 0;
}

.newsdate{
	margin: .5em 0px 0px 0px;
	color: #00654e;
	font-weight: bold;
}

.error{
	color: #f00;
}

.success{
	color: #080;
}

/* FACEBOOK */
#facebookpanel{
	width: 170px;
	float: left;
	margin: 10px 0 10px 0;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
}

a.facebook{
	width: 145px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: 5px;
	padding: 3px 0px 5px 30px;
	background:url(../pics/facebook-icon.gif) no-repeat top left;
	color: #1959a1;
}

a.facebook:hover{
	color: #000;
	text-decoration: none;
}


/* SEARCH */
#searchpanel {
	float: left;
	margin: 0px 0 10px 0;
	width: 170px;
}

#searchpanel_head{
	width: 170px;
	height: 26px;
	background-image: url(../pics/searchpanel/headbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 1em;
	color: #fff;
	font-weight: bold;
}

#searchpanel_content{
	padding: 10px;
	background-color: #dce6b5;	
}

#searchpanel_bottom{
	width: 170px;
	background-color: #dce6b5;	
}

#searchform{
	margin: 0;
}

#searchfield{
	font-size: 10px;
	width: 90px;
	margin: 0 5px 0px 0;
}

#searchbutton{
	position: relative;
	top: 4px;
}

.searchrow{
	margin: .2em 0;
}

#searchcheckbox{
	margin: 0px;
	padding: 0px;
}

/* SEARCH */


/* ALLERGIALINKIT PANEL */
#allergialinkit_panel{
	float: left;
	margin: 0px 0 10px 0;
	width: 170px;
}
/* ALLERGIALINKIT PANEL */


/* CONTEST */
#contestpanel {
	margin: 0px 0 20px 0px;
	width: 170px;
}

#contestpanel_head{
	width: 170px;
	height: 13px;
	background-image: url(../pics/contestpanel/contest_head.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#contestpanel_left{
	width: 12px;
	background-image: url(../pics/contestpanel/contest_left.gif);
	background-repeat: repeat-y;
}
#contestpanel_right{
	width: 12px;
	background-position: left;
	background-image: url(../pics/contestpanel/contest_right.gif);
	background-repeat: repeat-y;
}

#contestpanel_content{
	background-color: #c3dc80;
	background-image: url(../pics/contestpanel/contest_bg.jpg);
	background-repeat: repeat-x;
	padding: 0px 10px;
}
#contestpanel_foot{
	width: 170px;
	height: 13px;
	background-image: url(../pics/contestpanel/contest_foot.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


#erisan-15-vuotta{
	padding: 20px 10px 10px 0px;
}

#logopanel{
	padding: 20px 10px 10px 20px;
}
#logopanel-right{
	margin-top: 0px;
	float: right;
	padding: 20px 10px 10px 20px;
}


a{
	color: #00654e;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.readmore{
	color: #00654e;
	text-decoration: none;
}

a.redmore:hover{
	text-decoration: underline;
}




#footer{
	position: relative;
	width: 970px;
	height: 70px;
	border-top: 6px solid #bbd072;
	margin: 0px 5px 10px 10px;
	clear: both;
}

a.footerlink{
	color: #535353;
	text-decoration: none;
	margin-right: 20px;
}

a.footerlink:hover{
	color: #535353;
	text-decoration: underline;
}

#suomenparhaat{
float: right;
margin-top: 3px;
width:  150px;
}


img{
	behavior: url("include/js/pngbehavior.htc");
}

table#feedback{
	float: left;
	width: 400px;
	margin-top: 20px;
}

table#feedback td{
	padding: 2px 0;
}

.feedbackfield{
	width: 200px;
}

.feedback-replyrequest{
	padding: 10px 5px 10px 2px;
	border-bottom: 1px dotted #93b74a;
}

.feedback-leftcheckbox{
	float: left; 
	margin-right: 10px;
}

.feedback-rightlabel{
	width: 210px;
	float: left;
	padding-bottom: 5px;	
}

/* KISA */

#kilpailuform{
	margin-top: 1em;
}

#kilpailutable{
	width: 450px;
}

td.contest-question{
	color: #00654e;
	font-weight: bold;
	padding: 3px 0px;
}

td.contest-answer{
	color: #00654e;
	border-bottom: 1px solid #dce5a5;
	padding: 3px 0px 10px 0px;
}


/* TESTIRYHMÄFORMI */

#testiryhmaform{
	margin-top: 1em;
}

#testiryhmatable{
	width: 550px;
}

#testiryhmatable td {
	line-height: 12px;
	padding: 5px 0 0 0;
}

#testiryhmatable tr:hover {
	/*background-color: #eee;*/
}

#testiryhmatable .inputfield{
	width: 240px;
	height:15px;
	background:url(../pics/inputfield.gif) no-repeat left top;
	border:none;
	padding: 4px 8px;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
#testiryhmatable .selectfield{
	width: 251px;
	height:24px;
	background:url(../pics/inputfield.gif) no-repeat left top;
	border:none;
	padding: 4px 1px 5px 4px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fbfcf7;
	margin: 0 0 5px 0;
}


/* POSTIKORTTI */
#cardpage{
	float: left;
	overflow: hidden;
	width: 740px;
}

#card_content{
	float: left;
	width: 285px;
	overflow: hidden;
}

#card_msg{
	height: 338px;
	width: 285px;	
	overflow: auto;
}

.inputfield{
	width: 240px;
	height:15px;
	background:url(../pics/inputfield.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

.kisatextarea{
	margin-left: 1px;
}

.textarea{
	width: 240px;
	height:80px;
	background-color: #fbfcf7;
	border: 1px solid #93b74a;
	padding:0px 0px 0px 8px;
}

textarea.error{
	background-color: #ffe3e3;
	color: #535353;
}

#card{
	float: right;
	width: 455px;
	overflow: hidden;
}

#cardimg{
	width: 455px;
	height: 338px;	
}

#card_selection {
	float: right;
	overflow: hidden;
	text-align: right;
	padding-right: 10px;
	clear: both;
}

.card_sel_btn{
	float: left; 
	margin-right: 3px;
}

#card_btn_title, 
#cardbtns{
	float: right;
	margin-left: 1em;
}


.selectcard {
	display: block;
	float: left;
	font-size: 11px;
	width: 25px;
	height: 25px;
	padding: 5px;
	background-color: #82a946;
	color: #fff;
	border: 1px solid #fff;
	border-collapse: collapse;	
	text-align: center;
	text-decoration: none;
	opacity: .60;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	cursor: pointer;
}

.selectcard:hover {
	background-color: #82a946;
	opacity: .95;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	cursor: pointer;
}

.selectcard_over {
	display: block;
	float: left;
	font-size: 11px;
	width: 25px;
	height: 25px;
	padding: 5px;
	background-color: #82a946;
	color: #fff;
	border: 1px solid #fff;
	border-collapse: collapse;	
	text-align: center;
	text-decoration: none;
	opacity: .95;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	cursor: pointer;	
}

.selectcard_over:hover {}


table.target{
	margin-bottom: 1.5em;
}

td.targethead{
	font-weight: bold;
	background-color: #adca5d;
	color: #fff;
	padding: 2px 1em;
}

td.targetbody{
	
}

#returnlink{
	width: 550px;
	float: left;
}

#erisan15v_kuvat,
#erisan15v_juhlakuvat,
#erisan15v_juhlavieraat{
	width: 430px;
	margin-right: 0px;
	overflow: hidden;
	float: left;
}
#erisan15v_juhlavieraat
{
	margin-top: 20px;
}

#erisan15v_juhlakuvat img{
	border: none;
}