/************* HUOMIO! *************/
/*
  Tama on kaupan tuotekorttien, selauskorttien yms. oletustyylit. Tama tiedosto linkittyy aina verkkokauppasivuille.
  Jos haluat tehda muutoksia tyyleihin niin kopioi taalta tyylit omaan css-tiedostoon !important -loitsun kera.
  Ala muokkaa tata!
*/
/************* HUOMIO! *************/

.lomakepuute {
  border:2px solid #FF0000 !important;
}

/************ Tuotesorttain ********/

.tuotesorttain {
  text-align: right;
}
.tuotejarjestys {
  background-color: #ffffff;
  font-size: 14px;
  margin-top: 5px;
}

/************ Tuotesuodatin ********/

.ui-slider-handle {
  width: 5px !important;
  margin-left: 0 !important;
}

.tuotesuodatin {
  min-width:180px;
  float:left;
  margin-top:20px;
  background-color:#eeeeee;
}

/************* Tuoteselaus, tekstilista *************/
.selaus_tuotenimi_tekstilista {}
.selaus_tuotenimi_tekstilista a {
  text-decoration: none;
}
.selaus_tuotetarkenne_tekstilista {

}
.selaus_hinta_tekstilista {

}
.selaus_osto_tekstilista {}
/************* Tuoteselaus, pieni *************/
.placeholder_pieni {                     /* Tuotteiden jarjestamisessa paikka, johon tuotteen voi tiputtaa */
  width: 80px;                           /* Leveyden pitaa olla tasan sama kuin tyylissa "selaus_pieni" */
  height: 160px;                         /* Korkeuden pitaa olla tasan sama kuin tyylissa "selaus_pieni" */
  border: 1px solid #666666;
  background-color: #dedede;
  margin-right: 20px;
  margin-bottom: 20px;
}
.selaus_pieni {                          /* Tuoteselauksen "tuotekortin" mitat */
  width: 82px;
  min-height: 180px;
  border: none;
  margin-right: 20px;
  margin-bottom: 20px;
}
.selaus_kuva_pieni {                     /* Kuva */
  width: 80px;
  height: 80px;
  border: 1px solid #dddddd;
}
.selaus_tuotenimi_pieni {                /* Tuotenimirivi */
  min-height: 30px;
  text-align: center;
}
.selaus_pieni .selaus_tuotenimi_pieni a {/* Tuotenimi */
  text-decoration: none;
}
.selaus_hinta_pieni {                    /* Hintarivi */
  margin-top:5px;
  text-align: center;
}
.selaus_pieni .selaus_hinta_pieni a {    /* Hinta */

}
.selaus_pieni .selaus_tarjoushinta_pieni {/* Tarjoushinta */
}
.selaus_vaihtoehdot_pieni {              /* Vaihtoehdotrivi */
  height: 20px;
  width: 82px;
  text-align: center;
  background-color: #eaeaea;
}
.selaus_suoraosto_pieni {
  text-align: center;
  height: 20px;
}
.selaus_muokkauslinkit_pieni {           /* Tuotteen muokkaustoiminnot */
  position: absolute;
  height: 25px;
  width: 82px;
  margin-top: -24px;
  background-color: #A315A8;
  display: none;
  text-align: center;
}

.selaus_tuotepaketti_pieni {
  text-align: center;
}

/************* Tuoteselaus, iso *************/
.placeholder_iso {                       /* Tuotteiden jarjestamisessa paikka, johon tuotteen voi tiputtaa */
  width: 160px;                          /* Leveyden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  height: 225px;                         /* Korkeuden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  border: 1px solid #666666;
  background-color: #dedede;
  margin-right: 20px;
  margin-bottom: 20px;
}
.selaus_iso {                            /* Tuoteselauksen "tuotekortin" mitat */
  width: 162px;
  min-height: 222px;
  border: none;
  margin-right: 10px;
  margin-bottom: 20px;
}
.selaus_kuva_iso {                       /* Kuva */
  width: 160px;
  height: 160px;
  border: 1px solid #dddddd;
}
.selaus_tuotenimi_iso {                  /* Tuotenimirivi */
  min-height: 40px;
  text-align: center;
}
.selaus_iso .selaus_tuotenimi_iso a {    /* Tuotenimi */
  text-decoration: none;
}
.selaus_hinta_iso {                      /* Hintarivi */
  margin-top: 5px;
  text-align: center;
}
.selaus_iso .selaus_hinta_iso a {        /* Hinta */
}
.selaus_iso .selaus_tarjoushinta_iso {   /* Tarjoushinta */
}
.selaus_vaihtoehdot_iso {                /* Vaihtoehdotrivi */
  height: 25px;
  width: 162px;
  text-align: center;
  background-color: #eaeaea;
}
.selaus_suoraosto_iso {
  text-align: center;
  height: 20px;
}
.selaus_muokkauslinkit_iso {             /* Tuotteen muokkaustoiminnot */
  position: absolute;
  height: 25px;
  width: 162px;
  margin-top: -24px;
  background-color: #A315A8;
  display: none;
  text-align: center;
}
.selaus_iso_latka_tarjous {
  width: 150px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 6px;
  text-align: center;
}
.tuotekortti_latka_tarjous {
  width: 225px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 6px;
  text-align: center;
}
.selaus_iso_latka_uutuus {
  width: 150px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 6px;
  text-align: center;
}
.selaus_iso_latka_tuotepaketti {
  width: 150px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 6px;
  text-align: center;
}
.selaus_iso_latka_ilmainentoimitus {
  width: 150px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
  margin-left: 6px;
  text-align: center;
}

