/*Filtre css leri*/
.newLeftMenu { float: left; padding: 0 10px 0 0; width: 184px; }
.newLeftMenu .mypanel { /*height: 100px; */ width: 172px; padding: 5px; margin-bottom: 10px; border:1px solid #e2e2e2; }
.newLeftMenu h2 { background-color: Black; position: relative; margin: 10px 0 10px -10px; width: 184px; height: 29px; outline: 0 !important; }
.newLeftMenu h2 span { color: White; font-size: 13px; padding: 10px; line-height: 28px; }
div.FilterElement { overflow: auto; padding: 0px 0px; margin-bottom: 10px; }
div.FilterElement li { font-size: 12px; list-style: none; }
div.FilterElement li span { color: Red; }
div.FilterElement label { margin: 5px; color:#666666; font-size: 12px; font-weight:bold; font-family:sans-serif;}
div.FilterElement table{float:left; width:100%;}
div.FilterElement td{float:left; line-height:30px; border-bottom:1px solid #e2e2e2; width:100%; }
/*Ürün liste filtresi*/
.management { width: 760px; border:1px dotted #f1f1f1; padding: 5px; float: left; margin-bottom: 10px; }
.management select { padding: 3px; margin-right:15px; }
.management input { width: 130px; padding: 3px; }
.management .order { float: left; width: 770px; }
.management .pageCount { float: right; }
.management .aciklama { width: 750px; float: left; padding: 5px; margin-top: 5px; }
.management .aciklama .bilgi { float: left; color: #666; font-size: 11px; }
.management .aciklama .toplam { float: right; color: #666; font-weight: bold; font-size: 14px; }
/*Ürün liste filtresi*/
/*Tablar*/
#tabs { width: 100%; float: left; }
#tabs > ul { width: 100%; float: left; list-style: none; margin: 0; z-index: 15; position: relative; padding:0; }
#tabs > ul li { float: left; padding-left: 10px; display: inline-block; font-weight:bold; line-height: 34px; background:#0e3a67; text-align: center; margin-right: 10px; width: 711px;}
#tabs > ul li span { display: block; text-align:left; padding-right: 10px; height: 100%; /*background: url('../images/tab_sag.png') top right no-repeat;*/ }
#tabs > ul li a { color:#fff; text-decoration:none;}
#tabs > ul li.ui-tabs-selected { position: relative; margin-bottom: -1px; padding-left: 10px; display: inline-block; line-height: 35px; background: url('../images/tab_aktif_sol.png') top left no-repeat; }
#tabs > ul li.ui-tabs-selected span { display: block; text-align:center; padding-right: 10px; height: 100%; background: url('../images/tab_aktif_sag.png') top right no-repeat; }
#tabs > ul li.ui-tabs-selected a { color:#000000; }
#tabs > div { float: left; width: 582px; border: 1px solid #dcdcdc; padding: 10px; z-index: 13; }
/*Tablar*/
/*Ürün Listeleme*/
.urunListeleme { width: 709px; float: left; padding:5px; border:1px solid #EBEBEB;}
.urunListeleme > div {float:left; width:200px; height:228px;border:1px solid #EFEFEF; margin: 15px; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*float: left; width: 193px; margin: 10px 0 35px 0; text-align: center; position: relative; height:215px;*/ }
.urunListeleme > div:hover {-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20);}
.urunListeleme > div .reyonResim { position: absolute; left: 2px; top: 2px; border:1px solid #ccc; padding: 2px; background: #e1e1e1; }
.urunListeleme > div .img { width: 190px; float: left; }
.urunListeleme > div .txt { width: 190px; float: left; height: 55px; position: relative; }
.urunListeleme > div.left { border-right:1px solid #f8f8f8; }
.urunListeleme > div.center { border-right:1px solid #f8f8f8; }
.urunListeleme > div.separator { width: 100%; height: 10px; margin: 0; border-bottom:1px solid #f8f8f8; }
.urunListeleme h1.urunAd { font-size: 12px; font-weight:bold; color:#9F9F9F; text-align:center; width:100%; }
.urunListeleme h2.urunAciklama { font-weight:normal; color:#9F9F9F; font-size: 11px; }
.urunListeleme span.urunFiyat {float:left; font-size:16px; color:#000000; width:100%; text-align:center; margin-bottom:10px; }
.urunListeleme div.aktifKampanya { font-size:14px; color:#000; position: absolute; width: 190px; margin-left: 2px; }
.urunListeleme div.aktifKampanya .fiyat { display: block; text-decoration: none; font-size:16px; color:#000000; }
.urunListeleme div.aktifKampanya .hediye { font-size:16px; font-weight: bold; color:#000000; position: relative; display: block; background: #f6f6f6; }
.urunListeleme div.aktifKampanya .hediye .not { font-weight: bold; font-size: 12px; display: block; color: #0666ff; }
/*hediye çeki*/
.urunListeleme span.cek { font-weight: normal; font-size: 12px; }
.urunListeleme span.cek .icon { position: absolute; left: 0; top: 0; width: 24px; height: 29px; background: url(../images/icon/hediyeCeki_icon.png) no-repeat 0 0; }
.urunListeleme span.cek .fiyat { text-decoration: none; }
/*kargo*/
.urunListeleme span.kargo { font-weight: normal; font-size: 12px; }
.urunListeleme span.kargo .icon { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/icon/hediyeCeki_icon.png) no-repeat 0 -29px; }
.urunListeleme span.kargo .fiyat { text-decoration: none; }
/*kdv*/
.urunListeleme span.kdv { font-weight: normal; font-size: 12px; }
.urunListeleme span.kdv .icon { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/icon/hediyeCeki_icon.png) no-repeat 0 -53px; }
.urunListeleme span.kdv .fiyat { text-decoration: none; }
/*indirimli*/
.urunListeleme span.indirimli { font-weight: normal; font-size: 18px; font-weight: bold; }
.urunListeleme span.indirimli .icon { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/icon/hediyeCeki_icon.png) no-repeat 0 -77px; }
.urunListeleme span.indirimli .fiyat { text-decoration: line-through; color: #666; }
/*tüm ürünlerde indirim*/
.urunListeleme span.tumIndirim { font-weight: normal; font-size: 12px; }
.urunListeleme span.tumIndirim .icon { position: absolute; left: 0; bottom: 0; width: 24px; height: 24px; background: url(../images/icon/hediyeCeki_icon.png) no-repeat 0 -77px; }
.urunListeleme span.tumIndirim .fiyat { text-decoration: line-through; }
.urunListeleme div.countdown{display:block; width:100%; text-align:center; background:#f2f2f2; height:30px; margin-top:30px;}
.urunListeleme div.countdown span.cd-time{display:inline-block;color:#222222;font-size:0.8em; }
/*Ürün Listeleme*/
.w2Kolon { width: 790px; float: left; }
.w2Kolon #tabs > div { width: 768px; }
.w2Kolon .urunListeleme > div { width: 250px; }
.w2Kolon .urunListeleme .urun_linkleme{float:left; border:1px solid #f2f2f2; margin:20px 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.w2Kolon .urunListeleme div.aktifKampanya { width: 245px; }
.w2Kolon .urunListeleme > div.separator { width: 100%; }
.w2Kolon2 { width: 790px; float: left; }
.w2Kolon2 #tabs > div { width: 768px; }
.w2Kolon2 .urunListeleme > div { width: 250px; }
.w2Kolon2 .urunListeleme .urun_linkleme{float:left; border:1px solid #f2f2f2; margin:20px 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.w2Kolon2 .urunListeleme div.aktifKampanya { width: 245px; }
.w2Kolon2 .urunListeleme > div.separator { width: 100%; }
/*Sayfalama*/
.pagelink{float:left; width:100%; margin:20px 0; text-align:center; background:#f2f2f2; color:#666; line-height:25px;}
.pagelink b{ padding:0 10px; color:#666;}
.pagelink a{ padding:0 10px; color:#000;}
/*Sayfalama*/
.listele-button{float:left; background: url(../images/../images/KategorilerBaslik.png) repeat-x; height:32px; line-height:32px; color:#fff; padding:0 5px;}
.filtre-boyut{float:left; margin:10px 0;}
.orta .urunListeleme .urun_linkleme{float:left; border:1px solid #f2f2f2; margin:10px 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.orta .w2Kolon2 .urunListeleme .urun_linkleme{float:left; border:1px solid #f2f2f2; margin:10px 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ilgiliCerceve .urun_linkleme{float:left; border:1px solid #f2f2f2; margin:10px 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.treyon {margin:10px 6px !important;}