@media screen {
html {
height:100%;
}
/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#fff;
/*background:#ce8e00 url('kuvat/body-bg.jpg') top center no-repeat;*/
background:#ce8e00 url('kuvat/body_bg.jpg') top center no-repeat;
/*font-family: Verdana, Helvetica,sans-serif;  Sans-serif Verdana stack */
font-family: Verdana, Helvetica,sans-serif;
text-align:center;
width:100%;
/*display:table;*/
height:100%;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a {
color: #ffffff !important;
}

#right-main a, #right-main-product a, #right-main-ajankohtaista a {
	/*background-color:#EAD094;
	color:#673E28 !important;*/
	color:#fffff !important;
	padding:2px 4px 2px 4px;
}
a:hover {
text-decoration:underline;
}

.etusivu-ajankoht {
text-transform:uppercase;
font-weight:bold;
padding: 5px 0 7px 0;
display:block;
}
.date {
color:#673E28;
font-weight:bold;
}
.luelisaa {
margin:0;
}

h1{font:normal 3.9em/1.5 "Times New Roman",Times,serif; margin:5px 0;}
h2{font:bold 3em/1.5 "Times New Roman",Times,serif; margin:5px 0;}
h3{font:bold 1.9em/1.5 "Times New Roman",Times,serif; margin:5px 0;}
h4{font:bold 1.8em/1.5 Verdana, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Verdana, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Verdana, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.1em/1.7 Verdana,Helvetica,sans-serif; margin:5px 0 10px; color:#673e28;}

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

/* LAYOUT COLUMS */
#bg-wrapper{
	width:100%;
	background:transparent url('kuvat/wrapper_bg.jpg') top center no-repeat;
	margin:0 auto -100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
position:relative;
}
#bg-wrapper-bottom{
	width:100%;
	/*background:transparent url('kuvat/bottom-bg.jpg') bottom center no-repeat;	*/
}
#wrapper{
	width:930px;
	margin:0 auto;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
}
#header{height:80px; width:930px;}
#page-image{
	width:928px;
	height:332px;
	margin-bottom:15px;
	/*margin:50px 0 0 0;*/
}
#image-carousel{height:332px;}
#logo{
	float:left;
	height:61px;
	width:289px;
	margin:30px 0 0 300px;
	display:inline;
}
#header-top{
	float:right;
	width:170px;
	text-align:right;
	padding:5px 5px 0 0;
}
#tilaa-uutiskirje img{
	vertical-align:middle;
	padding-left:5px;
}
#tilaa-uutiskirje{
	color:#6d3e27;
	font-size:11px;
	
}
#haku{
	color:#666666;
	background:transparent url('kuvat/haku-bg.gif') center left no-repeat;
	border:0 none;
	font-size:1.1em;
	width:120px;
	height:20px;
	padding-left:2px;
}
#haku-painike{
	vertical-align:middle;
	padding:0 0 3px 5px;
}
#nav{
	height:47px;
	background:transparent url('kuvat/navi-bg.png') top center no-repeat;
	width:760px;
	margin:0 auto;
	overflow:hidden;
}
#content-wrapper-front{}
#content-wrapper-1col{border:1px solid #000;}
#content-wrapper-2col-front{
	width:610px;
	margin:70px 0 0 260px;
}
#content-wrapper-2col{}
#content-wrapper-3col-front{width:851px; margin:0 auto;}
.with-bg{
	min-height:350px;
	height:auto !important;
	height:500px;
	/*background:transparent url('kuvat/ph-etusivukuva.png') 331px top no-repeat;*/
}

