/* Leiskan tyylit */

body
{
   margin: 0px;
   background-color: #DFDFDF; /* #e7effd; */
   font-family: Verdana;
   font-size: 14px;
}

img
{
   border: 0px;
}

td
{
   text-align: center;
}

#kaikki
{
   width: 945px;
   margin-right: auto;
   margin-left: auto;
   background-color: white;
}

.otsikko1
{
   font-size: 22px;
   font-weight: normal;
   font-style: normal;
   color: #003082;
   margin: 0px;
}

.otsikko2
{
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   color: #003082;
   margin: 0px;
}

.otsikko3
{
   font-size: 14px;
   font-weight: normal;
   font-style: normal;
   color: #003082;
   margin: 0px;
}

.otsikko_alaviivalla
{
   font-size: 18px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   color: black;
   padding-bottom: 5px;
}

/* @group Yläosa */

#header
{
   background: url(images/header.jpg) no-repeat;
   width: 945px;
   height: 158px;
   padding: 0px;
   margin: 0px;
   margin-bottom: 6px;
}

#header img
{
   display: block;
   margin: 0px;
   padding: 0px;
   width: 945px;
   height: 158px;
}

.viiva
{
   width: 945px;
   height: 20px;
   background-color: #BF2237;
   margin-bottom: 4px;
}

#navipalkki
{
   float: left;
   background-image: url(images/menubg.jpg);
   background-repeat: no-repeat;
   margin: 0;
   margin-left: 3px;
   padding: 0;
   width: 773px;
   height: 60px;
}

.kktuote
{
   margin-top: 5px;
   width: 172px;
   background-color: #f4f4f4;
   border: 1px solid #CCCCCC;
   padding: 3px;
}

.kktuote img
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#haku
{
   width: 152px;
   height: 61px;
   padding-left: 17px;
   padding-top: 14px;
   background-image: url(images/hakubg.jpg);
   background-repeat: no-repeat;
   float: left;
   color: white;
   font-weight: bold;
   font-size: 12px;
}

#haku form
{
   margin: 0;
   padding: 0;
}

.hakukentta
{
   width: 110px;
   margin: 0;
   padding: 0;
   border: none;
   height: 21px;
   background-color: transparent;
   vertical-align: middle;
   /*
   margin-top: 27px;
   margin-left: 16px;
   border-style: solid;
   border-width: 1px;
   */
}

.laajennettu
{
   font-size: 12px;
   top: 55px;
   float: left;
   padding: 0;
   margin-top: 5px;
}

.laajennettu a
{
   color: black;
   margin: 0;
   padding: 0;
}

.hakunappi
{
   /*margin-top: 3px;*/
   background-color : #b3ce5d; /* #8787be; */ /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   color : #000000;
   padding: 4px 2px 4px 0px;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;
   /* float: right; */
}

#valikko1
{
   color: white;
   text-align: center;
   font-size: 12px;
   width: 723px;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 35px;
   padding-top: 15px;
}

#valikko1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   height: 20px;
}

#valikko1 .navi1
{
   float: left;
   margin: 0;
   padding: 0;
   margin-left: 8px;
   margin-right: 8px;
   padding-left: 5px;
}

#valikko1 .navi1 a
{
   display: block;
   text-decoration: none;
   color: white;
   padding-right: 5px;
   line-height: 20px;
}


#valikko1 .navi1a
{
   height: 20px;
   float: left;
   margin: 0;
   padding: 0;
   margin-left: 8px;
   margin-right: 8px;
   padding-left: 5px;
}

#valikko1 .navi1a span
{
   display: block;
   text-decoration: none;
   color: white;
   padding-right: 5px;
   line-height: 20px;
}



p.valikko3
{
   font-size: 12px;
   color: white;
   text-align: right;
   margin: 4px 0 0;
}

p.valikko3 a
{
   color: white;
   text-decoration: none;
   padding-right: 8px;
   padding-left: 5px;
}

p.valikko3 span
{
   padding-right: 8px;
   padding-left: 5px;
   text-decoration: underline;
}

.alatasot
{
   border-bottom: 1px solid silver;
   padding-bottom: 7px;
   margin-bottom: 10px;
}

.alatasot p
{
   margin: 0;
   padding: 0;
}

.alatasot a
{
   text-decoration: none;
}

