/*--------------------------------------------------------*/
/*	Site: www.finefoods.fi
/*	Author: Mediasignal Oy
/*	Date: 15.1.2010
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
behavior:url("/fileadmin/template/js/csshover3.htc");
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background:#000 url(kuvat/bg_main.jpg) no-repeat center 108px;
/*font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
font-family: Georgia,serif;  /*Serif Georgia stack */
}
a:link{text-decoration:none; color:#fff;}
#content-wrapper-2col a:link {color:#B8151B;}
/*a:visited{}*/
a:hover{text-decoration:underline;}
a:active{}

h1{font:bold 2.2em/1.5 Georgia,serif; margin:5px 0;}
h2{font:bold 2em/1.5 Georgia,serif; margin:5px 0;}
h3{font:bold 1.3em/1.5 Georgia,serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Georgia,serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Georgia,serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Georgia,serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Georgia,serif; margin:5px 0;}
#content-wrapper-2col p {
line-height:1.7;
margin:5px 0 10px 0;
}

p {font-size:11px;}
p a:link{text-decoration:underline;}
p a:hover{text-decoration:none;}
p a:visited{}

#col-left-sidebar-reseptihaku a, #col-left-sidebar-reseptihaku a:visited {
color:#000;
}

h1 {
color:#a51318;
font-size:24px;
font-weight:normal;
margin:10px 0 0 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* LAYOUT COLUMS */

#bg-wrap {
/*background:#6f7274 url(kuvat/bg_main.jpg) no-repeat top center;*/
}

#wrapper{
	width:907px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	background:#fff;
}

#header-wrap {
height:87px;
background-color:#000;
}

#header{
width:907px;
margin:0 auto;
}

#navi-wrap {
height:22px;
background:transparent url(kuvat/bg_navi.jpg) repeat-x;
}

#nav{
width:907px;
margin:0 auto;
}

#logo{
float:left;
}

#header-right {
float:right;
width:230px;
margin-top:10px;
display:inline;
}


#content-wrapper-2col{
overflow:hidden;
padding-top:30px;
}

#col-left-sidebar, #col-left-sidebar-resepti, #col-left-sidebar-etusivu, #col-left-sidebar-reseptihaku, #col-left-sidebar-tuoteperhe, #col-left-sidebar-yleinen{
	float:left;
	width:505px;
	margin:0 0 0 30px;
	display:inline;
	min-height:400px;
  height:auto !important;
  height:400px;
}


#col-right, #col-right-resepti, #col-right-etusivu, #col-right-reseptihaku, #col-right-tuoteperhe, #col-right-yleinen{
	float:left;
	width:326px;
	margin:0 0 0 20px;
	display:inline;
}

#content-wrapper-2col-tuote{
overflow:hidden;
}

#col-left-tuote{
	float:left;
	width:450px;
	margin:0 0 0 30px;
	display:inline;
}


#col-right-tuote{
	float:left;
	width:390px;
	margin:0 0 0 30px;
	display:inline;
}

#tuotekaruselli {
padding-bottom:30px;
}

#footer, #footer-etusivu {
	clear:both;
	border-top:1px solid #979895;
	width:850px;
	margin:20px auto;
padding:10px;
}

#footer .logot, #footer-etusivu .logot {
float:left;
width:615px;
text-align:right;
}

#footer p, #footer-etusivu p {
float:left;
margin-right:20px;
padding-top:20px;
}

.clear {
clear:both;
}

/* TUOTESIVU */

#col-right-tuote p {
font-size:11px;
}

.tuotelista {
float:left;
margin-right:30px;
display:inline;
}

p.block {
color:#fff;
background:#000;
width:150px;
height:22px;
padding-top:7px;
padding-left:12px;
margin-top:0;
}

#col-right-tuote ul li {
width:150px;
}

#col-right-tuote ul a {
color:#ab1319;
text-decoration:none;
width:150px;
display:block;
padding:3px 0 3px 12px;
font-size:11px;
}

#col-right-tuote ul a:hover, #col-right-tuote ul a.valittu {
background:#e7e7e7;
}

.tuote-oikea-lista {
}

.reseptit-oikea-lista {
}