#breadcrumb{text-align:left; color:#999999; clear:left; padding:0 0 0 30px; font-size:9px;}
#breadcrumb a{color:#999999;}
#sidebar-left{float:left; width:210px; background:transparent url('kuvat/sub-nav-first.png') top left no-repeat; padding:17px 0 0 0;}
#sidebar-bg-bottom{	background:transparent url('kuvat/sub-nav-last.png') bottom left no-repeat; padding:0 0 17px 0;}
#banners{
	width:160px;
	text-align:center;
	float:right;
	margin:17px 26px 0 0;
	display:inline;
}
#banners img{
	margin:0 0 2px 0;
}
.top-level{overflow:hidden;}
.top-level li{
	width:210px;
	float:left;
	clear:left;
	display:block;
}
.top-level li a{
	display:block;
	margin:0 0 3px 25px;
	padding:4px 0 5px 16px;
	width:151px;
	text-decoration:none;
	color:#fff; font-weight:bold; font-size:9px;
	background-color:#d49c1b;
}
.top-level li a:hover{text-decoration:none;}
.top-level li a.current,.top-level li a:hover{
	background-color:#ead094;
	color:#673e28;
}
.sec-level{margin:0 0 0 15px; overflow:hidden;}
.sec-level li a {background:none; color:#ffffff; background-image:url('http://www.suomenrehu.fi/fileadmin/template/jahtivahti/kuvat/raquo.png'); background-repeat:no-repeat; background-position: -3px 3px;}
.sec-level li a:hover {background:none; color:#ffffff; background-image:url('http://www.suomenrehu.fi/fileadmin/template/jahtivahti/kuvat/raquo.png'); background-repeat:no-repeat; background-position: -3px 3px;}
.sec-level li{background:none; width:187px;}
.sec-level li.first{background:transparent url('kuvat/sub-nav-last.png') -13px top no-repeat;}
.sec-level li.last{background:transparent url('kuvat/sub-nav-first.png') -13px bottom no-repeat;}
.thrd-level{margin:0 0 0 15px; width:154px; overflow:hidden;}
.thrd-level li{width:154px;}
.thrd-level li a{font-weight:normal; color:#fff; font-weight:normal; font-size:9px; width:154px;}	

#right-main,#right-main-product, #right-main-ajankohtaista{float:left; width:462px; margin:0 0 0 13px; display:inline; padding:10px 0 0 0; min-height:600px; height:auto !important; height:647px;}
#right-main-text{float:left; width:481px; margin:0 0 0 13px; display:inline; padding:10px 0 0 0; min-height:647px; height:auto !important; height:647px;}
#right-main-text h1{margin-bottom:10px;}
#right-main-text p{line-height:1.8;}
#right-main a,#right-main-text a{color:#fff;}
#footer{
	clear:both;
	height:30px;
	/*color:#fff;
	background:#000 url('kuvat/footer-bg.gif') top center no-repeat;*/
	padding:15px 0 0 0;
	text-align:center;
z-index:3;
position:relative;
}

#index {
position:relative;
z-index:5;
}

#footer p{
	font-size:9px;
}
#footer p{
	text-align:center;
}
#footer a{ color:#fff; }
#footer ul{
	margin:0 auto 15px;
	width:450px;
	
}
#footer ul li{
	display:inline;
	color:#fff;
}
#footer ul li.right{
	float:right;
}
#footer ul li a{
	padding:0 5px 0 0;
}
/* MENU STYLING */

.nav-menu{
	margin:12px 0 0 20px;
}
.nav-menu li{
	/*float:left;*/
	display:inline;
}
.nav-menu a{
	display:block;
	float:left;
	text-indent:-99999em;
	height:23px;
}
/*
#tuotteet{width:87px; background:transparent url('kuvat/navi-sprite.png') 0 -23px no-repeat;}
#tuotteet:hover,#tuotteet.current{background-position: 0 0px;}
#koirien-hoitotuotteet{width:87px; background:transparent url('kuvat/navi-sprite.png') 0 -23px no-repeat;}
#koirien-hoitotuotteet:hover,#koirien-hoitotuotteet.current{background-position: 0 0px;}
#hyvia-kokemuksia{width:162px; background:transparent url('kuvat/navi-sprite.png') -87px -23px no-repeat;}
#hyvia-kokemuksia:hover,#hyvia-kokemuksia.current{background-position: -87px 0px;}
#yritys{width:63px; background:transparent url('kuvat/navi-sprite.png') -250px -23px no-repeat;}
#yritys:hover,#yritys.current{background-position: -250px 0px;}
#ajankohtaista{width:140px; background:transparent url('kuvat/navi-sprite.png') -313px -23px no-repeat;}
#ajankohtaista:hover,#ajankohtaista.current{background-position: -313px 0px;} */

#koirien-ruoat{width:129px; background:transparent url('kuvat/navi-sprite.png') -7px -23px no-repeat;}
#koirien-ruoat:hover,#koirien-ruoat.current{background-position: -7px 0px;}
#koirien-hoitotuotteet{width:207px; background:transparent url('kuvat/navi-sprite.png') -136px -23px no-repeat;}
#koirien-hoitotuotteet:hover,#koirien-hoitotuotteet.current{background-position: -136px 0px;}
#hyvia-kokemuksia{width:162px; background:transparent url('kuvat/navi-sprite.png') -343px -23px no-repeat;}
#hyvia-kokemuksia:hover,#hyvia-kokemuksia.current{background-position: -343px 0px;}
#myymalat{width:94px; background:transparent url('kuvat/navi-sprite.png') -504px -23px no-repeat;}
#myymalat:hover,#myymalat.current{background-position: -504px 0px;}
#ajankohtaista{width:135px; background:transparent url('kuvat/navi-sprite.png') -597px -23px no-repeat;}
#ajankohtaista:hover,#ajankohtaista.current{background-position: -597px 0px;} 

.msc{
	text-align:right;
	font-size:.9em;
	width:862px;
z-index:3;
position:relative;
}
.msc a{
	color:#fff;
}

