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

/*General*/
*, body
{
	color: #4d4d4d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	text-align: left;
	padding: 0;
}

body
{
	background: #fff url(../gfx/bg_frontpage_blank.jpg) top center no-repeat;
}

body.subpage
{
	background: #fff url(../gfx/bg_content_blank.jpg) top center no-repeat;
}

img
{
	border: none;
}

a, object
{
	outline-style: none;
	text-decoration: none;
}

h1, h2, h3
{
	color: #e2267a;
	font-weight: normal;
}

h1
{
	font-size: 40px;
	margin-bottom: 20px;
}

h2
{
	font-size: 28px;
	margin-bottom: 15px;
	padding-top: 10px;
}

h3
{
	font-size: 24px;
	padding: 20px 0 10px;
}

p
{
	padding-bottom: 15px;
}

.left, #content .contentLeft, #content .productLeft, #content .advertiseLeft
{
	display: inline;
	float: left;
}

.right, #content .contentRight, #content .productRight, #content .advertiseRight
{
	display: inline;
	float: right;
}

.clear
{
	clear: both;
}

/* Specific */

#page
{
	margin: 0 auto;
	padding-bottom: 25px;
	position: relative;
	width: 970px;
}

	#logo
	{
		position: absolute;
		top: 27px;
		left: -144px;
		z-index: 50;
	}
	
		#logo span
		{
			display: none;
		}
	
	#ok_text
	{
		position: absolute;
		top: 90px;
		left: 1034px;
		z-index: 51;
	}
	
	#luonnon_vareja
	{
		background: url(../gfx/luonnon_aromeja.png) 0 0 no-repeat !important;
		background: url(../gfx/luonnon_aromeja.gif) 0 0 no-repeat;
		display: block;
		height: 443px;
		position: absolute;
		left: 977px;
		top: 96px;
		width: 339px;
		z-index: 52;
	}

	#menu
	{
		background: url(../gfx/menu_bg.png) 0 0 no-repeat !important;
		background: url(../gfx/menu_bg.gif) 0 0 no-repeat;
		display: inline;
		float: right;
		height: 51px;
		margin-top: 80px;
		padding-left: 170px;
		width: 780px;
	}

		#menu ul
		{
			background-color: #a7cf3a;
			height: 51px;
			list-style: none;
			padding: 0 65px 0 0;
		}
		
			#menu ul li
			{
				float: left;
			}
			
				#menu ul li a
				{
					background-position: top left;
					background-repeat: no-repeat;
					display: block;
					height: 51px;
				}
				
				#menu ul li a:hover, #menu ul li.selected a
				{
					background-position: bottom left;
				}
				
				#menu ul li a.etusivu
				{
					background-image: url(../gfx/etusivu_btn.gif);
					width: 87px;
				}
				
				#menu ul li a.karkit
				{
					background-image: url(../gfx/karkit_btn.gif);
					width: 79px;
				}
				
				#menu ul li a.mainokset
				{
					background-image: url(../gfx/mainokset_btn.gif);
					width: 110px;
				}
				
				#menu ul li a.kysymykset-ja-vastaukset
				{
					background-image: url(../gfx/kysymykset_btn.gif);
					width: 232px;
				}
				
				#menu ul li a.truly-filosofia
				{
					background-image: url(../gfx/truly_filosofia_btn.gif);
					width: 149px;
				}
                                #menu ul li a.truly-voita-truly-nautinto
				{
					background-image: url(../gfx/voita_btn.gif);
					width: 199px;
				}
				
				#menu ul li a.palaute
				{
					background-image: url(../gfx/palaute_btn.gif);
					width: 91px;
				}
			
					#menu ul li a span
					{
						display: none;
					}
					
	body.subpage #content
	{
		border-bottom: 3px solid #98c832;
		padding: 60px 0 20px;
	}
	
	body.subpage #content.textContent
	{
		padding: 60px 142px 20px;
	}
					
		#content .contentLeft, #content .contentRight
		{
			width: 378px;
		}
		
		#content .productLeft
		{
			width: 340px;
		}
		
		#content .productRight
		{
			width: 490px;
		}
		
		#content .advertiseLeft
		{
			width: 700px;
		}
		
		#content .advertiseRight
		{
			width: 260px;
		}
		
			#content .advertiseRight .left
			{
				margin: 10px 0 0 10px;
				width: 120px;
			}
		
		#content .contentLeft, #content .productLeft
		{
			margin-left: 65px;
		}
		
		#content .contentRight, #content .productRight
		{
			margin-right: 65px;
		}
		
		#content .ostopaikat th, #content .lomake th
		{
			font-weight: normal;
		}
		
		#content .ostopaikat td
		{
			padding-right: 4px;
		}
		
		#content .ostopaikat th
		{
			padding-right: 15px;
		}
		
		#content .lomake
		{
			margin-bottom: 10px;
			width: 378px;
		}
		
			#content .lomake th
			{
				padding-bottom: 10px;
				width: 134px;
			}
			
			#content .lomake td
			{
				padding-bottom: 10px;
			}
			
			#content .lomake input
			{
				border: 1px solid #7ab51d;
				height: 14px;
				padding: 3px;
				width: 236px;
			}
			
			#content #makurinki-laheta
			{
				background: url(../gfx/liity_btn.gif) 0 0 no-repeat;
				border: none;
				cursor: pointer;
				height: 41px;
				padding: 0;
				width: 82px;
			}
			
		#fpHighlightContent
		{
			display: block;
			height: 381px;
			overflow: hidden;
			position: relative;
			width: 970px;
		}
		
			.fpHighlightElements
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 970px;
				z-index: 40px;
			}
			
			.fpHighlightBtn
			{
				background-image: url(../gfx/fpHighlight_btn.png) !important;
				background-image: url(../gfx/fpHighlight_btn.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				display: none;
				height: 20px;
				position: absolute;
				top: 294px;
				width: 20px;
				z-index: 45px;
			}
			
			.fpHighlightBtn:hover, .fpHighlightBtnCurrent
			{
				background-position: left bottom;
			}
			
			#fpHighlight1
			{
				left: 867px;
			}
			
			#fpHighlight2
			{
				left: 887px;
			}
			
			#fpHighlight3
			{
				left: 907px;
			}
			
			#fpHighlight4
			{
				left: 927px;
			}
		
	#highlightsContainer
	{
		background: url(../gfx/subpage_highlight_bg.png) top center no-repeat !important;
		background: none;
	}
	
		#highlightCarousel
		{
			border-top: #98c832 solid 3px;
			border-bottom: #98c832 solid 3px;
			padding: 15px 0 15px 15px;
			width: 955px;
		}
		
			.previousHighlight, .nextHighlight
			{
				float: left;
				margin: 0 10px 0 0;
				visibility: hidden;
			}
			
			.nextHighlight
			{
				margin: 0 0 0 10px;
			}
			
			.highlightContainer
			{
				display: inline;
				height: 156px;
				float: left;
				overflow: hidden;
				position: relative;
				width: 874px;
			}
			
				.highlightContainer .highlightElements
				{
					position: absolute;
					top: 0;
					left: 0;
					width: 884px;
				}
				
				.highlightContainer .highlightElements a, .highlightContainer .highlightElements object
				{
					display: inline;
					float: left;
					margin-right: 10px;
				}
	
		#brandCarousel
		{
			display: inline;
			float: left;
			padding: 0 0 0 25px;
			width: 450px;
		}
		
			.previousBrand, .nextBrand
			{
				float: left;
				margin: 0 10px 0 0;
				padding-top: 15px;
				visibility: hidden;
			}
			
			.nextBrand
			{
				margin: 0 0 0 7px;
			}
			
			.brandContainer
			{
				display: inline;
				height: 43px;
				float: left;
				overflow: hidden;
				position: relative;
				width: 411px;
			}
			
				.brandContainer .brandElements
				{
					position: absolute;
					top: 0;
					left: 0;
				}
				
				.brandContainer .brandElements a
				{
					display: inline;
					float: left;
					margin-right: 3px;
				}
				
		#newsContainer
		{
			display: inline;
			float: right;
			padding: 0 25px 0 0;
			width: 445px;
		}
		
			#newsContainer table th
			{
				font-weight: normal;
				padding-right: 10px;
				text-align: right;
			}
			
			#newsContainer table a:hover
			{
				text-decoration: underline;
			}
			
#word1
{
	color: #d30067;
	font-size: 72px;
	line-height: 1em;
	position: absolute;
	top: 185px;
	left: 460px;
}

#word2
{
	color: #87b51a;
	font-size: 66px;
	line-height: 1em;
	position: absolute;
	top: 280px;
	left: 570px;
}

#word3
{
	color: #79c5eb;
	font-size: 52px;
	line-height: 1em;
	position: absolute;
	top: 230px;
	left: 785px;
}

#word4
{
	color: #d93b19;
	font-size: 38px;
	line-height: 1em;
	position: absolute;
	top: 140px;
	left: 600px;
}

#word5
{
	color: #7e70ab;
	font-size: 36px;
	line-height: 1em;
	position: absolute;
	top: 260px;
	left: 490px;
}

#word6
{
	color: #279426;
	font-size: 29px;
	line-height: 1em;
	position: absolute;
	top: 170px;
	left: 530px;
}

#word7
{
	color: #000;
	font-size: 23px;
	line-height: 1em;
	position: absolute;
	top: 250px;
	left: 615px;
}

#word8
{
	color: #000;
	font-size: 18px;
	line-height: 1em;
	position: absolute;
	top: 345px;
	left: 685px;
}

#moodtest
{
	margin: 0 auto;
	width: 740px;
}

.candyActions
{
	float: left;
	margin: 0;
	padding: 15px 0;
	width: 100%;
}

	.candyActions li
	{
		color: #c7043d;
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0px 10px 4px 0px;
	}
	
	.candyActions a
	{
		color: #c7043d;
		display: block;
		float: left;
		padding: 0 2px 0 2px;
		text-decoration: none;
	}
	
	.candyActions a:hover
	{
		text-decoration: underline;
	}
	
	.candyActions span
	{
		color: #de4d77;
		display: block;
		float: left;
		padding: 0px;
	}
	
	
	.candyActions li.border span
	{
		color: #98c832;
	}

.candyContent
{
	padding-top: 200px;
}

	.candyContent table
	{
		border-bottom: 1px solid #98c832;
		border-left: 1px solid #98c832;
		margin: 0 0 15px 0;
		padding: 0;
		width: 350px;
	}
	
		.candyContent table td, .candyContent table th
		{
			border-right: 1px solid #98c832;
			border-top: 1px solid #98c832;
			padding: 6px;
			text-align: left;
		}
		
		
		.candyContent table .rightCell
		{	
			text-align: right;
		}
		
		.candyContent table .center
		{	
			text-align: center;
		}
		
		.candyContent table .small
		{	
			font-size: 11px;
		}
		
.ingredients, .nutritional
{
	display: none;
}
		
.ingredients p
{
	width: 490px;
}
		
.candyActions, .ingredients h2, .nutritional h2
{
	border-top: 1px solid #98c832;
}
			
#footer
{
	background: #fff url(../gfx/footer_bg.gif) 0 0 repeat-x;
	display: block;
	height: 30px;
	margin-top: 50px;
	width: 100%;
}

	#footer .footerTexts
	{
		margin: 0 auto;
		width: 970px;
	}
	
		#footer .footerTexts a
		{
			color: #6d6d6d;
			margin-left: 20px;
			line-height: 30px;
		}
		
		#footer .footerTexts a:hover
		{
			text-decoration: underline;
		}
		
		#footer .footerTexts .left a
		{
			margin: 0;
		}