ul.tuotelistaus {
margin:20px 0;
}

ul.tuotelistaus li {
width:300px;
}

ul.tuotelistaus a {
color:#ab1319;
text-decoration:none;
width:300px;
display:block;
padding:3px 0 3px 6px;
font-size:11px;
}

ul.tuotelistaus a:hover, ul.tuotelistaus a.valittu {
background:#e7e7e7;
text-decoration:none;
}




p.murupolku {
color:#fff;
background:#000;
width:500px;
height:22px;
padding-top:7px;
padding-left:10px;
margin-top:0;
font-size:11px;
}

.tuotepolku {
/*background:#4c2976 !important;*/
}

p.murupolku a {
text-decoration:none;
color:#fff;
}

p.murupolku a:visited {
color:#fff;
}

p.murupolku a:hover {
text-decoration:underline;
}

.tuotekuva {
padding-top:10px;
text-align:center;
}

h1.tuoteotsikko {
font-size:20px;
font-weight:normal;
}

h1.tuoteotsikko span {
color:#a51318;
font-size:24px;
}

#col-left-sidebar table td{
font-size:11px;
background:#e7e7e7;
padding:10px;
}


/* RESEPTIT */

#reseptiwrapper {
width:450px;
}

h1.reseptiotsikko {
color:#a51318;
font-size:24px;
font-weight:normal;
margin:20px 0 0 0;
}


p.annosmaara {
/*float:right;*/
font-weight:bold;
}

p.reseptiotsikko2 {
float:left;
font-weight:bold;
font-size:14px;
}

.reseptiaineet {
background:#e7e7e7;
padding:10px;
}

.reseptiaineet p {
font-weight:bold;
}

.reseptikuvapalkki {
margin:10px 0;
}

.anna_aani {
margin-right:20px;
width: 191px;
display: block;
float: left;
text-align: center;
color: #404040;
}

.anna_aani:visited, .anna_aani:link {
color: #404040;
}

#tykannyt p {
color:#404040;
font-style:italic;
}


/* RESEPTIHAKU */

#content-wrapper-2col-haku{
padding-top:30px;
overflow:hidden;
background:transparent url(kuvat/bg_mustavalko.gif) repeat-y;
}

#content-wrapper-2col-haku #col-right {
padding-left:10px;
}

.suositut_reseptit {
display:block;
font-size:10px;
line-height:16px;
padding-left:5px;
color:#fff;
}

a.suositut_reseptit:visited {
color:#fcfcfc;
text-decoration:none;
}

a.suositut_reseptit:hover {
text-decoration:underline;
}

#vapaahaku {
float:right;
margin-top:6px;
display:inline;
}

.vapaahakukentta {
background:#fff;
border:1px solid #d2d2d2;
padding:4px 0 4px 10px;
font-family:Georgia, serif;
font-size:10px;
color:#8b8b8b;
font-style:italic;
letter-spacing:1.5px;
margin-right:5px;
width:180px;
}

.vapaahakusubmit {
border:none;
background:#fff;
font-size:10px;
color:#000;
font-family:Georgia, serif;
font-size:10px;
}

#reseptihakuboksi input {
margin:0 4px 0 15px;
float:left;
padding:0;
vertical-align:top;
}

#reseptihakuboksi {
border-bottom:1px solid #e3e3e3;
width:480px;
margin-top:40px;
}

#reseptihakuboksi label {
display:block;
}

.haku-raaka-aine {
width:145px;
height:330px;
float:left;
border-right:1px solid #e3e3e3;
}

.haku-kulttuuri {
width:165px;
height:330px;
float:left;
border-right:1px solid #e3e3e3;
margin-left:-1px;
}

.haku-tyyppi {
width:170px;
height:330px;
float:left;
margin-left:-1px;
}

.mustatausta {
height:22px;
background:#000;
color:#fff;
padding:6px 0 0 10px;
margin:0 0 10px 0;
}

.haeresepteja {
width:132px;
height:28px;
background:#000;
border:none;
color:#fff;
font-family:Georgia, serif;
font-size:10px;
margin-top:10px;
}

/* KAVERILLE */

#fb-logo {
background:#000;
}

#kaverille {
background-image:none;
background-color:#fff;
}

