@charset "utf-8";
/* CSS Document */

/* typography */

h2
{
	font-size: 16px;
	margin: 0 0 10px 0;
        font-family: "Times New Roman", Times, serif;
}

h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
	font-family: "Times New Roman", Times, serif;
}

#left_col h2,
#center_col h2,
#right_col h2,
.content_right h2,
#todistettu_left h2
{
	font-size: 16px;
	margin: 0 0 10px 0;
	border-bottom: #620c74 solid 1px;
}

#todistettu_left h2
{
	color: #000000;
}

#tuotteet_left h2,
#todistettu_left,
#todistettu_left .infobox h2
{
	color: #000000;
	border: none;
}

#todistettu_left,
#todistettu_left .infobox2 h2
{
	color: #ffffff;
	border: none;
}

#uutiset_left h2
{
	font-size: 27px;
	border-bottom: #620c74 solid 1px;
	width: 300px;
}

.content_right h3
{
	font-size: 16px;
	margin: 0 0 10px 0;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

p
{
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
}



p.news-title
{
	margin: 4px 0;
}

p.news-title a
{
	color: #666666;
}

p.ingressi
{
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
}

p.footnote
{
	color: #666666;
	font-size: 9px;
}

#tuotteet_left p.tuotteet_slogan
{
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	width: 350px;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

#footer_left p
{
	color: #FFFFFF;
	font-size: 10px;
	margin: 5px 0 0 0;
}

#tuotteet_left p,
#todistettu_left .infobox p
{
	color: #000000;
	font-size: 11px;
	margin: 5px 0 0 0;
}

#todistettu_left .infobox2 p
{
	color: #ffffff;
	font-size: 11px;
	margin: 5px 0 0 0;
}

#ksylitolitesti
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.boldblack
{
	font-weight: bold;
	color:#000000;
}

#menu a
{
	color: #000000;
	font-family: "Gill Sans MT", "Gill Sans", Arial;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
        font-weight: bold;
	border-bottom: #620c74 solid 1px;

	font-variant: small-caps;
}

#submenu a,
.content_right a
{
	color: #0099cc;
	font-family: "Arial";
	font-size: 11px;
	text-decoration: none;
}



#footer a
{
	color: #5496be;
	font-family: "Arial";
	font-size: 10px;
	text-decoration: none;
}

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

a img {
	border: 0;
}

#header span
{
	display: none;
}

#left_col span,
#center_col span,
#right_col span
{
	color: #0099cc;
}

#footer p.slogan
{	
	font-family:"Gill Sans MT", "Gill Sans", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}



*
{
	margin: 0;
}


body
{
	background:url(/files/dents/gfx/bg.jpg) top center no-repeat;
}

.clear
{
	clear: both;
}

#container
{
	width: 894px;
	margin: 0 auto;
}

#content
{
	width: 822px;
	padding: 0 36px;
	background: url(/files/dents/gfx/spacer.gif) repeat-y;
}

#content_btm
{
	width: 894px;
	padding-bottom: 47px; /*32px;*/
	background: url(/files/dents/gfx/bottom.gif) bottom left no-repeat;
}

#header
{
	height: 112px;
	margin: 0 0 0 33px;
	width: 792px;
}

#logo
{
	display: block;
	width: 153px;
	margin: 10px 0 0 0;
	height: 102px;
	background: url(/files/dents/gfx/logo.jpg) bottom left no-repeat;
	float: left;
}

#menu
{
	margin-left: 55px;
	width: 584px;
	padding: 45px 0 0 0;
	float: left;
}

#submenu
{
	margin-left: 55px;
	width: 584px;
	float: left;
}

#submenu ul.todistettuvaikutus
{
	margin-left: 252px;
}

#menu ul, #submenu ul, #footer ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0 0 1px 0;
}

#submenu ul
{
	border-left: #620c74 solid 1px;
}

#footer ul
{
	height: 19px;
}

#menu ul li, #footer ul li
{
	display: inline;
	margin-right: 10px;	
}

#submenu ul li
{	display: inline;
	margin-left: 10px;
}

#flashbox
{
	margin-bottom: 10px;
}

#content_text
{
	float: left;
	width: 533px;
}

#content_nosto
{
	float: right;
	width: 253px;
}

#left_col
{
	width: 250px;
	margin-right: 30px;
	float: left;
}

#center_col
{
	width: 250px;
	margin-right: 30px;
	float: left;
}

#right_col
{
	width: 250px;
	float: left;
}

#footer
{
	/*margin: 10px 0;*/
        margin: 20px 0 10px 0;
}

#footer img
{
	float: left;
	margin: -20px 0 0 20px;
}

#footer_left
{
	float: left;
	width: 370px;
}

#footer_right
{
	float: right;
	width: 380px;
	text-align: right;
	margin-right: 20px;
}

#tuotteet_left
{
	background: url(/files/dents/gfx/tuotteet_left.jpg) top left no-repeat;
	float: left;
	width: 489px;
	padding: 25px 22px 10px 22px;
	min-height: 415px;
}

#tuotteet_left .left
{
	width: 303px;
	float: left;
}

#tuotteet_left .right
{
	width: 150px;
	margin-left: 35px;
	float: left;
}

#ravintoarvot
{
	background: url(/files/dents/gfx/ravintoarvot_bg.jpg) no-repeat;
	margin-top: 15px;
	padding: 10px;
	width: 283px;
	height: 269px;
	color: #333333;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

#ravintoarvot table tr
{
  vertical-align:top;
}

#ravintoarvot table td.otsikko
{
	width: 95px;
	padding-right: 10px;
}

#ravintoarvot table td.otsikko2
{
	width: 90px;
	padding-right: 10px;
        padding-left: 5px;
}
#ravintoarvot table td.luku1
{
	width: 35px;
	text-align: right;
	padding-right: 11px;
}

#ravintoarvot table td.luku2
{
	width: 31px;
	text-align: right;
}

.content_right
{
	background: url(/files/dents/gfx/right_bg.jpg) top left no-repeat;
	float: right;
	width: 232px;
	min-height: 415px;
	border-left: #996699 solid 1px;
	padding: 15px 20px 10px 15px;
}

.content_right ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left: 15px;
}

.content_right ul li
{
	margin: 10px 0;
}

.content_right a img
{
	margin: 15px 20px 0 0;
}

#todistettu_left
{
	width: 533px;
	float: left;
}

#todistettu_left .infobox, #todistettu_left .infobox2
{
	background:url(/files/dents/gfx/todistettu_bg.jpg) no-repeat;
	width: 280px;
	padding: 20px 233px 0 20px;
	height: 177px;
	margin-bottom: 30px;
}

#todistettu_left .infobox ul, #todistettu_left .infobox2 ul
{
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
	padding: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        line-height: 14px;
}

#todistettu_left .left_col
{
	width: 250px;
	float: left;
}

#todistettu_left .right_col
{
	width: 250px;
	float: right;
}

#todistettu_left .right_col ul,
#todistettu_left .left_col ul
{
	color: #666666;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#todistettu_left .right_col ul li,
#todistettu_left .left_col ul li
{
	margin: 10px 0;
}

#uutiset_left
{
	background: url(/files/dents/gfx/uutiset_bg.jpg) top left no-repeat;
	float: left;
	width: 489px;
	padding: 25px 22px 10px 22px;
	min-height: 313px;
}

#uutiset_left .left
{
	width: 303px;
	float: left;
}

#uutiset_left .right
{
	width: 150px;
	margin-left: 35px;
	float: left;
}

.radiobuttonbox
{
	float: left;
	width: 165px;
}

.radiobuttonbox input,
.dessert input
{
	margin: 0 5px 7px 5px;
}

.radiobuttonbox label,
.dessert label
{
	vertical-align: top;
}

input.ksylitoli_textfield
{
	width: 25px;
}

#ksylitolitesti button
{
	display: block;
	background: url(/files/dents/gfx/testaa_btn.jpg) no-repeat;
	width: 65px;
	height: 25px;
	margin: 25px auto;
	border: none;
}

#ksylitolitesti button span
{
	display: none;
}

#ksylitolitesti ul
{
	list-style-type: disc;
}

#ksylitolitesti ul li.left
{
	float: left; 
	width: 50px; 
	margin: 0;
}

.ksylitolitesti ul
{
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
}

.ksylitolitesti img
{
	float: right;
	margin: 5px;
}

#gamebox
{
	width:816px;
	height: 565px;
	margin: 0 auto;
	background: #FFFFFF;
}

#makurinki_left {
	background: url(/files/dents/gfx/makurinki_bg.jpg) no-repeat;
	float: left;
	width: 491px;
	min-height: 248px;
	padding: 15px 25px;
}

#makurinki_right {
	background: url(/files/dents/gfx/makurinki.jpg) no-repeat;
	float: right;
	width: 269px;
	height: 248px;
}

