.DemoOuter {
float: left;
z-index: 99999999999 !important;
}
li.slide div.layer {display:none;}
.finalsection input:focus {box-shadow: 0 0 5px rgba(0, 0, 255, 1);-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);border:1px solid rgba(0,0,255, 0.8); }
.finalsection select:focus {box-shadow: 0 0 5px rgba(0, 0, 255, 1);-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);border:1px solid rgba(0,0,255, 0.8); }
#pnlVariants div  {border:1px dashed #ccc; padding:3px;display:block; clear:both; margin:4px;}
#pnlVariants .select {margin:5px;}
/*.number {max-height:40px !important;}
.number button {max-height:16px;max-width:16px; float:right}
.stokyok {line-height:25px;}*/
#pnlVariants div ul {background:none;border:none;display:block;padding:2px;margin:4px;width:95%;clear:both;}
.clear {border:none !important;}
#pnlVariants ul dd {float:left;padding:8px 12px 8px 25px;border:1px dashed #CCC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin:4px;cursor:pointer;min-width:75px;max-width:140px;background: url(../wdGreenPearL/img/no-select.png)  4px 5px  no-repeat;}
#pnlVariants ul dd.secilmis, #pnlVariants ul dd:hover  {border:1px dashed #4cff00;cursor:pointer;background: url(../wdGreenPearL/img/select.png)  4px 5px  no-repeat;}
.ozelbutonyus {cursor:pointer;}
.divUrunBody a em {color:#000;}
.divUrunBody .fiyatimizk  sub {color:#000 !important;line-height:9px} 
.divUrunBody .fiyatimizk sup  {color:#000 !important;line-height:9px }

#toTop {display: none;text-decoration: none;position: fixed;bottom: 0px !important;right: 1px;overflow: hidden;width: 51px;height: 51px;border: none;text-indent: -999px;background: url("ui.totop.png") no-repeat left top;z-index: 9999;}
#toTopHover {background: url("ui.totop.png") no-repeat left -51px;*background: url("ui.totop2.png") no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float: left;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
#toTop:active,
#toTop:focus {outline: none;}


.divUrunSayi{  float:left; width:40%;}

.divUrunSayiSirlama{float:left; width:40%;}
.divSayfalar {width:20%;float:left;}
.divUrunSayiSirlama h2, .divSayfalar h2 {padding:0 0 15px 0;font-weight:bold;}
.divUrunSayiSirlama .AramaSistemi, .divSayfalar .AramaSistemi {margin-left:10px;}

.butonlusayfalatma {float:right;}
.HayaLetArama{-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);}
a.markalogo {position:absolute !important;margin-left:2px;}
a.markalogo img {max-width:100px  !important; max-height:50px !important;}
.stokYok {opacity:0.2; }
.stokYok::after {content:"X";color:red;float:right;margin-top:-14px; opacity:1; font-size:11px; position:absolute;}
.altkategorimenu .markalari {display:none;}
.altkategorimenu ul {display:none}
.altkategorimenu li {width:170px;overflow:hidden;}
.altkategorimenu li a{width:400px !important; font-size:11px;}
#alt-sonermenu ul li {float:left;width:170px;}
#alt-sonermenu ul li a {font-size:11px}
#alt  #alt-iletisim {font-size:0.88em}
.clearfix {clear: both;display: block;height: 25px;}

.lb-image {max-width:800px !important;}
.lb-outerContainer {max-width:900px  !important;}

.ZeroRate {
    background-color:yellow;
    }