/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  text-decoration: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1px;
  color: #000;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* CSS RESET ENDS */


/* FONT RESET */
body {
  font-size: 11px;
  font-family: Trebuchet MS, Arial, Tahoma;
  line-height: 15px;
}

h1,h2,h3,h4,h5,h6 { color: #9aadb1; font-family: Trebuchet MS, Arial, Tahoma; font-weight: bold; padding: 0 0 10px 0; line-height: 20px; }
h1 { font-size: 133.33%; color: #9aadb1; }                 /* 16px */
h2 { font-size: 133.33%; color: #fa2100; }                 /* 16px */
h3 { font-size: 124.99%; color: #9aadb1; }                 /* 15px */
h4 { font-size: 116.66%; color: #ff9600; }                 /* 14px */
h5 { font-size: 108.32%; color: #9aadb1; }                 /* 13px */
h6 { font-size: 108.32%; color: #000000; }                 /* 13px */

#frontpage_news h3 a
{
	color: #9aadb1;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

a {
  color: #fe9601;
	text-decoration: none;
}

hr {
  background-color:#9AADB1;
border:0 none;
color:#9AADB1;
height:1px;
}

/* FONT RESET ENDS */

* {
  margin: 0;
  padding: 0;
}

html, body{
  height: 100%;
}

ul, ol {
  margin-left: 13px;
  list-style-position: outside;
}

body{
  background-color: #fff;
	text-align: center;
}

body#tinymce {
	text-align: left;
}
	
#wrap {
  width: 940px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header{
  width: 940px;
  min-height: 86px;
  height: auto !important;
  height: 86px;
	background-color: #f7fbfc;
}

#header_logo {
  width: 231px;
	height: 86px;
  display: block;
  float: left;
  background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
}

#header_fruits {
  width: 504px;
	height: 86px;
  display: block;
	float: left;
  background-image: url(../images/header_fruits.jpg);
	background-repeat: no-repeat;
}

#header_search {
  width: 144px;
	height: 71px;
  display: block;
	padding: 10px 30px 5px 30px;
	float: left;
	border-left: 1px solid #fff;
	background-color: #ffb246;
}

#header_search p{
  margin-bottom: 3px;
}

#header_search a{
  color: #fff;
}

#search_input {
  width: 107px;
	height: 19px;
	border: 1px solid #a5acb2;
}

#search_submit {
  height: 19px;
  width: 31px;
  background-image: url(../images/search_submit.png);
	background-repeat: repeat-x;
	border: 1px solid #a5acb2;
	font-size: 11px;
}

#sitemap_select {
  font-family: tahoma;
	font-size: 11px;
  width: 122px;
	height: 19px;
	border: 1px solid #a5acb2;
}

#navi {
  width: 940px;
  height: 34px;
  margin-left: 0px;
	background-image: url(../images/navi.png);
	background-repeat: repeat-x;
}

#navi li {
  border-right: 1px solid #fff;
  list-style-type: none;
	float: left;
}

#navi li a {
  padding: 7px 20px 8px 20px;
  display: block;
	color: #fff;
	float: left;
}

#navi li a.current_navi{
  border-top: 4px solid #9ba8b2 !important;
}

