#Urunler{margin-top:20px; display:inline-block; width:100%}
#Urunler #Ortala{display: flex;flex-wrap:wrap;justify-content: center; margin-top:20px}

#Urunler #SolKategori .Satir+.Satir{margin-top:20px}
#Urunler #SolKategori b{display:block; font-size:18px; margin-bottom:5px; color:#FAA90C; margin-top:10px; border-bottom:solid 1px #DDD; padding-bottom:10px; margin-bottom:10px}
#Urunler #SolKategori a{display:block; margin-bottom:3px;}
#Urunler #SolKategori h3{font-size:24px; margin-bottom:20px; display:block}
#Urunler .KategoriSec{color:#FAA90C; font-weight:bold}

#Urunler #FiyatAraligi {margin-bottom:30px}
#Urunler #FiyatAraligi b{display:block; font-size:18px; margin-bottom:10px; color:#FAA90C; margin-top:30px}
#Urunler #FiyatAraligi label::before{top:3px}
#Urunler #FiyatAraligi tr{margin-bottom:8px; display:block}

#Urunler a.Liste{display:block;  margin-bottom:30px;  height:390px; font-size:16px; margin-top:10px}
#Urunler a.Liste b{display:block; margin:5px 0; font-weight:normal; text-align:center}
#Urunler .Liste img{ margin:10px; display:block; padding:10px; margin:0 auto}
#Urunler a.Liste i{display:block; font-style:normal; font-size:14px; font-weight:300; color:rgba(181,181,181,0.9)}
#Urunler a.Liste .Fiyat{color:#FAA90C; float:left; margin:10px 0 0 10px}
#Urunler a.Liste .EskiFiyat{color:#545454; text-decoration:line-through; float:left; margin:10px 0 0 0 }
#Urunler a.Liste .Yeni{position:absolute; background-color:#000; left:15px; top:15px; color:#FFF; font-size:14px; padding:3px 5px}
#Urunler a.Liste .Indirim{position:absolute; background-color:#FAA90C; left:15px; top:21px; color:#FFF; font-size:14px; padding:3px 5px}
#Urunler a .Resim{border:solid 1px #DDD; padding:15px; position:relative; margin-bottom:10px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Urunler a .Resim img{display:block;}
#Urunler a.Liste:hover .Resim{-webkit-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);-moz-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);}

#BenzerUrun a.Liste{margin-bottom:0}
#Urunler #Sirala a{float:right; cursor:pointer}
#Urunler #Sirala a+a{margin-right:30px}


#Urunler .pagination a{height:auto; padding:5px 10px; margin:1px; font-size:16px; color:#FAA90C}
#Urunler .pagination a:hover{-webkit-box-shadow: 0px 0px 5px 1px rgba(181,181,181,0.7);-moz-box-shadow: 0px 0px 5px 1px rgba(181,181,181,0.7);box-shadow: 0px 0px 5px 1px rgba(181,181,181,0.7);}
#Urunler .pagination a.SeciliSayfa{background-color:#FAA90C;color:#FFF}

#Urunler #UrunResim{ padding:5px; margin-bottom:15px; height:500px; overflow:hidden}
#Urunler #UrunResim .carousel-control{width:10%; top:50%}
#Urunler #UrunResim .left span{background:url(/Images/Site/Icon/Left.png) no-repeat; width:31px; height:62px; display:block; margin-left:20px}
#Urunler #UrunResim .right span{background:url(/Images/Site/Icon/Right.png) no-repeat; width:31px; height:62px; display:block}
#Urunler #UrunResim img{margin:0 auto; display:block; max-height:480px}
#Urunler #UrunResim img:hover{cursor:zoom-in}

#UrunGaleri{margin:0; display:inline-block}
#UrunGaleri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .3s ease; background:rgb(250,169,12 , 0.70); border-radius:5px}
#UrunGaleri a img{border-radius:15px}
#UrunGaleri a{position:relative; display:block; margin-bottom:15px; border-radius:5px}
#UrunGaleri a:hover .overlay {opacity: 1;}
#UrunGaleri .text {color: white;font-size: 16px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
#UrunGaleri .text span{display:block; margin:10px 0; font-weight:normal; text-align:center}
#UrunGaleri .col-sm-3{padding:0 7px 0 8px}

#Urunler #UrunDetay{ padding:20px; font-size:14px; }
#Urunler #UrunDetay h2{font-size:24px; display:block; margin-bottom:10px; font-weight:normal}
#Urunler #UrunDetay .Satir{width:100%; display:inline-block; margin-bottom:5px}
#Urunler #UrunDetay .Satir img{max-height:75px}
#Urunler #UrunDetay .Satir .Marka{display:block; margin-top:5px}
#Urunler #UrunDetay .KMetin{margin-bottom:15px}
#Urunler #UrunDetay .KMetin strong{display:block; margin:5px 0 }
#Urunler #UrunDetay #FiyatIndirimYeni{margin:10px 0; display:inline-block; width:100%}
#Urunler #UrunDetay .Yeni{background-color:#237BC5;  color:#FFF; font-size:14px; padding:3px 5px; float:left; margin-left:10px; margin-top:10px}
#Urunler #UrunDetay .Indirim{background-color:#000; color:#FFF; font-size:14px; padding:3px 5px; float:left; margin-top:10px}
#Urunler #UrunDetay .Fiyat{color:#FAA90C; float:left; margin-right:30px; color:#FAA90C; font-size:34px;}
#Urunler #UrunDetay .EskiFiyat{color:#545454; text-decoration:line-through; font-size:14px; padding:0 5px; float:left; margin-right:10px;  font-size:16px; margin-top:13px; color:#ff0000}

