@charset "UTF-8";

.toode .container {width: 808px; float: right;}
.toode .sisu { width: 600px; margin-right:3px; float: left; }
.toode .sisu ul { padding-left: 5px; }

/* make thinner then default */ 
.toode .reklaam_menu { float: left; width: 205px; }

#tootepilt, #tootepildid { border: 1px solid rgb(204, 204, 204); text-align: center; clear: both; }
#tootepilt   { height: 428px; }
#tootepildid { height: 60px; margin-top: -1px; padding: 0; }
#tootepildid li { float: left; list-style-type: none; margin: 0;}

#tootepildid img     { display: block; } /* muidu mõjus teksti suurus ka pildi kõrgusele */
#tootepildid a       { margin: -1px 0 -1px -1px; border: 1px solid rgb(204,204,204); float: left; position: relative; }
#tootepildid a:hover { border-color: rgb(153, 153, 153); z-index: 2; }

#tootepildid .zoom {position:relative; top:-60px; margin-bottom:-25px; float: right;}

.tekstid    { width: 390px; float: left; }
.tekstid h3 { font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.tekstid li { display: list-item;  margin: 0px 0 0px 20px; line-height: 160%; font-size: 12px; }
.tekstid img { float: right; margin: 0px 5px 8px 12px; }

.mbl .tekstid li { list-style: url(../pics/ggb/li-mbl.png) circle; }
.chd .tekstid li { list-style: url(../pics/ggb/li-chd.png) circle; }
.tec .tekstid li { list-style: url(../pics/ggb/li-tec.png) circle; }

.margilogo { float: right; padding: 4px 10px; border: 1px solid white; }
.margilogo:hover { border: 1px solid #FF9900; }

.ostukorvi, .tekstid { margin: 10px 0; }

div.hind { width: 395px; float: left; border-top: 1px solid #999999; margin-top: 2px; padding-top: 5px; clear:both; font-size: 12px; line-height: 140%;}
div.hind p { margin: 8px 0 0 0 ; padding: 0 ;  }
div.hind .soodus { color: blue; font-weight:bold; }
div.hind a { margin-right: 20px; }
div.hind .tarne a {margin:0;}
span.konto {color:red; font-weight: bold;}
div span.kl_hind { color: red; display: inline; padding-right:0px;}
div span.kl_hind_memo { color: #C0C0C0; display: block; font-size: 10px; line-height: 10px;}

.kminfo { font-size: 10px; }
.viim, .ostukorvi { text-align: center; width: 200px; float: right; border: 1px solid #999999; margin-top:2px; }
.viim div { height: 160px } 

#kogus { color: #363636; text-align: center; border: inset 1px #C3C3C3; width: 24px; margin-left: 5px; }

.ostukorvi .submit {
    padding: 10px 0;
    width: 160px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: 600;
    border: 2px solid #CDCDCD;
    background-color: #B3E6B3;
    padding: 5px 3px;
}
.ostukorvi .viim { border: 0 none; float: none; width: auto; font-weight: normal; font-size: 12px; }
.ostukorvi .viim select { width: 176px; margin-bottom: 15px; }
.ostukorvi .viim label  { background: none; padding: 0; }
.ostukorvi { font: bold 14px Verdana; padding: 14px; width: 172px; }
.ostukorvi label { padding: 10px 0px 10px 30px; display: block; text-align: right; }
.ostukorvi label input { text-align: right; }
.mbl .ostukorvi .kogus label { background: url(/pics/ggb/header-nav-icons-sprites_mbl.gif) no-repeat left -66px; }
.chd .ostukorvi .kogus label { background: url(/pics/ggb/header-nav-icons-sprites_chd.gif) no-repeat left -66px; }
.tec .ostukorvi .kogus label { background: url(/pics/ggb/header-nav-icons-sprites_tec.gif) no-repeat left -66px; }

.viim label { display: block; }
.viim select { width: 196px; margin-bottom: 2px; border: 1px solid #999999 }

/* small viimb */
.viimb_small {padding:0px !important; width: 100%; margin: 0px 4px;}
.viimb_small li {list-style-type: none; margin: 0px; padding:0px; display: block; width: 16%; float: left;}
.viimb_small li img { border: 1px solid #D0D0D0; margin: 0px; }
.viimb_small li img:hover { border: 1px solid #FF9900; margin: 0px;}

/* big viimb */
.viimb_big {padding:0px !important; width: 100%; }
.viimb_big li {list-style-type: none; margin: 0px; padding:0px; display: block; width: 33%; float: left;}
.viimb_big li img { border: 1px solid #D0D0D0; margin: 1px; cursor:pointer; }
.viimb_big li img:hover { border: 2px solid #FF9900; margin: 0px;}


/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont { border: 1px solid #999999; margin: -70px 0 0 -25px; }

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
    font:           10px Tahoma, Verdana, Arial, sans-serif;
    color:          #fff;
    background:     #91b817;
    text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
    border:         1px solid #aaa;
    background:     #ffffff;
    /*cursor:           hand;*/
}

/* CSS style for loading animation box */
.MagicZoomLoading {
    text-align:     center;
    background:     #ffffff;
    color:          #444;
    border:         1px solid #ccc;
    opacity:        0.8;
    padding:        3px 3px 3px 3px !important;
    display:        none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
    padding-top:    3px !important;
}

/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(/pics/cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { /*border: 1px solid #808080;*/ outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(/pics/cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
    display: block;
    height: 18px;
}

.MagicThumb-controlbar a {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0px 1px;
    outline: none;
    float: left;
    overflow: hidden;
}

.MagicThumb-controlbar a span {
    display: block;
    width: 1000px;
    height: 1000px;
    background: transparent url(/pics/graphics/controlbar.png) no-repeat 0 0;
    outline: none;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
    border: 1px solid #000000;
    background: #ffffff url(/pics/graphics/loader.gif) no-repeat 2px 50%;
    padding: 2px 2px 2px 22px;
    margin: 0;
    text-decoration: none;
    text-align: left;
    font-size: 8pt;
    font-family: sans-serif;
}