#kaverille-form {
padding:20px 0 0 50px;
}

#kaverille-form label {
display:block;
float:left;
width:150px;
color:#000;
line-height:17px;
}

#kaverille-form input, #kaverille-form textarea {
float:left;
width:200px;
border:1px solid #000;
color:#000;
font-family:Georgia, serif;
font-size:10px;
}

#kaverille-form .laheta {
float:left;
width:75px;
border:1px solid #000;
color:#000;
font-family:Georgia, serif;
font-size:10px;
background-color:#fff;
}

#kaverille-form ul {
list-style-type:none;
clear:both;
}

#kaverille-form li {
padding:10px 0;
clear:both;
}


/* MENU STYLING */

.hmenu{
margin-left:25px;
}
.hmenu li{
	float:left;
	display:block;
	position:relative;
	height:22px;
	/*margin-right:20px;*/
	padding-right:10px;
	padding-left:10px;
}

.hmenu li:hover ul {
	display:block;
}
.hmenu a{
	display:block;
	float:left;
	//padding:4px 10px 6px 10px;
	padding:6px 10px 6px 10px;
	font-size:1.4em;
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}
.hmenu li:hover, .hmenu li.valittu, .hmenu a:hover, .hmenu a.valittu{
	background:#000;
}

ul.submenu {
background:#000;
list-style-type:none;
margin:0;
padding:20px 0;
position:absolute;
top:22px;
left:0;
width:190px;
display:none;
}

.submenu li {
display:block;
width:100%;
float:none;
padding:0 !important;
}

.submenu li a {
padding:5px 25px;
color:#fff;
float:none;
display:block;
margin:0;
width:140px;
font-family:Georgia, serif;
font-size:10px;
font-weight:normal;
}

.submenu li a:hover, .submenu li a.valittu {
background:#bf161c;
text-decoration:none;
}


#nav-vertical{
	background-color:#fbfbfb;
	float:left;
	border:1px solid black;
	width:230px;
	margin-right:10px;
	display:inline;
}
.vmenu li{
display:block;
border:1px solid #ccc;
}
.vmenu li a{
display:block;
padding:10px 5px;
	background-color:#E0EEEF;
	font-size:1.4em;
}
.vmenu ul{
	margin-left:5px;
}
.vmenu ul li{
	border-width:0px;
	width:100%;
}
.vmenu ul li a{
	background-color:#fbfbfb;
	font-size:1.3em;
}
/* ELEMENT SPECIFIC STYLING */

.msc{
	text-align:right;
	font-size:.9em;
}
.msc a{
	color:#000;
}

.ajankohtaista {
width:500px;
margin-bottom:10px;
clear:both;
}

.ajankohtaista .kuvadiv {
float:left;
width:107px;
height:99px;
overflow:hidden;
}

.ajankohtaista .tekstidiv {
width:380px;
margin-left:13px;
float:left;

}

.ajankohtaista .tekstidiv .otsikko {
color:#b8151b;
}

.ajankohtaista .tekstidiv p {
color:#000;
font-size:11px;
}

.ajankohtaista .tekstidiv a {
color:#ec1c23;
text-decoration:none;
}
.ajankohtaista .tekstidiv a:hover {
text-decoration:underline;
}


#header-right p {
color:#fff;
font-size:10px;
margin:10px 0 0 0;
}

#header-right a {
text-decoration:none;
color:#fff;
}

#header-right a:hover {
text-decoration:underline;
}

#header-right input {
color:#000;
border:none;
background:#fff;
font-size:10px;
margin:0;
font-family:Georgia, serif;
padding:4px;
}

#header-right input.hakukentta {
width:150px;
}

#header-right input.mustanappi {
background:#000;
color:#fff;
}

#header-right input.mustanappi:hover {
cursor:pointer;
}

.result-div {
  min-height:90px;
  height:auto !important;
  height:90px;
  }
  
 #etusivu-slider {
 width:501px;
 height:343px;
 }
 
 .msc p {
 font-size:10px;
 }
 
 .msc a, .msc a:visited{
 color:#888 !important;
 text-decoration:none !important;
 }
 
 .backlink {
 color:#000 !important;
 }