#makurinki_left h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
 
#makurinki_left p,
#makurinki_left a,
#makurinki_left label {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#makurinki-yhteystiedot th {
	text-align: right;
	padding-right: 3px;
}

#makurinki-yhteystiedot input {
	border: 1px solid #730577;
	margin-bottom: 4px;
	margin-right: 10px;
	width: 150px;
}

#ostopaikat {
	margin-bottom: 15px;
}

.ostopaikat input {
	margin: 0 5px 0 0;
}

.ostopaikat th {
	text-align: left;
	padding-right: 35px;
	line-height: 16px;
}



#matkakampanja
{
	background: #fff url(../matkakampanja/header_bg.jpg) top left no-repeat;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	padding: 314px 0 20px;
	width: 817px;
}

	#matkakampanja_laheta_btn
	{
		background: url(../matkakampanja/laheta_btn.png) top left no-repeat;
		border: none;
		display: block;
		height: 34px;
		width: 82px;
	}

	#matkakampanja p, #matkakampanja a, #matkakampanja span, #matkakampanja h2, #matkakampanja h3, #matkakampanja h4, #matkakampanja th, #matkakampanja td
	{
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 1.5em;
		margin: 0;
		padding: 0;
	}
	
	#matkakampanja p
	{
		padding-bottom: 20px;
	}
	
	#matkakampanja a
	{
		color: #730577;
		outline-style: none;
		text-decoration: underline;
	}
	
	#matkakampanja h2
	{
		font-size: 18px;
		font-weight: bold;
	}
	
	#matkakampanja h3
	{
		font-size: 13px;
		font-weight: bold;
	}
	
	#matkakampanja .matkakampanja_ul
	{
		list-style: disc;
		margin: 0 0 0 15px;
		padding: 0 0 20px 0;
	}
	
		#matkakampanja .matkakampanja_ul
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 1.5em;
		}

	#matkakampanja-menu
	{
		margin: 0 auto;
		padding: 0;
		width: 513px;
	}
	
		#matkakampanja-menu ul
		{
			list-style: none;
			margin: 0;
			padding: 0 0 0 16px;
		}
	
			#matkakampanja-menu li
			{
				display: inline;
				float: left;
				height: 23px;
				list-style: none;
				margin: 0 16px 0 0;
				padding: 0;
			}
			
				#matkakampanja-menu li a
				{
					background-position: 50% 0;
					background-repeat: no-repeat;
					display: block;
					height: 23px;
					padding: 0 7px;
				}
				
				#matkakampanja-menu li.selected a, #matkakampanja-menu li a:hover
				{
					background-color: #730577;
					background-position: 50% -23px;
				}
				
					#matkakampanja-menu li a span
					{
						display: none;
					}
					
				#matkakampanja-menu li a.dents-matkakampanja-etusivu
				{
					background-image: url(../matkakampanja/etusivu_btn.gif);
					width: 61px;
				}
				
				#matkakampanja-menu li a.dents-matkakampanja-ohjeet
				{
					background-image: url(../matkakampanja/ohjeet_btn.gif);
					width: 54px;
				}
				
				#matkakampanja-menu li a.dents-matkakampanja-osallistu
				{
					background-image: url(../matkakampanja/osallistu_btn.gif);
					width: 78px;
				}
				
				#matkakampanja-menu li a.dents-matkakampanja-palkinnot
				{
					background-image: url(../matkakampanja/palkinnot_btn.gif);
					width: 85px;
				}
				
				#matkakampanja-menu li a.dents-matkakampanja-saannot
				{
					background-image: url(../matkakampanja/saannot_btn.gif);
					width: 69px;
				}
				
	.matkakampanja-content

	{
		background: url(../matkakampanja/content_frontbage_bg.jpg) 0 0 no-repeat;
		height: 184px;
		margin: 0;
		padding: 35px 30px 0 280px;
		position: relative;
	}
	
	#dents-matkakampanja-osallistu
	{
		background: url(../matkakampanja/content_contest_bg.jpg) 0 0 no-repeat;
		height: 451px;
	}
	
	#dents-matkakampanja-osallistu-kutsu
	{
		background: url(../matkakampanja/content_friend_bg.jpg) 0 0 no-repeat;
		height: 597px;
	}
	
	#dents-matkakampanja-osallistu-kiitos
	{
		background: url(../matkakampanja/content_thanks_bg.jpg) 0 0 no-repeat;
		height: 197px;
	}
	
	#dents-matkakampanja-palkinnot
	{
		background: url(../matkakampanja/content_prizes_bg.jpg) 0 0 no-repeat;
		height: 227px;
	}
	
	#dents-matkakampanja-ohjeet
	{
		background: url(../matkakampanja/content_info_bg.jpg) 0 0 no-repeat;
		height: 187px;
	}
	
	#dents-matkakampanja-saannot
	{
		background: url(../matkakampanja/content_rules_bg.jpg) 0 0 no-repeat;
		height: 1780px;
	}
	
		.matkakampanja-content #osallistu_btn
		{
			background: url(../matkakampanja/osallistu_link_btn.gif) 0 0 no-repeat;
			cursor: pointer;
			display: block;
			height: 57px;
			line-height: 57px;
			position: absolute;
			top: 16px;
			right: 21px;
			width: 66px;
			z-index: 100;
		}
		
		.matkakampanja-content .contest_table
		{
			margin: 0;
			padding: 0;
			width: 400px;
		}
		
		.matkakampanja-content #invite_table
		{
			margin-bottom: 10px;
			width: 350px;
		}
		
			.matkakampanja-content .contest_table td
			{
				margin: 0;
				padding: 0;
			}
			
			.matkakampanja-content .contest_table td label
			{
				padding-left: 2px;
			}

			.matkakampanja-content .contest_table div
			{
				border: 1px solid #95d7d5 !important;
				border: none;
				margin: 0 3px 0 0 !important;
				margin: 0 5px 0 0;
				padding: 0;
				width: 383px;
			}
			
			.matkakampanja-content #invite_table div
			{
				width: 338px;
			}
			
			.matkakampanja-content .contest_table div.half
			{
				width: 186px;
			}
			
			.matkakampanja-content .contest_table div.quarter
			{
				width: 98px;
			}
			
			.matkakampanja-content .contest_table div.three_quarters
			{
				width: 276px;
			}

				.matkakampanja-content .contest_table div input, .matkakampanja-content .contest_table div textarea
				{
					background-color: #fff;
					border: 1px solid #c5eae9;
					color: #666666;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 13px;
					height: 13px;
					line-height: 13px;
					margin: 0;
					padding: 6px 2px 6px;
					width: 377px;
				}
				
				.matkakampanja-content #invite_table div input
				{
					width: 332px;
				}
				
				.matkakampanja-content #invite_table div textarea
				{
					height: 125px;
					line-height: 1.3em;
					padding: 10px;
					overflow: auto;
					width: 316px;
				}
				
				.matkakampanja-content .contest_table div.half input
				{
					width: 180px;
				}
				
				.matkakampanja-content .contest_table div.quarter input
				{
					width: 92px;
				}
				
				.matkakampanja-content .contest_table div.three_quarters input
				{
					width: 270px;
				}
				
	.matkakampanja-content .ngformError label
	{
		font-weight: bold;
	}
	
	.matkakampanja-content .invite-left
	{
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
		width: 350px
	}
	
	.matkakampanja-content .invite-right
	{
		display: inline;
		float: right;
		margin: 0;
		padding: 22px 0 0;
		text-align: right;
		width: 145px;
	}
	
	.matkakampanja-content .left
	{
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	.matkakampanja-content .right
	{
		display: inline;
		float: right;
		margin: 0;
		padding: 0;
	}


/* Laukkukampanja */

#content #juicy_couture{
	width: 480px; float: left; 
	background:url(../laukku-kampanja/laukku-bg.jpg) 10px 0px no-repeat; 
	padding: 270px 0 100px 335px;
}

