/* 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: 680px;
	overflow: hidden;
	min-height: 450px;
}

#top{
	display: none;
}
#top-print{
display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 680px!important;
	height: 79px;
	z-index: 1;
}

#content{
	position: relative;
	margin: 90px 5px 0px 10px;
	width: 665px;
	min-height: 350px;
	overflow: hidden;
	z-index: 10;
	
}
/*right vie 280px;*/

#left{
	display: none;
}

/*ETUSIVU*/
#targetgroup_navi{
	display: none;
}



#box_container{
	width: 665px;
	float: left;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	position: relative;
}

#box_container-new{
	width: 665px;
	float: left;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	position: relative;
	/* background-color: #009900; */
}

.box{
	float: left;
	margin-right: 0px;
	height: 115px;
	overflow: visible;
	padding: 10px 5px;
	text-align: center;
}

.box-new{
	float: left;
	overflow: hidden;
}



/* etusivun nosto 1 */
#box1{
	border-right: 1px solid #bbd072;
	float: left;
	width: 200px;
	margin-right: 10px; 
	text-align: left;  
}

#box1-new{
	float: left;
	width: 195px;
	text-align: left;
	padding: 5px 5px 0px 10px; 	
	/*background-color: #FF9900;*/
}


/* etusivun nosto 2 */
#box2{
	float: left;
	width: 200px;
	margin: 0px 10px; 
	text-align: left; 
	border-right: 1px solid #bbd072;	
}

#box2-new{
	float: left;
	width: 195px;
	text-align: left; 
	padding: 5px 5px 0px 5px;
	/*background-color: #FF3300;*/
}

#box3{
	float: left;
	width: 200px;
	height: 65px;
	position: absolute;
	right: 0px;
	top:40px;
}

#box3-new{
	float: left;
	width: 195px;
	text-align: left; 
	padding: 5px 5px 0px 5px;
	/*background-color:#FF0000;*/
}
/*ETUSIVU*/


/*AJANKOHTAISTA*/

#news_fp_vid,
#news_fp_img{
	display: none;
}

#center{
	float: left;
	margin: 0px 0px 20px 0px;
	width: 385px;
}
#text_prod{
	overflow: hidden;
	width: 385px;
	border: 0px solid #f00;
	margin-bottom: .5em;
}

#text,
#news_fp_text{
	width: 665px;
}

#text-left{
	float: left;
	width: 365px;
	overflow: hidden;
	margin-right: 20px;
}

#prod_buttons_box{
	display: none;
}
#show_ey_incibtn{
	display: none;
}
#ey_ainesosaluettelo{
	display: block;
}

#ey_ainesosaluettelo ul{
	margin-left: 1.5em;
	margin-bottom: .5em;
	padding: 0;
	font-size: 11px;
}

/*POSTIKORTTI*/
/* 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;
}

.textarea{
	width: 240px;
	height:80px;
	background-color: #fbfcf7;
	border: 1px solid #93b74a;
	padding:0px 0px 0px 8px;
}

#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 {}


/*VOIDEVALITSIJA*/
.dgreentab{
	margin: 1em 0 0 0;
	font-weight: bold;
}


#prod_selector{
	margin-top: 1em;
}

.lgreenbox_foot{
	border-bottom: 1px solid #00654e;
	margin-top: 1em;
	margin-bottom: 1em;	
}

#selector{
	font-weight: bold;
	color: #00654e;
}

td.question{
	color: #00654e;
	border-top: 1px solid #dce5a5;
	padding: 3px 0px;
}

td.question_notop{
	color: #00654e;
	padding: .5em 0px;
}


/*RIGHT*/
#right{
	float: right;
	width: 230px;
	margin-top: 10px;
	overflow: hidden;
}


#prod_img{
	width: 230px;
	text-align: center;

}

#prod_logos{
	width: 230px;
	margin-top: 20px;
	text-align: center;
}

#allergialogo{
	margin: 10px 10px 20px 10px;
	border: 0px;
}

#avainlippu{
	margin: 20px 20px 20px 10px;
	border: 0px;	
}

/*RIGHT*/



/* NAVIGAATIO */
#navi{
	display: none;
}


/*LINKIT*/
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*/

#footer{
	position: relative;
	width: 970px;
	height: 70px;
	border-top: 6px solid #bbd072;
	margin: 1em 5px 10px 10px;
	clear: both;
}

a.footerlink{
	display: none;
}




/* PRINT TYPOGRAPHY */

#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#fp{
	font-size: 32px;
}

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: .5em 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;
}
p{
	margin: .5em 0;
}

.newsdate{
	margin: .5em 0px 0px 0px;
	color: #00654e;
	font-weight: bold;
}

.error{
	color: #f00;
}

.success{
	color: #080;
}

/*PRINT TYPOGRAPHY*/





