@charset "UTF-8";
/*
    .ava = avalehe body;
    .kaart = tootekaart;
    .kt = klienditeenindaja;
*/

*  { border: 0 none white; padding: 0; margin: 0; }
html { color: #333333; overflow-y: scroll;  }
div.body {width: 996px; background-color: #fff; margin: 0px auto 10px auto; font: 11px Arial,Helvetica,sans-serif; }
div.body.delfi { margin: 0 auto; }
table {border-collapse: collapse; border-spacing:0 0;}

body.chd {background-image: url(../pics/ggb/body-bg_chd.jpg); }

input, select, textarea {
    border: 1px solid #666666;
    font-size: 10px;
}

input[type='checkbox'], input[type='radio'] {border:0 none white; margin:0; padding:0;}
input[type='submit'], input[type='button'], button, submit {padding: 0px 3px;}

.header { padding-bottom:5px; background-color: white; }
.sisu  { width: 806px; margin-bottom: 5px; background-color: white; }
.teave { width: 182px; margin-bottom: 5px; background-color: white; padding-right: 6px;}

div.body .sisu, .kaart .sisu  { float: left; }
div.body .teave, .ava .sisu, .kaart .teave { float: left;  }

a  { color: #333333; text-decoration: underline; }
a:hover { text-decoration: none }
p  { margin: 1em 0; }
.accesskey { text-decoration: underline }

.striked {text-decoration: line-through; font-family: 'Times New Roman','Arial'; }

/* alati ainult ON24 */
.header h2 {float: left;}
.header h2 img { padding: 5px 20px 5px 10px; }

.header .header_ad { position:absolute; top:0; left:600px; }

/* 534px lai pilt ehk 440+100-534-(71/2) */
.kt { 
    float: right; width: 72%; padding: 0;
    font: 14px 'Trebuchet MS', sans-serif;
    line-height: 18px;
    display: table;
}

.mbl .kt { background: url(../pics/ggb/kt-taust_mbl.png) repeat-y right top;  }
.chd .kt { background: url(../pics/ggb/kt-taust_chd.png) repeat-y right top;  }
.tec .kt { background: url(../pics/ggb/kt-taust_chd.png) repeat-y right top;  }

.kt img { float: right; }
.kt > div { 
  width: 469px; height: 72px;
  display: table-cell; vertical-align: middle;  
}

.kt td {
  font-size : 12px; font-weight: normal;
}

.kt .custserv { width: 85%; }

.sisu ul { padding-left: 20px; }
.sisu li { display: list-item; list-style-type: disc; margin: 6px 0; }

.mbl .jalus, .mbl .jalus a { color: #9F9F9F; }
.chd .jalus, .chd .jalus a { color: #C8A888; }
.tec .jalus, .tec .jalus a { color: #666; }

.jalus {
    clear: both;
    width: 100%;
    padding: 0 0 40px 0;
    font-size: 9px;
}
.jalus td {
    vertical-align: top;
    font-family: Verdana,sans-serif;
    font-size: 9px;
}
.jalus span { float: left; }
.jalus .kredkaardid { text-align:center; margin-left:auto; margin-right:auto; width:60%;  }
.jalus .kredkaardid a { margin:0; text-decoration:none; }
.jalus .kredkaardid table { text-align:center; margin-left:auto; margin-right:auto;  }
.jalus .kredkaardid table td { vertical-align: middle;  }

.jalus ul { float: right; text-align: right; }
.jalus li { display: inline; list-style-type: none; }
.jalus a { margin-left: 10px; }

.mbl .jalus .sep1 { height: 4px; background-color:#D8DAD7; }
.mbl .jalus .sep2 { height: 1px; background-color:#FFFFFF; }
.mbl .jalus .sep3 { height: 1px; background-color:#D8DAD7; }
.mbl .jalus .sep4 { height: 2px; background-color:#FFFFFF; }
.chd .jalus .sep1 { height: 4px; background-color:#E6CFB9; }
.chd .jalus .sep2 { height: 1px; background-color:#FFFFFF; }
.chd .jalus .sep3 { height: 1px; background-color:#E6CFB9; }
.chd .jalus .sep4 { height: 2px; background-color:#FFFFFF; }
.tec .jalus .sep1 { height: 4px; background-color:#D8DAD7; }
.tec .jalus .sep2 { height: 1px; background-color:#FFFFFF; }
.tec .jalus .sep3 { height: 1px; background-color:#D8DAD7; }
.tec .jalus .sep4 { height: 2px; background-color:#FFFFFF; }

.teave li { display: block; clear: left; overflow: visible; }
.menu { font: 11px Arial; }
.menu li {
    display: block;
    float: left;
    width: 100%;
}
.menu li a {
    display: block;
    font-weight: bold;
    margin: 0 0 1px 0;
    padding: 2px 2px 2px 11px;
    text-decoration: none;
    line-height: 18px;
}
.menu li a.withimg {
    padding: 0px;
    text-align: center;
}
    .menu li a.withimg img {
        display: block;
        width: 182px;
    }
.menu li a:hover ul {
    visibility: visible;
}

.mbl .menu a:hover,
.mbl .menu .sel a,
.mbl .menu .akt a { background-color: #ccc; color: #2e2e2e; }
.chd .menu a:hover,
.chd .menu .sel a,
.chd .menu .akt a { background-color: #dad4c6; color: #827b69; }
.tec .menu a:hover,
.tec .menu .sel a,
.tec .menu .akt a { background-color: #ccc; color: #2e2e2e; }

.mbl .menu li a, #menuavale.menu li.mbl a { background-color: #7f7f7f; color: white; }
.chd .menu li a, #menuavale.menu li.chd a { background-color: #aea28c; color: white; }
.tec .menu li a, #menuavale.menu li.tec a { background-color: #7f7f7f; color: white; }

#menu ul.menu2 { width: 210px; }
#menu ul.menu2 a { width: 195px; }
#menu .menu2 ul.menu3 { width: 270px; margin-left:210px;}
#menu .menu2 ul.menu3 a { width: 255px; }

#menu .sel .menu2 {margin-left:0; overflow: visible; position: relative; width:182px; border: 0 none white; visibility: visible;}
#menu .sel .menu2 a { width: 155px;}
#menu .sel .menu2 li { overflow: hidden; }
#menu .sel .menu2 li a { padding-left: 25px; overflow: hidden; font-weight: normal; }

#menu .sel ul.menu3 { margin-left: 182px; }

/* esimese astme oma ei ole pointer ja teise oma on */
/*#menu a    { cursor: default; }
#menu ul a { cursor: pointer; }*/

/* teise && kolmanda astme mnüü */
/*
  .akt on siin ainult kaskaadi punktide kogumise pärast.
  js teeb nii, et teine aste on ALATI .akt-i all (kui ta on nähtaval)
*/
#menu ul {
    clear: both;
    width: 182px; position: absolute; visibility: hidden; 
    border: 1px solid white; border-bottom: 0 none white; 
    margin-left: 182px; background-color: white; 
    z-index: 1000;
}
#menu ul.menu2 { margin-bottom: 0px!important; }
#menu ul.menu3 { margin-left: 182px!important; margin-top: -24px!important; }

.mbl #menu .sel .menu2 a,
.mbl #menu .sel ul .sel ul a,
.mbl #menu .akt ul .akt ul a,
.mbl #menu .akt ul a { background-color: #EAEAE3; color: #333333; }
.chd #menu .sel .menu2 a,
.chd #menu .sel ul .sel ul a,
.chd #menu .akt ul .akt ul a,
.chd #menu .akt ul a { background-color: #e7e3da; color: #867d6e; }
.tec #menu .sel .menu2 a,
.tec #menu .sel ul .sel ul a,
.tec #menu .akt ul .akt ul a,
.tec #menu .akt ul a { background-color: #EAEAE3; color: #333333; }

.mbl #menu .sel ul .sel a,
.mbl #menu .sel ul .sel ul .sel a,
.mbl #menu .akt ul .akt a,
.mbl #menu .akt ul .akt ul .akt a,
.mbl #menu .akt ul a:hover { background-color: #ccc; color: #2a2a2a; }
.chd #menu .sel ul .sel a,
.chd #menu .sel ul .sel ul .sel a,
.chd #menu .akt ul .akt a,
.chd #menu .akt ul .akt ul .akt a,
.chd #menu .akt ul a:hover { background-color: #dad4c6; color: #867d6e; }
.tec #menu .sel ul .sel a,
.tec #menu .sel ul .sel ul .sel a,
.tec #menu .akt ul .akt a,
.tec #menu .akt ul .akt ul .akt a,
.tec #menu .akt ul a:hover { background-color: #ccc; color: #2a2a2a; }

.eri, .eri img { width: 182px; }
.eri img {min-height: 22px; display: block; overflow: hidden;}
.eri li a:hover { color: white; background-repeat: no-repeat; background-position: right top;}
.eri li a { float:none; display:block; background-repeat: no-repeat; background-position: right top;}
.eri li.uued   a,
.eri li.uued   a:hover { background-color: #ccc; color: #2a2a2a;}
.eri li.soodus a,
.eri li.soodus a:hover { background-color: #ccc; color: #2a2a2a; }
.eri li.lastseen a,
.eri li.lastseen a:hover { background-color: #ccc; color: #2a2a2a;}
.eri li.mark a,
.eri li.mark a:hover { background-color: #ccc; color: #2a2a2a;}

.chd .eri li.uued   a,
.chd .eri li.uued   a:hover { background-color: #DAD4C6; color: #827B69;}
.chd .eri li.soodus a,
.chd .eri li.soodus a:hover { background-color: #DAD4C6; color: #827B69; }
.chd .eri li.lastseen a,
.chd .eri li.lastseen a:hover { background-color: #DAD4C6; color: #827B69;}
.chd .eri li.mark a,
.chd .eri li.mark a:hover { background-color: #DAD4C6; color: #827B69;}



.eri a.withimg { margin: 0; padding: 0; background-color: white; color: white; width:182px; line-height:0; margin-bottom:1px;}

#noprod a { background-color: #FEEB1C; color: #727600; padding-top: 10px; height: 22px;}
.ee #noprod a { padding-top: 10px; height: 22px;}
.mbl #noprod a { background-color: #7F7F7F; color: #fff; }
.chd #noprod a { background-color: #AEA28C; color: #fff; }
.tec #noprod a { background-color: #7F7F7F; color: #fff; }
    .mbl #noprod a:hover { background-color: #ccc; color: #2E2E2E; }
    .chd #noprod a:hover { background-color: #DAD4C6; color: #827B69; }
    .tec #noprod a:hover { background-color: #ccc; color: #2E2E2E; }
/* make ul dimensions visible */
div.body li.last {margin: 0; padding: 0; clear: both; float: none; font-size: 0; line-height: 0; height: 0; width: 0; border: 0 none white; overflow: hidden;}

/* top100, uus; see nimek-toode on, et see reegel lipiku puhul võitu saaks */
.nimek-toode img.lipik, img.lipik { float: right; margin:0; padding:3px 5px 0 0; clear: right;}

.teave .uudis {
    display: block;
    clear: both;
    padding: 10px 1px 2px 1px;
    text-decoration: none;
    background-color: white;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    text-align: center;
}
.uudis-sisu { font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif; }
.mbl .uudis-sisu { color: #666; }
.chd .uudis-sisu { color: #827B69; }
.tec .uudis-sisu { color: #666; }
.teave .uudis .loe-edasi {
    display: block; margin: 10px 2px 1px 2px;
    font-size: 12px;
}

.teave .uudis a { text-decoration: none; display:block; text-align:center;}
.teave .uudis a:hover { background-color: white; } /* IE-s ilma selleta ei tööta */

.mbl .teave .uudis .loe-edasi {  color: black; background-color: #CCCCCC; }
.mbl .teave .uudis a:hover .loe-edasi { background-color: #999999; }
.chd .teave .uudis .loe-edasi {  color: black; background-color: #827B69; }
.chd .teave .uudis a:hover .loe-edasi {  color: white; background-color: #DAD4C6; }
.tec .teave .uudis .loe-edasi {  color: black; background-color: #CCCCCC; }
.tec .teave .uudis a:hover .loe-edasi { background-color: #999999; }

.pakkumised { padding-top: 5px; }
.mbl .pakkumised { background-color: #EEF0F0; }
.chd .pakkumised { background-color: #FBF7E3; }
.tec .pakkumised { background-color: #EEF0F0; }

.pakkumised ul li {width: 193px; float: left; margin: 0 2px 5px; }
.pakkumised h3 {
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 2px; padding: 5px;
    width: 192px;
    float: left;
}
.mbl .pakkumised h3 {background-color: #666666; color: white;}
.chd .pakkumised h3 {background-color: #876363; color: white;}
.tec .pakkumised h3 {background-color: #666666; color: white;}

.reklaam_menu .toode,
.pakkumised li {
    display: block;
    border: 1px solid #999999;
    margin: 0 0 5px 5px;
    padding: 0 1px 1px 1px; 
    text-align: center;
    list-style-type: none;
}
.chd .reklaam_menu .toode,
.chd .pakkumised li {
    border-color: #f4e5d5;
}

.pakkumised li:hover {border-color: #FF9900; }

.pakkumised a {
    display: block; width: 100%;
    padding: 10px 0 0 0;
    text-decoration: none; text-align: center;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    background-color: white;
}
.pakkumised a:hover .soodus,
.pakkumised .soodus { 
    color: red; 
    font-weight: bold; 
    display: block; 
    background: none; 
    font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
}

.reklaam_menu .toode .apilt, .pakkumised .apilt { display: block; margin: 0px auto; float: none; }
.reklaam_menu .toode span,
.pakkumised a .vaata {
    display: block; clear: both;
    background-color: #9B9B9B; color: white;
    bottom: 1px; 
    left: 1px; 
    width: 100%;
    padding: 2px 0;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}
.mbl .pakkumised a .vaata { background-color: #9B9B9B; color: white; }
.chd .pakkumised a .vaata { background-color: #C8A888; color: white; }
.tec .pakkumised a .vaata { background-color: #9B9B9B; color: white; }

.pakkumised a:hover { background-color: white; } /* IE-s ilma selleta ei tööta */
.pakkumised a:hover .vaata,.pakkumised a:hover:visited .vaata { background-color: #FF9900; }
.pakkumised a:visited .vaata { background-color: #888888; }
.reklaam_menu .toode img, .pakkumised a img { margin: 5px; }
.reklaam_menu .toode span { background-color: red }

.pakkumised a .hind { display: block; height: 30px; margin-top: 5px; }

/* reklaam menüü */
.reklaam_menu { float: right; width: 230px; }

/* reklaamtooted */
.reklaam_menu .tooted li { margin: 0; padding:0; width:100%; }
.reklaam_menu .tooted img.apilt { border:0 none white; margin-top:2px; }
.reklaam_menu .tooted .toode { margin: 0 0 1px 0; color: red; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.reklaam_menu .tooted .toode:hover {border-color: #FF9900; }
.reklaam_menu .tooted span { width: 178px; background-color: white; color: #333333; padding-top:7px; margin:0 auto;}
.reklaam_menu .tooted span .soodus { color: red; padding: 0; white-space: pre;}
.reklaam_menu .tooted img { margin-top: 5px; }

/* lasteportaali menüüreklaam */
.reklaam_menu .mbl, .reklaam_menu .chd, .reklaam_menu .tec { width:100%; margin-bottom:3px;}

/* content */
h1.content-title {
    font: 24px/40px 'Trebuchet MS', sans-serif;
    height: 40px; padding-left: 15px; overflow: hidden;
}

.mbl h1.content-title { background: white url(../pics/ggb/page_title_bg-mbl.png) repeat-y; color: #666666; }
.chd h1.content-title { background: white url(../pics/ggb/page_title_bg-chd.png) repeat-y; color: #4C1616; }
.tec h1.content-title { background: white url(../pics/ggb/page_title_bg-tec.png) repeat-y; color: #4C1616; }

h3.content-title {
    background-color: #D1DBE6; color: black;
    font-size: 12px; font-weight: normal;
    overflow: hidden;
    padding: 3px 0 3px 10px;  margin: 1px 0 0 0;
}

div.location {
    font: 9px/20px 'Trebuchet MS',sans-serif;
    margin: 1px 0 5px; padding-left: 10px; height: 20px;
    overflow: hidden;
}
div.location a {text-decoration: none;}

.mbl div.location, .mbl div.location a { color: #0066CC; }
.chd div.location, .chd div.location a { color: #CC3E00; }
.tec div.location, .tec div.location a { color: #666; }

input.submitbutton {
    font-weight: 600;
    font-size: 11px;
    font-family: Verdana;
    border: 1px solid #cc6633;
    background-color: #ff9966;
    color: white;
    cursor: pointer;
}

input.submitbutton[disabled] {
    border: 1px solid #e89f7a;
    background-color: #fdc7ac;
    color: #b5b5b5;
}


ul.errormsg { color: red; text-align:left; }

form input.submitbutton { margin-top: 10px; }
input[type='hidden'], form .hiddeninput {display:none; margin:0; padding:0; border: 0px none white; }

.liising { width: 182px; float: left; clear: left; padding: 0; margin: 2px 0 0 0; background-color: #e4fdd9; color: #2B0C1B; }
.liisingimg { width: 180px; border: 1px solid #DD7FB3; float: left; clear: left; text-align: center; padding: 5px 0; margin-top: 2px; }
.liising a { display: block; width: 100%; text-align: center; padding: 5px 0; }
.liising label { display: block; margin: 5px 0 2px 7px; float: left; width: 7em; clear: left;}
.liising .notice { font-size: 8px; }
.liising select { width: 8.55em; }
.liising input  { width: 8em; padding: 1px 1px 1px 3px; }
.liising select, .liising input { margin: .3em 0; height: auto;}
.liising .info {padding: 5px 7px 3px 7px;}
.liising .caption {
    background-color: #49a123; color: white; border-bottom: 1px solid white;
    text-align: center; font-size: 12px;
    padding: 4px 0;
}

.redasterisk { color: red;  font-size: 12px; font-weight: bold; line-height: 10px; }
.blueasterisk { color: blue; font-size: 12px; font-weight: bold; line-height: 10px; }

/* delfi jalus */
table td[height="2"], table td[height="4"] { font-size: 1px; line-height: 0px; }

hr { background-color: #cccccc; height: 1px; margin: 0.5em 0; }

/* menu register */
.register_ava {padding: 5px; margin:1px 0; border: 1px solid #CCCCCC; cursor:pointer;}
.register_ava a, .teave .uudis a { background: none!important; line-height: 15px!important; text-decoration: none; border: 0px !important; padding: 0px!important; font-size: 11px!important; }
.register_ava span {font-weight:bold; padding-bottom:6px; display:block;}
.register_ava .register_title, .register_ava .register_title a  {font-size: 12px; }
.mbl .register_ava .register_title, .mbl .register_ava a  {color: #666666; }
.chd .register_ava .register_title, .chd .register_ava a  {color: #827B69; }
.tec .register_ava .register_title, .tec .register_ava a  {color: #666; }


/* COLORS
green - #039437;
text-green : 27a953;
*/
.ava #container {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 990px;
}
.clear { height: 0px; overflow: hidden; clear: both }
.left {
    float: left !important;
}
.right {
    float: right !important;
}


/* HEADER
-----------------------------------------------------------------------------*/
.header {
  height: 80px;
  margin: 5px 0px 0px;
  overflow: hidden;
  position: relative;
}

.header a {
  text-decoration: none;
}

.mbl .header {  background: transparent url(/pics/ggb/header-bg_mbl.gif) repeat-y right top; }
.chd .header {  background: #fff url(/pics/ggb/header-bg_chd.gif) repeat-y right top; }
.tec .header {  background: transparent url(/pics/ggb/header-bg_tec.gif) repeat-y right top; }


    .header .logo {
      left: 0px;
      position: absolute;
      top: 0px;
      font-size:0;
      margin:10px;
    }
    .header .contact-info {
      font-size: 13px;
      margin: 0 auto 0 300px;
      padding: 10px 0;
      text-align: center;
      width: 300px;
    }
    
    .mbl .header .header_ad, .mbl .header .contact-info, .mbl .header .contact-info a {
        color: #27a953;
    }
    .tec .header .header_ad, .tec .header .contact-info, .tec .header .contact-info a {
        color: #000;
    }
    .chd .header .header_ad, .chd .header .contact-info, .chd .header .contact-info a {
        color: #9B7344;
    }
    
        .header .contact-info .phone-nr {
            color: #039437;
            font-size: 20px;
            margin: 0px;
            background: transparent url(/pics/ggb/phone-icon.gif) no-repeat 0 2px;
            padding-left: 30px;
        }
        .tec .header .contact-info .phone-nr {
            color: #000;
            background-position: 0px -18px;
        }
        .chd .header .contact-info .phone-nr {
            color: #9B7344;
            background-position: 0px -38px;
        }
        
        .header .contact-info p {
            margin: 0px;
        }
    .header .navigation {
      list-style: none;
      overflow: hidden;
      position: absolute;
      right: 0px;
      top: 0px;
    }
      .header .navigation li {
        background-repeat: no-repeat;
        display: block;
        float: left;
        margin: 15px 10px 0px 0px;
      }

      .mbl .header .navigation li { background-image: url(/pics/ggb/header-nav-icons-sprites_mbl.gif); }
      .chd .header .navigation li { background-image: url(/pics/ggb/header-nav-icons-sprites_chd.gif); }
      .tec .header .navigation li { background-image: url(/pics/ggb/header-nav-icons-sprites_tec.gif); }

        .header .navigation li a {
            color: #333;
            display: block;
            float: left;
            font-size: 11px;
            height: 30px;
            line-height: 30px;
            padding-left: 35px;
        }
        .header .navigation li.login {
            background-position: left 0px;
        }
        .header .navigation li.info {
            background-position: left -35px;
        }
        .header .navigation li.cart {
            background-position: left -70px;
        }
        .header .navigation li.home {
            background-position: left -105px;
        }
        .header .navigation li.logout {
            background-position: left -140px;
        }
        .header .navigation li.lang {
          overflow: hidden;
          width: 35px;
        }
        .header .navigation li.rus {
            background-position: left -175px;
        }
        .header .navigation li.est {
            background-position: left -210px;
        }
        .header .search-box {
            bottom: 5px;
            position: absolute;
            right: 5px;
        }
            .header .search-box input.text, .header .search-box input.submit {
                border: 2px solid #019837;
                padding: 0 3px; 
                white-space: normal; 
                box-sizing: content-box; 
                -moz-box-sizing: content-box;  
                -webkit-box-sizing: content-box;
            }
            .header .search-box input.text {
                border: 2px solid #039437;
                float: left;
                font-size: 12px;
                width: 155px;
                height: 18px;
                padding-top: 2px;
            }
            .header .search-box input.submit {
                background-color: #cecece;
                border: 2px solid #039437;
                padding: 2px 5px 2px;
            }
/* CONTENT
-----------------------------------------------------------------------------*/
#content #left-column {
    float: left;
    overflow: hidden;
}
    .footer-navigation {
        background-color: #EDEDED;
        clear: both;
        list-style: none;
        overflow: hidden;
        margin: 0px;
    }
    .chd .footer-navigation {
        background-color: #fff;
    }
        .footer-navigation li {
            display: block;
            float: left;
            margin: 1px;
            overflow: hidden;
            width: 197px;
        }
            .footer-navigation li a {
                background-color: #7F7F7F;
                color: #fff;
                display: block;
                font-size: 12px;
                padding: 4px 0 4px 13px;
                text-decoration: none;
            }
                .footer-navigation li a:hover {
                    background-color: #CCCCCC;
                    color: #2e2e2e;
                }
            .chd .footer-navigation li a {
                background-color: #aea28c;
            }
                .chd .footer-navigation li a:hover {
                    background-color: #DAD4C6;
                    color: #827B69;
                }
    .left-navigation {
        list-style: none;
        overflow: hidden;
        margin: 0px;
    }
        .left-navigation li {
            display: block;
            float: left;
            margin: 0px 0px 1px;
            overflow: hidden;
            width: 100%;
        }
            .left-navigation li a {
                background-color: #a2a2a2;
                color: #fff;
                display: block;
                font-size: 12px;
                padding: 3px 5px 4px 15px;
                text-decoration: none;
            }
                .chd .left-navigation li a {
                    background-color: #b6aa9c;
                }
                .chd .left-navigation li a:hover {
                    background-color: #e1dad2;
                    color: #8d7d6d;
                }
            
            .left-navigation li img {
                width: 100%;
            }
            
                .left-navigation li a:hover {
                    text-decoration: underline;
                }
            .left-navigation li a.withimg {
                padding: 0px;
                font-size: 0px;
            }
            
            .navi-header {
                overflow: hidden;
            }
            
            .navi-header {
                background-color: #fff !important;
                color: #a2a2a2 !important;
                clear: both;
                display: block;
                border: 3px solid #a2a2a2;
                font-size: 12px;
                font-weight: bold;
                padding: 3px 2px 4px 8px;
                text-decoration: none;
                line-height: 20px;
                margin-bottom: 1px;
            }    
                .chd .navi-header {
                    background-color: #fff !important;
                    border-color: #B6AA9C;
                }
            
#content #center-column {
    float: left;
    overflow: hidden;
    width: 566px;
    margin-right: 4px;
}

#content .category-list {
    margin: 5px;
}
    #content .category-list tr td {
        border-bottom: 1px solid #cecece;
        height: 110px;
        overflow: hidden;
    }
        #content .category-list tr td.icon span {
            background-image: url(/pics/ggb/tooteikoonid_mbl.jpg);
            background-repeat: no-repeat;
            display: block;
            height: 110px;
        }
        #content .category-list tr td.title {
            font-size: 14px;
            font-weight: bold;
        }

    #context-tabs, #context-tabs2 {
        background: transparent url(/pics/ggb/dot.gif) repeat-x scroll right bottom;
        height: 26px;
        list-style: none;
        overflow: visible;
        margin: 0px 0px 10px;
    }
    .mbl .context-tabs {
        background: #fff url(/pics/ggb/header-bg_mbl.gif) repeat-y right top;
    }
    .chd .context-tabs {
        background: #fff url(/pics/ggb/header-bg_chd.gif) repeat-y right top;
    }
    .tec .context-tabs {
        background: #fff url(/pics/ggb/header-bg_tec.gif) repeat-y right top;
    }
        #context-tabs li,#context-tabs2 li {
            background: transparent url(/pics/ggb/tab-sprites.gif) no-repeat right -64px;
            height: 26px;
            display: block;
            float: left;
            margin: 0px;
            padding-right: 1px;
            width: 187px;
        }
        .chd #context-tabs li {
            background-image: url(/pics/ggb/tab-sprites_chd.gif);
        }
            #context-tabs li.first, #context-tabs2 li.first {
                border-left: 1px solid #dadada;
                padding-left: 1px;
            }
            #context-tabs2 li.unselected {
                border-left: 1px solid #dadada;
                padding-left: 1px;
            }
            #context-tabs li.third, #context-tabs2 li.third {
                border-right: 1px solid #dadada;
                padding-right: 0px;
            }
                #context-tabs li.third a, #context-tabs2 li.third a {
                    width: 188px;
                }
        #context-tabs li a, #context-tabs2 li a {
            background: white url(/pics/ggb/tab-sprites.gif) repeat-x left -14px;
            display: block;
            float: left;
            font-size: 14px;
            font-weight: bold;
            height: 26px;
            overflow: hidden;
            text-decoration: none;
            margin-left: -1px;
            width: 100%;
        }
        #context-tabs2 li.unselected {
            background: white url(/pics/ggb/tab-sprites.gif) repeat-x left -14px;
        }
        .chd #context-tabs li a {
            background: transparent url(/pics/ggb/tab-sprites_chd.gif) repeat scroll 0 -14px;
        }
        .chd #context-tabs li.unselected {
            background: transparent url(/pics/ggb/tab-sprites_chd.gif) repeat scroll 0 -14px;
        }
        #context-tabs li a span {
            /*background-image: url(/pics/ggb/center-tabs-sprites.gif);*/
            background-repeat: no-repeat;
            display: block;
            line-height: 26px;
            text-align: center;
        }
        #context-tabs li a:focus span {          
        }
         
        #context-tabs li.active {
        }
        #context-tabs li a.active {
             background: #fff;
             border-top: 1px solid #dadada;
             height: 26px;
        }
        /*#context-tabs li.first a.active span {
            background-position: left 0px;
            padding-left: 15px;
        }*/
                
        #context-tabs li.selected, #context-tabs2 li.selected {
                background: none #fff;
                border-top: 1px solid #dadada;
                height: 26px;
        }
                
        #context-tabs li.mbl a {
            color: #27a953;
        }
        #context-tabs li.tec a {
            color: #c92127;
        }
        #context-tabs li.chd a {
            color: #f9a20b;
        }

        #context-tabs h1, #context-tabs2 h1{
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            line-height: 26px;
            display: block;
        }
        
#content #right-column {
    float: left;
    overflow: hidden;
    width: 230px;
}
    #content #right-column .block {
        text-align: center;
    }
          #content #right-column .block .price {
              margin-bottom: 0px;
          }
          #content #right-column .block .price.hot {
              color: red;
          }
.block {
    border: 1px solid #cecece;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 1px;
    padding: 5px;
}
    .block h5 {
        color: #676767;
    }
    .block .button {
        background-color: #ccc;
        color: #333;
        display: block;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
    }

.reklaam { position: relative;}
.login-form {
  position: absolute;
  font-size: 13px;
  right: 10px;
  top: 10px;
  text-align: right;
  margin-top: 10px;
  width: 370px;
}
    .login-form p.heading {
        color: #039437;
        margin: 0px 0px 10px;
        font-weight: normal;
        text-align: left;
        width: 170px;
        float: right;
    }
    .login-form a {
        font-size: 13px;
        font-weight: normal;
        color: #039437;
    }
    .login-form .checkbox {
        margin-top: 5px;
    }
.login-form .inline {
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 370px;
}
    .login-form label {
        color: #039437;
        display: block;
        font-size: 12px;
        font-weight: normal;
        text-align: right;
        float: left;
        clear: left;
        line-height: 24px;
        margin-right: 10px;
        width: 185px;
    }
    .login-form .inline input.text {
        border: 2px solid #039437;
        float: left;
        font-size: 12px;
        width: 120px;
        height: 18px;
        padding-top: 2px;
    }
    .login-form .inline input.submit {
        background-color: #fff;
        border: 2px solid #039437;
        padding: 2px 5px 2px;
    }
        .tec .login-form a, .tec p.heading, .tec .login-form label {
            color: #000;
        }
        .tec .login-form .inline .text, .tec .login-form .inline .submit, .tec .header .search-box input.text, .tec .header .search-box input.submit {
            border-color: #e60003;
        }
        .chd .login-form a, .chd p.heading, .chd .login-form label {
            color: #9B7344;
        }
        .chd .login-form .inline .text, .chd .login-form .inline .submit, .chd .header .search-box input.text, .chd .header .search-box input.submit {
            border-color: #9B7344;
        }



/* PRINT CSS */
@media print {
.teave, .liising, .liisingimg, .naviriba, .header, .jalus, .reklaam_menu, .infolaused, .submitbutton, .reklaam { display: none; }
.sisu { float: left; }

div.body .sisu, .kaart .sisu  { float: left; }
div.body .teave, .kaart .teave { float: right; }
}


/* UPLOAD */
#popBackground, #authPopBackground  {z-index: 990;}
#popBackground, #authPopBackground  {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 40)";
    filter: alpha(opacity = 40);
    opacity: 0.4;
}
#popBackground, #authPopBackground {top: 0; left: 0; height: 100%; width: 100%; background: black; display: none; position: fixed;}
#uploadingData, #generatingBill, #authentication {
    display: none;
    z-index: 999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 7px #444;
    -webkit-box-shadow: 0 0 7px #444;
    box-shadow: 0 0 7px #444;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 40)";
    filter: alpha(opacity = 95);
    opacity: 0.95;
    position: fixed;
    background: #fff;
    top: 25%; left: 50%;
    padding: 50px;
    overflow: auto;
    width: 480px;
    text-align: center;
    margin: -50px 0 0 -240px;
}

#regPopUp {
    z-index: 999;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 440px;
    margin-left: -220px;
    background: white;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 18px #777;
    -webkit-box-shadow: 0 0 18px #777;
    box-shadow: 0 0 18px #777;
}
.popTop {
    float: left;
    width: 100%;
    background: #eee;
}

.popTop  p {
    font-family: Verdana, Tahoma;
    font-size: 11px;
    float: right;
    padding: 0;
    margin: 0;
}

.popTop  p  a {
    float: left;
    padding: 5px 4px    ;
    margin-left: 5px;
    text-decoration: none;
}
.popTop  p  a .title {
    float: left;
    padding-top: 2px;
}

.popTop  p  a .icon {
    float: right; background: #a4a4a4; border: 1px solid #ccc; width: 17px; height: 16px; margin: 0 0 0 5px; padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.popTop  p  a .icon b {
    float: left;
    color: white;
    width: 15px;
    height: 14px;
    text-align: center;
    border: 1px solid #ddd;
    border-right-color: #a4a4a4;
    border-bottom-color: #a4a4a4;
    background: url(../pics/ggb/bgButtonGradientWhite.png) left top repeat-x;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.popContent {
    float: left;
    width: 400px;
    padding: 10px 20px;
    font-family: verdana, tahoma;
}

.popClientServiceText {
    float: left;
    width: 210px;
    background: url(../pics/ggb/klienditeenindaja.png) right 5px no-repeat;
    min-height: 130px;
    padding: 30px 180px 20px 10px;
}

.popClientServiceText h3 {float: left; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: bold;}
.popClientServiceText p {float: left; width: 100%; margin-bottom: 10px; font-size: 14px;}

.popForm {
    float: left; width: 340px; border: 10px solid #eee; padding: 20px 20px 10px 20px;
}

.popForm table {
    float: left; width: 100%;
}
.popForm table td {
    padding: 2px 0;
}
.popForm label {
    float: left;
    font-size: 11px;
}
.popForm .question label {
    padding: 5px 0;
}
.popForm .prompt label {
    margin: 0 20px 0 0;
}
.popForm input[type='text'] {
    float: right;
    width: 200px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-bottom-color: #aaa;
}
.popForm input[type='radio'] {
    float: left; width: 14px; height: 14px; margin: 0 4px 0 0;
}

.button.green {
    background: #4da624 url(../pics/ggb/bgButtonGreen.png) left center no-repeat;
    border: 1px solid #479b22;
    padding: 4px 5px 4px 22px; 
    font-family: Verdana, Tahoma;
    color: white;
    font-size: 11px;
}

.button.right {float: right;}

.pop .close {float: right !important; cursor: pointer; margin: -30px -30px 5px 10px;}
.pop .close {background: url(../pics/ggb/iconCloseRed.png) top left no-repeat; width: 18px; height: 18px; overflow: hidden;}
.pop .close:hover {background-position: 0 -49px;}
.pop .close span {margin-left: 20px;}

#popUpImages {width: 100%; height: 200px; overflow: scroll; overflow-x: hidden; padding: 0; margin: 30px 0 10px 0; float: left; clear: left; text-align: left;}
#popUpImages li {width: 23%; float: left; list-style-type: none; padding: 3px;}

#authentication {padding: 12px 50px; filter: alpha(opacity = 100);opacity: 1.00;}
#authentication h2 {text-align: center;}

#tarneinfotekstid span, #tarneinfotekstid div {display: none;}
#tarneinfotekstid input {border:none; text-align:right; font-size:12px; width: 20px};