* {
	margin: 0;
	padding: 0;
}

body{
	width:100%;
/*	background: #FFE68C;	*/
	background: #FC3D32;
}

.required{
	font-family: tahoma,verdana,sans-serif;
	font-size: 11px;
	color: #f00;
	font-weight: bold;
}

input.text, textarea, select{
	padding: 3px;
	border: 1px solid #999D9C;
}

select{
	padding: 0;
}

textarea{
	font-size: 1em;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}


#contentWrap{
	background: #FDF8E3;
	width: 100%;
	min-width: 600px !important;
}

/*
* html #contentWrap {
  width: 600px !important;
}
*/

#header{
	background: #FC3D32;
	height: 23px;
	margin-bottom: 1em;
	position: relative;
}

#headerLogo{
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 2px;
}

/* notes-lappu sisältösivuilla	*/
#header_right2{
	position: absolute;
	top: 0px;
	left: 60%;
	margin-left:12em;
	width: 228px;
	height: 231px;
	background:#FDF8E3 url(../../images/slogan.gif) no-repeat;
	z-index:2;
}

/* notes-lappu etusivulla	*/
#header_right1{
	position: absolute;
	top: 0px;
	/*left: 60%;*/
	left: 700px;
	margin-left:6em;
	width: 228px;
	height: 231px;
	background:#FDF8E3 url(../../images/slogan.gif) no-repeat;
	z-index:2;
}

#navigation{
	clear: both;
	width: 180px;	
	margin-left: 50px;
	display: inline;
	float: left;
	margin-bottom: 2.5em;
	background: #FFE4BE;
	border: 1px solid #E2AC69;
	padding: .8em;
	margin-top: .2em;
	z-index:1;
}

#navigation ul{
	list-style: none;
}

#navigation ul li{
	margin-bottom: 2px;
}

#navigation ul li a{
	border: 1px solid #FC3D32;
	display: block;
	padding: .3em .8em;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	background: #FC3D32;
	text-decoration: none;
}

#navigation ul li a:hover{
	text-decoration: underline;
}

#navigation ul li a.selected{
/*	background: #E19331;	*/
	color: #FFF100;
}

#navigation p{
	font-size: 90%;
}

#navigation p a{
	font-weight: bold;
}
/*Alanavikointi ALKU*/
#navigation ul li ul{
	list-style: none;
	border:0px; !important
	background: none; !important
}

#navigation ul li ul li{
	border: 0px;
	margin-bottom: 2px;
	background: none; !important
}

#navigation ul li ul li a{
	color: #FC3D32;
	background: none;
	border:none;
}

#navigation ul li ul li a:hover{
	text-decoration: underline;
}

#navigation ul li ul li a.selected{
	font-weight: bold;
	text-decoration: underline;
	background: none;
	color: red;
}
/*Alanavikointi loppu*/


/* alasivu */
#navigation ul li ul li ul.alasivu{
	margin-left: 10px;
}

#flag{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:50px;
}

#sales{
	background: #fff;
	padding: 6px;
}

#content{
	/*	position: absolute;		*/
	position: relative;
	left:2%; 
	top:-10px;
	float: left;
	width: 530px;				/*width: 450px;*/
	/*width: 45%;*/
	max-width: 45%;	
	min-width: 30% !important;
	margin-bottom: 2.5em;
	margin-top: 0px;
	padding: 0px;
	z-index:3;
}

#newsheader{

	width: 400px;
	z-index:6;
	background:none;
	margin-top: 20px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
/* * html #iebug{
	height:10px;
	width:600px;
	background-color: #E19331;
}*/
* html #contentWrap {
	width: expression(document.body.clientWidth < 802? "800px" : "100%");
}

/* End hide from IE5/mac */

#content_right{
	position: absolute;	
	float: left;
	top: 62px;
	/*left: 60%;*/
	left: 700px;
	margin-left:6em;
	font-size: 90%;
	z-index:4;
}

#recipe{
	position: absolute;	
	float: left;
	top:170px;
	left:60%;
	width: 158px;
	padding: 6px;
	z-index:5;
}

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

#footer{
	clear: both;
	background: #FC3D32;
	text-align: center;
	padding: 7px 0;
}

#uutiset{
	list-style: none;
}

#uutiset a{
	text-decoration: none;
}
#uutiset a:hover{
	text-decoration: underline;
}

h1 span.date{
	display: block;
	font-weight: normal;
	font-size: 0.75em;
	color: #666;
}

a.lisaa{
	/*padding-left: 7px;*/
	/*background: url(../../images/nuoli.gif) left 4px no-repeat;*/
	/*text-decoration: underline !important;*/
}


/*			background: #FFE68C;
	border: 1px solid #E2AC69;		*/


form fieldset{
	background-color: #FFFBE8;
	
	border-width: 1px;
	border-style: solid;
	border-color: #E2AC69;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
		
	margin: 20px 0px 20px 0px;
	width: 400px;
	position: relative;
	display: block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{	
	background-color: #E19331;
	
	border-width: 1px;
	border-style: solid;
	border-color: #E2AC69;
	
	font-weight: bold;
	font-size: 110%;
	color: #fff;
		
	padding: 2px 5px;
	margin: 0px 0px 10px 0px;
	position: relative;
	top: -12px;
}

form fieldset textarea{
	width: 390px;
	height: 100px;
	padding: 3px;
	border: 1px solid #E2AC69;
}

form fieldset label {
	color: #000;
}

form fieldset label.text{
	font-size: 100%;
	display: block;
	float: left;
	width: 150px;
	margin: 6px 5px 0px 0px;
}

form fieldset input.checkbox{
	margin: 6px 0 0 0;
}

form fieldset input.text{
	margin: 6px 5px 0 0;

	padding: 2px;

	border: 1px solid #AC8B77;
}

form fieldset input.text:focus, form fieldset textarea:focus{
	background-color: #fff;
}

.message{
	width: 400px;
	border: 1px solid #E2AC69;
/*	background-color: #FFFBE8;	*/
	background-color: #FEFB99;
	color: #000;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.message p{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: .9em;
	color: #000;
}

.button{
	background-color: #E19331;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
}

/* TUOTESIVU */

.tuoteryhmalista{
	width: 100%;
}

.tuoteryhmalista td{
	padding: 10px 5px 20px 5px;
	border-bottom: 1px solid #E2AC69;
}

.tuoteryhmalista td img{
	/*margin-top: 30px;*/
}

.nimitieto{
	padding-left: 5px;
}

.nimitieto h1{
	margin: 0 0 10px 0;
	padding: 0;
}

.nimitieto h1 a, .nimitieto h1 a:hover, .nimitieto h1 a:visited{
	color: #000;
}

/* tuotesivu */
.tuotetiedot{
	width: 100%;
}

.tuotetiedot .tuoteotsikko{
	background: #ffe4be;
	font-weight: bold;
	font-size: .95em;
	padding: 2px 35px 2px 10px;
}

.sisaltotiedot, .lisatieto{
	font-size: .90em;
	width: 100%;
}

.sisaltotiedot td, .lisatieto{
	padding: 1px 5px 1px 10px;
}

.sisaltotiedot td.joista{
	padding-left: 15px;
}

.sisaltotiedot tr.row2{
	background: #ffecd1;
}

.takaisin{
	margin-left: 10px;
}