#Urunler #UrunDetay .Sepet .Adet{width:125px; background-color:#FFF; border-radius:15px; padding:5px; display:inline-block;  float:left; border:solid 1px rgba(181,181,181,0.7)}
#Urunler #UrunDetay .Sepet .Adet a{display:block; float:left; width:25px; font-size:16px; text-align:center; padding:4px 0}
#Urunler #UrunDetay .Sepet .Adet input{width:50px; text-align:center; border:none; float:left; border-left:solid 1px rgba(181,181,181,0.7); border-right:solid 1px rgba(181,181,181,0.7); margin:0 5px; font-size:18px; padding:4px}

#Urunler #UrunDetay .SepeteEkle{ float:left; margin-left:30px;width:200px; margin-left:30px;}
#Urunler #UrunDetay .SepeteEkle a{text-align:center; color:#FFF;font-size:18px; background-color:#FAA90C; display:block; padding:12px; border-radius:15px}
#Urunler #UrunDetay .SepeteEkle a:hover{background-color:#f6c463}
#Urunler #UrunDetay .SepeteEkle a span{margin-right:5px}

#Urunler #UrunDetay .FavorilereEkle{ float:left; margin-left:30px;width:200px; margin-left:30px;}
#Urunler #UrunDetay .FavorilereEkle a{text-align:center; color:#FFF;font-size:18px; background-color:#C6C3BB; display:block; padding:12px; border-radius:15px}
#Urunler #UrunDetay .FavorilereEkle a:hover{background-color:#f6c463}

#Urunler #UrunRenk{margin-bottom:10px}
#Urunler #UrunRenk table{width:auto}
#Urunler #UrunRenk table td{margin-right:15px; text-align:center}
#Urunler #UrunDetay .Satir table img{max-height:80px}
#Urunler #UrunRenk label{margin:0 15px 0 0; padding:0; font-size:16px; position:relative}
#Urunler #UrunRenk label::before {display:none; visibility:hidden}
#Urunler #UrunRenk label div{display:none; position:absolute; left:25%; top:15%; font-size:30px; color:#D2B1FB}
#Urunler #UrunRenk input[type="radio"]:checked + label div{display:block;}
#Urunler #UrunRenk input[type="radio"]:checked + label{ color:#D2B1FB}

#Urunler #UrunAlt{margin-top:20px; font-size:14px}
#Urunler #UrunAlt .nav-tabs{border:none; margin-left:10px; color:#000}
#Urunler #UrunAlt .tab-content{border-radius:15px; padding:15px}
#Urunler #UrunAlt .nav-tabs > li > a{background-color:#C6C3BB; color:#FFF; border:none; border-radius:30px; padding:5px 10px}
#Urunler #UrunAlt .nav-tabs > li > a:hover{background-color:#f6c463}
#Urunler #UrunAlt .nav-tabs > li.active > a{background-color:#FAA90C;color:#FFF; border:none}
#Urunler #UrunAlt .Yorum{width:100%; display:inline-block; margin-bottom:40px}
#Urunler #UrunAlt .Yorum b{display:block; margin-bottom:5px; font-size:16px}

#Urunler #BenzerUrun{margin:2% 0 0 0}
#Urunler #BenzerUrun h5{display:block; margin-bottom:20px; font-size:20px; color:#FAA90C;padding:0 18px; font-weight:bolder;}
#Urunler #BenzerUrun h5 span{margin-right:10px}
#Urunler #BenzerUrun .carousel-inner{width:94%; margin-left:3%}
#Urunler #BenzerUrun .carousel-control{width:3%; top:42%; color:#000}

.modalBackground {background-color: #FFF;filter: alpha(opacity=90);opacity: 0.8;}
.modalPopup { background-color: #FFFFFF; border:solid 3px #FAA90C ; border-radius:20px;  padding: 30px; }
.modalPopup input[type='submit']{color:#FFF; font-size:16px; display:block; margin:20px auto 0 auto; background-color:#FAA90C ; padding:5px 0; width:100px; border-radius:5px; text-align:center; cursor:pointer; border:solid 0}
.modalPopup input[type='submit']:hover{background-color:#000; color:#FFF}
.modalPopup strong{display:block; margin-bottom:5px}
.modalPopup span{color:#FAA90C; font-size:20px}


.Kart{display:inline-block;width:100%; padding:10px; border:solid 1px #EBEBEB; border-radius:10px}
.Kart .Satir{margin-top:3px; display:inline-block; width:100%;  padding-top:3px}
.Kart .Satir+.Satir{border-top:solid 1px #EBEBEB}
.Kart .Satir span{float:left; width:40%; margin-left:10%}
.Kart b{display:block; text-align:center; font-size:16px; background-color:#FAA90C; color:#FFF; padding:10px 5px; border-radius:10px; margin-bottom:10px}