#content #juicy_container{ 
	width: 420px; 
	float: left;
}

#content #juicy_container p{ 
	padding: 8px 0; 
	margin:0; 
	font-size:13px; 
	font-family:Arial,Helvetica,sans-serif; 
	color: #fff; 
	line-height: 18px;
        text-shadow: 1px 2px 2px #34556c;
}

#content #juicy_container p a{ 
	color: #8dceff; 
	text-decoration: underline;
}

#content #juicy_container .juicy_row{ 
	display: block;
	height: 40px;
	width: 350px;
}

#content #juicy_container .juicy_row2{ 
	display: block; 
	height: 50px;
	 width: 355px;
}

#content #juicy_container .ti_full, #content #juicy_container .ti_half, #content #juicy_container .ti_half2, #content #juicy_container .ti_1_3, #content #juicy_container .ti_2_3 {
	color: #688ba2;
	border:0;
	padding: 3px 5px 0 5px;
	line-height: 20px;
	font-size:13px;
	height: 26px;
	font-weight: bold;
}

#content #juicy_container .ti_full{
	background: url(../laukku-kampanja/ti_full.gif) 0 0 no-repeat;
	width: 340px;
}
#content #juicy_container .ti_half, #content #juicy_container .ti_half2{
	background: url(../laukku-kampanja/ti_half.gif) 0 0 no-repeat;
	width: 160px;
	float: left;
	border:0;
}