.valikkofooter
{
   width: 169px;
   height: 62px;
   background-image: url(images/menufooter.jpg);
   background-repeat: no-repeat;
}

/* @end */

/* @group Keskiosa */

.tilaanappi
{
   margin-top: 10px;
   display: block;
   float: right;
   background-color : #8787be; /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;

}

#keskiosa
{
/*   background-color: white; */
   float: left;
   width: 945px;
   margin-bottom: 4px;
   margin-top: -15px;
}

#vasen_palsta
{
   margin-top: 10px;
   width: 169px;
   float: left;
   background-color: white;
   background-image: url(images/menucolor.jpg);
   background-repeat: repeat-y;
   margin-right: 0px;
}

#vasen_palsta img
{
   display: block;
}

#siniraita
{
   height: 12px;
   width: 180px;
   background-color: #aeeafe;
   float: left;
}

/* #BF2237 */
#valikko2
{
   width: 167px;
   float: left;
   margin-bottom: 0;
   margin-top: 5px;
}

.alatasot1
{
   margin: 0;
   padding: 0;
   background-color: #8787ae;
}

.alatasot2
{
   margin: 0;
   padding: 0;
   background-color: #8787ae;
}

#valikko2 p
{
   padding: 0;
   margin: 0;
   padding-left: 5px;
   text-transform: uppercase;
   color: white;
}

#valikko2 a
{
   color: white;
   text-decoration: none;
   font-size: 12px;
   font-family: Verdana;
}

#valikko2 .navi1a
{
   color: white;
   line-height: 30px;
}

#valikko2 .navi1
{
   line-height: 30px;
}

#valikko2 .navi1 a
{
   color: white;
   text-decoration: none;
}

#valikko2 .navi2
{
   color: white;
   padding-left: 15px;
   font-size: 11px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #8787ae;
   text-transform: none;
}

#valikko2 .navi2a
{
   /* font-weight: bold; */
   padding-left: 15px;
   font-size: 11px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #7979ad;
   text-transform: none;
}

#valikko2 .navi3
{
   margin-left: 30px;
   margin-top: 2px;
   margin-bottom: 2px;
   font-size: 10px;
   text-transform: none;
}

#valikko2 .navi3a
{
   /* font-weight: bold; */
   font-size: 10px;
   margin-left: 30px;
   margin-top: 2px;
   margin-bottom: 2px;
   text-transform: none;
}

#sisalto
{
   width: 570px;
   float: left;
   margin-left: 3px;
   margin-top: 10px;
}

#oikea_palsta
{
   width: 180px;
   height: 500px;
   float: right;
   margin-right: 5px;
   margin-top: 10px;
}

#ostoskori
{
   margin-bottom: 0;
   width: 170px;
   float: left;
}

.koritopheader
{
   width: 152px;
   height: 53px;
   background-image: url(images/kori.jpg);
   background-repeat: no-repeat;
   padding-top: 12px;
   padding-left: 18px;
   color: white;
   font-size: 12px;
}

.koritopheader .otsikko2
{
   color: white;
}

.koriheader
{
   width: 170px;
   height: 13px;
   background-image: url(images/koriheader.jpg);
   background-repeat: no-repeat;
}

.koricontent
{
   width: 162px;
   background-image: url(images/koricolor.jpg);
   background-repeat: repeat-y;
   padding-left: 4px;
   padding-right: 4px;

}

.korifooter
{
   width: 170px;
   height: 16px;
   background-image: url(images/korifooter.jpg);
   background-repeat: no-repeat;
}


.korityhja
{
   width: 540px;
   font-weight: bold;
   font-size: 16px;
   color: #003082;
}

/*
#oikea_palsta img
{
display: block;
float: left;
}
*/

#pikkukoririvi
{
   font-size: 12px;
}

.pikkukorinimi
{
   font-size: 12px;
   float: left;
   margin-top: 5px;
   width: 163px;
}

.pikkukorihinta
{
   font-size: 12px;
   text-align: right;
   float: right;
   font-weight: bold;
}



/* @end */

/* @group Alaosa */

#footer
{
   background-image: url(images/footer.jpg);
   background-repeat: no-repeat;
   width: 945px;
   height: 57px;
   color: white;
   text-align: right;
   font-size: 12px;
}



