* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eca100;
}

.nowrap {
	white-space: nowrap
}

.external {
	background:transparent url(../images/external.gif) no-repeat scroll right center;
	padding-right:13px;
}

.internal_readmore_toggle {
	background:transparent url(../images/internal.gif) no-repeat scroll right center;
	padding-right:13px;
}

.alaviite {
	font-size:0.75em;
	font-style:italic;
	margin-top:-20px;
}

.ingressi {
	font-style:italic;
	font-weight:bold
}

#container {
	position:relative;
	width: 890px;
	height:auto;
	margin: 30px auto;
	padding: 10px 30px 30px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	background: url(../images/aurinkobg.png) no-repeat -10px -70px #ffdb35;
}

#container.etusivubg {	
	background: url(../images/d-vitamiini_logo.png) no-repeat 170px 22px #ffdb35;
}

/* 			MENU 			*/

/*
#retortti {
	position: absolute;
	left: -10px;
	top: -5px;
	width:351px;
	height:93px;
	background: url(../images/retorttibg.gif) no-repeat;
}
*/

#navbar {
	position:relative;
	margin-top:10px;
	height: 60px;
}

#navbar ul  {
	float: left;
	font-weight: bold;
	font-size: 12px; /*0.875em;*/
	line-height:12px;
}

#navbar ul li {
	float: left;
	display: block;
	list-style:none;
	height: 30px;
}

/*#navbar ul li a {*/
.roundedCornersMenu {
	position:relative;
	display:block;
	float:left;
	text-decoration: none;
	padding: 5px 10px;
	color: #c68700;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}


.current {
	color: #FFFFFF;
	background-color: #c68700;
	cursor:default;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}


span.bullet {
	position:relative;
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin: 6px -5px 0 -4px;
	background: transparent url(../images/bullet.png) center center no-repeat;
	z-index:10
}
/*
#navbar ul li a:visited{
	color: #c68700;
}
*/

#navbar ul li a:hover {
	color: #fff;
	background-color: #c68700;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}


#navbar ul li a img {
	display:inline;
	position:relative;
	top: -2px;
	left: -12px;
}


#header {
	width:100%;
	/*height: 120px;*/
	margin-bottom: 20px
}

#header h1{
	width: 520px;
	color:#eaa000;
	font-size: 2.5em;
	margin-left: 200px;
}

#header h1.etusivu{
	text-indent:-1000em;
	margin-bottom:40px;
}

#banner {
	position:absolute;
	width:100px;
	height:55px;
	top:70px;
	right:40px;	
	background-color:#ffdb35;
}

#header .breadcrumb {
	font-size: 9px;
	margin-left: 205px
}

#header .breadcrumb a{
	color:#725806
}

/* 
#navbar ul {
float: right;
font-weight: bold;
font-size: 14px;
letter-spacing: -0.5px;
}

* html #navbar ul{ 	//IE only rule, reduce menu width
width: 99%;
}

#navbar ul li{
float: right;
display: inherit;
}

#navbar ul li a{
float: left;
color: #c68700;
padding: 5px 16px 5px 18px;
text-decoration: none;
background: transparent url(../images/bullet.png) center left no-repeat;
}

#navbar ul li a:visited{
color: #c68700;
}

#navbar ul li a:hover{
color: #fff;
background-color: #ffe84f;
}


		// 		MENU 			*/



#bboxs {
	position:relative;
	width:890px;
	height:244px;
	margin-bottom:10px;
}

.bbox, #box1, #box2, #box3 {
	position:relative;
	float: left;
	height:244px;
	width:292px;
}

.bbox.gap, #box2{ 
	margin: 0 7px; /* 7px */
}

.bbox.aurinko {
	height:244px;
	width:292px;
	/*background: url(../images/box_aurinko.jpg) no-repeat;*/
}
.bbox.uutinen {
	height:244px;
	width:292px;
	background: url(../images/box_uutinen.jpg) no-repeat;
}
.bbox.tuotteet {
	height:244px;
	width:292px;
	/*background: url(../images/box_tuotteet.jpg) no-repeat;*/
}
.bbox.testi {
	height:244px;
	width:292px;
	background: url(../images/box_auringonkukka.jpg) no-repeat;
}

