.CartProduct{width:98%;border-bottom:1px solid #DDD;margin:4px 0 4px 4px;padding:8px;height:84px;background:#F8F8F8}
.CartProduct .ProductImg{float:right;border:1px solid #DDD;margin-left:10px;padding:2px}
.CartProduct .ProductTitle{font-size:12px;width:270px;float:right;}
.CartProduct .ProductTitle a{color:#444;}
.CartProduct .ProductQuantity{float:right;width:120px;text-align:center;margin-top:26px;}
.CartProduct .ProductPrice{float:right;width:180px;margin-top:30px;}
.CartProduct .Remove{float:right;width:40px;margin-top:30px;}
.CartProduct:hover,.CartProduct:focus{background:#EEE;}

.total{text-align: left;margin-left: 135px;line-height: 24px;}

.table_invoice{margin:4px 0;direction:rtl;}
.table_invoice td{border:1px solid #DDD;text-align:right;padding:1px 2px;}

fieldset{border:0;margin:10px 0;}
fieldset input{border:1px solid #CCC;border-radius:4px;padding:4px;color:#333;}

table.basketItems td{vertical-align:middle;font-size:12px;}
.cartUpdate{cursor:pointer;text-align:center}
.cartDelete{cursor:pointer;text-align:center}
table.basketItems{background:#FEFEFE;direction:rtl;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
table.basketItems th{background:#EEE;border-bottom:1px solid #ddd;height:30px;line-height:24px;text-align:center;font-size:14px;}
table.basketItems td{padding:6px 4px;line-height:22px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
table.basketItems .odd{background:#F9F9F9;}
table.basketItems .even{background:#F7F7F7;}

.breadcrumb{background:url(../images/breadcrumb_r.png) no-repeat right;height:35px;margin:5px 0 10px;padding:0;}
.breadcrumb_m{background:url(../images/breadcrumb_m.png) repeat-x right;height:35px;margin-right:29px;}
.breadcrumb_l{background:url(../images/breadcrumb_l.png) no-repeat left;height:35px;padding-left:10px;}
.breadcrumb_s{background:url(../images/breadcrumb_s.png) no-repeat right;height:35px;width:15px;}
.breadcrumb ul li{list-style:none;float:right;font-family: 'Vazir-Light', sans-serif;font-size: 14px;color:#666;}
.breadcrumb ul li a{line-height:33px;text-shadow:1px 1px 1px #DFDFDF;padding:0 28px;font-family: 'Vazir-Light', sans-serif;font-size: 14px;color:#666;}
.breadcrumb ul li.active{padding: 0 28px;line-height:33px;color:#390;font-family: 'Vazir-Light', sans-serif;font-size: 14px;}
.breadcrumb ul li.deactive{padding: 0 28px;line-height:33px;color:#BBB}

.steps{direction:rtl;line-height:24px;margin-top:10px;padding:20px}
.step-h3,.steps h3{
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    border: 2px solid #2F2929;
    background: #2F2929;
    border-radius: 2px;
    color: #FFF;
}

.mytable{border:1px solid #666;direction:rtl;background:#FFF;}
.mytable td{text-align:right;border:1px solid #ddd;padding:2px;}

.heading{background:#F1F1F1;border-top:4px solid #C9577D;color:#777;margin-bottom:10px;text-align:center;padding:5px;color:#BA0041}
.bgGrey{background:#F5F5F5;}
.bgSilver{background:#F9F9F9;direction: rtl;}
.table-r {
    border-collapse: collapse;
    display: inline-table;
    width: 100%;
}

.row-table-r {
    display: table-row;
    border-bottom: 1px solid #adadad;
}

.header-table-r {
    font-weight: bold;
    border-bottom: 2px solid #DDD;
}
.cell-table-r {
    display: table-cell;
    padding: 10px;
}

.table-hr{    background: #444;    border: 0;    height: 2px;}
.bg-white{background: #FFF}
.details-box{
    padding:10px;
    border:1px solid #DDD;
    border-radius: 5px;
}
.details-box .btn{width: 100%;margin-top:20px;}
.details-box h3{text-align: center;font-size:14px;font-weight:600;    margin-bottom: 23px;padding-top: 5px;}
.details-row{margin-top:10px;margin-bottom:20px;clear: both}
.details-col-1{font-weight:600}
.details-col-2{float: left}
.details-box .btn-coupon{    position: absolute;
    margin-top: -35px;
    width: auto;
    left: 21px;
    padding: 6px;}

@media (max-width: 990px){
    .row-table-r-items .cell-table-r.col-xs-12{
        text-align: right;
    }
    .row-table-r-items .cell-table-r.col-xs-12.table-r-img{
        text-align: center;
    }
    .row-table-r-items .cell-table-r.col-xs-12.table-r-price,.row-table-r-items .cell-table-r.col-xs-12.table-r-del{
        text-align: left;
    }
}

@media (max-width: 767px){
    .breadcrumb_m {margin-right:2px;}
    .breadcrumb ul li{font-size: 12px;}
    .breadcrumb ul li a{font-size: 12px;padding: 0 3px;}
    .breadcrumb ul li.active {font-size: 12px;padding: 0 3px;}
    .breadcrumb ul li.deactive {font-size: 12px;padding: 0 3px;}
}
@media (max-width: 400px){
    .breadcrumb_m {margin-right:0px;}
    .breadcrumb ul li{font-size: 11px;}
    .breadcrumb ul li a{font-size: 11px;padding: 0 0px;}
    .breadcrumb ul li.active {font-size: 11px;padding: 0 0px;}
    .breadcrumb ul li.deactive {font-size: 11px;padding: 0 0px;}
}


.shipping-method-radio {
    float: right;
    margin-left: 20px
}

.shipping-method-radio p {
    text-align: center;
    font-size: 11px;
    font-weight: 700
}

.shipping-method-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.shipping-method-radio input[type=radio] + img {
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #CCC;
    max-height: 80px
}

.shipping-method-radio input[type=radio]:checked + img {
    border: 2px solid #e10916
}

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700
}

.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 30px
}

.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #6cbe42
}

.multi-steps > li:before {
    font-family: FontAwesome;
    content: "\f00c";
    content: \2713;;
    content: \10003;
    content: \10004;
    content: \2713;
    display: block;
    margin: 0 auto 4px;
    background-color: #fff;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    border-color: #6cbe42;
    border-radius: 50%;
    z-index: 1;
    position: inherit
}

.multi-steps > li:after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #6cbe42;
    position: absolute;
    top: 16px;
    right: 54.2%;
    z-index: 0
}

.multi-steps > li:last-child:after {
    display: none
}

.multi-steps > li.is-active:before {
    background-color: #fff;
    border-color: #ff6347
}

.multi-steps > li.is-active ~ li {
    color: gray
}

.multi-steps > li.is-active ~ li:before {
    background-color: #ededed;
    border-color: #ededed
}


.multi-steps > li {
    color: #222;
}
.multi-steps > li:before{border-color:#222}
.multi-steps > li:after{background-color: #222}
.mt-0{margin-top: 0;}
.pt-0{padding-top: 0;}