/* Checkout */
.bill-col { padding-right:30px !important;}
.ship-col { padding-left:30px  !important;}

@media only screen and (max-width: 800px) {
.bill-col { padding-right:15px !important; padding-bottom:30px;}
.ship-col { padding-left:15px  !important;}
}

.label-bold label { font-weight:bold !important;}

/* Past Orders */
.orders-table  { width:100%; padding:0px; border-collapse:collapse; }
.ordcol1 { text-align: center; width: 15%;  }
.ordcol2 { text-align: center; width: 15%;  }
.ordcol3 { text-align: center; width: 10%; }
.ordcol4 { text-align: right; width: 15%; }
.ordcol5 { text-align: center; width: 15%;  }
.ordcol6 { text-align: center; width: 8%; }
.ordcol7 { text-align: center; width: 12%; }

@media only screen and (max-width: 800px) {
.orders-table td { width:100%;}
}


.shipping_head { background:#e7e7e7; border-bottom:2px solid #e7e7e7; }

/* Whishlist */
.wishlist_table .prod_pic { width:200px !important; padding:5px !important; }
.wishlist_table .prod_details { width:auto;}
.wishlist_table .prod_cart {width:20%; text-align:center;}
.wishlist_table .qty_box { max-width: 150px; margin: 0 auto; float:none;}

@media (max-width:767px) {
.wishlist_table .prod_pic, .wishlist_table .prod_details, .wishlist_table .prod_cart { width:100%;}
.wishlist_table .prod_pic { width:100% !important; padding:5px !important; }
.wishlist_table .prod_pic .pic_wrap { margin: 0 auto; float:none; max-width:200px;}
}



/* Shopping Cart */
.cart-table  { width:100%; padding:0px; border-collapse:collapse; }

.cart-table tfoot td {  font-weight:bold; } 
.cart-table .tch { font-size:20px; font-weight:bold;}


/*.cartcol1 { text-align: left; width: 55%;  }
.cartcol2 { text-align: right; width: 15%;  }
.cartcol3 { text-align: center; width: 15%; }
.cartcol4 { text-align: right; width: 15%; }*/
.cartcol1 {
    text-align: left;
    width: 45%;
    font-size: 15px;
}

.cartcol2 {
    text-align: right;
    width: 12%;
    font-size: 15px;
}

.cartcol3 {
    text-align: center;
    width: 10%;
    font-size: 15px;
}

.cartcol4 {
    text-align: right;
    width: 12%;
    font-size: 15px;
}

.cartcol5 {
    text-align: center;
    width: 8%;
    font-size: 15px;
}

.cartcol6 {
    text-align: right;
    width: 11%;
    font-size: 15px;
}


.qty-box { max-width:110px;  }
.qty-box .input-group-addon{  background:transparent; border:0px;}
.qty-box  .qty_input { padding:0px; text-align:center;}
.qty-box  .qty_input_sm { max-width:50px; margin:0 auto;     font-size: 12px; }

.cart_pic, .cart_details {  display:table-cell; vertical-align:top;  }

.cart_pic { width:80px;}
    .cart_pic img {
        max-width: 90%;
    }
.cart_details { padding: 0px 10px;}
.cart_details h2 { font-size:16px;  }
.cart_details h3 { font-size:15px;  }


.cart_details a { text-decoration:none;}

    

@media only screen and (max-width: 800px) {
.cartcol1 { text-align: left; width: 100%;  }
.resp-table td.cartcol1  { padding-left: 0% !important;   }

.cart-table td {border: 0px !important;  }
.cart-table tr {border-bottom: 2px solid #ddd !important;}

.cartcol2 { text-align: left; width: 100%;  }
.cartcol3 { text-align: left; width: 100%; }
.cartcol4 { text-align: left; width: 100%; }

.colhide { display:none !important;}

.couponcode { padding-left:10px; padding-right:10px; text-align:center;}

}


#body .checkout { border:1px solid #e7e7e7; padding:20px; min-height:350px;  background:#fff;}
.terms_box {  padding: 10px 20px 5px; margin-bottom: 10px;background-color: #f5f5f5; border: 1px solid #e3e3e3;font-size:16px;color:#cea654;text-align:center;}
.terms_box a { text-decoration:underline;color:#cea654;}

fieldset.pay-box {  width:320px; min-height:200px; display:inline-block !important; margin: 0 1.5em 1.5em 1.5em !important;  border: 1px groove #e7e7e7 !important; padding: 0 1.4em 1.4em 1.4em !important;  -webkit-box-shadow:  0px 0px 0px 0px #000; box-shadow:  0px 0px 0px 0px #000; vertical-align:top;}
legend.pay-box-header { font-size: 1.2em !important; font-weight: bold !important; text-align: center !important; border-bottom:none;  width:auto; padding: 0 0.4em; text-transform:uppercase;}
fieldset .pay-box-content {  padding: 0 0.4em;}

@media only screen and (max-width: 991px) {
fieldset.pay-box {  width:100%; min-height:100px; margin: 0 0em 1.5em 0em !important;}
}
/* Payment Page */
.ref-no { color:#3c7fb3;  font-size:18px; font-weight:600; }

ul.ord-details { padding:0px; margin:0px; list-style:none; }
ul.ord-details li { padding:0px 0px 5px 0px; margin:0px; list-style:none; }
ul.ord-details .item { width:60px; float:left; }

.payment-options { width:100%;  display:table;   }
.pay-data-cell { width:96%; display:table-cell; padding:2%; margin:0;  color:#636363;}
.pay-data-cell h4{color:#636363; text-align:center; margin-bottom:15px;}


ul.pay      {margin:0 auto; padding:10px; border:#DDD solid 1px; width:70%; margin-bottom:15px;}
ul.pay li   {padding:0px; margin:10px 20px 10px 20px; display:block;}
ul.pay li.payhead   {padding:0; margin:0; list-style:none;}
ul.pay li.nohead    {padding:0; margin:0px 20px 10px 20px; list-style:none;}

ul.pay li span              {width:77%; display: inline-block; margin-bottom:5px; vertical-align:top;}
ul.pay li span:first-child  {width:22%; color:#000;}

ul.pay li span:first-child:after    {content:':'; float:right;}

@media only screen and (max-width: 767px) {
    ul.pay      {   width:100%; }
    ul.pay li span:first-child  {width:100%; }
    ul.pay li span:first-child:after    {content:''; }
    ul.pay li span              {width:100%;  }

}
ul.note     {margin:0 auto; padding:10px; width:70%;}
ul.note li  {display:block;}

ul.note li span             { width:100%; display: block; margin-bottom: 5px; vertical-align:top; text-align:center;}
ul.note li span:first-child {color:#333;   font-weight:bold;}

.pay-data-cell h5   {font-size:1.2em; color:#999;}
.pay-data-cell b    {color:#666;}

/* Print Page */
.print          {width:100%; padding:15px; margin:0px; color:#333;}
.print h2       {color:#000;}
.print .logo    {padding:13px 0px; margin:0px; float:right; display:inline-block;  font-size:34px; color:#333;}


/************************************************************************************
RESPONSIVE TABLE
*************************************************************************************/
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically.*/

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    .resp-table table, .resp-table thead, .resp-table tbody, .resp-table tfoot, .resp-table th, .resp-table td, .resp-table tr {
        display: block;}

    /* Hide table headers (but not display: none;, for accessibility) */
    .resp-table thead tr {
        position: absolute; top: -9999px; left: -9999px;
    }

    .resp-table tr {
        border-top: 1px solid #04a652;
    }

    .resp-table td {
        /* Behave like a "row" */
        border-top: 0 !important;
        border-bottom: 0px solid #eee;
        border: none;
        position: relative;
        padding-left: 40% !important;
        white-space: normal;
        text-align: left;
    }

    .resp-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px; left: 6px; width: 35%;
        padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;
    }

 

    /* Label the data */
    .resp-table td:before { content: attr(data-title); }
    .resp-table  a  { display:inline-block; }
    .resp-table  .fa  { display:inline-block; }
}