#navi li a.color_01 {
  border-top: 4px solid #ff9600;/*oranssi*/
	background-image: url(../images/navicolor_01.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a.color_02 {
  border-top: 4px solid #c40e0a;/*punainen*/
	background-image: url(../images/navicolor_02.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a.color_03{
  border-top: 4px solid #dbda30;/*vaaleanvihrea*/
	background-image: url(../images/navicolor_03.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a.color_04 {
  border-top: 4px solid #f0d064;/*kellertava*/
	background-image: url(../images/navicolor_04.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a.color_05 {
  border-top: 4px solid #c79439;/*vaalenruskeahko*/
	background-image: url(../images/navicolor_05.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a.color_06 {
  border-top: 4px solid #c45c3f;/*punertavan ruskea*/
	background-image: url(../images/navicolor_06.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#navi li a:hover {
  border-top: 4px solid #666 !important;
}

#contentwrap {
  width: 940px;
	position: relative;
}

#subnavi {
  width: 180px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 20px;
}

#subnavi ul {
	margin-left: 0px;
}

#subnavi li {
  list-style-type: none;
	clear: both;
}

#subnavi li a {
  padding: 2px 0px 3px 0px;
	/*height: 15px;*/
/*  display: block; */
	color: #ff9600;
}

#subnavi li a.current_subnavi{
  font-weight: bold;
}

#subnavi li ul li a.current_subnavi{
  color: #9ba8b2;
  font-weight: bold;
  text-decoration: underline;
}

#subnavi li ul{
  /*width: 150px;*/
	float: left;
	margin: 0px;
	padding: 5px 0px 5px 10px;
}

#subnavi li ul li{
  list-style-type: none;
}

#subnavi li ul li a {
  padding: 2px 0px 3px 0px;
	/*height: 15px;*/
  display: block;
	color: #666;
}

.item{
  margin: 5px 9px;
  float: left;
  width: 140px;
	height: 325px;
/*	display: table;*/
  display: block;
  overflow: hidden;
}

.osionetusivu .item
{
	height: 185px;  
}

.item .image{
  border: 1px solid #e2e6e9;
  height: 150px;
	width: 100%;
  background-color: #fff;
}

.item .image td{
  text-align: center;
	vertical-align: middle;
}

.item .info{
  padding-top: 0px;
}

.item .info h3{
  padding: 0px;
}

.item .info span{
  font-size: 14px;
}

.item .info a{
  font-weight: bold;
}

.pages_no{
  text-align: right;
  width: 100%;
  font-weight: bold;
	float: left;
	margin: 10px 0px;
}

#nav a {
	margin: 0px 5px;
}

.pages_no .next
{
  padding: 0 4px;
  margin-left: 10px;
  background-color: #f8f8f8;	
}

.pages_no .prev
{
  padding: 0 4px;
  margin-right: 10px;
	background-color: #f8f8f8;
}

.parasta_nyt{
float: left;
}

.content_right {
  width: 740px;
  float: left;
  /*overflow-x: hidden;*/
}

.content_left{
  width: 200px;
  float: left;
  /*overflow-x: hidden;*/
}

.subcontent{
	padding: 10px 10px 0px 10px;
  width: 570px;
}

.tietotori_content {
	float: left;
	padding: 20px 0px 20px 200px;
}

.search_content {
	float: left;
	padding: 20px 0px 20px 200px;
}



.polku {
/*  width: 170px; */
	min-height: 18px;
	height: auto !important;
	height: 18px;
	padding: 7px 20px 5px 20px;
  color: #9ba8b2;
}

.jattibanneri{
  width: 728px;
	height: 90px;
	background-color: #ccc; /*Taman rivin voi poistaa. Auttaa hahmoittamaan bannerin sijainnin*/
}

.iso_pystybanneri{
  width: 190px;
	height: 380px;
	background-color: #ccc; /*Taman rivin voi poistaa. Auttaa hahmoittamaan bannerin sijainnin*/
}

.tabs{
  margin-left: 0px;
	float: right;
}

.tabs_content .ui-tabs-hide{
  display: none;
}

.tabs li {
  list-style-type: none;
	float: left;
	margin-left: 2px;
}

.tabs li a {
  padding: 7px 10px 4px 10px;
  display: block;
	background-color: #dde2e4;
	color: #000;
	float: left;
}

.tabs .ui-tabs-selected a{
  background-color: #ededed !important;
}

.tabs_content .ui-tabs-panel{
	width: 680px;
	float: right;
}

.tabs_content{
  width: 688px;
  padding: 30px 20px 30px 20px;
	float: right;
	/*background-color: #ededed;
	border-top: 1px solid #ededed;
	border-right: 1px solid #ededed;*/
	border: 1px solid #ededed;
}

.resepti_haku{
  text-align: center;
  width: 160px;
  border: 1px solid #edf0f1;
	background-color: #f6f9fa;
}