.bbox.uutinen .teksti {
	padding:18px 22px 22px 22px!important;
	width:248px;
	font-size:12px!important;
	font-weight:normal;
	line-height: 1.4em!important;
	color:#763406;
	text-align: left;
}
.bbox.uutinen h3 {
	font-size:16px!important;
	font-weight:bold;
	color:#763406;
}
.bbox.uutinen p {
	padding-top:5px;
	font-size:12px!important;
	font-weight:normal;
	color:#763406;
}
.bbox.uutinen a {
	font-size:12px!important;
	font-weight:bold;
	color:#763406;
}

.bbox.testi a{
	position:absolute;
	top: 188px;
	left: 22px;
	width: 200px;
	font-size:16px;
	font-weight:bold;
	line-height: 1.125em;
	color:#763406;
	text-align: right;
}


#sboxs {
	position:relative;
	width:890px;
	height:107px;
}

.sbox {
	position:relative;
	float: left;
	width: 168px;
	height: 107px;
	margin-right: 12px;
	cursor: pointer;

}


.last {
	margin-right: 0px !important;
}

.sbox #overlay {
	position:absolute;
	left: 0px;
	bottom: 0px;
	width: 168px;
	height: 22px;
	background: url(../images/fp_sbox_bottom.png) no-repeat;
}

.sbox a {
	text-decoration:none
}

/*
.sbox #overlay .hover {
	background: url(../images/fp_sbox_bottom_hover.png) no-repeat;
}
*/

.sbox #overlay p {
	color: #734e00;
	font-size:12px;
	padding: 4px 0 0 10px;
}







#footer {
	position:relative;
	border: 0px solid green;
	background-color:#ffdb35;
	height: 40px;
	margin-top:10px;
	}

#footer .nosto {
	position:relative;
	border: 0px solid green;
	width: 178px;
	height: 70px;
	float:left;
	color:#7f7956;
	font-size:0.75em;
	font-weight:bold;
}
#footer .nosto p {
	position:absolute;
	bottom:0;
	line-height: 2em;
}

#footer .tiedot {	
	position:relative;
	/*width: 532px;*/
	height: 40px;
	/*float:left;*/
	color:#9f6c00;
	font-size:0.75em;
	line-height: 2em;
}

#footer .tiedot p {
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center
}

#footer .tiedot a {
	text-decoration: none;
	color:#9f6c00;
}


#footer .tiedot a:hover {
	text-decoration: underline;
}


#footer .orion  {
	position:relative;
	border: 0px solid green;
	width: 178px;
	height: 70px;
	float:left;
	line-height: 2em;
}

#footer .orion img{
	float:right;
	position:absolute;
	right:15px;
	bottom:5px;
}

#footer .more_button {
	display:inline-block;
	position:relative;
	text-align:left;
	width: 189px;	
	height: 29px;
	margin-left: 5px;
}

/*
#footer .more_button a.more {	
	margin-left: 10px;
	vertical-align:middle;
	color:#000000;
}

#footer .more_button a.more:hover {
	text-decoration:none;
}
*/
#footer .more_button .nappi {
	display:inline-block;
	position:relative;
	width: 179px;	
	height: 29px;	
	padding-left: 10px;
	vertical-align:middle;
	color:#000000;
	background:url(../images/select_bg.png) 0 0 no-repeat; 
	z-index: 10;
	cursor: pointer;
}

#footer .more_button .sites {
	display:none;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width:189px;
	padding-bottom:1em;
	background-color:#CCCCCC;
	z-index:5;
	background:transparent url(../images/layer.png) top left no-repeat; 
}

#footer .more_button .sites a {
	margin-left: 10px;
	line-height:1.25em;
	color:#000000;
}

/* Show only to IE7 and below 
*:first-child+html #footer .sites  { right: 20px;} * html #footer .sites{right: 20px;}*/



#main {
	width:950px;
	margin-left: -30px;
	margin-right: -30px;
	/*min-height: 320px;
	height: auto !important;
	height: 320px; */
}

#main #left {
	float:left;
	width: 210px;
	background-color: #fbf0b3;
	min-height: 320px;
}

#main #right {
	float:right;
	width: 732px;
	background-color: #fbf0b3;
	min-height: 320px;
}