/* @end */

/* Sisällön tyylit */

/* @group Etusivu */

/* Etusivun tuotteet käyttävät tyylejä, jotka on määritelty Tuotelistaus-ryhmässä */

.etusivutuote
{
   width: 280px;
   float: left;
   padding-bottom: 15px;
}

.etusivurivi
{
   width: 568px;
   border: 1px solid #CCCCCC;
}


#etubanneri
{
   text-align: center;
   margin-bottom: 10px;
   width: 568px;
   border: 1px solid #CCCCCC;
}

.uutuudet
{
   width: 568px;
}

.tarjoukset
{
   width: 568px;
}

.etusivukuva
{
   width: 130px;
   float:left;
}

.etusivutiedot
{
   float: left;
   width: 150px;
}



/* @end */

/* @group Tuote */

#tuote
{
   float: left;
}

#hinta_saatavuus
{
   background-color: #daeef8;
   padding: 5px;
   width: 210px;
   margin-top: 10px;
}

#hinta_saatavuus .hinta
{
   font-size: 12pt;
}

.isohinta
{
   font-size: 12pt;
   font-weight: bold;
   margin-top: 2px;
   margin-bottom: 0;
}

.hinta
{
   font-size: 12px;
   font-weight: bold;
   margin-top: 2px;
   margin-bottom: 0;
}

.alehinta
{
   color: red;
   font-weight: bold;
}

#hinta_saatavuus .erahinta
{
   color: #003082;
   padding-top: 5px;
   padding-bottom: 5px;
}


#hinta_saatavuus .erahinta td
{
   text-align: left;
   vertical-align: top;
   white-space: nowrap;
   font-size: 9px;
}

#hinta_saatavuus .erahinta .right
{
   text-align: right;
}

.listateksti .erahinta
{
   width: 50%;
   font-size:12px;
}
.listateksti .erahinta td
{
   font-size:12px;
   white-space: nowrap;
}


.normihinta
{
   font-weight: normal;
   font-size: 10px;
}

.liikennevalo
{
   margin-top: 10px;
}

.stop
{
   color: red;
}

.stop img
{
   float: left;
   padding-right: 5px;
}

#kuvaus
{
   float: right;
   width: 300px;
   padding-left: 10px;
}

.tuote_speksi
{
   font-size: 12px;
}

.luokitukset
{
   padding-top: 30px;
   padding-bottom: 15px;
}

.luokitukset a
{
   text-decoration: none;
   color: #000000;
}

.paaluokka
{
}

.iso_ostanappi
{
   margin-top: 10px;
   background-color : #8787be; /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 16px;
   font-weight : bold;
   display: block;
   width: 120px;
   height: 29px;
   line-height: 29px;
   vertical-align: middle;
   text-align: center;
   margin-bottom: 5px;
}

.iso_loppuunmyyty
{
   background: url(images/iso_loppuunmyyty.jpg) no-repeat;
   display: block;
   width: 120px;
   height: 29px;
   color: white;
   text-align: left;
   float: right;
   margin-top: 10px;
   padding-left: 5px;
   line-height: 29px;
   font-size: 15px;
}


/* @end */

/* @group Tuotelistaus */

.luokkakuvaus
{
   padding: 5px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   width: 530px;
}

.listatuote
{
   padding-bottom: 10px;
   border-bottom: 1px solid silver;
   width: 540px;
   float: left;
   margin-bottom: 20px;
}

.listateksti
{
   float:left;
   width: 400px;
}


.listatuote img
{
   float: left;
   margin-right: 10px;
}

.nimi
{
   font-weight: bold;
   color: #003082;
   font-size: 15px;
   margin-bottom: 2px;
   margin-top: 0;
}

.nimi a
{
   font-weight: bold;
   color: #003082;
   font-size: 15px;
   text-decoration: none;
}

.koritiedot .nimi a
{
   font-size: 15px;
}

.tekija
{
   font-size: 14px;
   font-style: italic;
   margin-top: 2px;
   margin-bottom: 2px;
   color: #003082;
}

#kuvaus .tekija
{
   font-weight: bold;
   font-style: normal;
   margin-top: 2px;
   margin-bottom: 0px;
   padding: 0px;
}

.lyhytkuvaus
{
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 5px;
}

