﻿
.icon-star {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='%23836b47' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}





.pr-note span {
    color: #a10200;
}

.pr-description ul {
    padding: 5px;
    margin-left: 15px;
}

.prices {
    color: #999;
}

    .prices .product-price {
        color: #000;
    }

    .prices .rate_sale {
        font-size: 24px;
        color: #a10200;
        font-weight: 700;
        margin-left: 10px;
    }

    .prices .old-product-price {
        font-size: 18px;
        text-decoration: line-through;
        margin-left: 10px;
        font-weight: 600;
    }

.attributes select {
    padding: 7px;
    display: block;
    border: 1px solid #CACBCD;
    font-size: medium;
    width: 100% !important;
}

.product-essential {
    max-width: 1024px;
}

    .product-essential .add-to-cart label {
        vertical-align: central;
        font-size: medium;
    }

    .product-essential .quantity-box select {
        padding: 5px;
        font-size: medium;
    }

    .product-essential .add-to-cart {
        padding: 10px 0 10px 0;
    }

        .product-essential .add-to-cart .product-add-button input {
            float: right;
        }

.buynow-bth {
    width: 100%;
    color: #fff;
    background: #000;
    font-weight: bold;
    border: 2px solid #000;
    text-transform: uppercase;
    padding: 7px 15px;
    font-size: medium;
    width: auto;
}

    .buynow-bth:hover {
        color: #000;
        background: #fff;
    }


.t-a {
    border-color: lightgray;
    padding: 2px;
    margin: 3px;
}

    .t-a:hover {
        box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
        transition: box-shadow .1s
    }

.selected {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000;
}