/**
   ------------------------------------------
   Style definitions for www.myllynparas.ru		    
   ------------------------------------------
**/
*{ margin:0;padding:0;}
body {
	font-family:'Trebuchet MS',verdana,arial,sans-serif;
	font-size:13px;
	background:#ffec7b url(/usr/image/body.jpg) repeat-x;
	color:#454545;
	margin-bottom:5em;
}
br.clear { clear:both;}
blockquote { margin-left:20px;}

#log_pars {
	border:1px solid #000;
	}
#log_pars td{
	border:1px solid #000;
	}
#wrapper {
	position:relative;
	width:995px;
	background:#fbf5e6;
	top:15px;
	margin:0 auto;
}

/**
  Header
**/
	#header {
		position:relative;
		width:100%;
		height:177px;
		background:transparent url(/usr/image/header.jpg) no-repeat;
	}
		#header h1 {
			position:absolute;
			top:11px;
			left:12px;
			width:131px;
			height:106px;
		}
		#header h1 a {
			display:block;
			width:131px;
			height:106px;
			text-indent:-99999px;
		}
		#header h2 {
			position:absolute;
			top:39px;
			left:810px;
			width:165px;
			height:45px;
			text-indent:-999999px;
		}
		#quickLinks {
			position:absolute;
			right:2.5em;
			top:90px;
		}
		#quickLinks p { font-size:11px;color:#fff;}
		#quickLinks a { color:#fff;text-decoration:none; }
		#quickLinks a:hover { text-decoration:underline;}

		#mainMenu {
			position:absolute;
			top:131px;
			left:11px;
			width:693px;
			line-height:1.5em;
		}
			#mainMenu ul {
				list-style-type:none;
				float:left;
			}
			#mainMenu li { display:inline;border-left:1px solid #f17102; padding:0 1em;}
			#mainMenu a { color:#f17102;font-size:18px;font-weight:normal;text-decoration:none;}
			#mainMenu a:hover { text-decoration:underline;}
			#mainMenu a#kuluttajat { float:left;margin-right:1em; }
			#mainMenu a#selected,#mainMenu a.active { color:#4fa900;text-decoration:underline;}
			/** 
				To first element on main menu is not drawn border . This does not work	for IE6,
				quickfix is to add class "firstElement" to first li-element
			**/
			#mainMenu li:first-child { border:none; padding-left:0em;}
			/** ja sama IE6:lle **/
			#mainMenu li.firstElement  { border:none; padding-left:0em; }
			
		.errorPages {
		width:75%;
		margin:0 auto;
		padding:1em;
		border:1px solid #d1cdc2;
		margin-bottom:1em;
		background:#ffffff;
		}
		.errorPages h2 { 
			font-size:18px;
			font-weight:normal;
			color:#4fa900;
			margin-top:8px;
			margin-bottom:0.5em; 
			}
			
		#langSelection {
			position:absolute;
			top:129px;
			left:704px;
			width:280px;
		}
			#langSelection ul {
				list-style-type:none;
			}
			#langSelection li {
				display:inline;
				padding:0 0.6em;
				width:31px;
				height:24px;
				
			}
			
				#langSelection a#fi { background:transparent url(/usr/image/flagFI.jpg) no-repeat;left:0px;}
				#langSelection a#en { background:transparent url(/usr/image/flagEN.jpg) no-repeat;left:40px;}
				#langSelection a#se { background:transparent url(/usr/image/flagSE.jpg) no-repeat;left:80px;}
				#langSelection a#ru { background:transparent url(/usr/image/flagRU.jpg) no-repeat;left:120px;}
				#langSelection a#ee { background:transparent url(/usr/image/flagEE.jpg) no-repeat;left:160px;}
				#langSelection a#lv { background:transparent url(/usr/image/flagLT.jpg) no-repeat;left:200px;}
				#langSelection a#lt { background:transparent url(/usr/image/flagLV.jpg) no-repeat;left:240px;}
				
				#langSelection a { 
					position:absolute;
					text-indent:-99999px;
					width:31px;
					height:24px;
					}
