/* HEADER STYLES 
---------------------------------------------------------------------*/
body {
	margin: 0px 0px 8px 0px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.2;
}

#logo {
	margin: 0 auto;
	width: 770px;
	padding-bottom: 10px;
}

#naviarea {
	position: relative;
	margin: 0 auto;
	width: 770px;
	height: 21px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
	overflow: visible;
}

#navibuttons {
	position: absolute;
	padding: 0px;
}


#inlineform {
	position: absolute;
	left: 610px;
	top: 2px;
	display: block;
	padding-right: 10px;
}

#search {
	float: right;
	font-size: 10px;
	height: 10px;
	position: relative;
	border-collapse: collapse;	
}

input#searchfield {
	font-size: .8em;
	width: 100px;
	height: 10px;
	vertical-align: middle;
	margin-right: 10px;
}

input#searchbutton {
	vertical-align: middle;
}


/* CONTENT STYLES 
---------------------------------------------------------------------*/
#main {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	border-top: 8px solid #ffc800;
}

.brand_color {
	background-image: url(../pics/multitabs/bg_gradient.jpg);
	background-repeat:repeat-x;
	background-color: #ffca07;
}

#slogan {
	margin-top: 10px;
}

#content {
	margin: 0 auto;
	width: 770px;
	background-color: #fff;
}

#kyllaaititietaa{
	padding: 0px 20px 10px 0px;
}

#kyllaaititietaa_lumipalloetusivu{
	padding: 15px 20px 10px 20px;
}

#subnav {
	padding: 20px 10px; 
	width: 190px;
	border-right: 1px solid #fff2c4;
}


#subnav h4 {
	font-size: 12px;
	border-bottom: 1px solid #666;
	margin-bottom: 0px;
	margin-top: 0px;	
}

#subnav ul.first {
	margin-top: 5px;
}

#subnav ul {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 11px;
	font-weight:normal;
	list-style-type: none;
}

#subnav li {
	padding-left: 5px;
	border: 1px solid #fff;	
}

#subnav li.active {
	color: #fcc400;
	font-weight:bold;
}

.divider {
	color: #666;
	font-weight:bold;
	padding: 5px 0px;
}


/* frontpage */
#frontpage {
	margin: 0px;
	padding: 0px 0px 0px 0px;
} 

#frontpage_textarea{
	padding: 10px 20px;
}

#frontpage_textarea_bottomborder {
	padding: 10px 20px;
	border-bottom: 3px solid #ffc800;
}

/* BTS 2009 */
#frontpage_wide_textarea_bottomborder {
	padding: 0;
	width: 770px;
	height: 320px;
	border-bottom: 3px solid #ffc800;
}

#bts-flash{
	width: 770px;
	height: 338px;
	overflow: hidden;
	/*background: url(../pics/multitabs/fiilis/multitabs-back-to-school-2009.jpg) bottom left no-repeat #ffe000;*/
	z-index: 1;
	position: relative;
}

#bts-no-flash{
	position: relative;
	padding: 10px 20px;
	width: 730px;
	height: 320px;
	background: url(../pics/multitabs/fiilis/multitabs-back-to-school-2009.jpg) bottom left no-repeat #fff;
}

a#kisalaimake{
	display: block;
	position: absolute;
	width: 130px;
	height: 130px;
	right: 10px;
	top: 30px;
	border: none;
}


/* BTS 2010 */

#fp-bts-2010{
	padding: 0;
	width: 360px;
	padding: 10px;
	border: none;
}

h1.bts-2010{
	color: #d20019;
	font-size: 28px;
	font-weight: normal;
}

div#bts-2010-lukkari{
	position: relative;
	width: 390px;
	min-height: 472px;
	overflow: hidden;
	background: url(../pics/multitabs/fiilis/bts-2010-minien-aakkoset.jpg) top left no-repeat #d7dfe5;
}

*html div#bts-2010-lukkari{
	height: 473px;
}

a#lukkarilinkki{
	position: absolute;
	width: 390px;
	height: 90px;
	top: 370px;
	left: 0px;
}

a#lukkarilinkki:hover{
 border: 0;
 text-decoration: none;
}


#frontpage_wide_textarea_bottomborder  	h1.frontpage-title-bts2009{
	text-align: left; 
	margin: 0; 
	margin-bottom: 20px;
	line-height: 1;
	padding-right: 10px; 
	color: #333;
	font-size: 22px;
	font-weight: bold;
}

#frontpage_wide_textarea_bottomborder p{
	color: #333;
	width: 600px;
}

#frontpage_wide_textarea_bottomborder a{
	color: #333;
	text-decoration: underline;
}

#frontpage_wide_textarea_bottomborder a:hover{
	color: #333;
	text-decoration: none;
}