.etusivutiedot .muuttiedot, .listatuote .muuttiedot
{
   font-size: 10px;
   margin-top: 2px;
   margin-bottom: 0;
}

.muuttiedot
{
   font-size: 12px;
   margin-top: 2px;
   margin-bottom: 0;
}

.bold
{
   font-weight: bold;
   margin: 0px;
   font-size: 12px;
}


.luelisaa
{
   float: left;
}

.etusivutiedot .luelisaa
{
   padding: 0px 0px 7px 0px;
   margin: 0;
   float: none;
}

.luelisaa a
{
   color: #000000;
   font-weight: bold;
   font-size: 11px;
}

.ostanappi
{
   margin-top: 10px;
   float: right;
   background-color : #8787be; /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;

   /*
   background: url(images/ostanappi.jpg) no-repeat;
   display: block;
   width: 82px;
   height: 20px;
   border-style: none;
   color: white;
   text-align: left;
   float: right;
   margin-top: 10px;
   padding-left: 5px;
   text-decoration: none;
   line-height: 20px;
   */
}

.etusivukuva .ostanappi
{
   float: left;
}

.loppuunmyyty
{
   background: url(images/loppuunmyyty.jpg) no-repeat;
   display: block;
   width: 82px;
   height: 20px;
   border-style: none;
   color: white;
   text-align: left;
   float: right;
   margin-top: 10px;
   padding-left: 5px;
   text-decoration: none;
   line-height: 20px;
   font-size: 8pt;
   font-family: Arial;
}

.ennakkomyynti
{
   color: red;
   font-size: 12px;
}
.ennakkotilaus
{
   color: #880000;
   padding-bottom: 5px;
   font-size: 13px;
}

.sivutus
{
   width: 530px;
   padding: 6px 6px 20px 6px;
   font-size: 9pt;
   /* text-align: right; */
}

.sivutus a
{
   font-size: 8pt;
   display: block;
   float: right;
   margin-left: 5px;
   width: 20px;
   height: 20px;
   line-height: 20px;
   background-color: #D5ECFA;
   text-decoration: none;
   text-align: center;
   color: #0C3984;
}

.sivutus a:hover
{
   background-color: #FBEAD1;
}

.sivutus div
{
   float: right;
   margin-left: 5px;
   width: 20px;
   height: 20px;
   line-height: 20px;
   background-color: #FBEAD1;
   text-align: center;
   color: #0C3984;
}

.sivutus span
{
   float: left;
   width: 80px;
}


/* @end */

/* @group Ostoskori */

/* Ostoskorin tuotteet käyttävät tyylejä, jotka on määritelty Tuotelistaus-ryhmässä */

.yhteystiedot
{
   font-size: 12px;
}

.yhteystiedot label
{
   font-size: 10pt;
   font-weight: bold;
   float: left;
   width: 140px;
}

.naytalisatieto
{
   width: 380px;
   float: left;
   color: #C40000;
}

.puuttuva
{
   color: red;
}


/* .yhteystiedot input[type="text"] Ei toimi IE6:ssa!! */
.yhteystiedot .textinput
{
   width: 220px;
}


.maksutavat
{

   font-size: 12px;
}

.maksutapa
{

   font-size: 14px;
}

.maksutapa input, .maksutapa img, .maksutapa span
{
   vertical-align: middle;
   margin: 0;
}

.maksutapa img
{
   padding: 32px;
}

.korituote
{
   padding-bottom: 10px;
   border-bottom: 1px solid silver;
   width: 540px;
   margin-bottom: 20px;
}

.korituote img
{
   border: 0px;
}

/*
.tuote_hinta
{
width: 350px;
float: left;
}
*/

.koritiedot
{
   float: left;
   width: 300px;
}

.koripaivita
{
   width: 540px;
}

.korihinta
{
   float: left;
   width: 80px;
   text-align: right;
   padding-right: 5px;
}

.korikpldiv
{
   float: left;
   width: 40px;
}

.korikpl
{
   width: 30px;
   margin-bottom: 20px;
}

.koripoista
{
   float: right;
   width: 25px;
   text-align: center;
}

.korikulut
{
   width: 505px;
   padding-bottom: 10px;
   padding-top: 10px;
   float: left;
}

.korikulutext
{
   float: left;
}