/**
   Content area
**/
	#page {
		width:972px;
		margin:0 auto;
	}
		/**
		   Left Column
		**/
		#leftCol { 
			float:left;
			width:222px;
		
		}
			/** Navigation **/
			#navi {
				width:95%;
			}
				#navi ul { list-style-type:none;}
				#navi li { margin:0.5em 0;padding:0.1em 0;}
				#navi li a { 
					display:block;
					padding:0.5em 0;
					padding-left:0.5em;
					background:#fbefcb;
					color:#8e2507;
					width:100%;
					text-decoration:none;
					}	
				#navi li a#naviSelected { background:#e2f7ce;color:#8e2507;font-weight:bold; }
				#navi li li a#naviSelected { background:transparent;color:#4fa900;text-decoration:underline;}
				#navi a:hover { text-decoration:underline;}
					#navi ul ul { margin-left:1em;}
					#navi li li { background:none;display:block;margin:0em 0;padding:0;}
					#navi li li a {  background:transparent;color:#000000;padding:0.2em 0;}
					#navi li li a:hover { background:transparent;text-decoration:underline;}
						#navi ul ul ul {}
						#navi li li li {}
						#navi li li li a {}

			#quickSearch { color:#c62735;font-size:12px;font-weight:bold;padding:15px 0;}
				#quickSearch h3 {}
				#quickSearch form {}
					#quickSearch label {}
					#quickSearch input {}
					#quickSearch input.textfield { border:1px solid #c62735;}
					#quickSearch input.submit { vertical-align:top;}
		
			
			#bulletin { background:transparent url(/usr/image/bulletin.gif) repeat-x;padding-left:0.5em;}
				#bulletin h3 { font-size:24px;font-weight:normal;color:#4fa900;padding-top:0.5em;}
				#bulletin ul { list-style-type:none;}
				#bulletin li { border-bottom:1px solid #fbefcb;font-size:11px;color:#000;padding:0.5em 0 1em 0;}
				#bulletin li a { font-size:12px;font-weight:bold;color:#4fa900;text-decoration:none;}
				#bulletin li a:hover { text-decoration:underline;}
				#bulletin a#bulletinArchive {color:#8e2507;text-decoration:none;font-weight:bold; }
				#bulletin a#bulletinArchive:hover { text-decoration:underline;}
		/**
		   Right Column
		**/
		#rightCol { 
			float:left;
			width:746px;
			margin-left:4px;
			}

			#path {
				position:absolute;
				left:12px;
				top:158px;
				font-size:11px;
			}
				#path p { color:#777777;}
				#path a { color:#777777;text-decoration:none;}
				#path a:hover { text-decoration:underline;} 
				
			#content {}
				/** 
				   When on frontpage, .frontpage-class is being added
				   this allows use of three columns on frontpage
				**/
				.frontpage { 
					float:left;
					width:516px;
					margin-right:0.9em;
					min-height:800px;
					height:auto;
					/**_height:800px;**/
					} 
				 /**
					.page is being used on common subpages
				 **/
				.page { width:80%;}
				/**
				   .recipePage is being on used product pages,
				**/
				.recipePage {width:98%;}
				/**
				   -------------------------------
					Middle Column on frontpage
				   -------------------------------
				**/
				 #imagePlace {
					margin-bottom:1em;
					margin-top:0.5em;
				 }
				 #infoBox {
				 	background:#f27302;
				 	padding:0.3em;
				 }
				 	#infoBox div { border:1px solid #fff;padding:1em;}
				 	#infoBox p,
				 	#infoBox h3,
				 	#infoBox h4,
				 	#infoBox a { color:white;}
				.currentTopic {
				 background:transparent url(/usr/image/middleCol.gif) repeat-x;
				 padding-top:0.5em;
				 margin-bottom:1em;
				}
					.currentTopic table { border:0px;border-collapse:collapse;}
					.currentTopic td { padding:0.5em;vertical-align:top;}
					.currentTopic img { border:1px solid #f9dab7;padding:2px;}
					.currentTopic h3 { font-size:18px;font-weight:normal;color:#c62735;padding-bottom:0.5em;}
					.currentTopic p { margin-bottom:1em;}
					.currentTopic a { color:#8e2507;}
					.currentTopic a:hover { color:#c62735;}
					.currentTopic img.at_merkki { border:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;}


				/**
				   ---------------------------------------
				   Style definitions for common subpages
				   ---------------------------------------
				**/
				/**
				  This defines style for title of page
				**/
				#content h2.pageName { font-size:18px;font-weight:normal;color:#4fa900;margin-top:8px;margin-bottom:1em; }

				/**
				   Style definitions for text/lists/links/images
				   in common subpages
				**/
				/** Headings **/
				#content h1,#content h2,#content h3 {}
				#content h4,#content h4,#content h5 {}
				/** Lists **/
				#content ul,#content ol { margin-left:2em;}
				#content ul li ul,#content ol li ol { 
					margin-left:1em;
					padding:0;
				}
					#content ul div { margin:0;padding:0;}
					#content ul li ul li.txtleipa,#content ol .txtleipa { margin-bottom:0;margin-top:0;padding:0;}
				#content li li {margin-top:0;padding:0;}
				/** Tables **/
				#content table { border-collapse:collapse; }
				#content th, #content td {padding:0.2em 0.5em;}
				/** Links **/
				#content a { color:#8e2507;}
				#content a:hover { color:#c62735;}
				#content a img { border:none;}
				/** parahgrah styles, that are not defined in text.css **/
				#content p.reseptiohje strong { font-size:13px;font-weight:bold;}
				.reseptiotsikko { font: normal bold 22px;color: #555555; line-height: 18px;}
				.reseptivaliotsikko { font: normal bold 18px;color: #555555; line-height: 18px;}
				.reseptiaineet { font: normal normal 16px; color: #555555; line-height: 18px;margin:0 0 0.2em 0;}
				.reseptiohje { font: normal normal 13px; color: #555555; line-height: 18px;}
				td.reseptiaineet { padding:0.1em;}
			/**
			   -----------------------------
			   Frontpage - Right Column
			   -----------------------------
			**/
			#frontPageRightCol { 
				position:absolute;
				width:214px;
				right:10px;
				}
			#whatsNew {
				width:215px;
				height:210px;
				background:transparent url(/usr/image/whatsNew.jpg) no-repeat;
				padding-top:15px;
			}
				#whatsNew h3 {
					margin: 0 0 0 27px;
					width:82px;
					height:19px;
					background:transparent url(/usr/image/fnews.gif) no-repeat;
				}
				
				#whatsNew #flashElement {
					margin-left:9px;
					margin-top:8px;
					width:198px;
					height:151px;
				}
				#whatsNew p { font-size:18px;color:#5ba116;margin-left:0.7em;margin-top:-0.5em;margin-bottom:0em;}
				#whatsNew a.whatsNewLink { font-size:12px;font-weight:bold;margin-left:120px;color:#5ba116;}
				#whatsNew a:hover {}
				#whatsNew img { margin:8px 0 0 53px;}

			#competitions {
				width:215px;
				background:transparent url(/usr/image/competition.gif) repeat-y;
				margin-bottom:1em;
				padding:0;
			}
				#competitions h3 {
					width:200px;
					height:50px;
					background:transparent url(/usr/image/h3-competitions.gif) 0 0 no-repeat;
					font-size:18px;
					font-weight:normal;
					color:#f48f09;
					padding:10px 0 0 15px;
					margin-top:-0.5em;
					margin-bottom:0.5em;
				}
				#competitions p {color:#fff;padding-left:15px;}
				#competitions a { color:#fff;}
				#competitions a:hover {}
				#competitions img { float:right;margin-left:1em;padding-right:15px;}
				#competitionsFooter {
					width:215px;
					height:12px;
					background:transparent url(/usr/image/competitionsFooter.gif) left bottom no-repeat;
				}
			#onTheAir {
				width:215px;
				margin-bottom:1em;
			}
				#onTheAir h3 {}
				#onTheAir p {}
				#onTheAir a {}
				#onTheAir a:hover {}
				#onTheAir img { border:none;}
				#onTheAir table { width:215px;}
				#onTheAir td { vertical-align:middle;}
				#onTheAir td.alignRight { text-align:right;}
			
			#recipeClub { 
			
				border:1px solid #f9dcbb;
				width:210px;
				padding:0.5em 0 0 0.5em;
			}
				#recipeClub h3 { font-size:18px;color:#f17102;font-weight:bold;margin:0;padding:0;}
				#recipeClub p { margin-bottom:0.5em;}
				#recipeClub a { color:#c62735;}
				#recipeClub a:hover {}
				#recipeClub img { float:left;margin-right:1em;}

	
	/**
	   Footer
	**/
	#footer {
		clear:both;
		width:995px;
		height:45px;
		background:transparent url(/usr/image/footer.gif) left bottom no-repeat;
		margin:0;
	}
		#footer p { float:left;padding-left:2em;padding-top:1em;font-size:11px;width:85%;}
		#footer span#copyright { position:absolute;right:2em;}
		#footer a {}
		#footer a:hover {}





	/**
	  Here are style definitions to other pages
	  that dont use default structure
	**/
	

	/**
		Style definitios for showing all products
		on right column. 
		- productPages.html
	**/
		#contentLeftCol {
		float:left;
		width:70%;
	}
	#contentLeftCol  p.reseptiohje { margin-bottom:0.5em;}
	#contentLeftCol li { margin-bottom:0.7em;}
	#contentRightCol {
		float:left;
		width:29%;
		margin-left:1%;
	}
		#contentRightCol ul {
			
		}
			#contentRightCol li { list-style-type:none;display:block;}
			#contentRightCol li { 
				background:#fcf7e1 url(/usr/image/li-rightNavi.gif) repeat-x;
				border-bottom:2px solid #fff;
				padding:0.5em 0;
				padding-left:1em;
				}
			#contentRightCol  li a { 
				text-decoration:none;
				display:block;
				}
			#contentRightCol  li a:hover { text-decoration:underline;}
		#contentRightCol h3 { font-size:14px;} 
	
	  /**
		Bulletin archive pages
		**/
	.bulletinArea {
		float:left;
		width:30%;
		margin-left:1.5%;
	}
		.bulletinArea h3 { font-size:18px;font-weight:normal;padding-bottom:0.2em;border-bottom:1px solid #e7e2d5;}
			.bulletinArea h3.consumers { color:#97b851;}
			.bulletinArea h3.horeca { color:#f0ba5e;}
			.bulletinArea h3.company { color:#9f0500;}
			.bulletinArea ul { list-style-type:none;margin-top:1em;}
			.bulletinArea li { margin-left:-2em;margin-bottom:1em;}
		
		.year {margin-top:0.5em;}
			.year label { float:left;margin-right:0.5em;}	

			#quickSearchRightCorner {
				position:absolute;
				right:1.5em;
				top:150px;
				color:#c62735;
				font-size:12px;
				font-weight:bold;
				padding:15px 0;
			}
.forma-1{
font-size:1px;
BORDER-RIGHT: #ffffff 0px solid;
BORDER-TOP: #ffffff 0px solid;
background-color:#ffffff;
BORDER-LEFT: #ffffff 0px solid;
COLOR: #7D7B78;
BORDER-BOTTOM: #ffffff 0px solid;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
width:15px;
HEIGHT: 15px;
BACKGROUND-IMAGE: url(submit-hae.gif);
}