#bts-osallistu-kisaan{
	text-align: left;
	margin: 0px 10px 10px 30px;
	width: 130px;
	height: 130px;
	float: left;
	border: none;
	clear: both;
}

#frontpage_left_miniomega3{
	background: url(../pics/multitabs/fiilis/multitabs-bts-miniomega.jpg) top right no-repeat;
	width: 416px;
	height: 138px;
}

#frontpage_left_miniomega3 h2{
	margin: 10px 10px;
	padding: 0;
	color: #fff;
	font-size: 16px;
}

#frontpage_left_miniomega3 p{
	margin: 10px 10px;
	padding: 0;
	color: #fff;
	width: 250px;
	font-size: 12px;
	font-weight: normal;
}

#frontpage_left_miniomega3 a{
	color: #fff;
	width: 250px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

#frontpage_left_miniomega3 a:hover{
	text-decoration: none;
}


#frontpage_right_lukkari{
	background: url(../pics/multitabs/fiilis/multitabs-bts-lukujarjestys.jpg) top right no-repeat;
	width: 385px;
	height: 138px;
}


#frontpage_right_lukkari h2{
	margin: 0;
	padding: 0;
}
#frontpage_right_lukkari h2 a{
	display: block;
	width: 180px;
	margin-left: 190px;
	margin-top: 25px;
	color: #333;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
}
#frontpage_right_lukkari h2 a:hover{
	text-decoration: underline;
}
/* //BTS 2009 */



/* SYYSKAMPANJA 2009 */
#frontpage_tv{
	padding: 10px 0 0 0;
	border-bottom: 3px solid #ffc800;
}

#frontpage_right_kisa{
	background: url(../pics/multitabs/fiilis/multitabs-syksy-2009-sateenvarjo.jpg) top left no-repeat;
	width: 390px;
	height: 138px;
}

#frontpage_right_kisa h2{
	font-size: 24px;
	font-weight: normal;
	color:#fff;
	margin-left: 160px;
	margin-top: 15px;
	text-align: center;
}

#frontpage_right_kisa h2 a{
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}
#frontpage_right_kisa h2 a:hover{
	text-decoration: underline;
}



#frontpage_right_omega{
	background: url(../pics/multitabs/fiilis/multitabs-omeganosto.jpg) top left no-repeat;
	width: 390px;
	height: 138px;
}

#frontpage_right_omega h2{
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	margin-left: 115px;
	margin-top: 8px;
	text-align: left;
}

#frontpage_right_omega p{
	margin-left: 115px;
	color:#fff;
	margin-top: 8px;
}

#frontpage_right_omega a{
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
#frontpage_right_omega a:hover{
	text-decoration: none;
}


/*syksy 2009 - vitamiinitesti*/

#frontpage_left_vitamiinitesti,
#frontpage_right_vitamiinitesti{
	background: url(../pics/multitabs/fiilis/multitabs-syksy-2009-vitamiinitesti.jpg) top right no-repeat;
	width: 416px;
	height: 138px;
}

#frontpage_right_vitamiinitesti{
	background: url(../pics/multitabs/fiilis/multitabs-syksy-2009-vitamiinitesti-r.jpg) top left no-repeat; 
}

#frontpage_right_vitamiinitesti h2,
#frontpage_left_vitamiinitesti h2{
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	width: 220px;
	margin-left: 150px;
	margin-top: 20px;
	text-align: center;
}

#frontpage_right_vitamiinitesti p,
#frontpage_left_vitamiinitesti p{
	font-size: 12px;
	font-weight: bold;
	width: 220px;
	margin-left: 150px;
	margin-top: 15px;
	text-align: center;
}

#frontpage_right_vitamiinitesti p a,
#frontpage_left_vitamiinitesti p a{
	font-size: 16px;
	font-weight: bold;
	color:#fedd46;
	text-align: center;
	text-decoration: none;
}

/*Lumilyhty*/

#frontpage_left_lumilyhty{
	background: url(../pics/multitabs/fiilis/multitabs-2010-01-lumilyhty.jpg) top right no-repeat;
	width: 416px;
	height: 138px;
}

#frontpage_left_lumilyhty h2{
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 100px;
	width: 270px;
}

#frontpage_left_lumilyhty p{
	font-size: 11px;
	font-weight: normal;
	width: 270px;
	text-align: left;
	color: #fff;
	margin: 6px 0 .5em 100px;
}


#frontpage_left_lumilyhty p a{
	color: #fff;
}


#frontpage_left_vitamiinitesti p a:hover{
	text-decoration: underline;
}

a.lukujarjestys{
float: left;
margin-top: 10px;
display: block;
width: 150px;
height: 60px;
background: url(../pics/multitabs/fiilis/multitabs-syksy-2010-lukujarjestys.gif) no-repeat top left;
padding-left: 80px;
padding-top: 8px;
text-decoration: none;
}

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