.korisumma
{
   float: right;
   font-weight: bold;
}

.korieteneminen
{
   margin-top: 10px;
   margin-bottom: 20px;
   color: white;
}

/* .korieteneminen a
{
   color: white;
}
*/

.teetilausnappi
{
   margin-top: 10px;
   display: block;
   float: right;
   background-color : #8787be; /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;
   width: 100px;
   height: 24px;
   line-height: 24px;
   vertical-align: middle;
}

.paivitanappi
{
   margin-top: 10px;
   display: block;
   float: right;
   background-color : #8787be; /* F0EAD0 8787be #F5F2E9;*/
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;
   height: 18px;
   line-height: 18px;
   vertical-align: middle;
}

a.paivitanappi
{
   height: 15px;
   line-height: 15px;
   vertical-align: middle;
}

.jatkanappi
{
   margin-top: 10px;
   display: block;
   float: right;
   background-color : #8787be;
   border-top : 1px solid #BBBBBB;
   border-left : 1px solid #BBBBBB;
   border-bottom : 1px solid #000000;
   border-right : 1px solid #000000;
   padding-left: 6px; padding-right: 6px;
   padding-bottom: 1px;
   TEXT-DECORATION: none;
   color : #000000;
   cursor : hand;
   font-family : Verdana;
   font-size : 11px;
   font-weight : bold;
   height: 15px;
   line-height: 15px;
   vertical-align: middle;
}

.vaihe_a
{
   height: 20px;
   background-color: #8787ae;
   padding-top: 4px;
   padding-left: 4px;
   padding-right: 4px;
   text-align: center;
   float: left;
   margin-right: 5px;
   font-size: 8px;
}

.vaihe
{
   height: 20px;
   background-color: #5f5f93;
   padding-top: 4px;
   text-align: center;
   float: left;
   margin-right: 5px;
   font-size: 8px;
   padding-left: 4px;
   padding-right: 4px;
}

.vaihe a
{
   color: white;
}

.kaupantekijaiset
{
   width: 540px;
   padding-bottom: 10px;
   padding-top: 10px;
}

.kaupantekijaiset .hinta
{
   font-size: 10pt;
}

.maksulomake
{
   font-weight: bold;
}

.maksulomake button
{
   border: 0;
   background-color: transparent;
   margin: 0;
   padding: 0;
   outline: none;
}

.kassavirhe
{
   font-weight: bold;
   color: red;
}

.korivirhe
{
   font-weight: bold;
   color: red;
}

.vahvistus
{
   padding-top: 15px;
}

.vahvistus hr
{
   color: silver;
}

.hakuform
{
   margin-bottom: 30px;
}

.hakuform .hakunappi
{
   float:none;
   margin-left: 350px;
}

.hakuform label
{
   width: 110px;
   display: block;
   float:left;
}

.kustantaja
{
   float:left;
   color: #000000;
   font-size: 18px;
}

.footerdu
{
   width: 945px;
   margin-right: auto;
   margin-left: auto;

   margin-top: 5px;
   background-image: url( images/dulogo_120x27transp.gif );
   background-repeat: no-repeat;
   text-align: left;
}

.footerdu a
{
   text-decoration: none;
   display: block;
   width: 120px;
   line-height: 27px;
   height: 27px;
}

.footerteksti
{
   padding-top: 33px;
   padding-right: 10px;
}

.footerteksti a
{
   color: #FFFFFF;
}

.headerlinkki
{
   padding: 0px;
   margin: 0px;
   border: 0;
   width: 945px;
   height: 158px;
}

.headerlinkki a
{
   text-decoration: none;
   display: block;
   width: 945px;
   line-height: 158px;
   height: 158px;
   margin: 0px;
   padding: 0px;
   border: 0;
}

.vasenbanneri
{
   padding-top:10px;
   padding-bottom: 10px;
   clear: both;
}

.vasenbanneri img
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.oikeabanneri
{
   clear: both;
   padding-top:10px;
   padding-bottom: 10px;
}

.oikeabanneri img
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.pakettituoterow
{
   padding-top: 3px;
   width: 300px;
   clear: both;
}

.pakettituotekuva
{
   width: 120px;
   float: left;
}

.pakettituotekuvaus
{
   width: 177px;
   padding-left: 3px;
   float: left;
}





/* @end */