.selaus_iso_latka_ei_aktiivinen {
  width: 32px;
  height: 32px;
  margin-left:125px;
  position: absolute;
  z-index:98;
}
.selaus_iso_latka_lukittu {
  width: 32px;
  height: 32px;
  margin-left:125px;
  position: absolute;
  z-index:99;
}
.selaus_iso_latka_lukittu_2 {
  width: 32px;
  height: 32px;
  margin-left:90px !important;
  position: absolute;
  z-index:99;
}

/************* Tuotelistaus, levea *************/
.selaus_tuotenimi_levea {

}
.selaus_tuotetarkenne_levea {

}
.selaus_hinta_levea {

}
.selaus_lyhytkuvaus_levea {}

/************* Tuotekortti *************/
.tuotekortti_tuotenimi {

}
.tuotekortti_tuotetarkenne {

}
.tuotekortti_lyhytkuvaus {
}
.tuotekortti_pitkakuvaus {

}
.tuotekortti_alaotsikko {

}
.tuotekortti_teksti {

}
.tuotekortti_paakuva {}
.tuotekortti_lisakuva {}
.tuotekortti_select {}
.tuotekortti_hinta {}
.tuotekortti_tarjoushinta {}
.tuotekortti_normaalihinta {}
.tuotekortti_valiotsikko {}
.tuotekortti_tulostus {}
.tuotekortti_tausta {}
.otsikko_liittyvattuotteet {}
.selaus_muokkauslinkit_tuotekortti {
  position: absolute;
  height: 25px;
  width: 310px;
  margin-top: -24px;
  background-color: #A315A8;
  display: none;
  text-align: center;
}
.kuvanappi {
  width: 130px;
  height: 20px;
  background-color: #55bb44;
  text-align: center;
  padding-top: 3px;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
  line-height: 1rem !important;
}
.kuvanappi_disabled {
  background-color: #aaaaaa;
}
.kuvanappi a {
  color: #ffffff;
  text-decoration: none;
  line-height:normal;
  font-size: 10px !important;
  font-weight:bold;
}

/************* Tuoteselaus *************/
.tuoteselauslinkki {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #000000;
  text-decoration: none;
  text-align: center;
}
.tuoteselauslinkki_valittu {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #999999;
  text-decoration: none;
  text-align: center;
}

/************* Tuotelisatty ostoskoriin-ilmoitus *************/
#tuotelisattykoriin_popup {
  width: 420px;
  height: 460px;
  background-Color: #ffffff;
  border: 1px solid #dddddd;
  z-index:20000;
}
#tuotelisattykoriin_popup .ylaboksi {
  width: 400px;
  height: 40px;
  background-color: #f0fafe;
  border: 1px solid #dddddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 9px;
  margin-top: 10px;
}
#tuotelisattykoriin_popup .otsikko {
  color: #000000;
  text-align:center;
  padding-top:10px;
  font-weight: bold;
}
#tuotelisattykoriin_popup .kuva {
  width: 400px;
  height: 240px;
  text-align:center;
  margin-top: 10px;
}
.popup_tuotenimi {
  height:60px;
}
#tuotelisattykoriin_popup .napit {
  width: 395px;
  margin-left: 25px;
  margin-top:15px;
  height: 30px;
  text-align:center;
}
#tuotelisattykoriin_popup .napit a:hover {
  color: #ffffff;
}
#tuotelisattykoriin_popup a.vk-button-iso {
  width:180px;
  height:23px;
  display:block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  margin-top:2px;
  padding-top:1px;
  font-family:Arial,Helvetica;
  font-size:14px;
}
#tuotelisattykoriin_popup a.vk-button-sininen {
  background:url(../img/verkkokauppa/tilauslomake/vk-button-sininen.gif) left top no-repeat;
}
#tuotelisattykoriin_popup a.vk-button-vihrea {
  background:url(../img/verkkokauppa/tilauslomake/vk-button-vihrea.gif) left top no-repeat;
}