#content #juicy_container .ti_half2{
	float: right;
	border:0;
}

#content #juicy_container .ti_1_3{ 
	background: url(../laukku-kampanja/ti_1_3.gif) 0 0 no-repeat;
	width: 88px; 
	float: left; 
	border:0;
}

#content #juicy_container .ti_2_3{ 
	background: url(../laukku-kampanja/ti_2_3.gif) 0 0 no-repeat;
	width: 233px;
	float: right;
	border:0;
}

#content #juicy_container .juicy_cb { 
	float: left;
	width: 28px;
padding-top: 4px;
}

#content #juicy_container .juicy_cb_text { 
	float: right;
	width: 322px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color: #fff;
	line-height: 18px;
	padding-top: 0px;
text-shadow: 1px 2px 2px #34556c;
}

#content #juicy_container .juicy_text { 
	float: left;
	width: 200px;
	height: 48px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color: #fff;
	line-height: 18px;
text-shadow: 1px 2px 2px #34556c;
}

#content #juicy_container .juicy_submit
{ 
	float: right; 
	width: 138px;
	height: 48px;
}

#content #juicy_container #juicy_submitBtn{ 
	background: url(../laukku-kampanja/lahetaBtn.jpg) 0 0 no-repeat; 
	width: 136px; 
	height:42px; 
	display: block; 
	float: right; 
	border:0; 
	cursor: pointer; 
	padding:0; 
	margin:0; 
	line-height:12px;
}

#content #juicy_container #juicy_submitBtn:hover{ background: url(../laukku-kampanja/lahetaBtn.jpg) 0px -42px no-repeat;}