#main #sidebar {
	/*float:left;
	width: 210px;	
	background-color:#FFFFFF;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	padding: 20px 0;
}

/*Main Menu*/
#navigation ul {

}

#navigation .current {
	font-size:1em;
	/*background-color:#feef9d*/
}

#navigation ul li {
	font-size:0.75em;
	font-weight:bold;
	list-style:none; 
	padding: 5px 20px;
	/*color: #885e04; Muutin väriä. T. Rami */
	/*color: #eca100;*/
	color: #d29002;
	/*border-top:#fff solid; 
	border-bottom:#fff solid; 
	border-width:1px;
	cursor:pointer; */
}

#navigation ul ul li {
	font-size:1em;
	padding: 4px 20px;
}

#navigation ul ul li a{
	color:#000000;
	font-weight:normal
}

/*#navigation ul li:hover {background-color:#F90; position:relative;}*/

/*  	Sub Menu	*/
/*
#navigation ul ul {display:none; position:absolute; left:95px; top:5px; border:1px #fff solid; background-color:#FBF0B3; }
#navigation ul li:hover ul {display:block;}

#navigation ul ul li { width:150px; float:left; display:inline; border:none;}
#navigation ul ul li:hover {text-decoration:underline; border:none;}

#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:110px; background-color:#0099CC;}
#navigation ul ul li:hover ul {display:block;}
*/

#navigation ul li a {
	/*color: #885e04; Muutin väriä. T. Rami */
	/*color: #eca100;*/
	color: #d29002;
	font-weight:bold;
	text-decoration: none;
}
/*
#main #sidebar ul li:hover ul {display:block;}

#main #sidebar ul ul li {border:none; width:150px; float:left; display:inline;}

#main #sidebar ul ul {
	display:none;
	position:absolute;
	left:25px;
	top:5px;
	border:#fff solid;
	border-width:1px;
	background-color:#999;
}  


#main #sidebar ul ul li a {
	color: #333333;
}
*/

#main #content {
	/*float:right;
	width:682px;*/
	padding: 25px;
	font-size:0.813em;
	line-height: 1.375em;
}

#main #content h1 {
	width: 420px;
	padding-bottom: 2em;
	font-size:1.375em;
}

#main #content h2 {
	width: 420px;
	/*padding: 2em 0 2em; Pienensin paddingia ja vaihdoin väriä. T. Rami */
	color:#EAA000;
	padding: 0.75em 0 1em;
	font-size:1.125em;
}

#main #content p {
	width: 420px;
	padding-bottom: 1.25em;
}
#main #content p.saantisuositusteksti {
	font-size:0.85em;
}
#main #content .saantisuositusteksti {
	font-size:0.85em;
	display:block;
	padding-left:10px;
	
}

.super {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

#main #content img {
	/*float:right; Korjasin: floataaminen ei toiminut IE:llä. T. Rami */
	position:absolute;
	right:25px;
}

#main #content img.taulukkokuvitus {
	/*right: 70px;*/
	right: 70px;
}

#main #content span.tt {
	/*display:inline-block;*/
	color: #5f4300;
	border-bottom:1px dotted #5f4300;
	cursor:help
}

#main #content .nosto {
	float: right;
	position:relative;
	width: 160px;
	/*height: 300px;*/
	background-color: #eca100;
	color:#FFFFFF;
	text-align:center;
	margin-top: -40px;
	/*margin-right: -18px;*/
	margin-bottom:10px;
	padding: 30px 15px;
	font-weight: normal;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}
#main #content .quicklink {
	display:block;
	width:500px;
	text-align:right;
	font-size:0.75em;
	/*padding-bottom: 20px;
	margin-top:-20px*/
}

#main #testi {
	background-color:#fbf0b3;
	width: 100%;
	height: 530px;
}


#main table {
	display:block;
	width: 500px;
	margin-bottom: 14px;
	font-size: 0.875em;
	color:#000000;
}

#main table.saantisuositus {
	width: 400px;
}
#main table.saantisuositus_kapea {
	/*width: 400px;*/
	
	width: 250px;
	float:right;
	/*margin-right:-18px;*/
}


#main table tr.odd td {
	background-color:#FFFFFF
}

#main table tr.highlight td {
	background-color:#FFDB35;
	font-weight:bold;
	font-style:italic
}