/************* Tuotepikahaku *************/
.verkkokauppapikahakuvaliotsikko {

}
.verkkokauppapikahakurivi {

}
.verkkokauppapikahakurivi_valittu {
  color: #000000 !important;
}
.verkkokauppapikahakutuoterivi a {
  text-decoration: none !important;
  color: #666666;
}

/*************  R Mokki tuoteselaus *************/
.selaus_tuotekortti_otsikkorivi {
  background-color: #e6f7fd;
  border: solid 1px #80dcff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 23px;
  width: 100%;
}
.selaus_tuotekortti_listaus_data {
  padding-right: 20px;
}
.selaus_tuotetaulukko {
  margin-top: -25px;
}
.selaus_tuotekortti_listaus_otsikko {
  padding-right: 20px;
}
.selaus_tuotekortti_listaus_hinta {
  padding-right: 20px;
}
.asiakashinta {
  font-weight: bold;
}
.selaus_tuotenimi {

}
.selaus_tuotetarkenne {

}
.rmokki_ostoskorilinkki a.vk-button-iso {
  width:180px;
  height:23px;
  display:block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
  margin-top:2px;
  padding-top:1px;
  font-family:Arial,Helvetica;
  font-size:14px;
}
.rmokki_ostoskorilinkki a.vk-button-sininen {
  background:url(../img/verkkokauppa/tilauslomake/vk-button-sininen.gif) left top no-repeat;
}
#tuotelisattykoriin_popup a.vk-button-vihrea {
  background:url(../img/verkkokauppa/tilauslomake/vk-button-vihrea.gif) left top no-repeat;
}

/************* Omat tiedot valilehdet *************/
.omattiedot_valilehti_vasen {
/*   height: 20px; */
  background-color: #bbbbbb;
  float: left;
  width: 150px;
  text-align: center;
  padding-top:3px;
}
.omattiedot_valilehti_oikea {
/*   height: 20px; */
  background-color: #bbbbbb;
  float: left;
  width: 150px;
  text-align: center;
  padding-top:3px;
}
.omattiedot_valilehti_vasen a {
  color: #000000;
  text-decoration: none !important;
  font-weight: bold;
}
.omattiedot_valilehti_vasen a:hover {
  color: #ededed;
}
.omattiedot_valilehti_oikea a {
  color: #000000;
  text-decoration: none !important;
  font-weight: bold;
}
.omattiedot_valilehti_oikea a:hover {
  color: #ededed;
}

/************* Muut *************/
.sivunalkuun {
  width: 100%;
  height: 30px;
  text-align: center;
  background-color: #dadeca;
  display: inline-block;
}
.tuotelomake td {
  padding: 2px !important;
}
.button {
  background: none !important;
  height: auto !important;
  width: auto !important;
}
#tuotelomake input {
  background-image: none !important;
  border: 1px solid #666666;
  height: auto;
}
.kalenterinappi {
  background-color: #cacaca;
  width: 18px;
  cursor: pointer;
}
.red {
  color: #ff0000;
  border: 1px solid #ff0000 !important;
}
#ostoskorikello_html {
  position: absolute;
  z-index:1000;
  width: 200px;
  height: 20px;
  margin-left: 30px;
  margin-top: 30px;
  background-color:#ffffff;
  border: 1px soliD #000000;
  padding: 5px;
}

.eiklik a {
  color: #aaaaaa !important;
  cursor: not-allowed !important;
}
/************* Tyrkkytuote *************/
.tyrkkytuote {

}
.tyrkkytuote_kuva {
  float: left;
}
.tyrkkytuote_tuotenimi {

}
.tyrkkytuote_tuotetarkenne {

}
.tyrkkytuote_lyhytkuvaus {

}
.tyrkkytuote_hinta {

}
.tyrkkytuote_linkki {

}

#kirjautuminen-kirjautumisbutton {
  cursor:pointer !important;
}
.placeholder_mokki {                     /* Tuotteiden jarjestamisessa paikka, johon tuotteen voi tiputtaa */
  width: 100%;                          /* Leveyden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  height: 150px;                         /* Korkeuden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  border: 1px solid #666666;
  background-color: #dedede;
  margin-right: 20px;
  margin-bottom: 20px;
}

.placeholder_levea {                    /* Tuotteiden jarjestamisessa paikka, johon tuotteen voi tiputtaa */
  width: 100%;                          /* Leveyden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  height: 25px;                         /* Korkeuden pitaa olla tasan sama kuin tyylissa "selaus_iso" */
  border: 1px solid #666666;
  background-color: #dedede;
}

.shopping-cart-wrap {
  font-size:100% !important;
}

.selaus-otsikko {float: left;margin-right: 20px;font-size: 14px;font-weight: bold; text-transform: uppercase;margin-bottom: 20px;}
.selauslinkki {padding: 2px;display: block;float: left;color: #fff;background: #858585;margin: 0 3px 0 0;width: 17px;text-align: center;font-weight: bold;}
.selauslinkki-sel {background:#3c4c0d}