.hae_resepti_submit {
  background-color: #000;
	text-align: center;
  width: 60px;
  background-color: #;
	border: 0px;
	margin-left: 110px;
}

#frontpage_boxwrap{
  width: 789px;
  float: left;
}

#frontpage_topbox{
  background-color: #ff0000;
}

#frontpage_bottombox{
  float: left;
}

#frontpage_topleft{
  margin-top: 6px;
  margin-right: 3px;
	float: left;
}

#frontpage_topcenter{
  margin-top: 6px;
  margin-right: 3px;
	float: left;
}

#frontpage_topright{
  margin-top: 6px;
  margin-right: 3px;
	float: left;
}

#frontpage_bannerit{
  margin-top: 6px;
  float: right;
  width: 150px;
	height: 600px;
/*	background-color: #666; */
}

#tutustu_tavarantoimittajiin{
  padding: 15px;
  width: 270px;
	margin-bottom: 3px;
  background-color: #f6f7f9;
  float: left;
}

#mainostaulu_300x250{
  width: 300px;
	height: 250px;
  background-color: #ccc;
}

#kirjaudu{
  padding: 10px;
  width: 205px;
  background-color: #f6f7f9;
}

#kirjaudu p label{
  margin: 2px 0px;
  color: #ff9500;
	float: left;
  display: block;
  width: 90px;
}

#kirjaudu p input{
  margin: 2px 0px;
  border: 1px solid #a5acb2;
  height: 18px;
  width: 105px;
	 font-size: 11px;
  font-family: Trebuchet MS, Arial, Tahoma;
}

#kirjaudu p .kirjaudu_submit{
  font-size: 11px;
  font-family: Trebuchet MS, Arial, Tahoma;
  float: right;
	width: 60px;
	margin-right: 8px;
	border: 0px;
	background-color: #fff;
	color: #ff9501;
}


#frontpage_news{
  padding: 10px;
  width: 205px;
}

#frontpage_news h6{
  padding: 0px;
}

#frontpage_news p{
  padding: 4px 0px;
}

#ajankohtaista{
  padding: 0px 10px;
	width: 230px;
	margin-bottom: 10px;
}

#ajankohtaista h1{
  margin: 0px -10px;
  padding: 3px 10px;
  display: block;
  background-color: #f6f7f9 !important;
}

#ajankohtaista h6{
  line-height: 14px;
}

#nkeittiossa_tanaan{
  padding: 0px 10px;
	width: 230px;
}

#nkeittiossa_tanaan h1{
  margin: 0px -10px;
  padding: 3px 10px;
  display: block;
  background-color: #f6f7f9 !important;
}

#frontpage_bottombox .infobox{
  padding: 0px 10px 10px 10px;
  margin-right: 3px;
  width: 173px;
	background-color: #f6f7f9;
	float: left;
}

#frontpage_bottombox .infobox h4{
  margin: 0px -10px;
  padding: 5px 10px;
  display: block;
  background-color: #e8e9eb;
}

#footer {
  width: 930px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
	padding: 6px 10px 0px 0px;
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: right;
	position: relative;
}

#footer span {
  margin: 0 5px;
}

#footer_logo {
  width: 108px;
  height: 47px;
  display: block;
	background-image: url(../images/footer_logo.png);
	background-repeat: no-repeat;
  position: absolute;
	top: -22px;
	left: 0;
	line-height: 0;
}

.taple{
  width: 570px;
}

.taple td {
	padding-bottom: 20px;
	vertical-align: top;
}

.taple th, .taple td {
	width: 190px;
}

.taple th{
  background-color: #f8f8f8;
	font-weight: bold;
	color: #333;
	padding: 3px;
  border-bottom: 1px solid #000000;
}

.taple th a {
	color: #333;
}

.width500{
  width: 505px;
}

.width200{
  width: 200px;
}
	
