﻿
/* ÜRÜNLER CSS */
    /*  Kategori Liste  */
    .kategori-liste{margin-top:10px;background:#e1e1e1;    margin-left: 5px;}
    .kategori-liste li{font-size:14px;padding:5px;}
    .kategori-liste li a{color:#418918;}
    .item-1{background:#418918;color:#fff;padding:10px;}
    .recent-products li{width:190px;height:265px;float:left;margin:10px;}
    /* Başlık */
    .dbaslik {width:100%;display:table;text-align:center;margin:10px 0}
    .dbaslik h3{padding:0 20px}
    .dbaslik span {display:table-cell;}
    .bb{display: table-cell;height:5px;position: relative;vertical-align: middle;width:39%;}
    .bbi{width:100%;height:6px;border-bottom: 1px solid #000;border-top-width: 0px;border-top: 2px solid #000;}
    /* Başlık */
    .ub{width:190px;height:265px;padding:5px;cursor:pointer;}
    .ub .GrayLine{margin:3px 0;background:#418918;}
    .ubi{width:180px;height:210px;overflow:hidden;position:relative;background:#000;}
    .ubi img{width:100%;height:100%;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
    .HGButon{position:absolute;left:40px;bottom:90px;padding:4px 8px;background:#dd1f26;color:#fff;font-size:12px;opacity:0;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;} 
    .HGButon:hover{color:#fff;}
    .HGButon i{padding: 0 5px;}
    .ubi:hover .HGButon{opacity:1;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
    .ubi:hover img{opacity:0.8;transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}
    .ubf{padding:5px 10px;}
    .ubf h3, .ubf h5{width:30%;float: left;}
    .ubf h5{color:#ccc;text-decoration:line-through;line-height: 0px;}
    .ubf h5 i{font-size:10px;}
    .ubf h3{color:#dd1f26;}
    .ubf h3 i{font-size:14px;}
    .ubak{padding:0px 10px;}
    .uuadi{color:#000;margin-top:3px;margin-bottom:3px;font-size: 16px;}
    .ukadi{color:#4ba143;margin-top:3px;margin-bottom:3px;} 

    /*urundetay*/
        .urundetay {padding-bottom:15px}
        .urundetay li:first-child {border-bottom:black 1px solid;}
        .detaydiv {border-top:red 1px dashed;padding:10px;}
        .sag {margin-top:32px;}
	/*urundetay sag*/
      .tablo {background: #cd1825;color: #fff;padding: 5px 15px;opacity: 0.8;width: 100%;text-align: center;}
      .sag { float:right;}
	
	/*kopyalanan kısım*/
	.urun-detay-sol{padding: 20px;}
	.urun-detay-sag{padding: 20px}
	.tab-menu-detay li{display: inline-block;margin: 0px 15px 0px 15px;}
	.tab-menu-detay li a {padding: 4px 25px 4px;}
	.urun-detay-tab{background-color: rgba(246,243,242,0.5);min-height: 500px;padding: 10px;background: url('../images/wtr.png')repeat repeat 0.2;}
	.urun-detay-tab-ic{border: 3px solid #fff;text-align: center;min-height: 480px;}
	.urun-detay-tab-ic h2{color: #333;padding: 20px;border-bottom: 1px solid #333;width: 130px;margin: 0px auto;}
	#tabs-3 .urun-detay-tab-ic{text-align: left;}
	#tabs-3 .urun-detay-tab-ic{padding:10px;}
	.detay-yazi{padding-top: 20px;font-style: italic;}
	.tab-content{padding: 10px;}
	.radio-buton {text-align: center;}
	.yorum-tab{background: #fff;margin: 0 0 10px 0}
    .urun-detay-tab-ic input{border-radius: 0;width: 50%;}
    .watermark{position: absolute;width: 100%;height: 100%;background: url('../images/wtr.png') repeat repeat; top:0;left:0;opacity: 0.6;z-index:998; }
    #tabs-1{position: relative;}
    .resim-detay{margin:10px 0 10px 0;}
    .tablo{background: #cd1825;color: #fff;padding: 5px 15px;opacity: 0.8;width:100%;text-align:center;}
    .tablo:hover{color:#fff;opacity: 1}
    .ayak-no-blok{margin: 10px 0 10px 0}
    .ayak-no{padding: 6px 3px 5px 3px;border: 1px solid #fff;}
    .ayak-no:hover{border: 1px solid #333;}
    .ayak-no img{margin-top: -3px;}
    .sepete-ekle-buton{border: 5px solid #cd1825;padding: 10px 30px 10px 19px;;color:#cd1825;font-weight: bold;}
    .sepete-ekle-buton:hover{color:#cd1825;}
    .detay-paylas{text-align: right;font-size: 11px;}
    .detay-paylas a {color:#bfbfbf;}
    .detay-resim img{width: 100%;}
    .urun-detay-sag .panel{border-radius: 0;border:none;box-shadow: none;border-bottom: 1px dotted #000;}
    .urun-detay-sag .panel-default>.panel-heading {color: #333;background-color: #fff;border-radius:0px;border-top:1px dotted #000;border-bottom: 0px;padding: 5px 15px; }
    .urun-detay-sag .panel-default:last-child .panel-heading{border-top:0px;}
    .urun-detay-sag .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 0px;}
    .tab-menu-detay .active a{border-bottom: 5px solid #cd1825;color: #cd1825;}
    :target {display: block}
    #adetform{font-weight: bold;font-family: 'Helvatica';}
    .qty {width: 30px;height: 27px;text-align: center;border: 2px #333 solid;margin: 0;color: #000;margin-left: -3px;}
	input.qtyplus {margin: 0;cursor: pointer;width: 19px;height: 27px;border: 2px #000 solid;border-left: none;background-color: white;color: #000;font-size: 14px;padding: 0;margin-left: -3px;}
	input.qtyminus {cursor: pointer;width: 19px;height: 27px;border: 2px #000 solid;border-right: none;background-color: white;color: #000;font-size: 14px;padding: 0;}
	.detay-buyuk-resim img{width: 100%;}
	.mini-resim img{    width: 60px;
    height: 61px;
    margin: 2.5px;
    border: 1px solid #e3e3e3;}