@charset "utf-8";

.herbsforhorses{ color: #4b7800; font-weight: bold; }
.show{display:inline}
.noShow{display:none}
#mainoshevostalliyrittajille{  width: 220px; height: 320px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.betterChoice{ position: relative; top: 2px; }
#header { width: 800px; height: 210px; margin: 0 auto; padding: 0px; background-image: url(../img/header.jpg); background-repeat: no-repeat; }
#header_etusivu { width: 800px; height: 210px; margin: 0 auto; padding: 0px; background-image: url(../img/headerEtusivu.jpg); background-repeat: no-repeat; }
#header .yrttisekoitusLinkki a, #header_etusivu .yrttisekoitusLinkki a  { display: block; position: relative; top: 70px; left: 525px; width: 143px; height: 91px; background-image: url(../img/betterChoiceYrttisarja.png); background-repeat: no-repeat; }


.nuoli {margin: 0px; display: block; height: 20px; width:20px; position:relative; top: 58px; left:115px; cursor: pointer; }
body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #EEFFED; background-image: url(../img/bg1px.jpg); background-repeat: repeat-x; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; color: #449945; padding: 0px 10px 5px 0px; margin: 0px 20px 0px 0px; letter-spacing: 0.01em; }
#sidebarLeft{ width: 260px;  margin: 0px; padding: 0px; background-color: #F1F1F1;}
#ajankohtaista { margin-left: 6px;width: 250px; height: 228px; background-image: url(../img/ajankohtaista.jpg); background-repeat: no-repeat; padding: 25px }
#ajankohtaista p{padding-left: 20px}
#ajankohtaista ul{ list-style-type:disc; color: #66CC00; }


/*------------------ KUVAT ---------------------------------*/
.merkki{ position: relative; top: 2px; }
#horse_winter{  float: right; margin: 10px 10px 10px 10px; width: 207px; height: 152px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/horse_winter.jpg); }
#lehtijavesi{ float: left; width: 200px; height: 136px; margin: 20px 0px 0px 30px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/lehtijavesi.jpg); }
#ihmisille { float: left; width: 200px;height: 298px; margin: 20px 0px 0px 30px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/ihmisille.jpg); }
#yrttipussi { float: right; width: 100px;height: 156px; margin: 20px 0px 0px 10px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/yrttipussi.jpg); }
#horse { float: left;margin: 20px 10px 10px 0px;width: 207px; height: 139px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/hevonenlaiduntaa.jpg);}
#horseRace { float: right; margin: 0px 10px 10px 0px; width: 209px; height: 140px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/hevoskilpailu.jpg); }
#tiput { float: left; margin: 0px 10px 10px 0px; width: 209px; height: 141px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/tiput.jpg); }
#lampaat { float: right; margin: 0px 10px 10px 0px; width: 207px; height: 139px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/lampaat-04.jpg); }
#cow { float: left;margin: 20px 10px 10px 0px;width: 210px;height: 140px; background-color: #F1F1F1; background-image: url(../img/luontaistuotteet_tuotantoelaimille.jpg);}
#dogs {float: left;margin: 20px 10px 10px 0px;  width: 210px; height: 132px;  background-color: #F1F1F1; background-image: url(../img/luontaistuotteet_koirille.jpg); }
#horse_makaa { float: right;margin: 20px 10px 10px 0px;width: 197px; height: 149px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/horse2.jpg);}
#horse_ruskeaJavalkoinen { float: right;margin: 20px 10px 10px 0px;width: 202px; height: 154px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/horse1.jpg);}
#ponisyoyrtteja{float: right;margin: 0px 10px 10px 0px;width: 210px; height: 412px; padding: 0px; background-color: #F1F1F1; background-image: url(../img/luontaistuotteet_hevosille.jpg);}
#yrttinippu{ background-image: url(../img/yrttinippu.jpg); float: right; margin: 10px 10px 10px 10px; width: 182px; height: 181px; padding: 0px; background-color: #F1F1F1; }
#hevostalliyrittajille{ background-image: url(../img/hevoset_talliyrittajille.jpg); float: left; margin: 50px 10px 10px 10px; width: 206px; height: 145px; padding: 0px; background-color: #F1F1F1; }
#hapenotto{ background-image: url(../img/kilpahevoset_hapenotto.jpg); float: left; margin: 10px 10px 10px 10px; width: 207px; height: 140px; padding: 0px; background-color: #F1F1F1; }
#ennaltaehkaisy{ background-image: url(../img/hevosetLaiduntaaVuoristotausta.jpg); float: left; margin: 10px 10px 10px 10px; width: 207px; height: 140px; padding: 0px; background-color: #F1F1F1; }
#luonnollinenApu{ background-image: url(../img/horse3.jpg); float: left; margin: 10px 10px 10px 10px; width: 171px; height: 188px; padding: 0px; background-color: #F1F1F1; }
#herbs{ background-image: url(../img/herbs.jpg);float: right; margin: 10px 10px 0px 0px; width: 208px; height: 146px; padding: 0px;}

#sv{float: right;margin:10px}
/*------------------ ROUNDCORNERBOX ---------------------------------
ft : footer
tr : topright
tl : topleft
hd : header
mr : middleright
bl : bottomleft
br : bottomright
*/

.roundBox { width:100%; margin:0px; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.roundBox .hd .c, .roundBox .ft .c { font-size:1px; height:13px; }
.roundBox .ft .c { height:14px; }
.roundBox .hd { background:transparent url(../img/roundbox/tl.gif) no-repeat 0px 0px; }
.roundBox .hd .c { background:transparent url(../img/roundbox/tr.gif) no-repeat right 0px; }
.roundBox .bd { background:transparent url(../img/roundbox/ml.gif) repeat-y 0px 0px; }
.roundBox .bd .c { background:transparent url(../img/roundbox/mr.gif) repeat-y right 0px; padding: 0px 10px 0px 10px }
.roundBox .bd .c .s { margin:0px 8px 0px 4px; background:#000 url(../img/roundbox/ms.jpg) repeat-x 0px 0px; padding:1em; }
.roundBox .ft { background:transparent url(../img/roundbox/bl.gif) no-repeat 0px 0px; }
.roundBox .ft .c { background:transparent url(../img/roundbox/br.gif) no-repeat right 0px; }
.roundBox .bd .content { color: #333333; padding-left: 5px; text-align: left; padding-bottom: 5px; }
.roundBox .bd .heading { padding: 5px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: green; text-align: left; }
.PicRight { float: right; margin-left: 10px; margin-bottom: 6px; border: 0px solid #000; margin-right: 0px; margin-top: 20px; }

/*------------Linkit-------------------*/
.forward{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #66CC33; }
a:link, a:visited { text-decoration: underline; color: green; background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-variant: normal; }
a:hover { color: orange; font-family: Arial, Helvetica, sans-serif; }
.sivunAlkuun {text-align: right;padding: 10px } 


.rolloverLueLisaa a { display:block; width: 79px; height: 20px; padding:0px 0px 0px 0px; background: url(../images/lueLisaa.gif) 0 0 no-repeat; text-decoration: none; }
.rolloverLueLisaa a:hover { background-position: 0 -20px; color: #049; }
.rolloverLueLisaa a:active { background-position: 0 -20px; color:#fff; }
.emailTxt{ line-height: 14px;  }

/* ---------------- BetterchoicePainike -------------------- */
.rollOverBetterchoice a { display:block; width: 218px; height: 71px; padding:0px; background: url(../img/rollOverBetterchoice.jpg) 0 0 no-repeat; text-decoration: none; margin: 0px}
.rollOverBetterchoice a:hover { background-position: 0 -71px;  }
.rollOverBetterchoice a:active { background-position: 0 -71px; }


/*     ----------- CORE LAYOUT ----------*/
#container { width: 800px; margin: 0 auto; border: 0px; text-align: left; background: #F1F1F1; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#mainContent {float: right; margin: 0px; width: 520px; padding: 15px 20px 0px 0px; background-color: #F1F1F1; }
#mainContentContact{ margin: 0px auto; width: 780px; padding: 15px 0px 0px 0px; background-color: #F1F1F1; }
#mainContentKuvaukset { margin: 20px 0px 0px 260px; width: 500px; padding: 0px 0px 0px 0px; background-color: #F1F1F1; }
#mainContent h1,#mainContentContact h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #449945; font-variant: normal; border-bottom:solid 1px #339900; }
#mainContent h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #449945; font-variant: normal;padding-left: 15px  }
#mainContent p{ padding-left: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
#sidebarRight { float: right; width: 200px; margin-top: 20px; background-color: #F1F1F1; text-align: right; }

#leftNav { width: 245px; height: 330px; margin: 20px 0px 0px 10px; padding: 0px 0px 0px 0px; background-color: #F1F1F1;  }
#leftNav ul{ margin: 5px;padding: 5px; }
#leftNav li{ margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px;  list-style-type: none; }
#leftNav li a { font-variant: normal; color: #006600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }


#header_kauppa { width: 800px; margin: 0 auto; text-align: left; background: #F1F1F1 url(../img/betterchoiceLuontaistuotteet_kauppa.jpg) no-repeat; padding: 0px; height: 210px; }


.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.linkkiLuettelo { font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: capitalize; list-style-position: outside; list-style-type: square; color: #000000; font-size: 85%; }
#footerWthShadow { margin: 0 auto; width: 800px; height: 25px; background-image: url(../img/footer.jpg); background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-variant: small-caps; text-align: right; color: #999999; }
#footerWthShadow .txt { padding-top: 10px; padding-right: 20px; }
#footerWthShadow .txt a:link,#footerWthShadow .txt a:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-variant: small-caps; color: #999999; text-decoration: none; }
.alertBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; color: #FF0000; padding: 5px; float: right; width: 150px; border: 1px solid #FF0000; }
#kielet { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; color: #666666; padding: 4px; line-height: 15px; text-transform: none; }
#kielet a:link, #kielet a:visited{ text-decoration: none; font-variant: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; color: #666666; line-height: 15px; text-transform: none; }
#kielet ul { list-style-type: none; margin: 0; padding: 0px; }
#kielet li { display: inline; padding-left: 10px; }
.roundBox .bd .content { }
.roundBox .bd .heading { }

/* --------------- MAKSUJATOIMITUS -------------- */

#textCol { width: 550px;padding: 20px;margin: 10px; background-color: #f1f1f1; }
#textCol h1 {text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: small-caps; color: #FFFFFF; background-color: #92DE12; padding: 5px; }
#textCol h2 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-variant: small-caps; color: #333333; }

#textCol p {font-size: 11px;text-align:left; padding: 0px 0px 0px 15px; }

/* --------------- Tuotetaulu tilausvahvistuksessa-------------- */
#tekstiLaatikko { width: 750px; margin: 0px auto; padding: 10px; }
#tekstiLaatikko h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-variant: normal; color: #339900; padding: 5px; }
#tekstiLaatikko h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: normal; color: #339900; padding: 5px; }
#tekstiLaatikko p { padding: 0px 0px 0px 15px; }
#tekstiLaatikko table {margin:	0px 0px 0px 15px; border-collapse:collapse;}
#tekstiLaatikko th {text-align:left;padding:5px 0 0 10px;border-bottom:1px solid #666666;}
#tekstiLaatikko td {padding:5px 10px;}

/*KUVAKSET MENU*/

#kuvausMenu { list-style:none; padding:0px 0px 0px 0px; margin:20px 0px 0px 0; width:200px; }
#kuvausMenu li {display:block; margin:0px 0px 0px 0px;}
#kuvausMenu li a { display:block; width:200px; height:27px; text-decoration:none; background:url(../img/verticalMenu/verticalMenuStates.jpg) left top; font-size:11px; text-decoration:none; color:#333333; font-family:verdana; line-height:24px; text-indent:35px; font-variant: normal; }
#kuvausMenu li a:hover {background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color:#050;}
#kuvausMenu li a.selected, #kauppaMenu li a.selected:hover { background:url(../img/verticalMenu/verticalMenuStates.jpg) left bottom; color: #000000; cursor:default;  }

#kuvausMenu li.loppupala{background:url(../img/verticalMenu/loppupala.jpg);height: 26px; width: 200px; }
#kuvausMenu li.otsikko{ font-size:11px; text-decoration:none; color:#000000; font-family:verdana; line-height:24px; text-indent:25px; background:url(../img/verticalMenu/sisRavitsemus.jpg); height: 27px; width: 200px; font-variant: small-caps; }