.clear {
  clear: both;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.float_left {
  float: left !important;
}

.float_right {
  float: right !important;
}

.osoite
{
  	width: 190px;
	margin: 30px 0px 0px 0px;
}

.tabit {
	padding-bottom: 25px;
}

.tabit .content_left
{
	/*background-color: #ededed;
	border-left: 1px solid #ededed;
	border-top: 1px solid #ededed;*/
	border: 1px solid #ededed;
	width: 200px;
	margin-top: 36px;
	clear: left;
}

span.headline
{
  display: block;
  margin-top: 5px;
}

#frontpage_news h3
{
  padding-bottom: 5px;
  padding-top: 5px;
}

.randomlogo {
	text-align: center;
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

.randomlogo img
{
  width: 100%;
}

/* LOGIN */
#sf_guard_auth_form
{
	text-align: center;
	padding: 30px;
}

#sf_guard_auth_forgot_password
{
	display: block;
	margin-top: 10px;
}

#sf_guard_auth_remember
{
	margin-bottom: 10px;
}

.logoimg
{
	float: left;
	height: 100px;
	width: 180px;
}


/* pager navi */
#nav.nav
{
	padding-bottom: 15px;
}

/*Login*/

#sf_guard_auth_form {
	float: left;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	font-size: 9pt;
}

#sf_guard_auth_wrap {
	float: left;
	background-color: #e8ebeb;
	padding: 60px 25px 25px 25px;
	color: #000;
	background-image: url(../images/loiste-editor.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

#sf_guard_auth_form form {
	width: 360px;
	margin: 0 auto;
}

#sf_guard_auth_username {
	float: left;
	width: 150px;
	margin-bottom: 8px;
}

#sf_guard_auth_username input {
	border: 1px solid #b3c4d2;
	width: 150px;
	height: 18px;
	margin-top: 4px;
}

#sf_guard_auth_password {
	float: right;
	width: 150px;
	margin-bottom: 8px;
}

#sf_guard_auth_password input {
	border: 1px solid #b3c4d2;
	width: 150px;
	height: 18px;
	margin-top: 4px;
}

#sf_guard_auth_remember {
	float: left;
	width: 150px;
}

#sf_guard_auth_remember input {
	margin-left: 10px;
	float: left;
	width: 15px;
	height: 15px;
}

#sf_guard_auth_remember label {
	float: left;
}

#sf_guard_auth_signin {
	float: right;
	width: 150px;
}

#sf_guard_auth_signin input {
	width: 85px;
	height: 18px;
	background-color: transparent;
	color: #fff;
	display: block;
	background-image: url(../images/sf_guard_auth_signin.png);
	background-repeat: no-repeat;
	border: 0px;
	cursor: hand;
	cursor: pointer;
	padding-bottom: 2px;
}

#sf_guard_auth_forgot_password {
	width: 360px;
	color: #f05a20;
	float: left;
}


.highlight
{
	text-decoration: underline;
}

/*search*/

#search_wrap {
	float: left;
	width: 100%;
	padding: 20px 0px 40px 0px;
}


#search_wrap #search_subnavi {
	float: left;
	width: 180px;
	padding:5px 0 0 20px;
}

#search_content {
	float: left;
	width: 515px;
}

#search_content .search-controls {
	float: left;
	width: 250px;
}

.search-controls input{
	background-image: url(../images/search_submit.png);
	background-repeat: repeat-x;
	border: 1px solid #A5ACB2;
	font-size: 11px;
	height: 21px;
	width: auto;
	padding: 0px 6px;
}

.search-controls #query {
	background-color: #fff;
	color: #333333;
	font-weight: normal;
	background-image: none;
	float: left;
	padding-top: 2px;
	margin-right: 8px;
	cursor: text;
	
	border:1px solid #A5ACB2;
	height:17px;
	width:160px;
}

#search_subnavi #query {
	width: 140px;
	margin-bottom: 5px;
}

.serach_row {
	width: 515px;
	float: left;
	margin-bottom: 20px;
}

.search_info {
	float: left;
	width: 100px;
}

.search_percentage {
	float: left;
	width: 100px;
}

.search_stars {
	float: left;
	width: 100px;
}

.search_stars img{
	float: left;
}

.search_result {
	float: left;
	width: 415px;
}

.search-page-numbers {
	float: left;
	width: 515px;
}