/**div {box-sizing: border-box; -moz-box-sizing: border-box}**/ /** toode on iga toode jaoks kiht. Iga jГ¤argmine toode olgu pandud ylesse ja selle z-index peab olema suurema numbriga kui eelmine , z-index algab 2-st, kuna 1-ne on lisakihil, mis on allpool **/ #toode, #toode a, #toode div, #toode span, #toode img { border:0; margin:0; padding:0; text-decoration:none; } #toode { font-family:Arial;font-size:12px; width:590px; position:relative;} #eraldi #toode #lisainfo { display: none } #eraldi #toode #lisatext{ display:inline } #total #eraldi #toode #lisainfo { display:inline } #total #eraldi #toode #lisatext{ display: none } /** pic on iga toote piltide jaoks kiht **/ #pic {float:left; width: auto; height:100px; vertical-align:middle;} /** link klassiga pics on iga toote vГ¤aikse pildi jaoks link suure pildi kuvamiseks **/ /** #pics * {cursor: url('../../images/spring/lambre_arr.cur')!important ;}**/ #pic a.pics, #pic a.pics:hover { width: auto; height: auto; } #pic a.pics:hover {display: block;} #pic a.pics .small,#pic a.pics:hover .small {text-align:left; display: table-cell; float:left; position:relative; vertical-align: middle; } #pic a.pics .small {height:100px; width:125px; } #pic a.pics:hover .small {height:100px; width:125px; } #pic a.pics .small img,#pic a.pics:hover .small img {vertical-align: top; height:100px; width:auto; } #pic a.pics .big { display:none;} #pic a.pics:hover .big { height: auto; width:460px; text-align: right; display: block; z-index:98!important; position: absolute; right:70px; top:0; } #pic a.pics .big img {border:1px #005E2F solid } /*selleks, et taust oleks n'ahtav */ #pic a.pics .big:hover img { width: auto; z-index:99!important;} /** text on iga toode text **/ #toode .text { display:block; width:390px; height:100px; font-family:Arial;font-size:12px;color:#303030; position: absolute; left:130px; right:70px; top:0 } #eraldi #pic a.pics .small {height: auto;} #eraldi #pic a.pics:hover .small {height: auto;} #eraldi #pic a.pics .small img,#eraldi #pic a.pics:hover .small img {height: auto; width:auto;} #total #eraldi #pic a.pics .small {height:100px; width:125px; } #total #eraldi #pic a.pics:hover .small {height:100px; width:125px; } #total #eraldi #pic a.pics .small img,#pic a.pics:hover .small img {vertical-align: top; height:100px; width:auto; } #toode .text a.lisa {color:#005E2F;font-family:Arial;font-size:12px;} #toode .text a.lisa:hover {color:#005E2F;font-family:Arial;font-size:12px; text-decoration:underline} #toode .hind { height:90px; width:70px; text-decoration:none; text-align: center!important ; vertical-align: middle!important;z-index:77!important; position: absolute; right:0; top:0; background-image:url('../../images/spring/hind_bg.gif'); background-repeat:no-repeat; background-position:center center; } /** big hinna sees on selleks, et saaks hinda vertikaalselt panna yigesse kohta keskele ja samas ta teeb suuremaks texti **/ .hind div.hinna {text-align: center ; height:50px; width:58px!important;font-size:13px; font-weight:bold; margin-top:31px!important; margin-left:6px!important ;margin-right:6px!important ; padding:0 } .hind span {text-align: center ; display:block; height:50px; width:58px!important; margin-top:31px!important; margin-left:6px!important ;margin-right:6px!important ;font-size:13px; font-weight:bold; margin-top:32px!important; margin-left:6px!important ;margin-right:6px!important ;font-size:13px; font-weight:bold } /** icon see on suurendamise ikooni jaoks **/ .hind big {text-align: center ; height:50px; width:60px;margin-top:32px;margin-left:5px;display: block; font-size:12px; font-weight:bold} /** icon see on suurendamise ikooni jaoks **/ .icon { height:25px!important; width:25px!important;text-decoration:none!important; position:absolute; top:75px; left:100px; background-image:url('../../images/spring/zoom.gif');background-repeat:no-repeat; background-position: center center; } .zoom {height:25px!important; width: auto; display:table-cell; font-weight:bold; padding-left: 35px; text-decoration:none!important;background-image:url('../../images/spring/zoom.gif');background-repeat:no-repeat; background-position: left center; } /* MAKE-UP GALLERY */ #gallery, #gallerya, #gallery div, #gallery span, #gallery img { border:0; margin:0; padding:0; text-decoration:none; } #gallery {z-index:91;position: relative; height: auto; width:500px; text-align:center;} /** pic on iga toote piltide jaoks kiht **/ #pict {width:230px; height:auto ; text-align:center; margin:0 10px 10px 10px!important; float:left; /*background: url('../images/spring/border_top.jpg') repeat-x center bottom; */ } /** link klassiga pics on iga toote väikse pildi jaoks link suure pildi kuvamiseks **/ #pict a.pics {height: auto; width: auto; display: block; z-index:91;} #pict a.pics:hover {display: block;} #pict a.pics .smallpic {height: 160px; width:230px; margin-bottom:10px;} #pict a.pics .smallpic img.foto {height: 130px; width:230px; z-index:92!important; float:none; margin-bottom:3px;} /*#pict a.pics:hover .smallpic img, #pict a.pics:hover .smallpic b, #pict a.pics:hover .smallpic br { visibility:hidden}*/ /*#pict a.pics .back {;}*/ #pict a.pics .big {display:none;} #pict a.pics:hover .big { height:545px; width: 1000px; background:#fff; display: block; z-index:93!important; border:0; position: absolute; top:-10px;left:-250px; text-align:center; } #pict a.pics:hover .big img.foto {z-index:93!important; margin-top:2px } /* MAKE-UP GALLERY END */ /** KOSMEETILISTE VAHENDITE KOMBINATSIOONIDE TABEL **/ .comb_table {width:500px} .comb_table td {background-color:#fff;} .bg02639D {background-color: #02639D!important;} .col02639D {color: #02639D;} /** sinine **/ .bgb0ac46 {background-color: #b0ac46!important;} .colb0ac46 {color: #b0ac46;}/** kaitse **/ .bge3002d {background-color: #e3002d!important;} .cole3002d {color: #e3002d;}/** punane **/ .bg90bf25 {background-color: #90bf25!important;} .col90bf25 {color: #90bf25;}/** roheline **/ .bgf6a63d {background-color: #f6a63d!important;} .colf6a63d {color: #f6a63d;}/** oranzh **/ .colfff {color: #fff;}/** valge **/ .bold {font-weight:bold }/** rasvane **/ .star {font-size:36px; height:24px; line-height:24px; font-weight:bold; vertical-align: bottom; padding:0; margin:0} .right {text-align: right;} .center {text-align: center;} .col93C11A {color: #93C11A;} /** rohekas **/ /*KOSMEETILISTE VAHENDITE KOMBINATSIOONIDE TABEL END **/ #tyhi_all { height:auto ; width:580px; position:relative;z-index:1} #tooltip { /*OK! with tooltips1.js. nice working near the cursor in opera,NN,IE!*/ border: #005E2F 1px dashed; padding: 4px; max-width:250px!important; visibility: hidden; color: #3B3B3B; text-decoration: none; font-weight:bold!important; font: 12px Arial ; background-color:#fff; z-index:99; position: absolute; text-align:left; }