/* //SYYSKAMPANJA 2009 */


#frontpage_product {
	padding: 0px 20px 20px 20px;
}

#frontpage_product h2{
	margin-bottom: .5em;
}

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


#frontpage_img_bottomborder {
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #ffc800;
}

#frontpage-lowerleft-textarea{
	width: 340px; 
	padding-left: 20px; 
	overflow:hidden;
}

#disclaimer {
	width: 330px;
	margin: .5em 0 0 20px;
	padding: 2px 2px;
	text-align: left;
	font-size: .8em;
	overflow: hidden;
}

#disclaimer_prev {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	text-align: center;
	font-size: .8em;
	height: 19px;
}
/* extranet */

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

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

#extranet_login1 {
	padding: 10px 20px;
	border-bottom: 3px solid #ffc800;
}

#extranet_login2 {
	padding: 20px 20px 20px 20px;
}


/* textpage & product frontpage */



.textarea {
	padding: 20px 20px;
	height: 450px;
	width: 580px;
}

#textarea_bottomborder {
	padding: 20px 10px 0px 10px; 
	border-bottom: 1px solid #fff2c4;
}

#subfront_img {
	padding: 20px 20px 10px 10px;
	border-bottom: 1px solid #fff2c4;
}

.product_image {
	padding: 0px 0px 10px 20px;
}

.product_pull {
	padding: 10px 10px;
}

div.new_vitatable{
	float: left;
	text-align: center;
	width: 159px;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 187px;	
}

#vitatable-special{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-special-kalsium.jpg);
	padding-top: 130px;
	height: 57px;
}
#vitatable-family{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-family.jpg);
	padding-top: 145px;
	height: 42px;
}
#vitatable-omega{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-omega-3.jpg);
	padding-top: 130px;
	height: 57px;
}
#vitatable-mini{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-mini.jpg);
	padding-top: 130px;
	height: 57px;
}
#vitatable-miniplus{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-miniplus.jpg);
	padding-top: 130px;
	height: 57px;	
}
#vitatable-raskaus{
	background-image: url(../files/Multitabs/Monivitamiinin_Valintaopas/valintaopas-mt-raskaus.jpg);
	padding-top: 130px;
	height: 57px;	
}

td.vitatable {
	background-color: #fef8e2;
	border: 1px solid #ffe06f;
}

p{
	margin: 1em 0;
}

.frontpage-title{
	text-align: left; 
	margin: 0; 
	line-height: 1;
	padding-right: 0px; 
	color: #ffd002;
	font-size: 28px;
	font-weight: normal;
}

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

h1{
	margin-top: 0px;
	font-size: 1.3em;
}

h2.frontpage{

	margin-top: .5em;
	font-size: 17px;
}

h2.vitamiini{
	font-size: 1em;
	font-weight: bold;
}

h2.hivenaine{
	font-size: 1em;
	font-weight: bold;
}

h2{
	margin-top: 0px;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	margin-top: 0px;
	font-size: 1em;
	font-weight: bold;	
}

p#preheading{
	margin: 0;
	font-weight: bold;
}

.notopmargin{
	margin-top: 0px;
}

.small {
	font-size: .8em;
}

.error {
	font-weight: bold;
	color: #990000;
}

.errorpalkki {
	float: left;
	font-weight: bold;
	width: 500px;
	background-color: #990000;
	color: #fff;
	padding: 5px 10px;
	text-align: left;
}

.success {
	font-weight: bold;
	color: #2e8529;
}

ul.noleftmargin{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

ul.noleftmargin li{
	background-image: url(../pics/multitabs/yellowbullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
}

ul.voittajat{
	margin-left: 17px;
	padding-left: 0px;
}
ul.voittajat li{
	padding: 2px 0;
}



/* FOOTER STYLES 
---------------------------------------------------------------------*/
#footerbar {
	background-color:#ffc800;
	background-image: url(../pics/multitabs/alapalkki_varjolla.gif); 
	background-repeat: repeat-x;
	height: 15px;
}

#footer {
	margin: 0 auto;
	width: 770px;
	padding-top: 0px;
}

#brandselect {
	float: right;
}

#ferrosanlogo {
	float: left;
}



/* FORM STYLES 
---------------------------------------------------------------------*/
#kilpailuform{
	overflow: hidden;
	float: left;
	clear: both;
	width: 520px;
}

fieldset,
legend, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

div.kisa-koodi{
	position: relative;
	left: 0;
	font-weight: bold;
	background: url(../pics/multitabs/kisa/question-bg.jpg) #ffc930 no-repeat left bottom;
	overflow: hidden;
	padding: 5px 0 5px 5px;
	margin: 0 0 1em 0;
	width: 511px;
}

