.urunkategorimenu {
    width: 100%;
    background-color: #7ab51d;
    display: table;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.urunaltKategori {
    float: left;
    padding: 0px 10px 0px 10px;
    line-height: 20px;
    font-size: 15px;
    color: #000;
    width: 100%;
    height: 50px;
    display: inline-table;
    background-color:white;
    text-align:center;
}

.urunaltkutuimg {
    width: 100%;
    height: 232px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    background-color: white;
}

    .urunaltkutuimg:hover {
        -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(100%);
        filter: gray;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    }

.urunaltkutuFiyat {
    float: left;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    width: 100%;
    display: inline-table;
    text-align: right;
    height:40px;
    padding:10px;
  
}
.indirimred {
    color:#c40000
}


.bckgreen {
    background-color: #7ab51d;
}

.anasayfaust2 ul {
    padding-left: 20px;
    list-style-image: url('/images/arrow.png');
}

.anasayfaust2 li {
    list-style-type: none;
    line-height: 30px;
}

    .anasayfaust2 li a {
        color: #00556e;
    }

.anasayfaust2 ul ul {
    /*background-color:#dcdada;*/
    margin-right: 5px;
}

    .anasayfaust2 ul ul li a {
        color: #00a3d3;
    }

#urundetay {
}

.baslik {
    width: 100%;
    float: left;
}

.margin_top10 {
    margin-top: 10px;
}

.padding_none {
    padding: 0px;
}

.urundetaybaslik {
    width: 100%;
    background-color: #00556e;
    display: table;
    float: left;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    line-height: 30px;
    text-align: center;
}

.radiusnone {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.table {
    background-color: #f0f0f0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.urunspan {
    width: 50%;
    color: #444;
    font-weight: bold;
    float: left;
    line-height: 30px;
    font-size: 1.5em;
}

.urundetayspan {
    width: 50%;
    float: left;
    line-height: 30px;
}

.opsion100 {
    width: 100% !important;
}

.uruntabic {
    width: 135px;
    padding: 10px 0 10px 10px;
    float: left;
}

    .uruntabic:hover {
        background: rgba(253,177,55,1);
        background: -moz-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,177,55,1)), color-stop(100%, rgba(233,153,34,1)));
        background: -webkit-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -o-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -ms-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: linear-gradient(to right, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb137', endColorstr='#e99922', GradientType=1 );
    }

    .uruntabic a:hover {
        color: #fff;
    }

.box {
    position: relative;
    width: 100%;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    border: 2px solid #E5E5E5;
    background-repeat: no-repeat;
}

    .box:before {
        content: "";
        display: block;
        padding-top: 80%;
    }

.top-content h5 {
    height: 60px;
    overflow: hidden;
}


.strikethrough {
    position: relative;
    font-size: 0.7em;
    color: darkgrey;
}

    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid;
        border-color: inherit;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

.urunindirimbox {
    background-color: red;
    width: 60px;
    height: 60px;
    float: left;
    color: white;
    text-align: center;
    font-weight: bold;
    margin: 5px;
}

.urunindirimboxHome {
    background-color: red;
    width: 100px;
    height: 32px;
    float: left;
    color: white;
    text-align: center;
    font-weight: bold;
    position: absolute;
    left: 20px;
    z-index: 500;
    line-height: 32px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.urunindirimoran {
    font-size: 1.7em;
}

.urunindirimoranHome {
    font-size: 1.4em;
}

.urunekresimler {
    width: 100px;
    margin: 1px;
    float: left;
}

.uruneklerbox {
    width: 100px;
    background-color: #d1cdcd;
    display: inline-table;
    float: left;
    margin: 5px;
}

.urunekurunegit {
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    color: red;
    text-decoration: none;
    text-align: center;
    width: 100px;
}


.uyeform {
    width: 200px;
    display: block;
    float: left;
}


.icon1 ul {
    width: 350px !important;
    top: 30px !important;
}


.sepetOzetOpsiyonlar {
    font-size: 10px;
    width: 100%;
    display: block;
}

sepetOzetOpsiyonlar2 {
    font-size: 11px;
    width: 100%;
    display: block;
}

.SepetOzetLink {
    color: #92d3d0 !important;
    width: 70px !important;
    padding: 0px !important;
    float: right !important;
}

.list_img {
    height: 45px !important;
    background-position: center center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    border: none !important;
}

.siparisAdedi {
    font-size: 1.5em;
    font-weight: bold;
    float: right;
    background-color: gray;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .siparisAdedi a {
        line-height: 36px;
        width: 25px;
        display: block;
        text-align: center;
        float: left;
    }

    .siparisAdedi input {
        width: 40px;
        line-height: 34px;
        text-align: center;
        float: left;
        background-color: #fff;
        border: 1px solid #d1cdcd;
    }

.sepeteAt {
    float: right;
background: rgba(51,191,230,1);
background: -moz-linear-gradient(top, rgba(51,191,230,1) 0%, rgba(0,162,211,1) 50%, rgba(51,191,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,191,230,1)), color-stop(50%, rgba(0,162,211,1)), color-stop(100%, rgba(51,191,230,1)));
background: -webkit-linear-gradient(top, rgba(51,191,230,1) 0%, rgba(0,162,211,1) 50%, rgba(51,191,230,1) 100%);
background: -o-linear-gradient(top, rgba(51,191,230,1) 0%, rgba(0,162,211,1) 50%, rgba(51,191,230,1) 100%);
background: -ms-linear-gradient(top, rgba(51,191,230,1) 0%, rgba(0,162,211,1) 50%, rgba(51,191,230,1) 100%);
background: linear-gradient(to bottom, rgba(51,191,230,1) 0%, rgba(0,162,211,1) 50%, rgba(51,191,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bfe6', endColorstr='#33bfe6', GradientType=0 );
    color: #fff;
    font-size: 1.1em;
    border: none;
    outline: none;
    border-radius: 5px;
    font-weight: 600;
    padding: 0.5em 1em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.margint20 {
    margin-top: 10px;
}

.taball {
    float: left;
    width: 100%;
    border: 1px solid #d1cdcd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    background-color: #E5E5E5;
}

.tabic {
    width: 135px;
    border-right: 1px solid #d1cdcd;
    padding: 10px 0 10px 10px;
    float: left;
}

    .tabic:hover {
        background: rgba(253,177,55,1);
        background: -moz-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,177,55,1)), color-stop(100%, rgba(233,153,34,1)));
        background: -webkit-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -o-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: -ms-linear-gradient(left, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        background: linear-gradient(to right, rgba(253,177,55,1) 0%, rgba(233,153,34,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb137', endColorstr='#e99922', GradientType=1 );
    }

    .tabic a:hover {
        color: #fff;
    }

span.add-to {
    float: left;
    font-size: 1.7em;
    color: red;
    font-weight: 600;
    width: 50%;
    line-height: 30px;
}