#main th {
	width: 165px;
	text-align: left;
	padding: 6px;
	border: 1px solid #ecd259;
	border-right: none;
	color:#eaa000;
	background-color:#FFFFFF
}

#main th.notop {
	border-top: none;
}

#main td {
	border-left: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
}
#main td.bt {
  border-top: 1px solid #ecd259;
}

#main td.last, #main th.last{
	border-right: 1px solid #ecd259;
}

#main th.tl {
	/*border-right: none;*/
	-moz-border-radius-topleft: 10px;
}

#main th.tr {
	border-right: 1px solid #ecd259;
	-moz-border-radius-topright: 10px;
}


#main .bl {
	border-left: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
	-moz-border-radius-bottomleft: 10px;
}

#main .br {
	border-right: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
	-moz-border-radius-bottomright: 10px;
}

#main td {
	width: 165px;
	padding: 6px;
}
/*kapea taulukko*/
#main table.saantisuositus_kapea th {
	width: 250px!important;
	text-align: left;
	padding: 6px;
	border: 1px solid #ecd259;
	border-right: none;
	color:#eaa000;
	background-color:#FFFFFF
}

#main table.saantisuositus_kapea th.notop {
	border-top: none;
}

#main table.saantisuositus_kapea td {
	border-left: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
}

#main table.saantisuositus_kapea td.last, #main table.saantisuositus_kapea th.last{
	border-right: 1px solid #ecd259;
}

#main table.saantisuositus_kapea th.tl {
	/*border-right: none;*/
	-moz-border-radius-topleft: 10px;
}

#main table.saantisuositus_kapea th.tr {
	border-right: 1px solid #ecd259;
	-moz-border-radius-topright: 10px;
}


#main table.saantisuositus_kapea .bl {
	border-left: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
	-moz-border-radius-bottomleft: 10px;
}

#main table.saantisuositus_kapea .br {
	border-right: 1px solid #ecd259;
	border-bottom: 1px solid #ecd259;
	-moz-border-radius-bottomright: 10px;
}

#main table.saantisuositus_kapea td {
	width: 125px!important;
	padding: 6px;
}
/*kapea taulukko end*/

.tooltip { 
    display:none; 
    background-color:#FBF0B3; 
    border:2px solid #FFDB35; 
    max-width:300px;
    padding:10px; 
    color:#000; 
	font-size: 0.875em;
	-moz-box-shadow:0 0 20px #999; 
    -webkit-box-shadow:0 0 20px #999;  
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}



/* 				SLIDEMENU			*/

#slideMenu.closed{
	right:-485px;
}
 
#slideMenu{
	position:fixed;
	right:0;
	top:20px;
	width:480px;
	background-color:#FFDB35;
	border: 2px solid #ECA100;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	-moz-box-shadow:0 0 20px #999; 
    -webkit-box-shadow:0 0 20px #999; 
	z-index:20;
}
 
#slideMenu a.toggleBtn{
	position:absolute;
	left:-27px;
	top:0;
	outline:none;
	display:block;
	height:87px;
	width:27px;
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 5px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow.gif) no-repeat;
	z-index:20;
}
 
#slideMenu a.toggleBtnHighlight{
	position:absolute;
	left:-27px;
	top:0;
	outline:none;
	display:block;
	height:87px;
	width:27px;
	border-width:1px 1px 1px 0px;
	margin:0;
	padding:0 5px 0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/arrow.gif) no-repeat 0px -88px;
	z-index:20;
}
 
#slideMenu .content{
	padding:10px;
	width:400px;
	z-index:20;
}

#slideMenu .content p{
	font-size: 0.75em;
	padding-bottom:1em

}

#slideMenu ul{
	list-style:none

}
#sanasto {}

* html #sanasto {display:none;}

#kuva-uutuudet
{
	position:absolute;
	right: 0px;
	/*float:right;*/
	margin-bottom:10px;
	height:360px;
	width:250px;
}

#main #content #kuva-uutuudet img
{
	position: relative;
	right: 0px;
	margin-bottom: 10px;
}

#kuva-tuotteet
{
	position:relative;
	float:right;
	height:180px;
}


#drops-kisa {
	position: absolute;
	width:182px;
	height:86px;
	left: -5px
}