#front-main{float:left; width:385px; /*margin:0 55px 0 0;*/ margin:0 15px 0 0; display:inline;}
#front-main h1{margin:5px 0 50px 0;}
#front-right{float:right; width:165px;}
#front-right h2{margin:5px 0 0px 0;}
.news{font-size:1em;}
.news h3{font-size:1.1em; font-family: Verdana,sans-serif; text-transform:uppercase;}
.news p{font-size:1.1em;}
.news a{color:#fff; font-weight:bold;}

#bottom-row{
	/*width:640px;*/
	width:830px;
	margin:20px auto 0;
	height:100px;
}
.bottom-col{
	width:190px;
	float:left;
	margin:0 21px 0 0;
}
.last{margin:0;}
#loyda-oikea-tuote .otsikko{text-align:center;}
#tuotehaku{
	background:transparent url('kuvat/tuotehaku-tausta.gif') top center no-repeat;
	height:98px;
	width:159px;
	margin:0 0 0 14px;
	padding:5px 0 0 0;
}
#tuotehaku-linkki{
	display:block;
}
#tuotehaku select{
	display:block;
	width:139px;
	margin:0 auto 3px;
	font-size:10px;
}
.hakupainike{
	text-align:right;
	padding:5px 10px 0 0;
}
.tuote-linkki{
	float:left;
	width:150px;
	height:150px;
	margin:0 10px 10px 0;
}
#tuote-kuva{
	width:160px;
	float:left;
	margin:20px 0 0 0;
	display:inline;
}
#tuote-tiedot{
	float:left;
	width:300px;
	margin:150px 0 0 2px;
	display:inline;
}
#tuote-tiedot p.desc{
	margin-bottom:20px;
}
.takaisin-linkki{padding:0 0 0 5px;}
.esite-linkki{
	background:transparent url('kuvat/icon-pdf.gif') center left no-repeat;
	display:block;
	padding:7px 0 7px 37px;
}
.case-esittelyt{margin:50px 0 0 0;}
.case-galleria{overflow:hidden;}
#right-main-text .case-galleria h1{margin-top:0px;}
.case-kuva{width:120px; float:left;}
.case-teksti{float:left; width:280px; margin:0 0 0 40px; display:inline;}
a img, .contenttable a {
border:0;
background:none !important;
}
#sticky {
position:relative;
height:100px;
width:100%;
background:transparent url('kuvat/footer_bg.jpg') top center repeat-x;
z-index:1;
}
.tx-dropdownsitemap-pi1 div {
background: transparent !important;
border:0 !important;
}
#front-center {
width:220px;
height:200px;
float:left;
/*padding-top:100px;*/
padding-top: 50px;
}
#ylakuva {
width:960px;
background:#000;
height:343px;
text-align:center;
margin-top:20px;
border:1px solid #000;
}	
#mid-wrap {
width:960px;
}
#mid-left {
width:700px;
text-align:left;
float:left;
}
#mid-left p {
padding-left:50px;
padding-top:15px;
width:400px;
}
#mid-right {
width:180px;
float:right;
}
#bottom-wrap {
width:960px;
float:left;
/*padding-top:30px;*/
}
#bottom-left {
width:500px;
float:left;
padding-left:50px;
padding-top:10px;
}
#bottom-right {
width: 350px;
float:right;
text-align:right;
padding-right:30px;
padding-top:35px;
}
#bottom-right table tr td{
text-align:left;
padding-left:5px;
padding-right:5px;
}
#bottom-right table input.contact {
	color:#666666;
	background:transparent url('kuvat/kampanja/haku-bg2.gif') center left no-repeat;
	border:0 none;
	font-size:1.1em;
	width:160px;
	height:20px;
	padding-left:5px;
	padding-right:3px;
}
tr.bottom-row-tr td {
text-align:center;
}
.moreinfo td {
text-align:right !important;
}
.moreinfo {
margin-right:20px;
}	
.moreinfo a {
	/*background-color:#EAD094;
	color:#673E28 !important;*/
	color:#fff;
	padding:2px 4px 2px 4px;
}

.faboshare {
padding:5px 10px 5px 0;
float:left;
}
.tellafriend {
padding:5px 10px 5px 0;
}
.sharewrap {
clear:left;
}
.sharewrap a {
background-color:transparent !important;
}
* + html #footer {
position:relative;
z-index:3 !important;
}
* + html #msc {
position:relative;
z-index:3 !important;
}

* + html #sticky {
z-index:2 !important;
}

#tuote-tiedot > table {
border-collapse: separate;
border-spacing: 1px;
}

#tuote-tiedot > table td {
background: #e1ae3b;
padding: 4px 5px;
color: #673e28;
}

}
@media print {
#header, #nav, #bottom-row, #footer, #msc, #image-carousel, #header-top {
display:none !important;
}
h1, h2, h3, h4 {
float:left;
text-align:left;
}
}