div.kisa-koodi p{
	margin: 0;
}

span#koodi{
	font-size: 12px;
	font-weight: bold;
}

div.kisa-question,
div.kisa-contacts{
	margin: 15px 0 0 0;
	width: 516px;
	padding: 0px 0px 20px 0px;
	background: url(../pics/multitabs/kisa/question-choice-bg.jpg) no-repeat left bottom #fff;
	border: none;
	overflow: hidden;
	position: relative;
	display: block;
}

div.question,
div.contacts{
	position: relative;
	left: 0;
	font-weight: bold;
	background: url(../pics/multitabs/kisa/question-bg.jpg) #ffc930 no-repeat left bottom;
	overflow: hidden;
	padding: 5px 0 5px 5px;
	margin: 0 0 1em 0;
	width: 511px;
}



div.contactfields{
	width: 476px;
	overflow: hidden;
	padding: 0px 20px;
}


#contest-rules{
	float: left;
	margin-top: 30px;
	width: 505px;
	overflow: hidden;
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 10px;
}

#contest-rules h3{
	font-size: 12px;
	margin: 0;
}

#contest-rules p{
	font-size: 11px;
	margin: .5em 0;
}

/*
fieldset.kisa-question,
fieldset.vitatesti-question,
fieldset.kisa-contacts{
	margin: 15px 0 0 0;
	width: 516px;
	padding: 35px 0px 20px 0px;
	background: url(../pics/multitabs/kisa/question-choice-bg.jpg) no-repeat left bottom #fff;
	border: none;
	position: relative;
	display: block;
}

fieldset p, fieldset input, fieldset select, fieldset label, fieldset textarea {
	margin-left: 20px;
	margin-bottom: 5px;
}

legend span.question,
legend span.contacts {
	position: absolute;
	left: 0;
	font-weight: bold;
	background: url(../pics/multitabs/kisa/question-bg.jpg) no-repeat left top;
	height: 40px;
	padding: 5px 0 0 5px;
	margin: 0;
	width: 511px;
}
*/


div.contacts p, 
div.contacts input, 
div.contacts select, 
div.contacts label, 
div.contacts textarea {
	margin-left: 20px;
	margin-bottom: 5px;
}






ol#correct_answers{
	margin-bottom: 2em;
}


ol#correct_answers li{
	border-top: 1px solid rgb(250, 250, 250); 
	margin-bottom: 1em; 
	padding-top: 1em;
	line-height: 1.5;
}


input.radio{
	float: left;
	clear: left;
	margin: 4px 10px 0px 20px;
	padding: 0px;
}

input.radio:hover{

}

.txtField{
	display: block;
	float: left;
	width: 240px;
	height:15px;
	background:url(../pics/multitabs/inputfield.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
	clear: right !important;
	margin: 0px;
}

label{
	float: left;
}

.radiolabel{
	clear: right;
	padding: 4px 5px;
	margin: 0px 0px 5px 0px;
	float: left;
}

label.radiolabel:hover{
	background-color: #f5f5f5;	
}

label.w130{	width: 130px; clear: left; }

.rightlabel{
	display: block;
	float: left;
	clear: right;
	width: 276px;
	margin-top: 10px;	
	margin-bottom: 1em;
}

*html .radiolabel,
*html .rightlabel{
	float: none;
}

.cb{
	float: left;
	clear: left;
	margin: 10px 10px 10px 132px;
}





input.submit {
	background-color:#ffc800;
	text-align: center;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #666;
	padding: 2px 10px;
	cursor: pointer;
}

.codebutton{
	margin-top: 10px;
	margin-left: 20px;
}
.kisabutton{
	margin-left: 132px;
}

.required-fields{
	margin-top: 1em;
	margin-bottom: 1em;
}


#brand_select_box {
	font-size: 9px;
}




#kutsukaveri{

}

#kutsukaveri input{
	width: 200px;
	clear: both;
	font-size: 11px;
}

#kutsukaveri input.submit{
	width: 100px;
}

#kutsukaveri textarea{
	width: 340px;
}

/* LINK STYLES 
---------------------------------------------------------------------*/
.colorraquo {
	color: #fcc400;
}

a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #222;
	text-decoration: none;
}

#subnav a{
	text-decoration: none; 
}

#subnav a:hover{
	text-decoration: underline; 
}

a.mainnavi {
	padding-right: 2px;
}

a.h2link {
	text-decoration: none;
}

a.h2link:hover {
	text-decoration: none;
	color: #555;
}


a.readmore {
	float: left;	
	text-align: left;
	color: #666;
	text-decoration: none;
	padding-right: 20px;
}

a.readmore:hover {
	float: left;		
	text-align: left;
	color: #666;
	text-decoration: underline;
}
/* LINK STYLES */