.breadcrumb {margin-top:15px!important; background:#ececec; padding:6px 10px; height:auto; line-height:20px; color:#176bae; float:none; clear:both; font-size:14px; font-weight:normal; width:100%}
.breadcrumb ul li a {color:#000; font-weight: var(--default-font-weight-semi-bold);  display:inline-block; line-height:22px; font-size:13px}
.breadcrumb ul li a span.fa {padding-right:8px;}
#account_content {
    padding-bottom: 10px!important; box-shadow:0 0
}

#account_content div.myaccdetlcontent {display:flex; flex-wrap:wrap; justify-content:space-between}
    #account_content div.myaccdetlcontent div.globalbanner {width:100%;}
    #account_content div.myaccdetlcontent div.myaccleftnav {width:250px; margin-top:15px;}
    #account_content div.myaccdetlcontent div.acccontent {width:calc(100% - 270px); margin-top:15px; min-height:500px;}

    div.acctable {
        
        margin: auto;
        max-width: 1000px
    }
        div.acctable.guestsearchorder {
            margin-top: 50px;
        }
div.acccontent h1 {padding:10px 0px;font-size:28px; color:#162029; text-transform:capitalize; font-weight: var(--default-font-weight-bold);}

.ordersorting {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ordersorting .sort-order label {
    font-weight: var(--default-font-weight-bold);
    font-size: 14px;
}
.ordersorting .sort-order select {
    padding: 5px;
}

div.acccontent #ordercomplete h1 {
    padding: 10px 0 0
}
div.myacc_content {
    border: 1px solid #ececec;
    padding:15px;
}
    div.myacc_content ul.singleproduct {
        margin-left: 10px;
    }
div.acctable div#ordercomplete div.myacc_content {padding:0; border:0}
div.acccontentblk {
    padding: 10px 15px;
    clear: both;
    overflow: hidden
}

div.acccontent h2 {padding-bottom:10px; font-size:20px; color:#000; font-weight:bold}
div.acccontent div#ordercomplete div.myacc_content h2 span.orderdate {font-size:14px}
div.acccontent div#ordercomplete div.myacc_content h2 span.orderdate label {font-weight: var(--default-font-weight-bold);}
div.returnorder .myordercontainer {margin-top:15px}

ul.accprofile  {
    display:flex; flex-wrap:wrap; font-size:13px; 
}
ul.accprofile li {position:relative; width:100%; padding-bottom:15px; float:left }
ul.accprofile li.profileinfo {width:100%!important}
ul.accprofile li.profileinfo div#addresswarning span {font-size:15px!important; color:#000}
ul#accprofile li label {padding-left:0; padding-bottom:3px}

.accprofile input[type="text"], .accprofile input[type="password"], .accprofile select {width:100%; margin:0; background:#ececec; border:0; padding:2px; height:25px}
ul.accprofile li.datecal input[type=text], ul.accprofile li.datecalto input[type=text] {width:calc(98% - 24px); margin-right:2%}
ul.accprofile.orderdetails li.paging {width:56%; margin-top:0}
ul.accprofile.orderdetails li.paging input[type=text] {width:40px; text-align:center}
ul.accprofile.orderdetails li.paging label {width:auto; padding-left:5px; line-height:25px}

ul.accprofile li.actionbutton {text-align:right; padding-right:0%}
ul.accprofile.orderdetails li.actionbutton {width:41%}
ul.accprofile.issuedsc li.actionbutton label {display:none}
ul.accprofile li.actionbutton a {float:none; margin:0 2px}
ul.accprofile li.actionbutton a.clbtn {background: #5294f7; margin-right:0; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: auto; line-height: normal; padding: 0 10px; width: auto; }

div#dialog-confirm input.dialogyes, div#dialog-confirm input.dialogno {background: #5294f7; margin-right:0; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: 30px; line-height: 29px; padding: 0 10px; width: auto;}

div.accountleftnav {
    float: left;
    margin-top: 15px;
    width: 175px;
    display: none;
}

div.accdashboard h4 {
    color: #337ebb;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

div.accdashboard ul.accuser {
    margin-bottom: 15px;
}

    div.accdashboard ul.accuser li {
        border: 1px solid #ccc;
        border-top: 0;
        padding: 10px;
        clear: both;
        overflow: hidden;
    }

        div.accdashboard ul.accuser li span.lbl_head {
            float: left;
            width: 140px;
        }

        div.accdashboard ul.accuser li ul.tele_number_list {
            padding: 0;
        }

            div.accdashboard ul.accuser li ul.tele_number_list li {
                float: left !important;
                width: auto !important;
                border: 0;
                padding: 0 5px 0 0px;
                clear: none;
            }

        div.accdashboard ul.accuser li.accorders h5 {
            color: #000;
            padding-top: 10px;
            font-size: 13px;
            font-weight: bold;
        }

        div.accdashboard ul.accuser li.accorders ul {
            clear: both;
            overflow: hidden;
            padding: 2px 0;
        }

            div.accdashboard ul.accuser li.accorders ul.odr-his-content {
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
                color: #9a9a9a;
                font-weight: bold;
                margin-top: 3px;
            }

            div.accdashboard ul.accuser li.accorders ul li {
                border: 0;
                padding: 0;
                float: left;
                width: 33.33%;
                clear: none;
            }

                div.accdashboard ul.accuser li.accorders ul li a {
                    font-weight: bold;
                }

            div.accdashboard ul.accuser li.accorders ul.odr-his-footer {
                padding-left: 33.33%;
                text-align: left;
            }

                div.accdashboard ul.accuser li.accorders ul.odr-his-footer li {
                    width: 50%;
                    text-align: right;
                }

                    div.accdashboard ul.accuser li.accorders ul.odr-his-footer li:first-child {
                        text-align: left;
                    }

                    div.accdashboard div.addresslist {max-width:inherit}

.accbtn {
    display: block;
    cursor: pointer;
    outline: 0;
    background: #1e6db0;
    text-align: center;
    line-height: 22px;
    height:25px;
    vertical-align: middle;
    color: #fff;
    font-family: arial,sans-serif;
    text-decoration: none;
    font-size: 13px;
    padding:1px 10px!important;
}

.accbtn:hover {color:#fff}

.cartbtn {
background: #efefee;
background: -moz-linear-gradient(top, #efefee 0%, #f8f7f7 50%, #dedfdf 51%, #dedfdf 71%, #d6d6d6 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #efefee), color-stop(50%, #f8f7f7), color-stop(51%, #dedfdf), color-stop(71%, #dedfdf), color-stop(100%, #d6d6d6));
background: -webkit-linear-gradient(top, #efefee 0%, #f8f7f7 50%, #dedfdf 51%, #dedfdf 71%, #d6d6d6 100%);
background: -o-linear-gradient(top, #efefee 0%, #f8f7f7 50%, #dedfdf 51%, #dedfdf 71%, #d6d6d6 100%);
background: -ms-linear-gradient(top, #efefee 0%, #f8f7f7 50%, #dedfdf 51%, #dedfdf 71%, #d6d6d6 100%);
background: linear-gradient(to bottom, #efefee 0%, #f8f7f7 50%, #dedfdf 51%, #dedfdf 71%, #d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#d6d6d6', GradientType=0 );
text-indent:0!important;
height:28px!important; 
line-height:26px;
margin:5px auto 0!important;
font-size:11px; color:#000; font-weight:bold;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #d6d6d6!important;
}

.btneditdelete {
background: rgba(231,231,231,1);
background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 50%, rgba(222,223,223,1) 51%, rgba(222,223,223,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,231,231,1)), color-stop(50%, rgba(231,231,231,1)), color-stop(51%, rgba(222,223,223,1)), color-stop(100%, rgba(222,223,223,1)));
background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 50%, rgba(222,223,223,1) 51%, rgba(222,223,223,1) 100%);
background: -o-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 50%, rgba(222,223,223,1) 51%, rgba(222,223,223,1) 100%);
background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 50%, rgba(222,223,223,1) 51%, rgba(222,223,223,1) 100%);
background: linear-gradient(to bottom, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 50%, rgba(222,223,223,1) 51%, rgba(222,223,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#dedfdf', GradientType=0 );
border-radius: 3px;
    color: #000;
    float: left;
    font-size: 12px;
    padding: 7px 0;
    text-align: center;
    width: 86px; border:1px solid #cccccc
}

.btngrey {background:#828282; font-size:14px; padding:5px 15px; border-radius:0px; display:inline-block; margin-top:1px; color:#fff; cursor:default}
.btndisable {background:#e1e1e1; border:1px solid #828282; font-size:14px; padding:5px 15px; border-radius:0px; display:inline-block; margin-top:1px; color:#fff; cursor:default}
.btnblue {background:#2369b4; font-size:14px; padding:5px 15px; border-radius:0px; display:inline-block; margin-top:1px; color:#fff; cursor:pointer}

.btngrey:hover, .btndisable:hover, .btnblue:hover {color:#fff}

#accleftnav {
    float: left;
    height: auto;
    padding-top: 22px;
    width: 220px;
}

    #accleftnav dl {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

#acctitle {
    background: #1D6F9E;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 2px;
    padding: 7px 10px 4px;
    width: 200px;
}

#accleftnav dt.listname, #accleftnav li.listname {
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 700;
    height: 18px;
    margin: 0;
    padding: 2px 0;
    text-decoration: underline;
    text-indent: 10px;
    width: 100%;
}

#accleftnav dd.listdefined, #accleftnav dd.listdefined ul, #accleftnav {
    float: left;
    margin: 0;
    padding: 2px 0 3px;
}

    #accleftnav li {
        float: left;
        height: auto;
        margin: 1px;
        padding: 2px 4%;
        width: 190px;
    }

    #acccontent .changelogin #acchelp p {
        margin: inherit;
        padding: inherit;
    }

#accdashboard input {
    border: 1px solid #bcbcbc;
}

#accp strong {
    color: #555;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px;
}

h1.acc-head_large { color: #1868aa; font-size: 20px; font-weight: normal; margin-bottom:10px; padding-bottom:10px}

/***************************** New Dashboard ***************************/
div.acctable.dashboard h4.nav-title {background: #ececec; display: none; justify-content: center; flex-direction: column; align-items: center; padding:10px}
div.acctable.dashboard div.headtitle {display:flex; justify-content:space-between; align-items:center}
div.acctable.dashboard div.headtitle a {font-size:14px; text-transform:capitalize; text-decoration:underline; color:#226cab}
div.acctable.dashboard div.headtitle a.viewdetlsmobile {display:none;}
div.acctable.dashboard div.headtitle h1{font-size:28px; font-weight:var(--default-font-weight-bold);} 
div.acctable.dashboard div.recentoderblk {border-bottom:1px solid #ececec; padding-bottom:15px}
div.acctable.dashboard div.recentoderblk div.recentorder {margin:5px 0 15px; border:1px solid #e6e6e6; padding:15px; display:flex; justify-content:space-between; align-items:center; font-size:14px}
div.acctable.dashboard div.recentoderblk div.recentorder ul.orderdetails li label {font-weight: var(--default-font-weight-bold); color:#000}
div.acctable.dashboard div.recentoderblk div.recentorder ul.orderdetails li.ShipDate {color:#65ab09}
div.acctable.dashboard div.recentoderblk div.recentorder div.prodimage {width:120px}
div.acctable.dashboard div.recentoderblk div.recentorder div.prodimage img {width:100%; max-width:120px}
div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order {width:30%; display:flex; align-items:center; justify-content:space-between}
div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order div.Quantity {text-transform:uppercase}
div.acctable.dashboard div.recentoderblk div.recentorder div.ordertotal {font-size:20px; font-weight: var(--default-font-weight-bold); color:#226cab}
div.acctable.dashboard div.recentoderblk div.recentorder div.orderdetails {width:150px}
div.acctable.dashboard div.recentoderblk div.recentorder div.orderdetails a.clbtn {color: #ffffff; font-weight: var(--default-font-weight-bold); font-size: 14px; background: #226cab; width: 100%; display: inline-block; text-align: center; padding: 10px 0; margin-bottom: 5px;}
div.acctable.dashboard div.recentoderblk div.autoshipdetailsnew {border:1px solid #e6e6e6; padding:15px}
div.acctable.dashboard div.rewardcontainer div.headtitle {margin-top:10px}
div.acctable.dashboard div.rewardcontainer div.headtitle h1 img {width:80%}
div.acctable.dashboard div.rewardcontainer div.rewarddetails {border:1px solid #e6e6e6; padding:15px 0px 15px 0px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
div.acctable.dashboard div.rewardcontainer div.rewarddetails > div {width:33.33%; display:flex; flex-direction:column; text-align:center; font-size:14px; padding:20px 15px;}
div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpoints {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpoints span,
div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpurchases span{font-size:30px; font-weight: var(--default-font-weight-bold); color:#226cab}
div.acctable.dashboard div.myaccmobilenavigation {margin-top:15px; display:none}
div.acctable.dashboard div.myaccmobilenavigation ul li a {border-bottom:1px solid #efefef; font-weight: var(--default-font-weight-bold); font-size: 20px; padding: 10px; display: flex; justify-content: space-between; align-items: center;}
div.acctable.dashboard div.myaccmobilenavigation ul li a span { font-size:14px; text-decoration:underline; color:#226cab}
/******************************* Buy It Agin  ******************************/
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel{padding-bottom:15px; padding-left:25px; padding-right:25px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-item{border:none;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel .productDetailsContainer{padding:0px; text-align:center; min-height: 162px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem{display:block;}
    div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.prod_name_description h3.prodname div.TruncatedPrdName {
        font-size: 14px;
        padding: 0 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.supind{color:#000; justify-content:center; line-height:normal;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.actionslink li.prodprice span.savings {display: none;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer span.price{font-size:16px!important;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.actionslink li.prodprice{justify-content:center; margin-top:5px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.actionslink li.prodprice label, div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer span.listprice.boldhead{display:none;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer .btn.addtocart{float:none; margin:5px auto 0; padding:6px 0px; width:150px}
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-nav{top:50%}
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-nav button.owl-next{position:absolute; right:10px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-nav button.owl-prev {position:absolute; left:10px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .cartlinescontainer .addtocart_successmsg, div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .cartlinescontainer .CartMessage.addtocart_errormsg, div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .cartlinescontainer .addtocart_errormsg.errorMessage{text-align: center;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem li.prodimage img{width:120px;}
div.acctable.dashboard div.recentoderblk .byitagaincarousel ul.productitem .productDetailsContainer li.dietcontainer{display:none;}
.byitagaincarousel ul.productitem li dl#skucolorswatch ul.swatchlinks{justify-content:center;}

@media(max-width:500px) {
    div .acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel{border:0px; padding:0;}
    div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-nav button.owl-next{right:0px;}
    div.acctable.dashboard div.recentoderblk .byitagaincarousel.owl-carousel .owl-nav button.owl-prev {left:0px;}
}
/****************************** Order History *****************************/
.orderheader {
    background-color: #ececec;
    color: #000 !important;
    font-size: 14px;
    padding: 15px;
    vertical-align: middle;
    text-align: left;
    clear: both;
    overflow: hidden
}
.myacc_content .orderheader {background-color:#ececec;}
div.ordercontent div.orderheader, div.myacc_content div.orderheader {display:flex; align-items:center; justify-content:space-between}
div.ordercontent div.orderheader ul, div.myacc_content div.orderheader ul {border:0; width:auto; display:flex; flex-direction:column}
div.ordercontent div.orderheader ul a.ParaBoldText, div.myacc_content div.orderheader ul a.ParaBoldText {color:#03519b; text-decoration:underline}
div.ordercontent div.orderheader ul li, div.myacc_content div.orderheader ul li {border:0; width:100%; line-height:normal; float:none; padding-right:0; line-height:25px}
div.ordercontent div.orderheader ul li label, div.myacc_content div.orderheader ul li label {margin:0; font-weight: var(--default-font-weight-bold);}
div.orderheader div.ordershipment {float:right; width:100%; text-align:center; padding-bottom:15px}

div.order_history_content {margin-bottom:10px; clear:both; overflow:hidden}
div.srhordercontent {clear:both; overflow:hidden; border:1px solid #ececec; border-top:0 }
div.srhordercontent ul.dsk-heading{display:none; border-top:1px solid #ececec; background:#f5f9fa; clear:both; clear:both; overflow:hidden}
div.srhordercontent ul.dsk-heading li {float:left; padding:12px 2%}
div.srhordercontent ul.dsk-heading li.prodimg {width:16%; text-align:center; display:none}
div.srhordercontent ul.dsk-heading li.description {width:60%}
div.srhordercontent ul.dsk-heading li.qty {text-align:center; width:10%}
div.srhordercontent ul.dsk-heading li.status {width:14%}
div.srhordercontent ul.shrcontent {display:flex; align-items:center; padding:10px; border-bottom:1px solid #e8e8e8;}
div.srhordercontent ul.shrcontent li {float:left; padding:15px;}
div.srhordercontent ul.shrcontent li.prodimg {width:140px; padding:0}
div.srhordercontent ul.shrcontent li.proddetails {width:calc(100% - 140px); padding:0 0 0 15px; display:flex;}
div.srhordercontent ul.shrcontent li.description.parent div.proddescdetls {}
div.srhordercontent ul.shrcontent li.description a {color:#000000!important; font-weight: var(--default-font-weight-bold); font-size:14px;}
div.srhordercontent ul.shrcontent li.description span {display:block}
div.srhordercontent ul.shrcontent li.description span.discountpromomsg {display:flex; align-items:center; margin-bottom:4px}
div.srhordercontent ul.shrcontent li.description span.discountpromomsg span {margin-right: 4px; background: #af1a30; padding: 3px 7px; color: #fff; font-weight: var(--default-font-weight-semi-bold); width: 215px; max-width: max-content;}
div.srhordercontent ul.shrcontent li.description div.proddescdetls div.giftcert span {display:inline-block}
div.srhordercontent ul.shrcontent li.description label.productoption {display:block}
div.srhordercontent ul.shrcontent li.description label.productoption span {display:inline-block}
div.srhordercontent ul.shrcontent li.status {float: right; padding-top: 5px; text-align: right; width: 40%;}
div.myreturnorder div.srhordercontent ul.shrcontent li.status {float:left; text-align:left; margin-top:0}


div.srhordercontent ul.shrcontent li.proddetails li {padding:0}
div.srhordercontent ul.shrcontent li.proddetails li.qty {margin:0}
div.srhordercontent ul.shrcontent li.proddetails li.qty .discountitem .discountpromomsg{display: flex; align-items: center; margin: 5px 0 4px 0; color: #333; text-align: left; width: 100%;}
div.srhordercontent ul.shrcontent li.proddetails li.qty .discountitem .discountpromomsg span{margin-right: 4px; background: #af1a30; padding: 3px 7px; color: #fff; font-weight: var(--default-font-weight-semi-bold); width: 215px; max-width: max-content;}

div.srhordercontent ul.shrcontent li.proddetails li.price {margin-top:10px;}

    div.srhordercontent ul.shrcontent li.proddetails li.autoship {
        background: url(../images/autoship-logo.png) no-repeat 0 0;
        background-size: contain;
        padding-left: 27px;
        margin-bottom: 5px;
        padding-bottom: 0; margin-top:2px;
    }

div.srhordercontent ul.shrcontent li.proddetails ul.productdetailsinfo {display:flex; flex-direction:column; font-size:14px; padding:15px 15px 0 0; width:50%;}
div.srhordercontent ul.shrcontent li.proddetails ul.productdetailsinfo li.qty .pro-disc-box {
        float: none;
        font-size: 13px;
        color: #AF1A30;
        margin: 0px;
        padding: 0;
        width: 100%;
    }
#ctl00_MainContent_SearchOrderQueryHistory_MyOrderQuoteList_ctl00_MyOrderQuoteDetails_ctl01_lblpromomsg > span {
    display:inline; 
    margin-right: 4px;
    background: #af1a30;
    padding: 3px 7px;
    color: #fff;
    font-weight: var(--default-font-weight-semi-bold);
    width: 215px;
    max-width: max-content;
}

@media(max-width:375px) {
    div .srhordercontent ul.shrcontent li.proddetails ul.productdetailsinfo {font-size: 13px;}
}

div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails {width:20%; padding:15px 0 0 30px; font-size:14px;}
div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails li.status {margin: 0;
    float: none;
    width: auto;
    text-align: left; display:flex; flex-direction:column; font-weight: var(--default-font-weight-bold);}
div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails li.status span.statusdate {color:#65ab09;font-weight:normal}
div.srhordercontent ul.shrcontent li.orderdetailsaction,
div.srhordercontent ul.shrcontent li.ordertrackingdisable {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
div.srhordercontent ul.shrcontent li.proddetails ul.qty-box, div.srhordercontent ul.shrcontent li.proddetails ul.price-box{width:15%; padding:15px 15px 0 0;}
div.srhordercontent ul.shrcontent li.proddetails ul.price-box{font-weight:var(--default-font-weight-bold); border-right:1px solid #e8e8e8!important; padding-bottom:15px;}
div.srhordercontent ul.shrcontent li.proddetails ul.price-box .msrp-price{color: #adadad; font-size: 14px; font-weight: normal;}
div.srhordercontent ul.shrcontent li.proddetails ul.price-box .msrp-price .pricetext{text-decoration:line-through;}
div.srhordercontent ul.shrcontent li.proddetails  ul.price-box li.price{margin-top:0px; font-size:14px;}
div.srhordercontent ul.shrcontent li.orderdetailsaction a.trackpackage {border: 0px solid #ccc; background: none; color: #2369B4; text-decoration: underline; font-weight: normal;}
div.srhordercontent ul.shrcontent li.ordertrackingdisable a.trackpackage {border:0px solid #ccc; background:none; color:#aaa; font-weight:normal; pointer-events:none; font-size:14px;}
div.srhordercontent ul.shrcontent li.orderdetailsaction a.cancelorder {text-transform:unset; text-align:center; background:#fff; color:#333333; font-weight: var(--default-font-weight-bold); font-size:14px; width:180px; padding:8px 0!important; margin:3px 0; border:1px solid #d8d8d8; line-height:normal}
div.srhordercontent ul.shrcontent.prodflavor {
    border-top: 0;
    background: #fff;
    margin-left: 0;
    width: 136%;
    padding: 15px 0 0 10px;
    position: relative;
    left: -36%
}
div.srhordercontent ul.shrcontent.prodflavor li {padding-top:0}
div.srhordercontent ul.shrcontent.prodflavor li.description {padding:0 0 0 5px; width:77%;}
div.srhordercontent ul.shrcontent.prodflavor li.description div.proddescdetls {min-height:inherit;}
div.srhordercontent ul.shrcontent.prodflavor li.status {display:none}
div.srhordercontent ul.shrcontent.prodflavor li.proddesc {width:71%}
div.srhordercontent ul.shrcontent.prodflavor li.prodimg {padding-left:3%; padding-right:0; width:23%; background:url("../images/icons_24bit.png") no-repeat -2px -322px}
div.srhordercontent ul.shrcontent.prodflavor li.orderstatus {display:none}
div.srhordercontent ul.shrcontent.prodflavor li.qty {clear:none; margin-top:0; padding:0 0 0 5px}
div.srhordercontent ul.shrcontent.prodflavor li.qty span {display:inline}

div.orderhistory div.itemdetails ul.prodflavor li.proddesc a {color:#000; cursor:text}
div.orderhistory div.itemdetails ul.prodflavor li.proddesc span {height:auto}

.print_container div#cartcontainer div#itemdetails div.shoppinglist ul.singleproduct li.itemdetails ul.pro-disc-box {
    margin: 5px 0;
    padding: 0;
}

    .print_container div#cartcontainer div#itemdetails div.shoppinglist ul.singleproduct li.itemdetails ul.pro-disc-box li {
        float: none;
        font-size: 13px;
        font-weight: normal;
        color: #AF1A30;
        margin: 0px;
        padding: 0;
        width: 100%;
    }
a.seemmorelines {float:right; font-weight:700; padding-top:3px}

/************************** Order Details **********************************/
#ordercomplete a.printorder {
    display: none;
    float: right;
    width: auto;
    height: auto;
    text-indent: 0;
    text-decoration: none;
    font-size: 13px;
    padding: 0;
    color: #2369b4; text-decoration:underline;
}

#ordercomplete a.printorder span.glyphicon {font-size:20px; padding-right:5px}


/******************************** My Address Book *****************************/

h4.acc-subhead {font-size:13px; color:#000; padding:0px 0 10px; font-weight:bold}

div.viewadshead {clear:both; overflow:hidden}
div.viewadshead div.btnaddnew {float:right; width:170px; display:none}

.myadscontent {margin-bottom: 10px; border: 1px solid #ccc;}

.myadscontent ul li {clear:both; overflow:hidden; padding:7px 2%}

.myadscontent ul li.addresstype {background:#f5f9fa; padding:12px 2%}
.myadscontent ul li.addresstype span {width:auto}

.myadscontent ul li.addresstype a.accbtn {float:right; margin-left:5px}

.currentadd {background: url("../images/icons_24bit.png") no-repeat 0 -477px;
    font-size: 13px;
    line-height: normal;
    margin:5px 0 0;
    padding: 2px 0 3px 20px!important; font-weight:normal; vertical-align:bottom; font-weight:bold; display:inline-block}

.myadscontent ul li label {margin:0; float:left; width:100px}
.myadscontent ul li span {float:left; width:65%; padding-right:10px}
.myadscontent ul li span ul {display:inline}
.myadscontent ul li span ul li {padding:0 5px 0 0; width:auto!important; clear:none}
.myadscontent ul li span ul li span {margin:0!important}

.manageccpopup ul.EditCreditCard li .nice-select {width:calc(100% - 175px)}

/***************************** Add Edit Address ******************************/

div.add_edit_ads_content li {clear:both; overflow:hidden; position:relative; padding:5px 0}
div.add_edit_ads_content li label {float:left; padding-left:10px; width:100%; line-height:26px; margin:0; font-weight:normal}
div.add_edit_ads_content li.receivesms label {line-height:normal}
div.add_edit_ads_content li span.pmaddchkbox {padding-left:10px; float:left}
div.add_edit_ads_content li span.pmaddchkbox label {width:auto; padding-left:5px}
div.add_edit_ads_content li span.pmaddchkbox input {float:left; margin-top:7px}
div.add_edit_ads_content li.phone {float:left; width:75%; }
div.add_edit_ads_content li.telext {float:left; width:23%; clear:none!Important}
div.add_edit_ads_content li.telext input[type=text] {max-width:60px}
.add_edit_ads_content input[type=text], .add_edit_ads_content select {width: 93%; margin-left:10px; max-width:390px}
.add_edit_ads_content li.actionbtn {margin-left:10px}

div#addresswarning span.astrix, div#addresswarning span.astrix font {position:static; font-size:12px}

.add_edit_ads_content li span.error {display: block; margin-left:10px}
.add_edit_ads_content li span.error.exterror {margin-left:10px}

.add_edit_ads_content li a.accbtn {float:left; margin-right:5px}

div#dialog-confirm, div#dialog-alert ,div#dialog-confirmcc {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    max-width:750px;
    line-height: 17px;
    text-align: center !important;
    width: 95%;
}

div#dialog-confirm p, div#dialog-alert p, div#dialog-confirmcc p {
    font-size: 15px;
    margin: 10px 0;
}

div#dialog-confirm input.dialogyes, div#dialog-confirm input.dialogno, div#dialog-confirm input.dialogaddrno, div#dialog-confirm input.dialogaddryes, div#dialog-confirm input.dialogccyes, div#dialog-alert input.dialogok, div#dialog-confirmcc input.dialogccyes, div#dialog-confirmcc input.dialogccno {display:inline-block; margin:0 3px}

/*Search box */
#accsearchbg {
    font-size: 18px;
    margin-bottom: 10px;
}

    #accsearchbg .go {
        float:left;
    }

    #accsearchbg .error {
        color: #ff0000;
        display: block;
        font-size: 12px;
    }

.acc-subhead {
    color: #555;
    font-size: 16px;
    padding: 4px 0;
    width: 100%;
}

.titleleft {
    float: left;
    margin: 0 20px 0 0;
    width: auto;
}

.odr-his-content {
    border-collapse: collapse;
    width: 100%;
}

.odr-his-footer {
    text-align: right;
    font-weight: bold;
}

.odr-his-content tr.odr-his-footer td {
    text-align: right;
}

.prefnote {
    position: static !important;
}

table.preferencelist td {
    border: 0 solid #bcbcbc;
    padding: 5px;
}

    table.preferencelist td span {
        display: block !Important;
    }

    table.preferencelist td input[type=checkbox] {
        float: left;
        margin: 2px 5px 0 0;
    }

    table.preferencelist td label {
        float: left;
        width: 93%;
    }

table.prefmethod td {
    padding: 2px 0;
}

    table.prefmethod td input[type=checkbox] {
        float: left;
        margin: 4px 5px 0 0;
    }

    table.prefmethod td label {
        float: left;
        width: 93%;
    }

.acchelptopic {
    margin-top: 15px;
}

#acchelp h4 {
    color: #1d6f9e;
    display: block;
    font-size: 18px;
    margin-bottom: 1px;
    width: 100%;
}

.NewsLetterSubscrption {
}

    .NewsLetterSubscrption ul {
        border: 1px solid #ccc;
        border-bottom: 0;
        padding: 4px;
    }

        .NewsLetterSubscrption ul:last-child {
            border-bottom: 1px solid #ccc;
        }

        .NewsLetterSubscrption ul li .btn {
            float: right;
            padding: 5px 12px !important;
        }

        .NewsLetterSubscrption ul li {
            line-height: 29px;
        }

            .NewsLetterSubscrption ul li input[type="text"] {
                width: 100%;
            }

.myordercontainer {
    max-width:1000px;
    margin:20px auto 0;
}

div.footerpaging {max-width:1000px; margin:0 auto}

div.acccontent div.cancelordermessage {margin:15px auto 0; background:#f4f4f4; padding:15px; max-width:1000px; text-align:center; font-size:14px;}
div.acccontent div.cancelordermessage h2 {padding:0; font-size:18px; text-align:center}
div.acccontent div.cancelordermessage p {padding:0; font-size:14px;}

#ordhddisp {
    font-size: 13px;
    margin-top: 0px;
}

    #ordhddisp table, table#ordhddisp {
        float: left;
    }

    #ordhddisp td {
        padding-top: 5px;
        vertical-align: top;
    }

    #ordhddisp .order-status {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #ordhddisp .copy2cart {
        float: right;
    }

    #ordhddisp .qoutebtncontent div span:first-child {
        text-align: left !important;
    }

.accheader {
    height: 135px !important;
}

    .accheader div#header_container {
        height: 104px !important;
    }

.accordionHeaderSelected, .accordionHeader {
    background-color: #555;
    color: #FFF !important;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 1px 5px 10px;
    font: 16px TradeGothicLTPro-BdCn20,TradeGothicLTCom,Helvetica,Arial,sans-serif;
    clear: both;
    overflow: hidden;
}

    .accordionHeader .Showimage {
        background: url("../images/icons.png") no-repeat 0 -2774px;
        cursor: pointer;
        float: right;
        height: 16px;
        margin: 3px 8px 0 0;
        overflow: hidden;
        width: 20px;
    }

    .accordionHeaderSelected .Showimage {
        background: url("../images/icons.png") no-repeat 0 -2754px;
        border: 0 none;
        cursor: pointer;
        float: right;
        height: 16px;
        margin: 3px 8px 0 0;
        overflow: hidden;
        text-indent: -9999px;
        width: 20px;
    }

.accordionContent {
    border: 1px solid #BCBCBC;
    border-color: 0 #CBCACA #CBCACA;
    margin-bottom: 5px;
    padding: 10px 5px 5px;
}

.lookupsearch input {
    border: 1px solid #68B5ED;
    color: #333;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
}

.lookupsearch #searchAutoComplete {
    float: right;
    margin-left: 5px;
    margin-top: 0;
}

#lookupsearch {
    height: 20px;
    margin: 10px 0 0;
    padding: 0;
    width: 515px;
}

.lookupsearch .srchgobtn {
    background: url(../images/icons.png) no-repeat scroll -53px -667px transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 18px;
    margin: -3px 5px 0;
    width: 18px;
}

.AddToCartMsg {
    color: #26FF45;
    float: left;
    width: 200px;
}

.tblInvExprt {
    margin-top: 5px;
}

.popupbody {
    background: none;
}

.dhtmlwindow {
    background-color: #1D6F9E;
    border: 2px solid #000;
    position: absolute;
    visibility: hidden;
}

.drag-handle {
    color: #FFF;
    cursor: move;
    font: bold 14px Arial;
    overflow: hidden;
    padding: 1px;
    text-indent: 3px;
    width: auto;
}

    .drag-handle .drag-controls {
        cursor: pointer;
        position: absolute;
        right: 1px;
        top: 2px;
    }

.drag-contentarea {
    background: #FFF;
    color: #000;
    height: 140px;
    margin-top: 5px;
    overflow: auto;
    padding: 2px;
}

.iframecontent {
    border: 1px solid #FFF;
}

.drag-statusarea {
    background-color: #F8F8F8;
    border-top: 1px solid gray;
    height: 13px;
}

.drag-resizearea {
    cursor: nw-resize;
    float: right;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}

#dforgetp {
    position: absolute;
}

#acccontent #hd {
    color: #0060a6;
    font-size: 16px;
    font-weight: 700;
    height: 10px;
    padding: 0 15px 15px 0;
}

#passwrd input, #usrname input {
    border: 1px solid #555;
    width: 180px;
}

#dsubmit {
    margin-top: 28px;
}

#NewCustomerContent ul li {
    list-style: disc;
    margin-left: 15px;
    padding: 1px 0 3px 10px;
}

#NewCustomerContent p {
    margin-bottom: 5px;
    margin-top: 5px;
}

#NewCustomerContent .dyn_content {
    margin-bottom: 15px;
}

#checkoutcontainer .dyn_content {
    clear: both;
    width: 100%;
}

.countystatelabletd {
    width: 355px;
}

.astrixcountrystate {
    padding-left: 45px;
    padding-right: 5px;
}

.dotteledlinehrzt {
    border-left: 1px dashed #000;
}

.ar {
    text-align: right;
}

.acctable select {
    padding: 2px 2px;
}

.tblInvExprt th {
    text-align: center;
}

#accprofile td {
    line-height: 20px;
}


.add2cart {
    border: none;
    cursor: pointer;
    display: inline-block !important;
    float: left;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    width: 103px;
}

.acc-view-address {
    clear: right;
    float: right;
}

#acccontent .add2cartbtn {
    clear: left;
    overflow: hidden;
    margin-top: 1px;
    padding-top: 3px;
}

a#skudetailsglobalcancel {
    float: right;
    margin: 7px 7px 0;
}

.Continue {
    border: none;
    cursor: pointer;
    display: block;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    width: 84px;
}

.PayplExpreimg {
    border: none;
    cursor: pointer;
    display: block;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    width: 169px;
}

.accinfo a {
  
    float: right;
   
}

    .accinfo a:hover {
        color: #000;
    }

.acceditbtn, .accdeletebtn {
    margin-right: 0; float:right; margin-left:5px
}

.addallbtn, .buyallbtn {
    float: right;
    padding: 4px 12px 5px;
}

.acctable .remove {
    float: right;
    margin-left: 5px;
    vertical-align: top;
}

.buyall .addallbtn, .buyall .buyallbtn {
    margin: 1px 4px 0 0;
}

.buyall .buyallbtn {margin:2px 0; padding:3px 10px!important; float:left}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buyall .addallbtn, .buyall .buyallbtn {
        line-height: 16px;
    }
}

.update {
    border: none;
    cursor: pointer;
    display: block;
    height: 26px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 72px;
    background: #02529b;
    border-radius:0; color:#fff;
}

.return {
    border: none;
    cursor: pointer;
    overflow: hidden;
}

.returncontent .return {
    margin-top: 10px;
}

.copy2cart {
    cursor: pointer;
    margin-bottom: 10px;
}

#ordercomplete .copy2cart {
    float: right;
    margin: 1px 10px 0 0;
}

#catcontentoffpromo .hd {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-left: 13px;
}

#catcontentoffpromo h4 {
    font-size: 13px;
}

#catcontentoffpromo ul li {
    list-style: disc;
    margin-left: 15px;
    padding: 0 0 2px 10px;
}

.pagingprevarrow {
    background: url(../images/smallicons.png) repeat scroll -189px -189px transparent;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    width: 11px; position:relative; top:2px
}

.pagingnextarrow {
    background: url(../images/smallicons.png) repeat scroll -171px -189px transparent;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    width: 11px; position:relative; top:2px
}

.accaddrborder {
    border: 1px solid #ccc;
    display: block;
    max-height: 150px;
    overflow-y: auto;
    padding: 10px;
    width: 100%;
}

#retorddtls {
    height: auto;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 999px;
}

table.alternate_rows td {
    border-bottom: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    padding: 2px;
}

.returnhead {
    color: #F8BC10;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.layadd2cartext {
    width: 40px;
}

div#accountcontainer {
    padding: 0;
}

div#accountcontainer table.itemdetails th {
    background-color: #041420;
    border-color: #103f60;
    border-style: solid;
    border-width: 2px 0;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 4px;
}

div#accountcontainer table.itemdetails td {
    border-bottom: 1px dashed #F9C22F;
    padding: 10px 4px;
}

div#acccontent .rating span.halfstar {
    background: url(../images/icons_24bit.png) no-repeat scroll -56px -17px transparent !important;
    display: block;
    height: 17px;
    width: 15px;
    float: left;
    margin-top: 1px;
}

div#acccontent .rating span.fullstar {
    background: url(../images/icons_24bit.png) no-repeat scroll 0 -16px transparent !important;
    display: block;
    height: 17px;
    width: 15px;
    float: left;
}

div#acccontent .rating .blankstar {
    background: url(../images/icons_24bit.png) no-repeat scroll -83px -16px transparent;
    display: block;
    height: 17px;
    width: 15px;
    float: left;
}

div#acccontent .rating a.reviewscount {
    color: #1D6F9E;
}

#acccontent .rewarddisplay, #checkoutcontainer .rewarddisplay, #shippingcontainer .rewarddisplay, #multistep_content .rewarddisplay {
    background: #999;
    color: #FFF;
    margin: 10px 15px 0 0;
    padding: 5px;
    text-align: left;
    width: 646px;
}

#checkoutcontainer .rewarddisplay {
    margin: 0 15px 0 0;
}

#checkoutcontainer .rewarddisplay, #acccontent .rewarddisplay {
    width: 1002px !important;
}

div#catcontentoffpromo #breadcrumb {
    margin-left: 12px;
}

#rewardhistory th.altrrows {
    border-bottom: 1px solid #BCBCBC !important;
}

.invoicesearchdiv {
    color: #FFF;
    font-size: 16px;
    float: left;
}

.lookupaddbtn {
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 33px;
}

.newuser input {
    width: 150px;
}

#catcontentoffpromo {
    margin-left: 10px;
    width: 900px;
}

.layimage {
    width: 60px;
}

div.acctable a.printorder {
    display: block;
    float: right;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    width: 91px;
}

tr#greybg div a.go {
    float: right !important;
}

.acctable .sendwishlist {
    float: right;
    margin: -3px -10px -3px 0;
    padding:5px 20px; background:#b4dcff; font-size:16px; line-height:28px; border-left:2px solid #fff; color:#000
}
/*tr#greybg td.subuserpassword{width: 42%;}
tr#greybg a.edit, a.delete{float: right;margin-right: 0;}*/
.acctable .text {
    padding-top: 10px;
}

div#acctable table#tblSample tr td a {
    background: url(../images/icons.png) 0 -443px no-repeat;
    text-decoration: none;
    font-size: 1px;
    padding: 18px;
}

div#acctable table#tblSample tr td {
    border: 1px solid #BCBCBC;
    padding: 10px;
}

div#acctable table#tblSample th {
    height: 30px;
    padding-left: 2px;
    vertical-align: middle;
    text-align: center;
}

div#acctable table#tblSample td input {
    border: 1px solid #333;
    padding: 2px 4px;
}

    div#acctable table#tblSample td input[type=checkbox] {
        border: none;
        padding: 2px 4px;
    }

div#acctable div.buttons .addsubuser {
    height: 26px;
    width: 129px;
    margin-top: 10px;
    display: block;
}

#acctable div table tr td#acchtmltable div table tr th {
    border-top: none !important;
}

.altrrows th table tbody tr td span {
    color: #555;
}

#acctable #acchtmltable div table td, #acctable #acchtmltable div table th {
    text-align: center;
    padding: 5px 10px;
}

#acctable td#acchtmltable div table tbody tr td.rewardtextright {
    text-align: right;
}

#acctable #acchtmltable div table tbody table tbody tr td span {
    color: #555;
    float: left;
    padding: 5px 0;
}

#acctable #acchtmltable div table tbody table tbody tr td a {
    color: #555;
    float: left;
    text-decoration: underline;
    padding: 5px 0;
}

#acctable #acchtmltable div table tbody tr td table {
    width: 40px !important;
}

    #acctable #acchtmltable div table tbody tr td table tr td {
        padding: 1px;
    }

table.invdetails td a.or_print_invoice {
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    width: 86px;
}

#acctable div.seemmorelines {
    margin: 5px 0;
    text-align: right;
}

    #acctable div.seemmorelines a {
        color: #0195BD;
        text-decoration: underline;
    }

.acctable td div.myaccountsubmit, .fltleft, .dsubmit, .dreset, .myaccountsubmit, .myaccountreset {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

div#acccontent .rating {
    display: block;
}

#accaddrlist {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.accaddrborder #accaddrlist, div#accountcontainer table.itemdetails {
    width: 100%;
}

.acchistory, .newuserheader {
    height: 10px;
}

div#acccontent #acctable #productimage #quickeye, .highslide-html-content {
    display: none;
}

.cmnpanel input[type=text], .acchtmltable input[type=text], .popupbody input[type=text] {
    border: 1px solid #BCBCBC;
}

.srchinvoice td, .newuser td, .laycctbl td {
    padding: 2px 0 2px 2px;
}

.srchinvoice #invpdtop, #srchlabel, #returnorderdtl input.back {
    float: right;
}

.tblInvExprt td, .rightalign {
    text-align: right;
}

div#account_content div#addresslist, div#checkout_content div#multishipaddresslist, div#acccontent div#addresslist, div#checkout_content div#addresslist {
    display: none;
    z-index: 9999;
}

div#account_content div#overlaycontent {
    width: 500px;
    background: #F3F3F3;
    border: 1px solid #B8CCD2;
    font-size: 13px;
    float: left;
    padding: 15px;
    max-height: 440px;
    overflow-y: auto;
    overflow-x: hidden;
}

    div#account_content div#overlaycontent .address_validation h2, div#checkout_content div#paymentoverlaycontent .address_validation h2, div#multishipaddresslist .address_validation h2, div#checkout_content div#overlaycontent .address_validation h2, div#checkout_content div#multishipoverlaycontent .address_validation h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        background: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#account_content div#overlaycontent .address_validation p, div#checkout_content div#paymentoverlaycontent .address_validation p, div#checkout_content div#overlaycontent .address_validation p, div#checkout_content div#multishipoverlaycontent .address_validation p {
        font-size: 12px;
        line-height: 16px;
        font-weight: 100;
        margin: 0;
        padding: 20px 0;
    }

        div#account_content div#overlaycontent .address_validation p a, div#checkout_content div#paymentoverlaycontent .address_validation p a, div#checkout_content div#overlaycontent .address_validation p a, div#checkout_content div#multishipoverlaycontent .address_validation p a {
            color: #0da7f1;
            text-decoration: underline;
        }

            div#account_content div#overlaycontent .address_validation p a:hover, div#checkout_content div#paymentoverlaycontent .address_validation p a:hover, div#checkout_content div#overlaycontent .address_validation p a:hover, div#checkout_content div#multishipoverlaycontent .address_validation p a:hover {
                color: #54768e;
                text-decoration: none;
            }

    div#account_content div#overlaycontent .address_validation table, div#checkout_content div#paymentoverlaycontent .address_validation table, div#checkout_content div#overlaycontent .address_validation table, div#checkout_content div#multishipoverlaycontent .address_validation table {
        border: solid #7490a3;
        border-width: 1px 1px 0 0;
    }

        div#account_content div#overlaycontent .address_validation table td, div#checkout_content div#paymentoverlaycontent .address_validation table td, div#checkout_content div#overlaycontent .address_validation table td, div#checkout_content div#multishipoverlaycontent .address_validation table td {
            border: solid #7490a3;
            font-size: 11px;
            text-align: left;
            border-width: 0 0 1px 1px;
            padding: 4px 5px;
        }

    div#account_content div#overlaycontent .address_validation input.btn, div#checkout_content div#paymentoverlaycontent .address_validation input.btn, div#checkout_content div#overlaycontent .address_validation input.btn {
        background: #0da7f1;
        font-size: 12px;
        font-weight: 700;
        border: none;
        color: #555;
        -moz-box-shadow: 0 0 10px 2px #333;
        -webkit-box-shadow: 0 0 10px #333;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px 10px;
    }

table#rewardhistory .altrrows {
    float: none !important;
}
/*Email Marketing */
div#accountcontainer table.newuser tr td.subscribeoffers { /*border:1px solid #CECEF6;*/
    padding: 0px;
}

    div#accountcontainer table.newuser tr td.subscribeoffers table {
        border-collapse: collapse;
    }

        div#accountcontainer table.newuser tr td.subscribeoffers table.wrapper {
            font-size: 14px;
            width: 100%;
        }

        div#accountcontainer table.newuser tr td.subscribeoffers table tr td table {
            margin-top: 2px;
        }

            div#accountcontainer table.newuser tr td.subscribeoffers table tr td table.CheckboxList input, div#bodycontainer div.acctable div.body table tr td table.CheckboxList input {
                float: left;
                clear: both;
                margin: 3px 4px 0 10px;
            }

div#bodycontainer div.acctable div.body table.altrrowsemaillists tr td table.CheckboxList input {
    margin: 4px 5px 0 0;
}

div#bodycontainer div.acctable div.body table.altrrowsemaillists tr td table.CheckboxList label {
    margin: 0 7px 0 0;
}

div#bodycontainer div.acctable div.body table.altrrowsemaillists tr td.tdemaillists {
    border-bottom: 1px solid #BCBCBC;
    padding: 5px 1px 8px 5px;
}

div#accountcontainer table.newuser tr td.subscribeoffers table tr td table.CheckboxList label, div#accountcontainer table.newuser tr td.subscribeoffers table tr td table.CheckboxList input:first-child {
    margin-left: 4px;
}

div#accountcontainer table.newuser tr td.subscribeoffers table.wrapper tbody {
    display: block;
    padding: 0 10px 10px;
}

div#accountcontainer table.newuser tr td.subscribeoffers table tr td span.welcomemsg {
    display: block;
    color: #F8BC10;
    font-size: 25px;
}

.altrrowsemaillists {
    border-collapse: collapse;
    border: 1px solid #BCBCBC;
    border-spacing: 0;
    width: 100%;
}
/* End Email Marketing */
.forceresetpwd {
    position: absolute;
    top: -3px;
    right: 0;
    background: #1D6F9E;
    padding: 10px 12px;
    font-size: 17px;
    color: #fff;
}

span.amount, span.totalamount, span.taxamount {
    color: #1D6F9E;
    display: inline;
    font-size: 14px;
}

div.orddtltbl table.acchtmltable td:last-child {
    color: #1D6F9E;
}

.cartlinescontainer .addtocart_successmsg {
    font-weight: normal !important;
    float: left;
    text-align: left;
}

.cartlinescontainer .mesglbl .addtocart_successmsg {
    float: right;
}

#addallerrormsg, .addallerrormsg {
    color: #ff0000;
    float: right;
    white-space: nowrap;
}

div#nonregisteruser {
    float: left;
    margin-top: 0;
    width: 100%;
}

    div#nonregisteruser div#acctable {
        background: none;
        border: 0 none;
        margin-top: 0;
    }

    div#nonregisteruser #invordqutshipadd, div#nonregisteruser #retordshipaddr {
        border: 1px solid #BCBCBC;
        float: left;
        height: auto;
        padding: 5px;
        width: 455px !important;
    }

    div#nonregisteruser #invordqutbilladd, div#nonregisteruser #retordbilladdr {
        border: 1px solid #BCBCBC;
        float: right;
        height: auto;
        padding: 5px;
        width: 455px !important;
    }

.tblInvExprt td table tr td, .acchtmltable td table tr td, .altrrows td table tr td {
    border: none;
}
/* Convert to Order*/
a.editquote, a.converttoorder, a.printquotes {
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
}

.addtocart_errormsg.errorMessage {
    float: left;
}

div#chktablepromooff div#accountcontainer div#acccontent {
    width: 957px;
}

    div#chktablepromooff div#accountcontainer div#acccontent table.my_profile input[type="text"] {
        padding: 4px;
        width: 300px;
    }

.cmnpanel div#refundbreakupmsg {
    background: #FAFAFA;
    border: 1px dotted #EFEFEF;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    width: 99%;
}

.cmnpanel td#paymentmethods table tr {
    width: 500px;
    margin-bottom: 2px;
    display: inline-block;
}

    .cmnpanel td#paymentmethods table tr td:first-child {
        width: 120px;
        padding-right: 10px;
    }

    .cmnpanel td#paymentmethods table tr td select {
        width: 154px;
    }

    .cmnpanel td#paymentmethods table tr td input {
        width: 152px;
    }

    .cmnpanel td#paymentmethods table tr td select#ctl00_MainContent_returnsmgmt_ddlExpiryMonth, .cmnpanel td#paymentmethods table tr td select#ctl00_MainContent_returnsmgmt_ddlExpiryYear {
        width: 76px;
    }

div#account_content .acccontentforguest {
    border-left: none !important;
    float: none !important;
    margin: auto !important;
}

table.trackingorders {
    width: 600px;
    margin: 0 auto;
    font-size: 12px;
}

.orderinvoice {
    background: #F1F1F1;
    border: 1px solid #ddd;
    color: #000;
    padding: 5px;
}

table.trackingorders {
    border: solid #ccc;
    border-width: 1px 1px 0 0;
}

    table.trackingorders tr td table.acchtmltable {
        border: solid #ccc;
        border-width: 0 0 1px 0;
    }

        table.trackingorders tr td table.acchtmltable td {
            padding: 5px;
            border: solid #ccc;
            border-width: 1px 1px 0 0;
        }

table.invoicecreatedetails td {
    padding-bottom: 4px;
}

.mar0 {
    margin: 0px;
}

.sucess_message {
    color: #008000;
    font-weight: var(--default-font-weight-bold);
}

.CartMessage.addtocart_successmsg, .CartMessage.addtocart_errormsg, .addtocart_errormsg.errorMessage {
    clear: left;
    float: left;
    text-align: left;
    width: 100%;
}

.addtocart_errormsg.errorMessage {
    width: 100%;
}

.attachedlist {
    overflow: hidden;
}

.attachedlistheading, .attachedlistheading + span {
    color: #000;
    font-size: 11px;
    font-weight: 700;
}

.orddtltbl .attachedlist {
    background: none;
}

#acchtmltable .attachedlist {
    background: none;
}

.attachedlisting, .filename {
    color: #000;
    float: left;
    width: 88%;
}

.formateicons {
    background: url(~/Templates/Shared/images/attachment_format_icons.png) no-repeat;
    border: 1px solid #f1f1f1;
    clear: left;
    float: left;
    height: 20px;
    margin: 3px 4px 2px 0;
    width: 20px;
}

.ExcelFile {
    background-position: 0 0;
}

.MsWordFile {
    background-position: -18px 0;
}

.PdfFile {
    background-position: -56px 0;
}

.ImageFile {
    background-position: -74px 0;
}

.TextFile {
    background-position: -37px 0;
}

.DefaultFile {
    background-position: -35px 0;
}

.socialsitelogin label {
    float: left;
    line-height: 21px;
    margin-right: 5px;
}

.socialsitelogin a {
    background: url(../../Shared/images/socialsiteloginbutton_iconsaccount.png) no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

    .socialsitelogin a.login_facebook {
        background-position: 0 0px;
    }

    .socialsitelogin a.login_google {
        background-position: 0 -22px;
    }

    .socialsitelogin a.login_twitter {
        background-position: 0 -46px;
    }

#Table1.altrrows .socialsitelogin, #Table1.altrrows label.Username {
    float: left;
    line-height: 24px;
    margin-right: 5px;
}

.accountinfo label, .accountinfo h4 {
    float: left;
    margin-right: 5px;
}

.borderbottom {
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9dfe0;
    width: 100%;
}

#subuser input, #subuser select {
    border: 1px solid #ccc !important;
    margin: 0 5px 5px 0;
    padding: 4px 2px;
    width: 208px !important;
}

    #subuser input[type="checkbox"] {
        width: 12px !important;
        padding: 0 !important;
    }

#subuser select {
    width: 209px !important;
}

#subuser .astrix {
    padding-left: 4px;
}

.createcontactlist th, .createcontactlist td {
    text-align: left !important;
    padding: 3px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

    .createcontactlist td .acc-subhead {
        width: auto;
    }

.acc-container .lbl_head {
    display: inline-block;
    width: 34%;
}

.createcontactlist td .btn {
    margin: 2px 0;
    padding: 2px 10px 3px;
}

.actionbutton .actionbtnwrap {
    float: left;
    margin-left: 235px;
    width: 40%;
}

.actionbutton a {
    float: left;
    margin-right: 5px;
}

/*-- My Account Left Navigation --*/
.nav-title {
    background: #fff;
    display: block;
    width: 100%;
}

h4.nav-title {
    color: #162029;
    font-weight: var(--default-font-weight-bold);
    font-size: 16px;
    margin: 0 0 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}
h4.nav-title a {color: #162029;}

h4.nav-title span.welcome {font-size:21px;}
    .acc-nav dl {
    margin-bottom: 15px;
}

.acc-nav dt.listname, .acc-nav li.listname {
    color: #162029;
    font-weight: var(--default-font-weight-bold);
    font-size: 21px;
    line-height: normal;
    margin: 0;
    padding: 0 5px 5px 10px;
}

    .acc-nav dt.listname a {
        color: #162029;
    }

        .acc-nav dt.listname a:hover, .acc-nav dl a.active, .acc-nav dd.listdefined ul li a.active {
            color: #226CAB; text-decoration:underline
        }

.acc-nav dd.listdefined ul li {
    margin-left:10px;
}

    .acc-nav dd.listdefined ul li a {
        color: #162029;
        display: block;
        font-size: 16px;
        font-weight: normal;
        padding: 5px 10px;
        text-decoration: none;
    }

        .acc-nav dd.listdefined ul li a:hover {
           text-decoration:underline;
           color:#226CAB;
        }

.acc-nav dd.listdefined li span {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #14376f;
    border-top: 5px solid transparent;
    content: "";
    display: block;
    float: left;
    height: 0;
    margin-right: 5px;
    margin-top: 5px;
    width: 0;
}

.acc-nav dd.listdefined li:hover span {
    border-left: 5px solid #ee592b;
}

.acc-nav dd.listdefined, .acc-nav dd.listdefined ul, .acc-nav {
    font-size: 14px;
    color: #555;
}

.odr-his-content a {
    color: #1d6f9e;
    
}

    .acc-nav li a:hover, .odr-his-content a:hover {
        color: #000;
    }

.odr-his-content th {
    background: #1d6f9e;
    color: #fff;
    text-align: left;
    padding: 3px 8px;
    vertical-align: top;
    width: 33.33%;
}

.accorders .orderhistory .odr-his-content th {
    background: none;
    color: #9a9a9a;
    text-align: left;
    padding: 3px 8px;
    vertical-align: top;
    width: 33.33%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;

}

.accorders .orderhistory .odr-his-content a {font-weight:bold}

.odr-his-content td {
    padding: 3px 8px;
    width: 33.33%;
}

.acc-navfooter {
    float: left;
    font-size: 13px;
    font-weight: 700;
    width: 200px;
    height: 20px;
    margin: 2px 0 0;
    padding: 7px 10px 4px;
}

/*-- Copycart --*/
    #copycart .close {
        background: url("../images/icons.png") no-repeat scroll -5px -551px transparent;
        cursor: pointer;
        height: 30px;
        position: absolute;
        right: -20px;
        top: -20px;
        width: 30px;
    }

    #copycart .note_message {
        background: #f1efef;
        padding: 10px;
        margin-bottom: 10px;
    }

        #copycart .note_message ol {
            margin: 0 0 0 14px;
            padding: 0;
        }

        #copycart .note_message li {
            margin: 0 0 5px;
            padding: 0;
            color: #7b7b7b;
            font-size: 11px;
            list-style-type: disc;
        }

        #copycart .note_message p {
            margin: 0 0 5px;
            padding: 0;
            color: #7b7b7b;
            font-size: 11px;
        }

    #copycart ul {
        background: none;
        border: 0 none;
        margin: 0;
        padding: 0;
    }

        #copycart ul li {
            border: 0 none;
            float: left;
            width: 50%;
            text-align: center;
        }

            #copycart ul li.divider {
                background: url(../images/icons_24bit.png) no-repeat 86px -875px;
            }

            #copycart ul li a {
                color: #1d6f9e;
                display: block;
                font-size: 12px;
                font-weight: 700;
                width: 125px;
                line-height: 18px;
                padding: 80px 10px 10px;
                margin: 0 auto;
                cursor: pointer;
            }

                #copycart ul li a#copyorderlines {
                    background: #fff url(../images/icons_24bit.png) no-repeat 32px -832px;
                }

                #copycart ul li a#copyorderlinesandaddress {
                    background: #fff url(../images/icons_24bit.png) no-repeat 32px -946px;
                }

                #copycart ul li a:hover {
                    text-decoration: none;
                    background-color: #f1efef !important;
                }

/*-- Track Order --*/
 .return
    {
        float: left;
    }
.btn_trackorder
    {
        float: left;
        line-height: 27px;
        font-weight: normal;
        margin-top:5px; width:100%
    }
.btn_trackorder a {
    float:left; font-weight:normal; margin-top:5px;  
}

/*-- Track Order Table --*/
table.trackingorders {
    width: 95%;
    margin: 0 auto;
    font-size: 12px;
    border: 0px none;
}

    table.trackingorders h2 {
        font-size: 16px;
        font-weight: 700;
        color: #1D6F9E;
    }

    table.trackingorders tr td {
        border: 0px none;
        padding: 5px;
    }

        table.trackingorders tr td.orderinvoice {
            background: none transparent;
        }

    table.trackingorders tr th, table.shippinginfo tr th {
        color: #fff;
        background: #206fb1;
        border: 1px solid #206fb1;
        padding: 5px;
    }

table.shipmenttracking {
    background: #f9f9f9;
}

    table.shippinginfo tr td, table#acchtmltable.acchtmltable_track tr td, table.shipmenttracking tr td {
        background: #f1f1f1;
        border: 1px solid #206fb1;
    }

        table#acchtmltable.acchtmltable_track tr td.tdBold, table.shippinginfo tr td.tdBh15 {
            background: #acd2e8;
            border-color: #206fb1;
            color: #000;
        }

            table#acchtmltable.acchtmltable_track tr td.tdBold:first-child {
                border-right: 1px solid #206fb1;
            }

    table#acchtmltable.acchtmltable_track tr td, table.shipmenttracking tr td {
        width: 50%;
    }

        table#acchtmltable.acchtmltable_track tr td a, table.shipmenttracking tr td a {
            color: #000;
        }

.convertqoute {
    position: relative;
}


.astrix {
    color: #ff0000;
    position: absolute;
    left: 0;
}

.acctable .add_edit_ads_content td {
    min-height: 35px;
    line-height: 21px;
}

.btn {
    vertical-align: top;
}

.myaccount_od {
    margin-bottom: 18px;
}

.lblusername {
    margin-bottom: 5px;
}
/************************* My Invoice CSS *********************/

div.qksrchinvoice {
    clear: both;
    overflow: hidden;
}

    div.qksrchinvoice label {
        float: left;
        width: 30%;
        line-height: 27px;
    }

div.srchinvoice ul li {
    margin-bottom: 10px;
}

    div.srchinvoice ul li .error {
        clear: left;
        float: left;
    }

    div.srchinvoice ul li input[type="text"] {
        width: 100%;
    }

.invoice_btn_box {
    margin: 10px 0 2px;
}

    .invoice_btn_box .btn {
        margin: 0 0 0 10px;
    }

.tblInvExprt {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

    .tblInvExprt ul {
        clear: both;
        overflow: hidden;
        border-right: 1px solid #bcbcbc;
        border-bottom: 1px solid #bcbcbc;
    }

        .tblInvExprt ul.formhead {
            font-weight: bold;
        }

        .tblInvExprt ul li {
            float: left;
            border-right: 1px solid #bcbcbc;
            padding: .5%;
        }

            .tblInvExprt ul li label {
                display: none;
            }

            .tblInvExprt ul li.chkinv {
                border-left: 1px solid #bcbcbc;
                text-align: center;
                width: 7%;
            }

                .tblInvExprt ul li.chkinv span {
                    padding-bottom: 3px;
                    display: block;
                }

            .tblInvExprt ul li.invno {
                width: 13%;
                text-align: center;
                word-wrap: break-word;
                word-break: break-all;
            }

            .tblInvExprt ul li.invage {
                width: 12%;
                text-align: center;
            }

            .tblInvExprt ul li.invduedate {
                width: 12%;
                text-align: center;
            }

            .tblInvExprt ul li.invamt {
                width: 11%;
                text-align: right;
            }

            .tblInvExprt ul li.invpaidamt {
                width: 11%;
                text-align: right;
            }

            .tblInvExprt ul li.invpendingamt {
                width: 11%;
                text-align: right;
            }

            .tblInvExprt ul li.invorderpayment {
                width: 11%;
                text-align: right;
            }

                .tblInvExprt ul li.invorderpayment input[type="text"] {
                    text-align: right;
                }

            .tblInvExprt ul li.invexport {
                width: 12%;
                text-align: center;
                border: 0;
            }

        .tblInvExprt ul.footerordertotal {
            float: right;
            width: 100%;
        }

            .tblInvExprt ul.footerordertotal li.total {
                line-height: 36px;
                text-align: right;
                width: 77%;
            }

            .tblInvExprt ul.footerordertotal li.totalamt {
                border: 0 none;
                float: right;
                width: 23%;
            }

                .tblInvExprt ul.footerordertotal li.totalamt input[type=text] {
                    margin-top: 4px;
                    text-align: right;
                }

                .tblInvExprt ul.footerordertotal li.totalamt span#spanamtcurrency {
                    line-height: 32px;
                    padding-left: 3px;
                }

div.paymentdetails {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}

    div.paymentdetails ul.invoicecreatedetails {
        margin: 15px 0 10px;
    }

        div.paymentdetails ul.invoicecreatedetails li {
            clear: both;
            overflow: hidden;
            padding: 5px 0;
        }

            div.paymentdetails ul.invoicecreatedetails li label {
                float: left;
                width: 30%;
                line-height: 27px;
            }

                div.paymentdetails ul.invoicecreatedetails li label span.error {
                    float: left;
                    width: 10px;
                }

            div.paymentdetails ul.invoicecreatedetails li input[type=text] {
                clear: none !important;
                width: 22%;
            }

            div.paymentdetails ul.invoicecreatedetails li select {
                width: 22%;
            }

                div.paymentdetails ul.invoicecreatedetails li select.small {
                    width: 10.7%;
                }

            div.paymentdetails ul.invoicecreatedetails li input.btn {
                margin-left: 30%;
            }

            div.paymentdetails ul.invoicecreatedetails li.preferred_address input[type=checkbox] {
                margin-top: 8px;
            }

/***************************Paging*************************************/

.acc_pagging {margin-top: 15px; clear:both; overflow:hidden; font-size:13px}

.acc_pagging .recordperpage {display:none}

div.acc_pagging.bottom { background: #999; }

div.acc_pagging div.matchfound { float: left; line-height: 27px; clear:left }

div.acc_pagging .viewall a { color: #fff; font-size: 14px; font-weight: bold; line-height: 26px; }


/****************** Credit Card *********************************/
li.creditcarddtls div.addressblock {min-height:140px}
li.creditcarddtls div.addressblock p {word-break:break-all}
ul.accprofile.creditcard li {margin: 0 1.5%; padding: 20px 0px; float: left; border-bottom: 1px solid #ececec; width: 100%;}
ul.accprofile.creditcard li p.autoshipcc {min-height:27px}
ul.accprofile.creditcard li p.carddtexpire {min-height:21px}
ul.accprofile.creditcard li.addnewcreditcard {border-bottom:0}
ul.accprofile.creditcard li ul.tele_number_list li {margin-top:0; border:0; padding:0}
ul.accprofile.creditcard li ul.tele_number_list li.tel_heading {clear:left}
ul.accprofile.creditcard li ul.tele_number_list li.tele_no {padding-left:3px}
ul.accprofile.creditcard li span.currentadd {margin-left:0!important; padding-right:5px!important}
span.currentadd.primaryadd {
    background: none; font-weight: var(--default-font-weight-bold); padding-left:0!important; color:#979797;
}
ul.accprofile.creditcard li div.add_edit_ads a.closeBtn {display:none}
ul.accprofile li.profileinfo {padding:0 0 20px 0; margin:0!important; width:100%; }
ul.accprofile li.profileinfo div.addnewcccard {margin-top:20px}
ul.accprofile li.profileinfo div.addnewcccard a {background: #226cab; float:none; text-align:center;  margin-right:10px; display:inline-block; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 12px; font-weight: bold;  padding: 10px 25px; font-weight: var(--default-font-weight-bold); }

ul.accprofile.creditcard li.creditcarddtls p.usercard {
    margin-bottom: 5px
}
ul.accprofile.creditcard li.creditcarddtls p.username,
ul.accprofile.creditcard li.creditcarddtls p.cardtype {font-weight: var(--default-font-weight-bold);}
ul.accprofile.creditcard li.creditcarddtls p.cardtype {min-height:45px}
ul.accprofile.creditcard li.creditcarddtls p.cardprimarycard {min-height:25px;}
ul.accprofile.creditcard li.creditcarddtls p.actionbutton {padding-top:15px; text-align:left}
p.actionbutton a.clbtn {background: #226cab; float:none; text-align:center;  margin-right:10px; display:inline-block; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 12px; font-weight: bold;  padding: 10px 25px; font-weight: var(--default-font-weight-bold); }
p.actionbutton span#libtnDelete a.clbtn {background: #162029;}
p.actionbutton span#libtnDelete a.clbtn.btndisabled {
    color: #fff;
    background: #cccccc;
    cursor: default
}
ul.accprofile.creditcard li p.blankrow {clear: both;
overflow: hidden;
border-top: 1px solid #ececec;
padding-bottom: 15px;
margin-right: -16px;
padding-right: 0;
border-right: 1px solid #fff;
background: #fff;
position: relative;
z-index: 1;
margin-left: -15px;
margin-bottom: 0;
}
div.acctable div.accbodycontainer {border:1px solid #ccc; clear:both; overflow:hidden; margin:0 0 20px; padding:20px}

div.acctable.ccupdatemsg {border:0;}
div.acctable.ccupdatemsg span.successmsg {font-size:13px; font-weight: var(--default-font-weight-bold); color:#008000}
div.acctable div.accbodycontainer p {margin-bottom:10px}
div.acctable div.accbodycontainer p.boldtext {font-weight:bold}

div.acctable div.accbodycontainer div.creditcardlist {clear:both; overflow:hidden}

div.acctable div.accbodycontainer div.creditcardlist ul {float:left; width:100%; padding:10px 0; border-bottom:1px solid #ccc; }

div.acctable div.accbodycontainer div.creditcardlist ul li span.expired {float:left; width:100%; padding-top:8px; height:25px}

.expired {color: #FF0000; display: inline-block; font-weight: bold;}

div.acctable div.accbodycontainer div.creditcardlist ul li#libtnDelete, div.acctable div.accbodycontainer div.creditcardlist ul li#libtnEdit {float:left; margin:8px 5px 0 0}

div.acctable div.accbodycontainer div.creditcardlist ul li.currentadd {margin:5px 0 0!important}

.managecreditcards a.addcc {background: url("../images/spritebuttons.png") no-repeat -960px 11px; border: 1px solid #CCCCCC; float: left; font-size: 15px; margin: 20px 0 0; padding: 17px 25px 17px 48px; text-decoration:none}

.managecreditcards .title {font-size: 14px; font-weight: bold; padding-bottom:15px }

.managecreditcards ul.addnewcard {clear:both; overflow:hidden}
.popup_visible div.popup_wrapper_visible div.popup_content {
    border: 3px solid #333;
    padding: 30px!important;
    width: 90%!important;
    max-width: 750px
}

div#fadeandscale_wrapper.popup_wrapper_loader div.forgotpassword div.newslettersuccessmsg {display:none;}

div.addnewcreditcard div.title, div#editccpopup div.manageccpopup h2 {
    font-size: 25px;
    font-weight: var(--default-font-weight-bold);
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
}

#contentId_SMSContent { width: 100%}

div.addnewcreditcard ul.addnewcard {width:100%;}
div.addnewcreditcard ul.addnewcard li {padding-top:20px; display:flex; align-items:center; flex-wrap:wrap; width: 100%}
div.addnewcreditcard ul.addnewcard li > span {display:flex;align-items:center}
#ctl00_MainContent_addresses_drpPreffered tr {display:flex;align-items:center}
#ctl00_MainContent_addresses_drpPreffered td {display:flex;align-items:center}
#ctl00_MainContent_addresses_drpPreffered span {display:flex;align-items:center}
.notrequiredlabel {padding-left:10px}
div.addnewcreditcard ul.addnewcard li.primarycard label {width:auto; padding-left:10px}
div.addnewcreditcard ul.addnewcard li.requiredfield {padding-top:0}
div.addnewcreditcard ul.addnewcard li label {font-weight: var(--default-font-weight-bold); font-size:15px; width:175px; display:flex;}
div.addnewcreditcard ul.addnewcard li label span {float:left; padding-right:5px; color:#000;font-weight:normal}
div.addnewcreditcard ul.addnewcard li span.error {width:calc(100% - 175px); margin-left:175px}
div.addnewcreditcard ul.addnewcard li.zipcode label,
.manageccpopup ul.EditCreditCard li.zipcode label{display:flex}
div.addnewcreditcard ul.addnewcard li.zipcode div.txtzipblk {
    width: calc(100% - 90px)
}
div.addnewcreditcard ul.addnewcard li.zipcode span.error,
.manageccpopup ul.EditCreditCard li.zipcode span.error{width: auto; margin: 0; padding:0}
div.addnewcreditcard ul.addnewcard li.zipcode label span.error,
.manageccpopup ul.EditCreditCard li.zipcode label span.error{margin-left: 0px;}
div.addnewcreditcard ul.addnewcard li label span.error,
.manageccpopup ul.EditCreditCard li label span.error{width:auto; margin:0}
#ctl00_MainContent_addresses_lblZipMandatory{width:auto; padding-right: 5px}

div.addnewcreditcard ul.addnewcard li table.billshipoption label {padding-left:10px; width:100px;}

div.addnewcreditcard ul.addnewcard li span.pmaddchkbox label {padding-left:10px; width:auto;}

/*img#imgcard, .ccoptionsicon img, img#editccimage{width: 55px; height: 38px; border: 1px solid #ccc; border-radius: 4px;}*/
div.addnewcreditcard ul.addnewcard li.cardnumber span.ccoptionsicon {height: 3.5em; width: 20em; margin-top:10px; margin-left:175px; display:flex; justify-content:space-between;}

div.addnewcreditcard ul.addnewcard li input[type=text],
div.addnewcreditcard ul.addnewcard li select,
ul.EditCreditCard li input[type=text],
ul.EditCreditCard li select{padding:8px; font-size:14px; height:auto; width:calc(100% - 175px); background:#fff; border:1px solid #ccc} 
div.addnewcreditcard ul.addnewcard li select,
ul.EditCreditCard li select{margin-right:0px}

div.addnewcreditcard ul.addnewcard li input.errormessage,
.manageccpopup ul.EditCreditCard li input.errormessage {
    border: 1px solid #FF0000;
}

div.addnewcreditcard ul.addnewcard li select.expmonth,
ul.EditCreditCard li select.expmonth {width:160px; margin-right:10px;}

div.addnewcreditcard ul.addnewcard li select.expmonth.errorborder,
ul.EditCreditCard li select.expmonth.errorborder,
div.addnewcreditcard ul.addnewcard li select.expyear.errorborder,
ul.EditCreditCard li select.expyear.errorborder{border:1px solid #ff0000}

div.addnewcreditcard ul.addnewcard li select,
ul.EditCreditCard li select.expyear {width:100px}

div.addnewcreditcard ul.addnewcard li.securitycode input[type=text],
ul.EditCreditCard li.securitycodeEdit input[type=text] {width:100px; margin-right:5px}

div.addnewcreditcard ul.addnewcard li select.countrydropdown {
    margin: 0;
    width: calc(100% - 175px);
}

div.addnewcreditcard ul.addnewcard li.state.selectdropdown,
.manageccpopup ul.EditCreditCard li.state.selectdropdown {width:60%}
div.addnewcreditcard ul.addnewcard li.state.selectdropdown select,
.manageccpopup ul.EditCreditCard li.state.selectdropdown select {margin:0; width:calc(100% - 195px)}

div.addnewcreditcard ul.addnewcard li.zipcode,
.manageccpopup ul.EditCreditCard li.zipcode {width:40%; float:left}
div.addnewcreditcard ul.addnewcard li.zipcode label,
.manageccpopup ul.EditCreditCard li.zipcode label {width:90px;}
div.addnewcreditcard ul.addnewcard li.zipcode input[type=text],
.manageccpopup ul.EditCreditCard li.zipcode input[type=text] {margin:0; width:auto}

div.addnewcreditcard ul.addnewcard li.telext1,
.manageccpopup ul.EditCreditCard li.telext1 {width:40%; float:left}
div.addnewcreditcard ul.addnewcard li.telext1 label,
.manageccpopup ul.EditCreditCard li.telext1 label {width:90px;}
div.addnewcreditcard ul.addnewcard li.telext1 input[type=text],
.manageccpopup ul.EditCreditCard li.telext1 input[type=text] {margin:0; width:calc(100% - 90px)}

div.addnewcreditcard ul.addnewcard li.zipcode.nostate {width:100%}
div.addnewcreditcard ul.addnewcard li.zipcode.nostate label {width:175px;}
div.addnewcreditcard ul.addnewcard li.zipcode.nostate input[type=text] {width:calc(50% - 175px)}

.manageccpopup ul.EditCreditCard li.zipcode.nostate {width:100%}
.manageccpopup ul.EditCreditCard li.zipcode.nostate label {width:175px;}
.manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text] {width:auto}

div.addnewcreditcard ul.addnewcard li.phonetype,
.manageccpopup ul.EditCreditCard li.phonetype {width:60%; float:left; margin-right:40%}
div.addnewcreditcard ul.addnewcard li.phonetype select,
.manageccpopup ul.EditCreditCard li.phonetype select {margin:0; width:calc(100% - 195px)}

div.addnewcreditcard ul.addnewcard li.phone,
.manageccpopup ul.EditCreditCard li.phone {width:60%; float:left}
div.addnewcreditcard ul.addnewcard li.phone label,
.manageccpopup ul.EditCreditCard li.phone label {width:175px}
div.addnewcreditcard ul.addnewcard li.phone div.mobilenumber,
div.addnewcreditcard ul.addnewcard li.phone div.phonenumber,
.manageccpopup ul.EditCreditCard li.phone div.mobilenumber,
.manageccpopup ul.EditCreditCard li.phone div.phonenumber {margin:0; width:calc(100% - 195px); display:flex; flex-wrap:wrap; align-items:center;}
div.addnewcreditcard ul.addnewcard li.phone div.mobilenumber input[type=text],
div.addnewcreditcard ul.addnewcard li.phone div.phonenumber input[type=text],
.manageccpopup ul.EditCreditCard li.phone div.mobilenumber input[type=text],
.manageccpopup ul.EditCreditCard li.phone div.phonenumber input[type=text] {width:100%}
div.addnewcreditcard ul.addnewcard li.phone div.mobilenumber span.error,
div.addnewcreditcard ul.addnewcard li.phone div.phonenumber span.error,
.manageccpopup ul.EditCreditCard li.phone div.mobilenumber span.error,
.manageccpopup ul.EditCreditCard li.phone div.phonenumber span.error{margin:0; width:auto; padding:0}
.manageccpopup ul.EditCreditCard li input.errorborder {border:1px solid #ff0000}

div.addnewcreditcard ul.addnewcard li.cardnumber input[type=text] {
    width: calc(100% - 175px)
}
div.addnewcreditcard ul.addnewcard li.securitycode a,
ul.EditCreditCard li.securitycodeEdit a{text-decoration:underline; color:#337ab7}
div.addnewcreditcard ul.addnewcard li input.errorborder{border:1px solid #ff0000}
div.addnewcreditcard ul.addnewcard li.receivesms {clear:both}
#ctl00_MainContent_addresses_addnewcard > li.receivesms {flex-wrap: nowrap; align-items:flex-start}
#ctl00_MainContent_addresses_addnewcard > li.receivesms > label {width: 100%;  justify-content:flex-end; flex-direction:row-reverse}
#ctl00_MainContent_addresses_addnewcard > li.receivesms > label span {padding-left:5px; padding-right:0}
#ctl00_MainContent_addresses_addnewcard > li.receivesms > span {margin-top: 1px}
.manageaepopup ul.addnewcard li.receivesms input[type=checkbox] {margin:0 5px 0 0}

div.addnewcreditcard ul.addnewcard li.smscontent,
.manageccpopup ul.EditCreditCard li.smscontent{clear:both; font-size:13px}

div.addnewcreditcard ul.addnewcard li.actionbutton {justify-content:center}

div.addnewcreditcard ul.addnewcard li.actionbutton > div {width:100%}

div.addnewcreditcard ul.addnewcard li.actionbutton span.creditcarderrormsg,
.manageccpopup ul.EditCreditCard li.actionbutton span.creditcarderrormsg{margin-top:0; margin-bottom:10px; width:calc(100% - 175px); text-align:center; background:#fff; color:#af1a30; text-align:left; padding:0; font-weight: var(--default-font-weight-semi-bold);}

div.addnewcreditcard ul.addnewcard li.actionbutton a.clbtn,
ul.EditCreditCard li.actionbutton a.clbtn{background: #226cab; border:1px solid #226cab; float:none; text-align:center;  margin-right:10px; display:inline-block; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 12px; font-weight: bold;  padding: 10px 25px; font-weight: var(--default-font-weight-bold); }
div.addnewcreditcard ul.addnewcard li.actionbutton a.clbtn.btnreset,
ul.EditCreditCard li.actionbutton a.clbtn.btnreset{background: #fff; border:1px solid #b2b2b2; color:#333333;}

div.addnewcreditcard ul.addnewcard li.securitycode div.whatthistt,
.manageccpopup ul.EditCreditCard li.securitycodeEdit div.whatthistt{position:relative; width:80px}
div.addnewcreditcard ul.addnewcard li.securitycode div.whatthistt div.ccsecurityinfo,
.manageccpopup ul.EditCreditCard li.securitycodeEdit div.whatthistt  div.ccsecurityinfo{
    position: absolute;
    padding: 15px;
    background: #f2f2f2;
    color: #363636;
    font-size: 12px;
    width: 325px;
    top:-160px;
    left:80px;
    display:none;
}
div.addnewcreditcard ul.addnewcard li.securitycode div.whatthistt:hover div.ccsecurityinfo,
.manageccpopup ul.EditCreditCard li.securitycodeEdit div.whatthistt:hover div.ccsecurityinfo{display:block}
/*div.addnewcreditcard ul.addnewcard li.securitycode div.whatthistt:hover a:after {font-family: FontAwesome;
    content: "\f0d9";
    font-size: 23px;
    color: #f2f2f2;
    text-decoration: none;
    margin-left: 0px;
    padding-left: 0px;
    position: absolute;
    right: 0;
    top: -5px;
    cursor: default;}*/

div.whatthistt div.ccsecurityinfo h2 {font-weight: var(--default-font-weight-bold) !important; font-size:15px!important; padding-bottom:10px!important}
div.whatthistt div.ccsecurityinfo p.ccimg {background:url("../images/cc-verifcation-code.jpg") no-repeat 0 0; width:110px; height:74px}
div.whatthistt div.ccsecurityinfo div.ccardtype {margin-top:10px}
div.whatthistt div.ccsecurityinfo h3 {font-weight: var(--default-font-weight-bold); font-size:14px}

.managecreditcards ul.accprofile.creditcard ul.addnewcard li {
    width: 100%;
    padding: 0 0 15px 0;
    border: 0
}
.managecreditcards ul.accprofile.creditcard ul.addnewcard li input[type=text],
.managecreditcards ul.accprofile.creditcard ul.addnewcard li input[type=password],
.managecreditcards ul.accprofile.creditcard ul.addnewcard li select {width:98%}
.managecreditcards ul.accprofile.creditcard ul.addnewcard li.receivesms input[type=checkbox],
.managecreditcards ul.accprofile.creditcard ul.addnewcard li span.pmaddchkbox input[type=checkbox],
.manageccpopup ul.EditCreditCard li.receivesms input[type=checkbox],
.manageccpopup ul.EditCreditCard li span.pmaddchkbox input[type=checkbox] {float:left; margin:3px 3px 0 0}
.managecreditcards ul.accprofile.creditcard ul.addnewcard li.receivesms label,
.managecreditcards ul.accprofile.creditcard ul.addnewcard li span.pmaddchkbox label,
.manageccpopup ul.EditCreditCard li.receivesms label {width:94%}
.manageccpopup ul.EditCreditCard li.receivesms {align-items:center;}
.manageccpopup ul.EditCreditCard li.receivesms input[type=checkbox] {margin:0 5px 0 0}
.manageccpopup ul.EditCreditCard li.receivesms label {padding:0}
.manageccpopup ul.EditCreditCard li span.pmaddchkbox label {width:auto; padding-left:10px}
.manageccpopup ul.EditCreditCard li span.error {padding-left:175px}
.managecreditcards ul.addnewcard li label span {color: #949494; font-size: 10px; font-weight: normal; padding: 0 0 0 4px;}
.managecreditcards ul.addnewcard li label span.error {padding-left:0; font-weight:bold; position:relative; top:-2px}

ul.accprofile.creditcard ul.addnewcard li.actionbutton {text-align:center}
ul.accprofile.creditcard ul.addnewcard li.actionbutton a.clbtn {background: #5294f7; display:inline-block; margin-right:0; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: 30px; line-height: 29px; padding: 0; width: 110px; }
ul.accprofile.creditcard ul.addnewcard li.actionbutton span.creditcarderrormsg {width:100%; max-width:inherit}

.managecreditcards ul.addnewcard li.submitbtn a.submit {margin:20px 15px 0 0}
.managecreditcards ul.addnewcard li.submitbtn span.creditcarderrormsg {float:left; margin-top:20px}
.managecreditcards.manageccpopup {clear:both; overflow:hidden}

.manageccpopup ul.EditCreditCard {clear:both; overflow:visible; margin-top:0px; border-top:0; padding:0}
.manageccpopup ul.EditCreditCard li {width:100%; margin-top:0; border-top:0; display:flex; flex-wrap:wrap; align-items:center; padding-top:20px; padding-bottom:0}
.manageccpopup ul#ctl00_MainContent_addresses_addnewcard.EditCreditCard li label {font-weight:var(--default-font-weight-bold); cursor:pointer}
.manageccpopup ul.EditCreditCard li > div {width:calc(100% - 90px); display: inline}
.manageccpopup ul.EditCreditCard li.nostate > div, div.addnewcreditcard ul.addnewcard li.zipcode.nostate > div {width:calc(100% - 175px); display: inline}
.manageccpopup ul.EditCreditCard li.primarycard {display:flex; align-items:center;}
.manageccpopup ul.EditCreditCard li.primarycard label {width:auto; padding-left:10px}
.manageccpopup ul#ctl00_MainContent_addresses_addnewcard.EditCreditCard li table.billshipoption label {padding-left:10px; width:100px;}
.manageccpopup ul.EditCreditCard li.editccdetails {padding: 20px 0 0}
.manageccpopup ul.EditCreditCard li.editccdetails ul#CCDetails {display:flex; flex-direction:column;}
.manageccpopup ul.EditCreditCard li.editccdetails p.username,
.manageccpopup ul.EditCreditCard li.editccdetails p.cardtype{font-weight: var(--default-font-weight-bold);}
.manageccpopup ul.EditCreditCard li.editccdetails p.username {order:1}
.manageccpopup ul.EditCreditCard li.editccdetails p.cardtype {order:2}
.manageccpopup ul.EditCreditCard li.editccdetails p.cardexpiry {order:3}
.manageccpopup ul.EditCreditCard li.editccdetails p.usercard{margin:5px 0; order:4}
.manageccpopup ul.EditCreditCard li.editccdetails p.autoshipcc {order:5}
.manageccpopup ul.EditCreditCard li.editccdetails p.carddtexpire {order:6}
.manageccpopup ul.EditCreditCard li label {width:175px; font-size:15px; font-weight: var(--default-font-weight-bold);}
.manageccpopup ul.EditCreditCard li label span {float:left; padding-right:5px; color:#af1a30}
.manageccpopup ul#ctl00_MainContent_addresses_addnewcard.EditCreditCard li label span {padding-left:0; width:auto; padding-right:5px}
.manageccpopup ul.EditCreditCard li.actionbutton {text-align:center; justify-content:center;}
.manageccpopup ul.EditCreditCard li.privacypolicy {width:100%}

ul.accprofile.EditCreditCard li.actionbutton a.clbtn {display:inline-block}
ul.accprofile.EditCreditCard li.actionbutton span.creditcarderrormsg {width:100%; max-width:inherit}

span.privacypolicylnk {clear:both; overflow:hidden; border-top:1px solid #ececec; padding:2px 0; float:left; width:100%; margin-top:15px; display:block; font-size:11px; font-weight:normal}
span.privacypolicylnk a {text-align:right; float:right; padding:0 5px}

/********************* Invoice Details Page ***********************/

div.invdetails div#ordhddisp {
    background: #e1e1e1;
    clear: both;
    overflow: hidden;
    padding: 5px;
}

    div.invdetails div#ordhddisp div.colm1 {
        float: left;
        clear: left;
        padding: 3px 0;
    }

        div.invdetails div#ordhddisp div.colm1 label {
            float: left;
            width: 100px;
        }

div.invdetails #ordhddisp div span {
    color: #01539b;
    font-weight: bold;
}

div.invdetails div#ordhddisp div.ordertrack {
    float: right;
    margin: 7px 0;
}

#invordqutdtl, #returnorderdtl {
    height: auto;
    margin-bottom: 15px;
    margin-top: 8px;
}

div.invdetails div#invordqutshipadd h4.acc-subhead, div.invdetails div#invordqutbilladd h4.acc-subhead {
    background: #999;
    border-bottom: 1px solid #999;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 4px;
}

div.invdetails div#invordqutshipadd table, div.invdetails div#invordqutbilladd table {
    background: #fff;
    border: 1px solid #999;
    color: #444;
    font-size: 13px;
}

    div.invdetails div#invordqutshipadd table td, div.invdetails div#invordqutbilladd table td {
        border: 1px solid #999;
        padding: 4px;
        vertical-align: top;
    }

div.invoiceorderdetails {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #bcbcbc;
    border-bottom: 0;
}

    div.invoiceorderdetails ul li {
        border-bottom: 1px solid #bcbcbc;
    }

        div.invoiceorderdetails ul li label {
            border-right: 1px solid #bcbcbc;
            font-weight: bold;
            min-height: 30px;
            padding-top: 5px;
        }

        div.invoiceorderdetails ul li span {
            padding: 5px 2%;
        }

div.invoicelist {
    clear: both;
    overflow: hidden;
    width: 100%;
}

    div.invoicelist ul {
        border-bottom: 1px solid #bcbcbc;
        border-right: 1px solid #bcbcbc;
        clear: both;
        overflow: hidden;
    }

        div.invoicelist ul.formhead {
            background: #999;
            color: #fff;
            font-weight: bold;
        }

            div.invoicelist ul.formhead li {
                border-right: 1px solid #8c8b8b;
            }

        div.invoicelist ul li {
            border-right: 1px solid #bcbcbc;
            float: left;
            padding: 0.5%;
            word-wrap: break-word;
        }

            div.invoicelist ul li.orderedmgmt {
                width: 10%;
                text-align: center;
                border-left: 1px solid #bcbcbc;
            }

            div.invoicelist ul li.itemshipped {
                width: 10%;
                text-align: center;
                word-wrap: break-word;
                word-break: break-all;
            }

            div.invoicelist ul li.itembo {
                width: 8%;
                text-align: center;
            }

            div.invoicelist ul li.invitemno {
                width: 14%;
                text-align: center;
            }

            div.invoicelist ul li.gendesc {
                width: 25%;
                text-align: left;
            }

            div.invoicelist ul li.skudiscount {
                width: 10%;
                text-align: right;
            }

            div.invoicelist ul li.unitprice {
                width: 11%;
                text-align: right;
            }

            div.invoicelist ul li.extprice {
                width: 11%;
                text-align: right;
                border: 0;
            }

            div.invoicelist ul li label {
                display: none;
            }

        div.invoicelist ul.invoicetotal {
            border-bottom: 0;
        }

            div.invoicelist ul.invoicetotal li {
                float: none;
                clear: both;
                overflow: hidden;
                border-left: 1px solid #bcbcbc;
                border-bottom: 1px solid #bcbcbc;
                min-height: 30px !important;
                height: 30px !important;
                padding: 0;
                border-right: 0;
            }

                div.invoicelist ul.invoicetotal li label {
                    float: left;
                    width: 77%;
                    padding: 1%;
                    border-right: 1px solid #bcbcbc;
                    text-align: right;
                    display: block;
                }

                div.invoicelist ul.invoicetotal li span {
                    float: right;
                    width: 20%;
                    padding: 1% 1.5% 1% 1%;
                    text-align: right;
                }

/********************************************************************/
.layacceditbtn.acceditbtn, .acc-new-address {
    display: none;
}

.editaddress .layacceditbtn.acceditbtn {
    display: block;
}

.accdottedline {
    height: 1px;
    line-height: 1px;
    padding: 1px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}


/************************* Contact list ***************************/

div.createcontactlist div.buttons {
    margin: 10px 0;
}

    div.createcontactlist div.buttons .acc-subhead {
        width: auto;
    }

div.createcontactlist ul.contacthead {
    color: #fff;
    background: #999;
    clear: both;
    overflow: hidden;
    border-left: 1px solid #999;
}

    div.createcontactlist ul.contacthead:nth-child(2n+1) {
    }

div.createcontactlist ul li {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    padding: 0.5%;
    float: left;
}

    div.createcontactlist ul li.name {
        width: 20%;
    }

    div.createcontactlist ul li.email {
        width: 44.8%;
    }

    div.createcontactlist ul li.status {
        width: 15%;
    }

    div.createcontactlist ul li.editcontact {
        width: 20%;
    }

div.createcontactlist span.successmsg {
    display: none;
}

div.createcontactlist ul.contactlist {
    border-top: 0;
}

    div.createcontactlist ul.contactlist li {
        height: 40px;
    }

        div.createcontactlist ul.contactlist li label {
            display: none;
        }

div.createcontactlist ul li.editcontact .btn {
    padding: 3px 10px;
}

.tele_number_list {
    margin: 0;
    padding: 0;
    color: #000;
}

    .tele_number_list li {
        margin: 0;
        padding: 0;
        float: left;
    }

        .tele_number_list li.tel_heading {
            width: auto;
        }

        .tele_number_list li.colon {
            text-align: center;
            width: 3%;
        }

        .tele_number_list li.tele_no {
            width: auto;
        }

            .tele_number_list li.tele_no span.extn {
                margin-left: 5px;
            }

            .tele_number_list li.tele_no span {
                line-height: 18px; width:auto
            }

.mobile_button_box {
    display: none;
}


/**************** Add Contact ****************/

div.addcontact {
    margin: 15px 0;
}

    div.addcontact .acc-subhead {
        font-size: 20px;
    }

    div.addcontact ul {
        margin: 0 0 10px;
    }

        div.addcontact ul li {
            clear: both;
            overflow: hidden;
            padding: 5px 0;
        }

            div.addcontact ul li label {
                float: left;
                width: 30%;
                line-height: 27px;
            }

            div.addcontact ul li span.error {
                clear: left;
                margin-left: 30%;
                float: left;
            }

            div.addcontact ul li label span.error {
                float: left;
                width: 10px;
                margin: 0;
            }

            div.addcontact ul li input[type=text], div.addcontact ul li input[type=password] {
                clear: none !important;
                width: 225px;
            }

            div.addcontact ul li select {
                clear: none !important;
                width: 225px;
            }

            div.addcontact ul li input.btn {
                margin-left: 30%;
            }

            div.addcontact ul li.chkemail input[type=checkbox] {
                float: left;
                margin: 3px 5px 0 0;
            }

            div.addcontact ul li.chkemail label {
                width: 90%;
                line-height: 20px;
            }

div.actionbtnwrap {
    margin-left: 30%;
}


/*-- Change Login Detail Page --*/
.changelogin_content .acc-subhead {
    margin-left: 2px;
}

.error_msg_box {
    margin-left: 1px;
}

/************************ Change Login Details ************************/

div.changelogin_content span.successmsg {color:#008000; font-weight: var(--default-font-weight-bold) !important; padding-bottom:3px; font-size:13px}

div.changelogin  {border:1px solid #ececec; margin:auto;}
div.changelogin h1 {padding:10px 15px; background:#ececec; font-size:22px; color:#000; text-transform:capitalize}

div.changelogin_content {padding:10px 15px;}
div.order_history_content div.myacc_content {padding-bottom:0}
div.myreturnorder div.myacc_content {padding-bottom:15px}
div.changelogin h2 {padding-bottom:10px; font-size:20px; color:#000; font-weight:bold}
ul#accprofile.changepassword li h3 {padding:10px 15px; clear:both; overflow:hidden; background:#ececec}
ul#accprofile.changepassword li h3 label {font-size:15px; font-weight:bold; width:auto; float:left}
ul#accprofile.changepassword li h3 a {font-size:13px; text-decoration:underline; float:left; clear:left}
ul#accprofile.changepassword li p {padding:10px 15px; clear:both; overflow:hidden}
ul#accprofile.changepassword li p span {padding-right:5px}
ul#accprofile.changepassword li.password p {font-size:16px}

div.logindetailshead span.mandatorynote {padding-bottom:15px; display:block}


div.text h4 {color:#1868AA; font-size:12px}

div.text p{padding-bottom:10px}

div.hiddenpopup {display:none}

.ui-widget-content {z-index:2147483647 !important}

div.popup_wrapper_loader div.popup_content a.closeBtn {display:none}

.ChangeEmailAddressHolder {width:95%!important; max-width:420px; }
.ChangeEmailAddressHolder.popup_content {top:10%!important; border:1px solid!important; padding:10px!important; border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; -ms-border-radius:0!important}

.popupholder {width:95%!important; max-width:420px; }
.popupholder.popup_content,
.addverficationpopup.popup_content {top:10%!important; border:1px solid!important; padding:10px!important; border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; -ms-border-radius:0!important}
div.popup_wrapper_loader .popupholder.popup_content,
div.popup_wrapper_loader .addverficationpopup.popup_content {border:0!important}
.downloadlist.popup_content {top:10%!important; border:1px solid!important; padding:10px!important; border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; -ms-border-radius:0!important}
div.popup_wrapper_loader .downloadlist.popup_content {border:0!important}

.ChangeEmailAddressHolder .modalHolder .midHead .marginDiv {padding-bottom:10px; border-bottom:1px solid #218649; text-align:center}
.ChangeEmailAddressHolder .modalHolder .midHead .marginDiv strong {font-size:18px; font-weight:bold; color:#000}

iframe#iFraChangeEmail {height:435px; overflow-y:hidden; overflow-x:hidden}

.ChangeEmailAddressHolder .modalHolder .midHead .marginDiv div.closeBtn {float:right}
.ChangeEmailAddressHolder .modalHolder .midHead .marginDiv div.closeBtn a {height:28px; cursor:pointer; width:28px; background:url("../images/icon_close.png") no-repeat 0 -610px; text-indent:-999999px; display:block}

.popupholder a.closeBtn,
.addverficationpopup a.closeBtn,
.addnewcreditcard a.closeBtn{float:right; height:28px; cursor:pointer; position:absolute; top:10px; right:10px; width:28px; background:url("../images/icon_close.png") no-repeat 0 0; text-indent:-999999px; display:block}
.popupholder h2, .addverficationpopup h2, .popupholder div.address_validation h2, .manageccpopup div.title,
.cancelordermessage h2{padding:0 ; text-align:left; font-size:25px; font-weight: var(--default-font-weight-bold);}
.manageccpopup div.title {padding-bottom:15px; border-bottom:1px solid #ececec;}
.downloadlist iframe {margin-top:-20px}
.downloadlist a.closeBtn {float:right; position:relative; height:28px; cursor:pointer; width:28px; background:url("../images/icon_close.png") no-repeat 0 -610px; text-indent:-999999px; display:block}
.downloadlist h2 {padding-bottom:10px; border-bottom:1px solid #218649; text-align:center; font-weight:bold; font-size:22px}

.popup_visible div.popup_wrapper_visible div#deleteccpopup.popup_content,
.popup_visible div.popup_wrapper_visible div#OrderCancel.popup_content{text-align:center!important; padding:40px!important;}

.popup_visible div.popup_wrapper_visible div#deleteccpopup.popup_content h2,
.popup_visible div.popup_wrapper_visible div#OrderCancel.popup_content h2{text-align:center;}

.popup_visible div.popup_wrapper_visible div#deleteccpopup.popup_content div.manageccpopup ul {font-size:16px}
.popup_visible div.popup_wrapper_visible div#deleteccpopup.popup_content div.manageccpopup ul li span.msg {padding:30px 0; display:block}

.cancelordermessage p{font-size:16px; padding-top:20px;}

    .popup_visible div.popup_wrapper_visible div#deleteccpopup.popup_content div.manageccpopup ul li.addtodelete {
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

.actionbutton a.clbtn, .actionbutton input.clbtn {background: #226cab; border:1px solid #226cab; float:none; text-align:center;  margin-right:10px; display:inline-block; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 12px; font-weight: bold;  padding: 10px 25px; font-weight: var(--default-font-weight-bold); }
.actionbutton a.clbtn.btnreset, .actionbutton input.clbtn.btnreset{background: #fff; border:1px solid #b2b2b2; color:#333333;}

div.changelogin_content {clear:both; overflow:hidden}
div.myacc_content.order_history_content {overflow:visible}
div.ContentArea div.marginDiv.foriPhone {-webkit-overflow-scrolling: touch; height:350px; overflow-y:scroll}
@media (orientation: landscape) { 
    div.ContentArea div.marginDiv.foriPhone {height:250px}
}
label.mandatorynote {position:relative; padding-left:10px; padding-bottom:10px; display:block}
ul.changepassword  {border-top:1px solid #3f9764; padding-top:0; clear:both; overflow:hidden; margin-bottom:5px;
                    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between;
}
ul.changepassword li {position:relative; margin-top:15px; width:100%; border:1px solid #ececec}
ul.changepassword#accprofile1 li span.astrix {position:static}
ul.changepassword li label {padding-left:10px; width:100%}
ul#accprofile.changepassword li label, ul.accprofile li label {padding-bottom:3px}
ul.changepassword li input, ul.changepassword li select {margin-left:10px}

ul#accprofile.changepassword li.emailvalidation span {line-height:28px; display:inline-block; float:left; width:auto%}
ul.changepassword li.password {padding-bottom:0px}


ul#accprofile.changepassword li.securityinfo {margin:0; padding:0; border:0}
ul.changepassword li.actionbutton {float:none; width:100%; clear:both; overflow:hidden; border-bottom:1px solid #ececec; margin-bottom:20px;
                                   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; justify-content: center;
}
ul.changepassword li.actionbutton label {display:none}
ul.changepassword li.actionbutton a {float:none; margin:0 2px}
ul.changepassword li.actionbutton a.clbtn {background: #5294f7; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: 30px; line-height: 29px; padding: 0; width: 110px; }

ul.changepassword li div.actionbutton {margin-left:10px}
ul.changepassword li.blank {display:none}
ul.newlogindetails {border:1px solid #ccc; padding:0 15px 15px; line-height:17px; margin-bottom:20px}

ul.newlogindetails li {padding:5px 0; clear:both; overflow:hidden; position:relative}
ul.newlogindetails li.greybg {padding-top:15px}
ul.newlogindetails li.nonmandatory {padding-left:10px}

ul.newlogindetails li label {float:left; width:100%; }
ul.newlogindetails li.nonmandatory label{padding-left:2px; width:53%}

ul.newlogindetails li select {float:left; font-size:11px; color:#333; padding:2px}

ul.newlogindetails li input.submit, ul.newlogindetails li a.submit {margin-left:54%}

.changepassword input[type="text"], .changepassword input[type="password"], .changepassword select {
    padding: 3px;
    width: 92%;
    margin-bottom: 5px;
    line-height: normal;
}
#accprofile.changepassword input[type="text"], #accprofile.changepassword input[type="password"], #accprofile.changepassword select {width:100%; margin:0; background:#ececec; border:0}

.changelogin_content .changepassword li.clearfix span {
    line-height: normal;
}

div.myacclinks {max-width:1000px; margin:30px auto 0}
div.myacclinks ul {float:none; width:100%; clear:both; overflow:hidden;
                                   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; justify-content: space-between;
}
div.myacclinks ul li {border:1px solid #ececec; margin-bottom:30px; width:100%; text-align:center}

div.error_msg_box div.successerrormsg span {display:none; font-weight: var(--default-font-weight-bold);}

/**************** CSS for IE9 Only ***********************/
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    ul .changepassword li {display:inline-table; width:33.1%!important}
    ul.changepassword li.actionbutton {width:100%!important}
    div.myacclinks ul li {display:inline-table;}
    div.myacclinks ul li:nth-child(3n+3) {float:right}
    div.myacclinks ul li:first-child,
    div.myacclinks ul li:nth-child(3n+4) {margin-right:1.5%}
}

div.myacclinks ul li.blank {border:0; padding:0}
div.myacclinks ul li a {display:block; padding:15px; color:#000; font-weight:bold; font-size:20px}
div.myacclinks ul li a span {height:100px; width:100px; display:block; background:#000; margin:0 auto 15px}
div.myacclinks ul li a span.orders {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-orders.gif") no-repeat 0 0}
div.myacclinks ul li a span.autoship {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-autoship.gif") no-repeat 0 0}
div.myacclinks ul li a span.mywallet {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-wallet.gif") no-repeat 0 0}
div.myacclinks ul li a span.rewards {background:url("//media.mercolamarket.com/assets/loyality/healthy-rewards-202x48v3.png") no-repeat 0 26px; width:202px; }
div.myacclinks ul li a span.addressbook {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-addresses.gif") no-repeat 0 0}
div.myacclinks ul li a span.storecredit {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-storeCredit.gif") no-repeat 0 0}
div.myacclinks ul li a span.giftcard {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-giftCards.gif") no-repeat 0 0}
div.myacclinks ul li a span.returnorder {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-returns.gif") no-repeat 0 0}
div.myacclinks ul li a span.downloads {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-downloads.gif") no-repeat 0 0}
div.myacclinks ul li a span.viewprofile {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-community.gif") no-repeat 0 0}
div.myacclinks ul li a span.newsletter {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-newsletters.gif") no-repeat 0 0}
div.myacclinks ul li a span.wishlist {background:url("//media.mercolamarket.com/assets/images/shop/MyAcct-icons-100x100-wishlist.gif") no-repeat 0 0}

div.ChangeEmailAddressHolder {font-size:14px;}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv {width:100%; margin:0 auto; max-width:450px; height:auto;overflow:inherit}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv ul li {margin:14px 0}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv ul li label {width:100%}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv span.astrix,
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv span.error {position:static; font-size:13px}

div.ChangeEmailAddressHolder div.ContentArea select,
div.ChangeEmailAddressHolder div.ContentArea input[type=text],
div.ChangeEmailAddressHolder div.ContentArea input[type=password] {width:100%; padding:4px; height:28px; background-color:#ececec; margin:0.2em 10px 0.2em 0; border:1px solid #E5E5E5}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv ul li.actionbutton {margin:auto; text-align:center}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv ul li.actionbutton a {float:none; background-color: #2f7ae8 !important;
border-radius: 0;
text-shadow: none !important;
font-size: 14px;
font-weight: bold;
line-height: 30px;
min-width: 110px;
text-transform: uppercase;
margin:5px 7px 10px; color:#fff; padding:0}
div.ChangeEmailAddressHolder div.ContentArea select.birthdate {float:left; width:30%; margin-right:2%}
div.ChangeEmailAddressHolder div.ContentArea select.birthmonth {float:left; width:68%; margin-right:0}
ul#accprofile.changepassword li span.astrix {position:static; display:inline; width:100%}
div.ChangeEmailAddressHolder div.ContentArea div.marginDiv span.successmsg {font-weight:bold!important; padding:10px 0 0}

/***************** Add Edit Address **********************/
ul.accaddedit {clear:both; overflow:hidden}
ul.accaddedit li {clear:both; overflow:hidden; padding:5px 0}
ul.accaddedit li span.mandatorynote {font-size:11px}
ul.accaddedit li label {float:left; width:170px}
ul.accaddedit li label.nonmandatory {padding-left:12px; width:158px}
ul.accaddedit li label.ext {margin-left:10px; width:50px}
ul.accaddedit li input {vertical-align:top; float:left}
ul.accaddedit li input[type=text] {width:170px}
ul.accaddedit li input[type=checkbox] {margin:0 5px 0 0}
ul.accaddedit li select {padding:2px; color:#333; vertical-align:top}
ul.accaddedit li input.submit {margin-left:170px}
ul.accaddedit li.teerrormess {padding:0}
ul.accaddedit li span.astrix {font-size:11px; padding:5px 0}

#ctl00_MainContent_addresses_addnewcard li ul.stateZip{width:100%}
#ctl00_MainContent_addresses_spnZip > span {padding-left: 175px}
#ctl00_MainContent_addresses_Li_ddlState {padding:0;}
#ctl00_MainContent_addresses_spnZip {padding:0;flex-flow:row wrap}
/********************************************************************/

.acc_pagging .placeholder {
    float: right;
}

.acc_pagging .qtypage {border: 1px solid #d1d1e1; margin:0 5px; padding: 3px 6px; text-align: center; height: 25px; width: 44px; float:left}

.acc_pagging .accbtn {float:left}

.acc_pagging .placeholder, .acc_pagging label {float: left; font-weight: normal; line-height: 23px; margin: 0;}



.srch-odr-history {
    clear: both;
}

.buyall, .addall {
    background: #ececec;
    padding: 3px 10px;
    position: relative;
}

    .buyall .acc-subhead {
        float: left;
        margin: 0 7px;
        width: auto; padding:0; line-height:32px; color:#464646
    }

    div.buyall input[type=checkbox] {float:left; margin-top:10px;}
    .buyall .acc-subhead label {cursor:pointer}


span.stockstatus {background: rgba(0, 0, 0, 0) url(../images/smallicons.png) no-repeat 0 -13px; color: #008000; padding-bottom: 3px; padding-left: 16px; display:block}
span.stockstatus.outofstock {color:#af1a30; background: rgba(0, 0, 0, 0) url(../images/smallicons.png) no-repeat 0 -43px; float:none; display:block}

.removeitem .remove_item {
    font-size:16px; text-decoration:underline; padding-top:5px; 
}

.lastupdon {
    margin-left: 5px;
}

.srcitems input.srhitem {
    padding: 4px;
    width: 25%;
    height: 25px;
    border-color: #888;
}

.addall .go {
    padding: 5px 12px;
}

.srhbox {
    padding-left: 96px;
}

.align_R {
    text-align: right;
}

.creditlimit_content {
    margin-top: 20px;
}

.credit_bucket {
    margin: 8px 0;
}

    .credit_bucket label {
        width: 100px;
    }

    .credit_bucket select {
        width: 300px;
    }

.creditlist {
    margin: 0;
}

    .creditlist ul {
        display: inline-block;
        clear: both;
        width: 100%;
    }

        .creditlist ul.dsk-heading {
            border: 0 none;
        }

        .creditlist ul li {
            display: block;
            float: left;
            
            line-height: 24px;
            overflow: visible;
        }

        .creditlist ul.dsk-heading li, .creditlist ul.dsk-content li {
            border-width: 0 0 0 1px;
        }

.d-heading, .m-heading {
    background-color: #999;
    border: 0 none;
    color: #fff;
    font-weight: bold;
}

.remove.small {
    display: none;
}

.myordercontainer ul.shrcontent li a {
    color: #1d6f9e;
    font-size: 13px;
}

.myordercontainer ul.shrcontent li span.astrix {position:static}

.myordercontainer a.seemmorelines {
    float: right;
    text-decoration: underline;
}

    .myordercontainer a.seemmorelines:hover {
        color: #000;
        text-decoration: none;
    }

.ordertracking {
    float: none;
    display: inline-block;
    margin-top: 0px; background:none; height:auto; color:#59595c; font-weight:bold; border-radius:0; padding:5px 10px!important; text-transform:uppercase
}
.ordertracking.ordertrackingdisable {border:2px solid #cbcbcb; color:#cbcbcb; cursor:default}

.qoutecontent ul li, .date_expire {
    display: block;
    width: 100%;
}



.viewadshead select {
    float: left;
    width: 60%;
}

.viewadshead .errorctn {
    float: left;
    clear: left;
}

#accsearchbg .ordercontent {
    margin: 10px 0 0;
}

.ordercontent + .errormessage {
    padding: 5px 0 0 0;
}

#accsearchbg .searchval {
    border-radius: 2px;
    height: 25px;
    line-height: 20px;
    font-size: 14px;
    padding: 2px 0 2px;
    width: 30%; float:left; margin-right:5px; min-width:235px
}

.ordercreditcard {
    padding: 5px;
    width: 44%;
}

.srhcrigeriacontent td {
    padding-top: 5px;
}

    .srhcrigeriacontent td label {
        line-height: 26px;
    }

.pickupdate {
    vertical-align: middle;
}

#addtocart {
    vertical-align: top;
}

.addtocart_successmsg {
    width: 100%;
}

div.orderdate {
    padding: 0px;
    margin-right: 2px;
    margin-left: -2px;
    white-space: nowrap;
}



.btn.export[disabled=disabled] {
    background-color: #ccc;
    color: #999;
}


/************************* Search Order Page *******************************/
ul.searchcontent {border-top:1px solid #ececec; padding-top:15px; overflow:visible}
ul.searchcontent li {clear:both; padding-bottom:15px}
ul.searchcontent li.searchinfo, ul.orderdetails li.orderstatusinfo {width:100%}
ul.searchcontent li label {float:left; width:100%; line-height:normal}
ul.searchcontent li.actionbutton label {display:none}
ul.searchcontent li.showautoship {margin-top:0px; width:60%}
ul.searchcontent li.showautoship label {width:auto; margin-top:3px; line-height:normal}
ul.searchcontent li.showautoship input[type=checkbox] {margin:6px 5px 0 0; float:left}
.searchcontent input[type=text], .searchcontent select {width: 100%; max-width:432px; float:left}
ul.accprofile.searchcontent li.actionbutton {width:40%}
div.returnorder ul.accprofile.searchcontent li.actionbutton {width:100%; text-align:center}

.srhcrigeriacontent a.accbtn {float:left}

/*-- Download --*/

.download_listing {margin:15px auto 0; max-width:1000px; padding: 0; border-bottom: 1px solid #ececec;}

.download_listing ul {clear:both; overflow:hidden; border: 1px solid #ececec; border-bottom:0}
.download_listing ul.formhead {background: #ececec; display:none}

.download_listing li {padding:5px 2%; clear:both; overflow:hidden; width:100% }
.download_listing li span {float:left; width:65%}
.download_listing li span.mobile_title {width:35%}
.download_listing li.downloads a {cursor:pointer}

.dwnloadlist {border:1px solid #ececec; border-bottom:0}
.dwnloadlist ul.formhead {display:none}
.dwnloadlist ul {border-bottom:1px solid #ececec; padding-top:10px}
.dwnloadlist ul li {clear:both; overflow:hidden; padding:0 10px 10px}
.dwnloadlist ul li label {float:left; width:30%; font-weight:bold}
.dwnloadlist ul li span {float:left; width:70%}


/********************* Preferences **************************/

div.emailpref {border-top:1px solid #ccc; padding-top:15px; margin-bottom:20px}
div.emailpref h4 {border-bottom: 1px solid #ccc; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px;}
div.emailpref ul.preferencelist li {clear:both; overflow:hidden; padding:5px 0}
div.emailpref ul.preferencelist li span {width:100%; }
div.emailpref ul.preferencelist li input[type=checkbox] {float:left; margin-right:5px; margin-top:1px}
div.emailpref ul.preferencelist li label {font-weight:normal; width:93%}

div.prefpymtmethod h4{border-bottom: 1px solid #ccc; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px;}

ul.accpreferredpayment li {padding-bottom:10px; clear:both; overflow:hidden}
ul.accpreferredpayment li label {font-weight:normal; padding-right:10px; float:left; line-height:32px; margin:0}
ul.accpreferredpayment li select {float:left}
ul.accpreferredpayment li  a.accbtn {float:left}

/********************** Wholesale Customer Registration ************************/
.watermarked {color:#c0c0c0; font-style:normal}
div.wholesalecustomer {margin-top:10px}
div.wholesalecustomer h1 {color: #be1c1c; font-size: 24px; font-weight: normal; margin: 0px auto 15px; padding: 0; width: 100%;}
div.wholesalecustomer span.required {float:left; margin-top: 10px; width: 100%;}
div.wholesalecustomer span#termsandcondition.redblockerrormsg {float:left; clear:left}
a.redLinks{color:#ff0000;}
a.redLinks:hover{text-decoration:underline}

div#login_grayback {background: #F1F1F1; margin: 0px auto; overflow: hidden; padding:10px 2%; width:100%}

#login_grayback h2 {color: #7C7C7C; font-family: Arial,Helvetica,sans-serif; font-size: 16px !important; font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; padding-bottom:7px}

div#login_grayback div.fullarea {background: #FFFFFF; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 1px 2px #CCCCCC; -moz-box-shadow: 0 1px 2px #CCCCCC; -webkit-box-shadow: 0 1px 2px #CCCCCC; margin:0 0 17px; clear:both; overflow:hidden; padding:20px}
div#login_grayback .mandatorynote {font-size:11px}
div#login_grayback div.fullarea h6 {padding:10px 0; border-bottom:1px solid #ccc; margin-bottom:5px; line-height:17px; font-weight:bold; font-size:13px; clear:both}
div#login_grayback div.fullarea ul {margin-bottom:10px; line-height:17px}
div#login_grayback div.fullarea ul li {clear:both; overflow:hidden; padding:3px 0}
div#login_grayback div.fullarea ul li.termscondition input[type=checkbox] {float:left; margin:2px 5px 5px 0}
div#login_grayback div.fullarea ul li.pherrormsg {padding:0}
    div#login_grayback div.fullarea ul li label,
    div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo ul li label {
        float: left;
        width: 245px;
        line-height: 29px;
        padding-left: 10px;
        position: relative
    }
    div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo ul li label.labelheader {
        width:100%;
    }
div#login_grayback div.fullarea div.selectpayment ul li label {padding-left:0}
div#login_grayback div.fullarea ul li.specificationid {overflow:visible; float:left}
div#login_grayback div.fullarea ul li label.ext {width:13%; text-align:right; padding-right:1%}
div#login_grayback div.fullarea ul li input[type=text], div#login_grayback div.fullarea ul li input[type=password] {border:1px solid #ccc; font-size:14px; box-shadow:1px 2px 2px #e7e7e7 inset; -moz-box-shadow:1px 2px 2px #e7e7e7 inset; -webkit-box-shadow:1px 2px 2px #e7e7e7 inset; padding:6px 2px; max-width:330px; width:100%; float:left}
div#login_grayback div.fullarea ul li select {border:1px solid #ccc; font-size:14px; box-shadow:1px 2px 2px #e7e7e7 inset; -moz-box-shadow:1px 2px 2px #e7e7e7 inset; -webkit-box-shadow:1px 2px 2px #e7e7e7 inset; padding:6px 4px; max-width:336px; width:100%; float:left}
div#login_grayback div.fullarea ul li input.txtLegalTypeofBusinessOther {margin-top:5px; margin-left:245px;}
div#login_grayback div.fullarea ul li.specificationid input.txtBrokerId {
    width: 50px !important
}
div#login_grayback div.fullarea ul li.specificationid a.accbtn {float: left; height: 34px; line-height: 28px; margin-left: 5px; width: auto;}
div#login_grayback div.fullarea ul li input.lbltel1 {max-width:220px; width:66%; clear:left}
div#login_grayback div.fullarea ul li span.redblockerrormsg, .wholesalevalidator {float:left; margin:3px 0 0 0; padding:5px 8px; color:#fff!important}
div#login_grayback div.fullarea ul li span.astrix {float:left; clear:left; margin:0}
div#login_grayback div.fullarea ul li span.astrix.valerror {position:static}
div#login_grayback div.fullarea ul li label span.astrix, div#login_grayback div.fullarea div.references ul li span.astrix {float:none; clear:none; margin:0}
div#login_grayback div.fullarea ul li span#PhoneDiv.redblockerrormsg, div#login_grayback div.fullarea ul li span#brokernameDiv.redblockerrormsg {margin-left:245px; margin-bottom:3px}
div#login_grayback div.fullarea ul li div#brokerErrorDiv.redblockerrormsg {margin-left:245px; margin-bottom:3px; float:left; clear:left}
div#login_grayback div.fullarea ul li span.redblockerrormsg, 
.wholesalevalidator, div#login_grayback div.fullarea ul li span#PhoneDiv.redblockerrormsg, 
div#login_grayback div.fullarea ul li span#brokernameDiv.redblockerrormsg, 
div#login_grayback div.fullarea ul li div#brokerErrorDiv.redblockerrormsg {margin-left:0; clear:left}
div#login_grayback div.fullarea ul li span.redblockerrormsg span {color:#fff!Important}
div#login_grayback div.fullarea ul li.fieldinfo {padding:0 0 6px 0}
div#login_grayback div.fullarea ul li table.selectsellingonamazon {float:left; width:100%; margin-top:10px}
div#login_grayback div.fullarea ul li table.selectsellingonamazon td {padding:3px 0}
div#login_grayback div.fullarea ul li table.selectsellingonamazon td input {float:left; margin:3px 5px 0 3px}
div#login_grayback div.fullarea ul li table.selectsellingonamazon td label {width:auto}
div#login_grayback div.fullarea ul li.businesssocialid div.businessidsocialsecurity {float:left; width:100%; margin-bottom:10px}
div#login_grayback div.fullarea ul li.businesssocialid div.businessidsocialsecurity p {float:none; clear:left}
div#login_grayback div.fullarea ul li.businesssocialid div.businessidsocialsecurity p b {padding:5px 0; float:left}
div#login_grayback div.fullarea ul li.businesssocialid div.businessidsocialsecurity span.redblockerrormsg {margin-left:0}
div#login_grayback div.fullarea div.wholesaleregistration {clear:both; overflow:hidden; line-height:17px; margin-bottom:15px;}
div#login_grayback div.fullarea div.wholesaleregistration label {float:left; width:100%; position:relative; padding-left:10px}
div#login_grayback div.fullarea div.wholesaleregistration label span.wholesalerequired {padding:0px 0px 10px 0; float:left}
div#login_grayback div.fullarea div.wholesaleregistration div.businessproof label {float:left; width:85%}
div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo {margin-bottom:10px}
div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo label {line-height:normal}
div#login_grayback div.fullarea div.wholesaleregistration span.resellerchkbox {clear:left; float:left; line-height:22px; margin:0 30px 0 15px}
div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo span input[type=checkbox] {margin:5px 5px 5px 0}
div#login_grayback div.fullarea div.wholesaleregistration span.practitioner {clear:left; float:left; line-height:22px; margin:0 30px 0 15px}
div#login_grayback div.fullarea div.wholesaleregistration span.practitioner label {line-height:22px; width:auto}
div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo span.practitioner input[type=radio] {margin:5px 5px 5px 0; float:left}
div#login_grayback div.fullarea div.wholesaleregistration input[type=file] {font-size:14px; border:1px solid #e5d5d5; background:#F9F8F8; margin-left:12px; float:left}
.FileUpload{border:none !important;}
div#login_grayback div.fullarea div.wholesaleregistration p.resellertax {padding-top:20px; float:left; position:relative; width:100%;}
div#login_grayback div.fullarea div.wholesaleregistration p.resellertax span.redblockerrormsg {clear:left; float:left; margin-left:12px }
div#login_grayback div.fullarea div.wholesaleregistration p.resellertax span.redblockerrormsg span {color:#fff!important}
div#login_grayback div.fullarea div.wholesaleregistration label.resellertaxno {width:100%; line-height:26px;}
div#login_grayback div.fullarea div.wholesaleregistration input.resellertaxno {margin-left:12px}
div#login_grayback div.fullarea div.wholesaleregistration span.astrix.valerror {position:static; padding-left:12px}

div.wholesaleregistration span.wholesaleor {font-weight:bold; padding:5px 0 8px 11px; clear:left; float:left}
div.wholesaleregistration span.filesupporterror {padding:0 190px 8px 5px; float:left; clear:left; line-height:26px; padding:0 0 0 12px; position:static}

div#login_grayback div.fullarea div.wholesaleregistration div.businessproof {clear:both; padding-bottom:5px}
div#login_grayback div.fullarea div.wholesaleregistration div.businessproof input[type=checkbox] {margin-top:2px; margin-left:12px; float:left}


div#login_grayback div.fullarea div.storefrontresellerinfo ul li {margin-left:15px}
div#login_grayback div.fullarea div.storefrontresellerinfo ul li label {width:auto}
div#login_grayback div.fullarea div.storefrontresellerinfo ul li input[type=checkbox] {float:left; margin:7px 5px 0 0}
div#login_grayback div.fullarea div.storefrontresellerinfo ul li input[type=text] {margin-left:30px; width:87%}

div.onlineresellerinfo {clear:both; overflow:hidden; line-height:17px; display:none}
div.onlineresellerinfo h6 {padding-bottom:5px}
div.onlineresellerinfo label {position:relative; padding-left:10px; padding-bottom:5px}

div.onlineresellerinfo table.selectsellingonamazon {margin-left:10px; margin-bottom:15px}
div.onlineresellerinfo table.selectsellingonamazon td {padding-bottom:10px}
div.onlineresellerinfo table.selectsellingonamazon input[type=radio] {float:left; margin:0 5px 0 0}
div.onlineresellerinfo table.selectsellingonamazon label {float:left;}

div#login_grayback div.fullarea div.onlineresellerinfo ul.sellingnameslist {clear:both; overflow:hidden; margin-bottom:15px}
div#login_grayback div.fullarea div.onlineresellerinfo ul.sellingnameslist li {float:left; clear:left; width:265px}
div#login_grayback div.fullarea div.onlineresellerinfo ul.sellingnameslist li span {float:left; padding:5px 5px 0 0}
div#login_grayback div.fullarea div.onlineresellerinfo ul.sellingnameslist li input[type=text] {width:220px}

div#login_grayback div.fullarea div.references ul {clear:both; overflow:hidden; margin-bottom:15px}
div#login_grayback div.fullarea div.references ul li {float:left; clear:none; max-width:420px; width:50%}
div#login_grayback div.fullarea div.references ul li.howtohear {width:100%; max-width:inherit}
div#login_grayback div.fullarea div.references ul li span {float:left; padding:5px 5px 0 0}
div#login_grayback div.fullarea div.references ul li label {width:100px}
div#login_grayback div.fullarea div.references ul li.howtohear label {width:330px}
div#login_grayback div.fullarea div.references ul li input[type=text] {width:220px}

span.wholesalevalidator {display:none}

.submit {background: #226CAB; border: medium none; cursor: pointer; display: block; margin-right: 4px; height:31px; width:79px; float:left; color:#FFF;font-size:14px}
.cancel {background: url("../images/spritemyaccount.png") no-repeat -47px -84px; border: medium none; cursor: pointer; display: block; margin-right: 4px; text-indent: -9999px; height:31px; width:83px; float:left}
.btnselectzip {background: url("../images/spritemyaccount.png") no-repeat 0 -216px; border: medium none; cursor: pointer; display: block; margin-left: 5px; text-indent: -9999px; height:31px; width:79px; float:left}

span.lblBrokerName {background: none repeat scroll 0 0 #f5f9fa; border: 1px solid #ececec; float: left; height: 29px; line-height: 29px; margin-left: 5px; text-align: center; max-width:263px; padding:0 10px; display:none}

div#productspecidsinfo {margin:6px 0 0 5px; width:24px; height:24px; float:left; position:relative;}
.btnselectprodspecidsinfo {background: url("../images/icons.png") no-repeat 0 -188px; border: medium none; cursor: pointer; display: block; text-indent: -9999px; height:20px; width:20px; float:left}

div#productspecidsinfo span.businessprfinfo {background:#ededed; border: 1px solid #ccc; font-size: 11px; padding: 5px; position: absolute; width: 150px; left:0; bottom:24px; display:none}
div#productspecidsinfo:hover span.businessprfinfo {display:block}

/*-- Return  --*/
#retorddtls #ordhddisp {
    background: #E1E1E1;
    text-align: center;
    font-weight: bold;
}

    #retorddtls #ordhddisp div {
        padding: 5px;
        text-align: left;
        display: inline-block;
    }

        #retorddtls #ordhddisp div span {
            color: #560101;
        }

    #retorddtls #ordhddisp .colm1 {
        float: left;
    }

    #retorddtls #ordhddisp .colm3 {
        float: right;
    }

#retorddtls .baddress {
    border: 1px solid #BCBCBC;
    padding: 5px;
}

    #retorddtls .baddress.expand {
        border: 0;
        padding: 0 7px;
        width: 100%;
    }

#retorddtls .saddress {
    border: 1px solid #BCBCBC;
    padding: 5px;
}

#retorddtls .baddress h4, .saddress h4 {
    background: #F1F1F1;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    margin: -5px -5px 5px;
    padding: 4px 4px;
}

#retorddtls .baddress li, .saddress li {
    margin: 4px 0;
}

    #retorddtls .baddress li div, .saddress li div {
        width: 70%;
    }

#retorddtls .baddress label, .saddress label {
    display: inline-block;
    padding: 0 4px;
    width: 22%;
}

#retorddtls .returen_order {
    border-right: 1px solid #bcbcbc;
    margin-top: 10px;
}

    #retorddtls .returen_order ul.returnmgmt_list {
        min-height: 30px;
        border-bottom: 1px solid #bcbcbc;
    }

    #retorddtls .returen_order ul.head {
        background: #efefef;
        border-top: 1px solid #bcbcbc;
        border-bottom: 1px solid #bcbcbc;
        font-weight: bold;
    }

        #retorddtls .returen_order ul.head li, #retorddtls .returen_order ul.returnmgmt_list li {
            border-left: 1px solid #bcbcbc;
            font-size: 12px;
            padding: 3px 3px;
            text-align: center;
            float: left;
            display: table;
            vertical-align: middle;
        }

            #retorddtls .returen_order ul.head li div, #retorddtls .returen_order ul.returnmgmt_list li div {
                display: table-cell;
                vertical-align: middle;
                word-break: break-all;
            }

    #retorddtls .returen_order li.ReturnMgmt_Ordered {
        width: 7%;
    }

    #retorddtls .returen_order li.ReturnMgmt_Shipped {
        width: 15%;
    }

    #retorddtls .returen_order li.ReturnMgmt_QtyReturn input {
        padding: 0px;
    }

    #retorddtls .returen_order li.ReturnMgmt_ItemNo, #retorddtls .returen_order li.ReturnMgmt_LineTotal, #retorddtls .returen_order li.ReturnMgmt_QtyReturn {
        width: 10%;
    }

    #retorddtls .returen_order li.ReturnMgmt_Desc, #retorddtls .returen_order li.ReturnMgmt_ResonForReturn {
        width: 12.5%;
    }

    #retorddtls .returen_order li.ReturnMgmt_Return {
        width: 5%;
    }

    #retorddtls .returen_order li.ReturnMgmt_RestockingFee {
        width: 9%;
    }

    #retorddtls .returen_order li.ReturnMgmt_ReturnAmt {
        width: 9%;
    }

.cmnpanel .return {
    margin-top: 0px;
}

.cmnpanel {
    margin-bottom: 10px;
}

/*-- Pending Cart Page --*/
.abandoncartlistWrapper .overview {
    position: inherit !important;
}

.tblInvExprt ul.formhead li#th_MyInvoices_Export .checkedall {
    display: block;
    margin: 5px auto;
}


/****************************** Orderdetails page *******************************/

div#ordercomplete div.myacc_content div.orderdetailsinfo {display:flex; border:1px solid #d0d0d0; padding:15px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.addrcontainer {margin:0; width:33%; padding-right:15px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.addrcontainer .saddress {float:none; width:100%; border:0; min-height:inherit}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.addrcontainer .saddress h4 {background:none; margin:0; padding:0 0 15px 0; border:0; font-size:14px; font-weight: var(--default-font-weight-bold); text-transform:uppercase}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.addrcontainer .saddress ul li {padding:0; font-size:14px; line-height:20px; color:#333;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.addrcontainer .saddress ul li.firstname {font-weight: var(--default-font-weight-bold);}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails {width:34%; margin:0; border:0; padding:0 15px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails h4 {background:none; margin:0; padding:0 0 15px 0; border:0; font-size:14px; font-weight: var(--default-font-weight-bold); text-transform:uppercase}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul {padding:0}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li {padding:0; font-size:14px; line-height:20px; color:#333;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li span.Visa {width:54px; height:38px; display:inline-block;background: url("//media.mercolamarket.com/Assets/images/shop/card_visa.png") no-repeat 0 0; text-indent:-99999px;border:1px solid #ccc;border-radius:4px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li span.MasterCard {width:55px; height:38px; display:inline-block;background: url("//media.mercolamarket.com/Assets/images/shop/card_mastercard.png") no-repeat 0 0; text-indent:-99999px;border:1px solid #ccc;border-radius:4px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li span.Discover {width:55px; height:38px; display:inline-block;background: url("//media.mercolamarket.com/Assets/images/shop/card_discover.png") no-repeat 0 0; text-indent:-99999px;border:1px solid #ccc;border-radius:4px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li span.AMEX {width:55px; height:38px; display:inline-block;background: url("//media.mercolamarket.com/Assets/images/shop/card_amex.png") no-repeat 0 0; text-indent:-99999px;border:1px solid #ccc;border-radius:4px;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.paydetails ul li.firstname {font-weight: var(--default-font-weight-bold); color:#000}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap {width:33%; padding-left:15px}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap h4 {background:none; margin:0; padding:0 0 15px 0; border:0; font-size:14px; font-weight: var(--default-font-weight-bold); text-transform:uppercase}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li {display:flex; justify-content:space-between; flex-direction:row-reverse; font-size:12px; color:#333; line-height:20px; padding:5px 0}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.appliedcoupon {flex-direction:row}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.ordertotal {border-top:1px solid #d0d0d0; padding-top:5px; margin-top:5px; font-size:16px; line-height:24px; text-transform:uppercase; font-weight: var(--default-font-weight-bold); color:#226cab;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li span {width:75px; line-height:normal}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li label {text-align:left; width:calc(100% - 80px); line-height:normal}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.discount{padding:0 0 0 10px;  color: #737373;}
div#ordercomplete div.myacc_content div.makeareturn {margin-top:15px; background:#f4f4f4; padding:15px; text-align:center; font-size:14px}
div#ordercomplete div.myacc_content div.makeareturn h2 {font-weight: var(--default-font-weight-bold); font-size:18px; padding:0}
div#ordercomplete div.myacc_content div.makeareturn a {color:#226cab}

/********************************** Gift Card *************************************/
ul.accprofile.issuedno.giftcard {
    margin-top: 0;
    display: block
}

ul.accprofile.issuedno.giftcard li {margin-top:0px}
ul.accprofile.issuedno.giftcard li.availablestorecredit {margin-top:0}
ul.accprofile.issuedno.giftcard li.availablestorecredit label {display:inline-block}
ul.accprofile.issuedno.giftcard li.profileinfo {margin:0}
ul.accprofile.issuedno.giftcard li.actionbutton {margin:0; display:inline-block; float:none; width:100%; border-top:1px solid #ececec; padding:15px 0 5px; text-align:left}
ul.accprofile.issuedno.giftcard li.actionbutton a.clbtn {display:inline-block; margin:0; width:190px}
ul.accprofile.issuedno.giftcard li.actionbutton a.apply-button {margin-bottom:15px; text-align:center}
ul.accprofile.issuedno.giftcard li.sorting input[type=text] {max-width:250px}

div.giftcarddetails div.redeemgiftcard {float:left; width:100%}
div.giftcarddetails div.creditbal {float:right; width:100%}
div.giftcarddetails h3 {font-weight:bold; font-size:13px}
div.giftcarddetails h3, div.giftcarddetails p {padding-bottom:20px}
.applygiftcard div.body div.giftcarddetails div span.astrix {width:auto; float:none; position:static}

div.giftcarddetails p.giftcardamt {padding-top:10px; font-weight:bold; clear:both}
div.giftcarddetails p.giftcardamt span {padding-left:4px}
div.giftcarddetails input.gift-cert {float: left; margin-right: 5px; margin-top: 1px; padding: 6px; max-width: 140px; width:48%; box-sizing:border-box}
div.giftcarddetails a.check-amt-button {background: url("../images/spritemyaccount.png") no-repeat -352px -169px; border: 0; cursor: pointer; display: block; float: left; height: 41px; margin-right: 0; text-indent: -9999px; width: 145px;}

.continuecheckoutbtn {background: url("../images/spritebuttons.png") no-repeat -184px -160px; border: 0; cursor: pointer; display: block; float: right; height: 40px; margin: 0 2% 15px; overflow: hidden; padding: 0; text-indent: -9999px; width: 202px;}

.redeemgiftcard a.apply-button {background: #5294f7; float:left; margin-top:1px; border: 1px solid #2f7ae8; color: #fff; font-family: arial; font-size: 12px; font-weight: bold; border-radius:4px; line-height: 20px; padding:4px 0; width:140px; text-align:center; text-shadow:1px 1px #285ab9; clear:left}
ul.accprofile.issuedno.giftcard li.sorting input[type=text] {height:30px}
ul.accprofile.issuedno.giftcard li.sorting a.check-amt-button{background: #5294f7; float:none; text-align:center;  margin:5px 0 0; display:inline-block; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: 30px; line-height: 29px; padding: 0 10px; width: auto; }
ul.accprofile.issuedno.giftcard li.sorting span.astrix {position:static; display:block}

/***************************** Store Credit ********************************/

div.storecredit {margin-top:15px}
div.storecredit h4 {font-size:13px}
div.storecredit h3 {padding:15px; font-size:14px; font-weight:bold; background:#ececec;}

ul.accprofile.issuedno {border-top:1px solid #ececec; margin-top:0px}
ul.accprofile.issuedno.rohistory {border-top:1px solid #3f9764}
ul#accprofile.issuedsc li.scordernumber, ul.issuedno li.scordernumber {width:100%; padding-bottom:15px}
ul#accprofile.issuedsc li.scordernumber span.success {padding-top:15px; display:block; font-weight:bold}
ul#accprofile.issuedsc li.availablestorecredit, ul.issuedno li.availablestorecredit {width:100%; text-align:left; padding-bottom:15px}
ul.issuedno li.availablestorecredit {display:none;}
ul.issuedno.giftcard li.availablestorecredit {display:block}
ul#accprofile.issuedsc li.availablestorecredit label, ul.issuedno li.availablestorecredit label {line-height:normal; width:auto; float:none; padding-right:3px }
ul#accprofile.issuedsc li.availablestorecredit span, ul.issuedno li.availablestorecredit span {color:#af1a30; font-weight:bold; font-size:16px}
ul#accprofile.issuedsc li.sorting, ul.issuedno li.sorting  {width:100%; margin-top:0px; line-height:normal}
ul#accprofile.issuedsc li.paging, ul.issuedno li.paging {float:right; width:150px; text-align:center; margin-top:0px}
ul#accprofile.issuedsc li.paging input[type=text], ul.issuedno li.paging input[type=text] {width:30px; text-align:center; padding:2px 0; float:left}
ul#accprofile.issuedsc li.paging label, ul.issuedno li.paging label {width:115px; float:left; padding-left:5px; text-align:left; line-height:25px}
ul#accprofile.issuedsc li.actionbutton, ul.accprofile.issuedno li.actionbutton {float:right; text-align:center; width:110px; margin-top:0px; padding-right:0}
ul#accprofile.issuedsc li.sorting label, ul#accprofile.issuedsc li.actionbutton label,
ul.issuedno li.sorting label, ul.issuedno li.actionbutton label {line-height:25px; float:left; width:100%}

div.storecredit div.availablestorecredit {clear:both; overflow:hidden; padding-bottom:15px}
div.storecredit div.availablestorecredit h4 {float:left; padding:0 5px 0 0; font-weight:bold}
div.storecredit div.creditusagelist {margin-bottom:20px}
div.storecredit div.creditusagelist ul {border:1px solid #ececec; border-top:0; margin-bottom:0px; padding-bottom:15px}
div.storecredit ul {clear:both; overflow:hidden}
div.storecredit ul.title {background:#ececec; display:none}
div.storecredit ul li {float:left; vertical-align:middle; padding:15px 15px 0; width:100%; box-sizing:border-box}
div.storecredit ul li label { display: block; float: left; padding-right: 5%; width: 50%;}
div.storecredit ul li.scassignby span {float:left; width:50%; word-break:break-all}

/********************** Business Referral **************************/

div.businessreferral {border:1px solid #ccc; padding:15px; line-height:17px}
div.businessreferral ul {clear:both; overflow:hidden}
div.businessreferral ul li {float:left; width:100%; padding:5px 0}
div.businessreferral ul li label {width:150px; float:left; line-height:26px}
div.businessreferral ul li input.addupdate {color: #ffffff;
    font-weight: var(--default-font-weight-bold);
    font-size: 14px;
    background: #226cab;
    width: 140px;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    margin-top: 0;
    text-transform: uppercase;}
div.businessreferral span.cust_feedback_success {color:#008000; font-weight:bold; float:left; padding-bottom:5px}

/***************************** Reward History ********************************/
div.rewardhistory  {border:0}
div.rewardhistory div.myrewards {width:200px; margin-bottom:20px}
div.rewardhistory div.myrewards img {width:100%}
div.myrewardhistory {border:1px solid #ccc; border-top:0; }
div.rewardhistory div.myrewardhistory + a {display:none}
div.rewardhistory ul {clear:both; overflow:hidden; border-top:1px solid #ccc;}
div.rewardhistory ul.title {background:#f4f2f2; display:none; font-weight: var(--default-font-weight-bold);}
div.myrewardhistory ul {padding:7px 0}
div.rewardhistory ul li {float:left; vertical-align:middle; padding:12px; width:20%}
div.rewardhistory a {color:#2369b4}

div.myrewardhistory ul li {width:33%; box-sizing:border-box}
div.myrewardhistory ul li label {display:block; float:left; width:30%}
div.myrewardhistory ul li span {float:left; width:70%}
div.myrewardhistory ul li.rewarddt {width:100%}
div.myrewardhistory ul li.rewardpts {width:100%}
div.myrewardhistory ul li.rewarddesc {width:100%}


/****************************** Store Locator *********************************/
div#catcontent .breadcrumb {margin-top:0!important; background:none; color:#555; font-size:12px; padding:0}
div#catcontent .breadcrumb ul li a {padding-left:0; font-size:12px; line-height:normal}
div#catcontent h1 {
    font-weight: var(--default-font-weight-thin);
    font-size: 42px;
    padding: 3px 0;
    border-bottom: 1px solid #a2a2a2;
    color: #2369b4;
    margin-bottom: 15px;
}

div#breadcrumbnav.storelocatorbreadcrumb {float:none; margin:20px 0 20px;}
div#catcontent div#breadcrumbnav.storelocatorbreadcrumb div.breadcrumb ul li a {text-decoration:underline; color:#000}
div#catcontent div#breadcrumbnav.storelocatorbreadcrumb div.breadcrumb ul li span {color:#000; font-size:15px;}
div.storelocator {margin:0px 0 0; display:flex!important}

div.storelocator h2 {color: #337ebb; font-size: 35px; font-weight: normal; margin: 0; padding-top: 0px; font-weight: var(--default-font-weight-thin);}

div.storelocatorleftnav {color:#000; border-right:1px solid #eaeaea}
div.storelocatorleftnav ul {border-bottom:1px solid #a2a2a2; margin-bottom:15px}
div.storelocatorleftnav ul li {margin-bottom:15px;}
div.storelocatorleftnav a, div.storelocatorleftnav span {color:#000; font-size:18px}
div.storelocatorleftnav span.currentpage {color:#2369b4}
div.storelocatorleftnav a:hover {text-decoration:underline}

div.storelocator div.searchsection {max-width:1125px; margin:0 auto; border-bottom:1px solid #a2a2a2; padding-bottom:15px; margin-bottom:25px;}
div.storelocator div.searchsection div.back-to-help {font-size:16px; margin-bottom:17px; display:none}
div.storelocator div.searchsection div.back-to-help span {padding-right:6px}
div.storelocator div.searchsection div.back-to-help a {color:#464646;}
div.storelocator div.searchsection h2 {color:#000; font-size:26px; margin:0 0 25px; border-bottom:1px solid #a2a2a2; font-weight: var(--default-font-weight-bold); line-height:32px; padding-bottom:8px}
div.storelocator div.searchsection ul {clear:both; overflow:hidden; display:flex; width:100%; max-width:760px; margin:0 auto 15px; flex-wrap:wrap}
div.storelocator div.searchsection ul li {display:flex; flex-wrap:wrap; align-items:flex-end}
div.storelocator div.searchsection ul li label {width:100%; font-weight: var(--default-font-weight-bold);}
div.storelocator div.searchsection ul li.errormsg {width:100%}
div.storelocator div.searchsection ul li.zip {width:60%; padding-right:20px}
div.storelocator div.searchsection ul li.zip input {width:100%; padding:8px; height:35px}
div.storelocator div.searchsection ul li.searchwithin {width:calc(40% - 130px); padding-right:20px}
div.storelocator div.searchsection ul li.searchwithin select {padding:8px; height:35px; width:100%;}
div.storelocator div.searchsection ul li.findstore {width:130px;}
    div.storelocator div.searchsection ul li.findstore input[type=submit] {
        color: #ffffff;
        font-weight: var(--default-font-weight-bold);
        font-size: 14px;
        background: #226cab;
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 10px 0;
        margin-bottom: 5px;
        text-transform: capitalize;
        margin: 0;
        height: 35px
    }
div.storelocator div.storelocation {clear:both; overflow:hidden; max-width:1125px; margin:0 auto;}
div.storelocator div.storelocation h2 {font-size:15px; color:#000; font-weight:bold; line-height:normal; margin-bottom:10px; font-weight: var(--default-font-weight-bold);}
div.storelocator div.storelocation h2 p {color:#000; font-size:13px;}
div.storelocator div.storelocation ul {float:left; width:100%; line-height:normal; max-height:500px; overflow-x:hidden; overflow-y:auto;}
div.storelocator div.storelocation ul li {float:left; padding:10px 5px 30px 0; border-bottom:1px solid #ccc; width:100%}
div.storelocator div.storelocation ul li span.storeno {float:left; width:30px; font-weight:bold; font-size:13px}
div.storelocator div.storelocation ul li div.storedetails {float:left; width:180px; font-size:13px}
div.storelocator div.storelocation ul li div.storedetails span {float:left; clear:left}
div.storelocator div.storelocation ul li div.storedetails a {float:left; clear:left; text-decoration:underline; color:#2369b4}
div.storelocator div.storelocation ul li div.storedetails span.citylocation {font-size:13px; font-weight: var(--default-font-weight-bold); padding-right:5px}
div.storelocator div.storelocation ul li div.storedetails span.distance {clear:none; padding-top:2px}
div.storelocator div.storelocation div.maparea {float:right; position:relative; width:100%; padding-top:13px;}
div.storelocator div.storelocation div.maparea div#map_canvas {width:auto!important}
div.storelocator div.storelocation div.maparea.nostore {width:100%}
div.storelocator div.storelocatorcustomercare {clear:both; overflow:hidden; max-width:1125px; margin:30px auto 0;}
div.storelocator div.storelocatorcustomercare div.customercare {background:#f1f1f1; padding:15px; color:#2b2b2b;}
div.storelocator div.storelocatorcustomercare div.customercare h3 {text-align:center; font-size:18px; font-weight: var(--default-font-weight-bold); border-bottom:1px solid #dbdbdb; padding-bottom:3px; width:90%; margin:0 auto; padding:10px 25px}
div.storelocator div.storelocatorcustomercare div.customercare h3 span {font-weight:normal}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails {display:flex; margin:15px 30px 0; font-size:22px; align-items:center; font-weight: var(--default-font-weight-bold); justify-content:space-between}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone {display:flex; align-items:center;}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone span.intl {display:flex; flex-direction:column}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone span.intl em {font-style:normal; font-size:13px;}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.storetiming {font-size:14px; display:flex; flex-direction:column;}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li span.fa {padding-right:10px; font-size:26px}
div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li a {color:#000}
div.storelocator div.storelocatorcustomercare div.customercareinfo {padding:12px 0; font-size:18px; text-align:center; color:#781826}

/******************************** Customer Services ******************************/

div.customerserviceDiv {clear:both; overflow:hidden; margin:10px 0; width:100%; line-height:17px; font-size:13px}

.pageheader h1 { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 24px; font-weight: normal; padding: 0; line-height:26px; margin-bottom:20px}

div.customerserviceDiv div.cscontactmess {float:right; width:100%; margin-top:-3px; margin-bottom:5px}

.customerserviceDiv #p7menubar {position:relative; z-index:2; float:left}

.customerserviceDiv #p7menubar ul {margin:0}

#p7menubar li {background-color: #ececec; cursor: pointer; float: left; margin: 0 10px 0 0; padding: 0;}

.customerserviceDiv #p7menubar a {background-position: right top;
    background-repeat: no-repeat;
    border: 1px solid #ececec;
    color: #535353;
    cursor: pointer;
    display: block;
    float: left;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;}
    
.customerserviceDiv #p7menubar a.active {background:#fff; border-bottom:1px solid #fff}
    
#p7menubar a input, #p7menubar a label {cursor:pointer}

#p7menubar a input {margin-top:2px}

.customerserviceDiv #p7menubar a {padding:7px 20px}
.customerserviceDiv .tab-border {clear:both;  margin-top: -1px; padding: 15px 25px 20px; position: relative; border:1px solid #ececec; float:left; width:100%}
.customerserviceDiv h4 {border-bottom: 1px solid #ececec; color: #000000; font-size: 14px; margin: 10px 0 10px; padding: 0 0 5px; font-weight:bold}
.customerserviceDiv .tab-border div.tickets, .customerserviceDiv .tab-border div.tickets li {clear:both; overflow:hidden}
.customerserviceDiv .tab-border div.recaptcha {margin-left:115px;}
.customerserviceDiv .tab-border div.tickets li {margin-bottom:10px}
.customerserviceDiv .tab-border div.tickets li.subject {clear:none; width:100%; float:left}
.customerserviceDiv .tab-border div.tickets li.topic {width:100%; float:left; margin-left:0px; clear:none}
.customerserviceDiv .tab-border div.tickets li label {float:left; width:100%; padding:5px 0 8px}
.customerserviceDiv .tab-border div.tickets li.nonmandatory label {padding-left:7px; width:100%}
.customerserviceDiv .tab-border div.tickets li.topic label {text-align:left; padding-right:10px; padding-left:0}
.customerserviceDiv .tab-border div.tickets li span.astrix {padding-left:0;float:left; clear:left; position:static}
.customerserviceDiv .tab-border div.tickets li.serviceremark span#RemarksErrorMessage.astrix {clear:none; float:none; display:block}
.customerserviceDiv .tab-border div.tickets li.serviceremark span#RemarksMaxLength.RemarksMaxLengthcolor {clear:none; float:none; display:block}
.customerserviceDiv .tab-border div.tickets li span.RemarksMaxLengthcolor {padding-left:0;float:left; clear:left; position:static}
.customerserviceDiv .tab-border div.tickets li label span.astrix { padding-right:2px; padding-left:0; position:static}
.customerserviceDiv .tab-border div.tickets li.recaptcha {margin-left:0px;}
.customerserviceDiv ul.updatesmess {margin-top:10px}
.customerserviceDiv ul.updatesmess li div.astrix {position:static}
.customerserviceDiv ul.updatesmess li div.successmsg {font-weight:bold!important}
.customerserviceDiv input[type="text"], .customerserviceDiv select {border:1px solid #ccc; font-size:14px; box-shadow:1px 2px 2px #e7e7e7 inset; -moz-box-shadow:1px 2px 2px #e7e7e7 inset; -webkit-box-shadow:1px 2px 2px #e7e7e7 inset; padding:6px 2px; max-width:310px; width:98%; float:left}
.customerserviceDiv .tab-border div.tickets li textarea {max-width:700px; width:98%; height:150px; border:1px solid #ccc; box-shadow:1px 2px 2px #e7e7e7 inset; -moz-box-shadow:1px 2px 2px #e7e7e7 inset; -webkit-box-shadow:1px 2px 2px #e7e7e7 inset;}
.customerserviceDiv .tab-border div.tickets li.topic select {width:98%}
.customerserviceDiv input.submit {margin-left:0}


/******************************** Customer Feedback ******************************/

div.customerfeedback {clear:both; overflow:hidden; margin:10px 0; width:100%; line-height:17px; font-size:13px}
div.customerfeedback h1 { color: #1868AA; font-family: Arial,Helvetica,sans-serif; font-size: 28px; font-weight: normal; margin: 0 0 20px; padding: 0 0 15px; line-height:normal; border-bottom:1px solid #dedede;}
div.customerfeedback div.ratecustomerservice {clear:both; overflow:hidden; max-width: 1000px; width: 100%; margin: 0 auto;}
div.customerfeedback div.ratecustomerservice h4 {color: #a6a6a6; padding-bottom: 10px; text-align: right; font-size: 15px; }
div.customerfeedback div.ratecustomerservice h4 span {font-size:14px; padding-left:10px}
div.customerfeedback div.ratecustomerservice h2.textnote {padding-bottom:15px; color:#000; font-size:22px; line-height:normal; font-weight: var(--default-font-weight-bold);}
div.customerfeedback div.ratecustomerservice ul {padding:15px; clear:both; overflow:hidden; display:flex; align-items:center}
div.customerfeedback div.ratecustomerservice ul.odd {background:#fafafa}
div.customerfeedback div.ratecustomerservice ul.even {background:#eeeeee}
div.customerfeedback div.ratecustomerservice ul > li.feedbackquestion {width:200px}
div.customerfeedback div.ratecustomerservice ul > li {width:calc(100% - 200px)}
div.customerfeedback div.ratecustomerservice ul.remarks {display:block}
div.customerfeedback div.ratecustomerservice ul.remarks li {width:100%;}
div.customerfeedback div.ratecustomerservice ul.remarks li textarea {width:100%; border:1px solid #ccc; resize:none}
div.customerfeedback div.ratecustomerservice ul.feedbacktitle ul.csdrating {padding:0}
div.customerfeedback div.ratecustomerservice ul.feedbacktitle ul.csdrating li {width:20%; text-align:center; font-size:14px; font-weight: var(--default-font-weight-bold); }
div.customerfeedback div.ratecustomerservice ul.submitbtn {justify-content:center}
div.customerfeedback div.ratecustomerservice ul.submitbtn li {width:auto}
    div.customerfeedback div.ratecustomerservice ul.submitbtn li input.submit {
        background: #3579df;
        text-indent: 0;
        color: #fff;
        width: auto;
        padding: 10px 20px;
        height: auto;
        font-weight: var(--default-font-weight-bold);
        text-transform: uppercase;
    }
    div.customerfeedback div.ratecustomerservice span.cust_feedback_success {
        color: #008000
    }
div.customerfeedback div.ratecustomerservice span.cust_feedback_error {color:#ff0000}
.ratecustomerservice .ratetext {float:right; margin-right:10px; padding-top:0px}
.ratecustomerservice .ratetext:first-child {float:left; padding-top:14px}
div.customerfeedback div.ratecustomerservice div.csdrating {margin:5px 2%; width:96%; float:left}

.ratecustomerservice .csdrating table tr {display:flex; flex-flow: row wrap; align-items: flex-end; justify-content:center;}
.ratecustomerservice .csdrating table td {margin:5px; text-align:center; width:min-content; display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.ratecustomerservice .csdrating table td label {width:100%; order:-1; font-weight:700;}
.ratecustomerservice .csdrating.problemsolved table td input {margin:2px 5px 2px 22px;}
.ratecustomerservice .csdrating.problemsolved table td label {
    display: block;
    width: auto;
}
.ratecustomerservice .errmsg {float:left; padding-top:0px; width:100%; text-align:center;}
.ratecustomerservice .submit {margin-left:0px}
.ratecustomerservice input[type="radio"]{
    margin: 5px 0 0;
}


/**************************************** New Customer Registration ********************************/
/****************** Broker List **********************/
div.brokerpoup {
    max-width: 700px
}
div.borkerlistzipcode {clear:both; overflow:hidden; font-size:13px}
div.borkerlistzipcode span.brokermsg {padding:0 10px 10px 0; float:left; line-height:normal}
div.borkerlistzipcode ul {clear:both; overflow:hidden;border-bottom:1px solid #ededed;}
div.borkerlistzipcode ul.titlebl {border:1px solid #ededed; background:#f5f9fa; font-weight:bold; display:none}
div.borkerlistzipcode ul li {float:left; padding:2px 0; line-height:normal; width:100%}
div.borkerlistzipcode ul.titlebl li {line-height:normal; padding:10px 4%}
div.borkerlistzipcode ul li.selectbroker {float:left; width:auto; padding:5px 0 10px}
div.borkerlistzipcode ul li label {display:block; float:left; font-weight:bold; padding-right:4px}

/********************************* Addresslist Popup ************************************/
div#fadeanscaleaddress_background {z-index:100003!important}
div#fadeanscaleaddress_wrapper.popup_wrapper_loader div.errormessageoverlay div#overlaycontent {display:none}
div#fadeanscaleaddress_wrapper.popup_wrapper_visible {z-index:100003!important}
div.errormessageoverlay {max-width:700px; width:90%}
div.address_validation {clear:both; overflow:hidden; font-size:13px}
div.address_validation h2 {color:#337ebb; font-size:18px; padding-bottom:5px}
div.borkerlistzipcode span.brokermsg {padding:0 10px 10px 0; float:left; line-height:normal}

div.address_validation p.actionbutton {text-align:center; margin:10px 0 0;}
div.address_validation ul {clear:both; overflow:hidden;border-bottom:1px solid #ededed; padding:10px 0}
div.address_validation ul.addlisttitle {border:1px solid #ececec; background:#ececec; font-weight:bold; display:none}
div.address_validation label.clickaddlist {display:block; cursor:pointer}
div.address_validation ul li {float:right; padding:2px 0; line-height:normal; width: calc(100% - 20px); }
div.address_validation ul li.addressradiobutton {width:20px; float:left; margin-top:2px;}
div.address_validation ul li.addressradiobutton input[type=radio] {cursor:pointer}
div.address_validation ul li a {font-weight:bold}
div.address_validation ul.addlisttitle li {line-height:normal; padding:0px 2%}
div.address_validation ul li.selectbroker {float:left; width:auto; padding:5px 0 10px}
div.address_validation ul li label {display:block; float:left; font-weight:bold; padding-right:4px}

ul#accprofile.changepassword li.password span {display:block; padding-bottom:3px}
ul#accprofile.changepassword li.password span + span {line-height:28px;}
ul#accprofile.changepassword li.password span.bdaycoupon {display:block; padding:0; font-size:11px; font-weight:normal; font-style:italic}

/************************* My wishlist ****************************/

.error.nowishlist {display:block; text-align:center; color:#464646!important;}
.error.nowishlist a {color:#2369b4; text-decoration:underline}
div.acctable.mywishlist {border:0}

div.acccontent .mywishlist h1 {background:none; text-transform:uppercase; text-align:center; font-size:50px; color:#2369b4; position:relative; top:0px; padding:0; /*top:-15px (padding 0 needs to be removed if icon require)*/}
div.acccontent .mywishlist h1 span {display:inline-block; border-bottom:2px solid #2369b4; height:96px}
div.acccontent .mywishlist h1 span p {background:url("../images/icon_wishlist.png") no-repeat 0 0px; height: 66px; width: 74px; text-align: center; margin: -10px auto 0;}

div.mywishlist div.acccontentblk {padding:0}

div.buyall .btnblue {float:left; display:none}

.wishlist_content .yourpricecontainer, .purchasehistory_content .yourpricecontainer {
    margin: 0 0 12px 0; font-size:16px
}

.wishlist_content .yourpricecontainer span.perdayprice {
    color: #828282;
    font-size: 14px;
    display: block;
}
.wishlist_content .yourpricecontainer span.pricing {
    display:block
}
.wishlist_content .yourpricecontainer span.msrpprice, .wishlist_content .yourpricecontainer span.savings {
    color: #828282;
    font-size: 14px;
    display: inline-block;
}

    .wishlist_content .yourpricecontainer span.msrpprice span.msrpprice {text-decoration:line-through}

.wishlist_content .yourpricecontainer span.savings {
    font-weight: var(--default-font-weight-bold);
}

.wishlist_content .yourpricecontainer span, .purchasehistory_content .yourpricecontainer span {
    margin-left: 0;
    color: #3c698c;
    font-weight: var(--default-font-weight-bold);
    font-size: 35px;
    color: #2d2d2d;
}

.wishlistprice {text-align:left; display:flex; flex-direction:column; width:300px}
.wishlistprice input.addtocart_qty {text-align:center}

.wishlistprice ul.actionlinks li.cartline {display:flex; }

#ctl00_MainContent_purchasehistory_PurchaseHistoryList tr:first-child {
    display: none;
}

.wishlist_grid, .purchasehistory_grid {
    border-bottom: 1px solid #ececec;
    padding: 15px 5px; color:#464646;
    display:flex;
}

.wishlist_grid .prodimg, .purchasehistory_grid .prodimg {text-align:center}
.wishlist_grid .proddetails, .purchasehistory_grid .proddetails {display:flex}
.wishlist_grid .proddetails, .purchasehistory_grid .proddetails div.prdname {width:calc(100% - 300px)}
.wishlist_grid .prodimg div.wlprodimg {position:relative}
.wishlist_grid .prodimg div.wlprodimg > img {height: auto; width: auto}
.wishlist_grid .prodimg div.wlprodimg span.lowpricebadge {position:absolute; right:0; top:0; width:70px; height:70px; background:url(//media.mercolamarket.com/assets/images/shop/EN-Low-Price-Badge.png) no-repeat 0 0; background-size:contain;}
.wishlist_grid input.chkwishlistItem, .purchasehistory_grid input.chkwishlistItem {float:left; position:relative; z-index:1}

.wishlist_grid .addtocart_qty, .purchasehistory_grid .addtocart_qty {
    width: 40px;
}

.wishlist_grid .acc-subhead, .purchasehistory_grid .acc-subhead {
    font-size: 16px;
    padding-top: 0; padding-bottom:10px
}

.wishlist_grid .acc-subhead a, .purchasehistory_grid .acc-subhead a {color:#000}

.wishlist_grid .btn.addtocart, .purchasehistory_grid .btn.addtocart, .wishlist_grid #addtocart .addtocart_qty, .purchasehistory_grid #addtocart .addtocart_qty, .wishlist_grid .btn.addtocart_disabled, .purchasehistory_grid .btn.addtocart_disabled {
    border-radius: 2px;
    margin-top: 0;
    height: 31px;
    line-height: 18px;
}

.wishlist_grid span.stockstatus {display:none; margin-top:10px}
.wishlist_grid span.stockstatus.outofstock {display:block}

.wishlist_grid .btn.addtocart_disabled, .purchasehistory_grid .btn.addtocart_disabled {
    font-size: 14px;
    float: none;
    padding: 6px 12px;
    text-transform: capitalize;
}

div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.subQty,
div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.addQty {background: #f2f2f2; color: #000; display: block; float: left; font-family: open sans,sans-serif; font-size: 24px; font-weight: 400; height: 44px; line-height:44px; text-align: center; width: 32px;}

div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline input.addtocart_qty {background: #f2f2f2; color:#000; border: 0 none; border-radius: 0; float: left; font-family: open sans,sans-serif; font-size: 20px; height: 44px!important; border-left:1px solid #fff; border-right:1px solid #fff; padding: 10px 0; text-align: center; width: 40px; box-shadow:1px 2px 2px #f2f2f2 inset}
div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.btnblue {
    font-size: 16px;
    padding: 10px 32px;
    margin-left: 5px;
    border-radius: 50px;
    background: #af1a30;
    text-transform: uppercase;
    transition: all .3s ease;
}
div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.btnblue:hover {transform: scale(1.030);}

/**************** Platinum Customer ***************************/

div.acccontent.platinummember {margin:0; max-width:none}

div.platinummember div.memberbg {background:url("//media.mercolamarket.com/assets/loyality/bottle_background_transpartent_wht_546x575.png") no-repeat right 0; min-height:575px; overflow:hidden; background-size:cover; position:relative}

div.platinummember div.memberbg > img {width:55%; max-width:402px; float:left; position:absolute; bottom:0}

div.platmemblk {width:600px; max-width:96%;float:none; margin:0 auto; background:rgba(255, 255, 255, 0.7); min-height:575px;-webkit-box-shadow: -1px 0px 34px 0px rgba(153,153,153,1);
-moz-box-shadow: -1px 0px 34px 0px rgba(153,153,153,1);
box-shadow: -1px 0px 34px 0px rgba(153,153,153,1); padding:15px 20px; text-align:center; color:#3c3c3c}

div.platinummember div.referralmemberbg {background:url("//media.mercolamarket.com/assets/loyality/bottle_background_confirmation01_no_bottles_1500x575.jpg") no-repeat left 0; min-height:575px; background-size:cover}
div.platinummember div.referralmemberbg.memberregistration {background:url("//media.mercolamarket.com/assets/loyality/bottle_background_confirmation02_no_bottles_1500x575.jpg") no-repeat left 0; min-height:575px; background-size:cover}

div.platinumrefer {padding-top:30px}

div.platinumrefer h2 {font-weight: var(--default-font-weight-light); font-size:35px; line-height:35px; padding-bottom:30px}
div.platinumrefer h2 span {display:block; font-weight: var(--default-font-weight-bold); font-size:30px}
div.platinumrefer h2 + p {text-align:left; font-size:20px}
div.platinumrefer h2 + p > span {display:block; font-size:18px}

div.emailtofriend {padding-top:30px}
div.emailtofriend label {display:block; font-weight: var(--default-font-weight-bold); font-size:16px; padding-bottom:15px}

div.emailtofriend input[type=submit] {background:#ff7858; padding:10px 30px; border-radius:5px; font-family:14px; text-transform:uppercase; color:#fff; display:block; margin:30px auto 0}
div.emailtofriend input[type=text] {padding:7px; margin-right:5px; max-width:280px; width:100%; border-radius:5px}

div.emailtofriend input[type=text] + span.successmessage {display:block}

div.referralinfo {text-align:left; padding-top:30px; position:relative}

div.referralmemberbg {display:none}

div.referralmember div.platinumrefer h2 {font-weight: var(--default-font-weight-light); font-size:50px; line-height:normal; padding-bottom:35px}
div.referralmember div.platinumrefer h2 span {display:block; font-weight: var(--default-font-weight-light); font-size:30px}

div.memberregistration div.referralmember div.platinumrefer h2 {padding-bottom:0}

div.referralmember div.platinumrefer h2 + p {text-align:center; font-size:20px; padding-bottom:40px}
div.referralmember div.platinumrefer h2 + p > span {display:block; padding-top:10px}

div.referralmember div.platinumrefer h2 + p + p {text-align:center; font-size:20px; padding-bottom:40px}
div.referralmember div.platinumrefer h2 + p + p > span {display:block;}
div.memberregistration div.referralmember div.platinumrefer h2 + p + p > span {display:inline-block; font-weight: var(--default-font-weight-bold);}

div.referralmember div.platinumrefer p.memberassistance {text-align:center; font-size:20px} 

div.referralmember div.referralinfo {text-align:left; padding-top:60px}

/**********************/

/**************************** Guest custome rorder search **************************/

ul.accprofile.guestusercontainer li {width:100%; clear:both; overflow:hidden}
ul.accprofile.guestusercontainer li.errormessage {padding:0}
ul.accprofile.guestusercontainer li.errormessage span.astrix {position:static; padding-bottom:10px; padding-left:0px}
ul.accprofile.guestusercontainer li label {float:left; width:200px; line-height:24px}
ul.accprofile.guestusercontainer li label span.astrix {position:static}
ul.accprofile.guestusercontainer li label + input[type=text] {float:left; width:100%}
ul.accprofile.guestusercontainer li.actionbutton input.clbtn {background: #5294f7; margin-right:0; float:left; border: 0; border-radius:0; text-transform:uppercase; color: #fff; font-size: 15px; font-weight: bold;  height: 30px; line-height: 29px; padding: 0 10px; width: auto; }
ul.accprofile.guestusercontainer li.actionbutton label {display:none}

/****************************** Personal Information ***********************/

div.myacc_content.UserPerInformation_content h3 {color:#000; font-weight: var(--default-font-weight-bold); font-size:18px; margin-left:0px}
div.myacc_content.UserPerInformation_content h3.securityquestiontitle {margin-top:30px}
div.UserPerInformation_content ul#accprofile {
    display:flex; flex-wrap:wrap;
}
div.UserPerInformation_content ul#accprofile.passworddetials,
div.UserPerInformation_content ul#accprofile.securityquestion{ margin-top:20px}
div.UserPerInformation_content ul#accprofile li {width:100%; display:flex; align-items:center; flex-wrap:wrap; padding-bottom:30px;}
div.UserPerInformation_content ul#accprofile li label {font-weight: var(--default-font-weight-bold); font-size:15px; width:190px!important;}
div.UserPerInformation_content ul#accprofile li label span.error {width:auto; margin-left:0}
div.UserPerInformation_content ul#accprofile li input[type=text],
    div.UserPerInformation_content ul#accprofile li input[type=password] {padding: 8px; font-size: 14px; height: auto; width: calc(100% - 190px); max-width:500px}
div.UserPerInformation_content ul#accprofile li select {padding: 8px; font-size: 14px; height: auto;}

div.UserPerInformation_content ul#accprofile li input.errorborder {border:1px solid #ff0000}

div.UserPerInformation_content ul#accprofile.securityquestion li select {width:calc(100% - 190px); max-width:500px;}
div.UserPerInformation_content ul#accprofile li select.birthdate {width:100px; margin-right:10px}
div.UserPerInformation_content ul#accprofile li select.birthmonth {width:150px; }
div.UserPerInformation_content ul#accprofile li.actionbutton {padding-bottom:5px}
    div.UserPerInformation_content ul#accprofile li.actionbutton a.btn.clbtn {
        background: #226cab;
        float: none;
        text-align: center;
        display: inline-block;
        border: 0;
        border-radius: 0;
        text-transform: unset;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 25px;
        font-weight: var(--default-font-weight-bold);
    }

    div.UserPerInformation_content ul#accprofile li span.error {
        width: calc(100% - 190px);
        margin-left: 190px;
        color: #ff0000 !important;
        line-height: 20px;
    }

    div.UserPerInformation_content ul#accprofile li.actionbutton span.successmsg {font-weight: var(--default-font-weight-bold)!important; padding-top:5px;}

div.UserPerInformation_content ul#accprofile li span.currentsecans {font-weight: var(--default-font-weight-bold); font-size:15px; line-height:27px; padding-bottom:3px}

div.UserPerInformation_content div.managesms {margin-top:30px; font-size:15px; line-height:20px; color:#333;}
div.UserPerInformation_content div.managesms h2 {font-weight: var(--default-font-weight-bold); font-size:24px; padding-bottom:20px}
div.UserPerInformation_content div.managesms h3 {font-weight: var(--default-font-weight-bold); font-size:18px; line-height:normal; padding:30px 0 15px; margin:0}
div.UserPerInformation_content div.managesms div.smscontent span {font-weight: var(--default-font-weight-bold);}
div.UserPerInformation_content div.managesms div.smscontent a {color:#226cab; text-decoration:underline}
div.UserPerInformation_content div.smstext {margin-top: 15px;}


@media (min-width:420px) {
    ul#accprofile.changepassword li h3 a {float:right; clear:none}
    div.srhordercontent ul.shrcontent.prodflavor li.prodimg{padding-left:2%}
    div.srhordercontent ul.shrcontent.prodflavor {width:133%; left:calc(-4% - 80px); margin-top:26px}
    div.srhordercontent ul.shrcontent.prodflavor li.prodimg {width:20%}
    div.srhordercontent ul.shrcontent li.status{margin-top:-25px}
    div.srhordercontent ul.shrcontent.prodflavor li.qty,
    div.srhordercontent ul.shrcontent.prodflavor li.status{margin-top:0}

    div.platmemblk {padding:15px 30px}
}

@media (max-width:480px){
    div.UserPerInformation_content ul#accprofile li {flex-wrap:wrap}
    div.UserPerInformation_content ul#accprofile li label {width:100%!important}
    div.UserPerInformation_content ul#accprofile li span.currentsecans {font-size:19px;}
    div.UserPerInformation_content ul#accprofile li input[type=text],
    div.UserPerInformation_content ul#accprofile li input[type=password],
    div.UserPerInformation_content ul#accprofile.securityquestion li select {width:100%; max-width:inherit}
    div.UserPerInformation_content ul#accprofile li span.error {margin-left:0; width:100%}
}

@media (max-width:320px){
    .ratecustomerservice .csdrating.problemsolved table td input { margin: 2px 5px 0 7px; }
}
                             
@media (min-width:480px) {

    ul.accprofile.creditcard li {width:47%}

    ul#accprofile li label {width:160px; float:left; line-height:27px;}
    ul.accprofile li.actionbutton {text-align:left}
    ul.accprofile li.actionbutton label {display:block}

    ul.accprofile.searchcontent li.actionbutton {text-align:right}
    ul.accprofile.searchcontent li.actionbutton label {display:none}
    ul#accprofile.issuedsc li.sorting label, ul#accprofile.issuedsc li.actionbutton label, ul.issuedno li.sorting label, ul.issuedno li.actionbutton label {width:160px}
    .accprofile input[type="text"], .accprofile input[type="password"], .accprofile select {width:calc(100% - 160px); float:left}
    .accprofile .addnewcard input[type="text"], .accprofile .addnewcard input[type="password"], .accprofile .addnewcard select {width:100%; float:left}
    ul.newlogindetails li label {width:45%}
    
    div.acc_pagging div.matchfound {float:right; clear:none}
    ul.accprofile li {width:50%}
    ul.accprofile li.ordernumber, ul.accprofile li.paymentref {width:100%}
    ul.accprofile li.ordernumber input[type=text], ul.accprofile li.paymentref input[type=text] {width:100%; max-width:inherit}
    .orderstatus select {width:95%}
    ul.accprofile.orderdetails li.actionbutton {text-align:right; padding-right:2.5%}
    .applygiftcard h1.acc-head_large {font-size:20px}

    div.wholesaleregistration span.filesupporterror {clear:none}

    div#login_grayback div.fullarea div.wholesaleregistration label.resellertaxno {width:150px}
    div#login_grayback div.fullarea div.wholesaleregistration span.astrix.valerror {margin-left:150px}

    /******************************** Change Login *************************/

    div.changelogin {max-width:inherit}
    .ChangeEmailAddressHolder .ContentArea {margin:0}
    .ChangeEmailAddressHolder .modalHolder .midHead .marginDiv strong {font-size:22px;}
    ul#accprofile.changepassword li label {width:160px; float:left; line-height:27px;}
    ul#accprofile.changepassword li.emailvalidation span {width:auto}
    #accprofile.changepassword input[type="text"], #accprofile.changepassword input[type="password"], #accprofile.changepassword select {width:calc(100% - 160px); float:left}
    ul.changepassword li label, ul.newlogindetails li label {width:45%}
    ul.changepassword li input, ul.changepassword li select {margin-left:10px}
    ul.changepassword li.actionbutton {padding-left:160px; display:inline-block}

    ul#accprofile.changepassword li.password span.bdaycoupon {display:inline-block; padding-left:5px}

.changepassword input[type="text"], .changepassword input[type="password"], .changepassword select {width:52%; margin-left:0!important}
ul.changepassword li div.actionbutton {left:45%; margin-left:2px; position:relative}


div#login_grayback div.fullarea div.wholesaleregistration p.resellertax span.redblockerrormsg {margin-left:162px }
    

    /********************* Customer Feedback **********************/

    .customerserviceDiv .tab-border div.tickets li label, .customerserviceDiv .tab-border div.tickets li.nonmandatory label {width:115px;} 
    .customerserviceDiv input[type="text"], .customerserviceDiv select,.customerserviceDiv .tab-border div.tickets li textarea {width:70%}
    .customerserviceDiv .tab-border div.tickets li.topic select {width:70%}
    .customerserviceDiv input.submit {margin-left:115px}

    .ratecustomerservice .csdrating table {width:100%; margin:0}
    .ratecustomerservice .ratetext {float:left; padding-top:14px}
    div.customerfeedback div.ratecustomerservice div.csdrating {margin:0; width:100%}

    /****************** Credit Card ********************/

    div.acctable div.accbodycontainer div.creditcardlist ul {width:48.5%; margin-right:1.5%}
    

.managecreditcards ul.accprofile.creditcard ul.addnewcard li.securitycode a {clear:both; float:left}

    /****************** Customer Service ********************/
    .customerserviceDiv .tab-border div.tickets li span.astrix {padding-left:115px;}
    .customerserviceDiv .tab-border div.tickets li span.RemarksMaxLengthcolor {padding-left:115px;}
    .customerserviceDiv .tab-border div.tickets li.recaptcha {margin-left:115px;}

    /********************* My Addresses *****************/
    .currentadd {padding-bottom:10px; margin-left:0px!important; clear:none; float:none}

    /************************* Gift Card *****************/
    ul.accprofile.issuedno.giftcard li.sorting span.astrix {margin-left:160px; clear:left}
    ul.accprofile.issuedno.giftcard li.sorting a.check-amt-button,ul.accprofile.issuedno.giftcard li.availablestorecredit {margin-left:160px}
    ul.accprofile.issuedno.giftcard li.actionbutton {text-align:left; margin-left:160px; width:calc(100% - 160px)}
    ul.accprofile.issuedno.giftcard li.actionbutton a {text-align:center}

    /****************** Return Order **********************/
    div.returnorder ul.accprofile.searchcontent li.actionbutton {text-align:right}

    div.platmemblk {padding:15px 50px}

}
@media (min-width:501px) {

    div.srhordercontent ul.shrcontent.prodflavor li.description div.proddescdetls {min-height:inherit}

    div.borkerlistzipcode ul {border-left:1px solid #ededed; border-right:1px solid #ededed}
    div.borkerlistzipcode ul.titlebl {display:block}
div.borkerlistzipcode ul li {line-height:25px;padding:5px 4%;}
div.borkerlistzipcode ul li.brokernumber {width:35%}
div.borkerlistzipcode ul li.brokername {width:40%}
div.borkerlistzipcode ul li.selectbroker {padding:5px 4%; width:25%}
div.borkerlistzipcode ul li label {display:none}
}

@media screen and (min-width:580px) {
div.platinummember div.memberbg {background-size:contain}
ul.accprofile.guestusercontainer li.errormessage span.astrix {padding-left:200px}
ul.accprofile.guestusercontainer li label + input[type=text] {width:300px}
ul.accprofile.guestusercontainer li.actionbutton label {display:block}
}

@media (min-width:600px) {
    div.srhordercontent ul.shrcontent.prodflavor li.prodimg {padding-left:2%; width:15%; padding-bottom:0}
    div.srhordercontent ul.shrcontent.prodflavor {margin-right:0; width:220%; margin-top:7px; left:calc(0% - 100px)}
    div.srhordercontent ul.shrcontent.prodflavor li.description {width:50%}
    div.srhordercontent ul.shrcontent.prodflavor li.qty {padding-top:0; padding-left:0; text-align:center}
    div.srhordercontent ul.shrcontent.prodflavor li.qty span {display:inline-block}
    .myadscontent ul li label {width:165px}
    .myadscontent ul li.addresstype span {margin-left:165px}
    .add_edit_ads_content li.actionbtn {margin-left:170px}
    
    div.add_edit_ads_content li label {width:170px;}
    div.add_edit_ads_content li span.pmaddchkbox {margin-left:170px; padding:0}
    .add_edit_ads_content input[type="text"], .add_edit_ads_content select {margin-left:0}

    div.add_edit_ads_content li.phone {width:435px; float:left; max-width:inherit}
    div.add_edit_ads_content li.phone input[type="text"] {width:255px}
    div.add_edit_ads_content li.telext {clear:none!important; float:left; width:150px}
    div.add_edit_ads_content li.telext label {width:50px}
    div.add_edit_ads_content li.telext input[type="text"] {width:75px; max-width:inherit}

    .add_edit_ads_content li span.error {margin-left:170px}

    .download_listing {border:1px solid #ececec}
    span.mobile_title {display:none}
    .download_listing ul {clear:both; overflow:hidden; border:0; border-top:1px solid #ececec}
    .download_listing ul.formhead {display:block; border:0}
.download_listing li {padding:10px 2%; float:left; clear:none; overflow:visible }
.download_listing li.orderno {width:20%}
.download_listing li.dwndate {width:30%}
.download_listing li.dwntitle {width:30%}
.download_listing li.downloads {width:25%}

.download_listing li.remdownl {width:25%}
.download_listing li.dwnvalidity {width:13%}

.dwnloadlist ul {clear:both; overflow:hidden; font-size:13px}
.dwnloadlist ul.formhead {display:block; background:#ececec;}
.dwnloadlist ul li {font-weight:normal; float:left; clear:none; overflow:visible}
.dwnloadlist ul.formhead li {font-weight:normal}
.dwnloadlist ul li label {display:none}
.dwnloadlist ul li.dwnloadtitle {width:70%}
.dwnloadlist ul li.downloads {width:30%;}
.dwnloadlist ul li span {width:100%}


/******************* New customer registration *********************/

div#login_grayback div.fullarea ul li.businesssocialid div.businessidsocialsecurity {width:50%}
div#login_grayback div.fullarea ul li input[type=text], div#login_grayback div.fullarea ul li input[type=password] {width:270px;}
div#login_grayback div.fullarea ul li input.lbltel1 {width:180px; clear:none; max-width:inherit}
div#login_grayback div.fullarea ul li label.ext {width:40px}
div#login_grayback div.fullarea ul li select {width:270px}
div#login_grayback div.fullarea ul li span.redblockerrormsg,
.wholesalevalidator, div#login_grayback div.fullarea ul li span#PhoneDiv.redblockerrormsg {margin-left:245px; clear:left}
div#login_grayback div.fullarea ul li.fieldinfo {padding-left:245px}
div#login_grayback div.fullarea ul li span.astrix.valerror {margin-left:245px}


/************************** Gift Card *****************************/

div.giftcarddetails div.redeemgiftcard {width:49%}
div.giftcarddetails div.creditbal {width:49%}
div.giftcarddetails input.gift-cert {width:45%}


/***************************** Store Credit ***************************/

ul#accprofile.issuedsc li.scordernumber, ul.issuedno li.scordernumber {width:calc(100% - 200px); padding-bottom:0 }
ul#accprofile.issuedsc li.availablestorecredit, ul.issuedno li.availablestorecredit {width:200px; text-align:center; padding-bottom:0; display:block}
ul#accprofile.issuedsc li.availablestorecredit label, ul.issuedno li.availablestorecredit label {line-height:normal; width:auto; float:none; display:block}
ul#accprofile.issuedsc li.availablestorecredit span, ul.issuedno li.availablestorecredit span {color:#af1a30; font-weight:bold; font-size:16px}

ul#accprofile.issuedsc li.sorting, ul.issuedno li.sorting  {width:calc(100% - 280px); margin-top:0px; line-height:normal}
ul.issuedno li.sorting {margin-top:20px}
ul#accprofile.issuedsc li.paging, ul.issuedno li.paging {float:right; width:150px; text-align:center; margin-top:20px}
ul#accprofile.issuedsc li.paging input[type=text], ul.issuedno li.paging input[type=text] {width:30px; text-align:center; padding:5px 0}
ul#accprofile.issuedsc li.paging label, ul.issuedno li.paging label {width:115px; padding-left:5px; float:left; text-align:left; line-height:25px}
ul#accprofile.issuedsc li.actionbutton, ul.accprofile.issuedno li.actionbutton {float:right; text-align:center; width:130px; margin-top:20px}
ul#accprofile.issuedsc li.sorting label, ul#accprofile.issuedsc li.actionbutton label,
ul.issuedno li.sorting label, ul.issuedno li.actionbutton label {line-height:normal; width:100%}
ul#accprofile.issuedsc li.sorting select, ul.issuedno li.sorting select {width:90%; max-width:400px}
ul.issuedno li.paging, ul.accprofile.issuedno li.actionbutton {margin-top:40px}

div.storecredit {margin:20px auto 0; max-width:1000px}
div.storecredit h3 {padding:15px 15px 0}
div.storecredit div.creditusagelist {border:1px solid #ececec; margin-bottom:15px}
div.storecredit div.creditusagelist ul{border:0; margin-bottom:0}
div.storecredit ul.title {display:block}
div.storecredit ul li {width:22%}
div.storecredit ul li.scassign {width:21%;}
div.storecredit ul li.scassignby {width:24%;}
div.storecredit ul li.screason {width:20%}
div.storecredit ul li.scdate {width:17%;}
div.storecredit ul li.scamt {text-align:center; width:18%}
div.storecredit ul li label {display:none}


/******************************* Order Details Page ********************/


div.orderheader div.ordershipment {width:30%; margin-top:30px}


/************************* Search Order Page *******************************/

    ul.searchcontent li label, ul.searchcontent li.showautoship label {width:145px; padding-right:5px}
    ul.searchcontent li label {width:100%}
    ul.searchcontent li label span {float:right}
    ul.accprofile li.datecal input[type="text"], ul.accprofile li.datecalto input[type="text"] {width:calc(96% - 24px)}
    
    .srhcrigeriacontent a.accbtn {margin-left:145px}
    .srhcrigeriacontent .orderstatus a.accbtn {margin-left:0}

    /********************** My reward history ***********************/

    div.myrewardhistory {border:1px solid #ccc;}
    div.rewardhistory ul {border-top:0; padding:0}
    div.rewardhistory ul.title {display:block}
    div.rewardhistory ul li {padding:12px}
    div.myrewardhistory ul li label {display:none}
    div.myrewardhistory ul li.rewarddt {width:40%}
    div.myrewardhistory ul li.rewardpts {width:15%}
    div.myrewardhistory ul li.rewarddesc {width:45%}

/********************** Business Referral **************************/

div.businessreferral ul li {width:50%}
div.businessreferral ul li label {width:100%}
div.businessreferral ul li input.addupdate {margin-left:0}


/************************* Change login details ***************************/

div.changelogin_content span.successmsg, div.myacc_content span.successmsg {color:#008000; padding-bottom:3px; font-size:13px; font-weight: var(--default-font-weight-bold)!important;}


    /********************* Addresslist popup ********************/
    div.address_validation div.addresslist {margin-bottom:10px}
    div.address_validation ul.addlisttitle {display:flex; margin-top:10px; justify-content:space-between}
    div.address_validation ul {border-left:1px solid #ededed; border-right:1px solid #ededed; display:flex; justify-content:space-between}
    div.address_validation ul li {padding:0 2%;}
    div.address_validation ul li label {display:none}
    div.address_validation ul li.addressradiobutton {width:10%; float:left; text-align:center;}
    div.address_validation ul li.newaddress {float:left; width:30%}
div.address_validation ul li.addresscity {float:left; width:15%}
    div.address_validation ul li.addressline1 {float:left; width:15%}
    div.address_validation ul li.addressline2 {float:left; width:15%} 
    div.address_validation ul li.addresscountry {float:left; width:10%; text-align:center}
    div.address_validation ul li.addressstate {float:left; width:10%; text-align:center}
    div.address_validation ul li.addresszip {float:left; width:15%; word-wrap:break-word; text-align:right}

    /********************** Credit Card ***********************/
    ul.issuedno.giftcard li.sorting{width:calc(100% - 200px); min-height:51px}
    ul.accprofile.issuedno.giftcard {margin-top:15px}
    ul.accprofile.issuedno.giftcard li.sorting span.astrix {margin-left:0; float:left}
    ul.accprofile.issuedno.giftcard li.sorting a.check-amt-button {margin:0 0 0 5px}
    ul.accprofile.issuedno.giftcard li.availablestorecredit {margin:0}
    ul.accprofile.issuedno.giftcard li.availablestorecredit label {display:block}
    ul.accprofile.issuedno.giftcard li.actionbutton {width:200px; text-align:center; margin:28px 0 0 0; border:0; padding:0 0 5px}


    div.platmemblk {padding:15px 100px}

    .manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text], div.addnewcreditcard ul.addnewcard li.zipcode.nostate input[type=text] {width: 100%;}
    .manageccpopup ul.EditCreditCard li.zipcode input[type=text], div.addnewcreditcard ul.addnewcard li.zipcode input[type=text] {width: 100%;}
}
@media (max-width:600px) {
    .wishlist_grid .prodimg, .wishlist_grid .proddetails {width:100%}
    .acctable .sendwishlist {
    float: left;
    margin: 10px 0;
    font-size:16px; line-height:24px; border-radius:5px; border:2px solid #fff
}
    div.customerfeedback div.ratecustomerservice ul {flex-wrap:wrap;}
        div.customerfeedback div.ratecustomerservice ul.feedbacktitle > li.feedbackquestion {
            display: none
        }
        div.customerfeedback div.ratecustomerservice ul > li.feedbackquestion,
        div.customerfeedback div.ratecustomerservice ul > li {
            width: 100%;
        }
    .ratecustomerservice .csdrating table {margin:10px 0 0; width:100%}
    div.customerfeedback div.ratecustomerservice ul.feedbacktitle ul.csdrating li {font-size:12px;}

    div.addnewcreditcard ul.addnewcard li.cardnumber input[type=text] {width:100%}
    div.addnewcreditcard ul.addnewcard li.cardnumber span.ccoptionsicon {margin-left:0; margin-top:10px;}

    div.addnewcreditcard ul.addnewcard li.actionbutton span.creditcarderrormsg,
    .manageccpopup ul.EditCreditCard li.actionbutton span.creditcarderrormsg,
    #ctl00_MainContent_addresses_spnZip > label {
        width: 100%
    }

    div.addnewcreditcard ul.addnewcard li select.expmonth, ul.EditCreditCard li select.expmonth {width:calc(45% - 10px);}
    div.addnewcreditcard ul.addnewcard li select.expyear, ul.EditCreditCard li select.expyear {width:calc(45% - 10px);}

    div.addnewcreditcard ul.addnewcard li.selectdropdown select {
        width: 100% !important;
    }
    .manageccpopup ul.EditCreditCard li span.error {padding-left:0}

    div.addnewcreditcard ul.addnewcard li.securitycode input[type=text], ul.EditCreditCard li.securitycodeEdit input[type=text] {width:calc(100% - 35px)!important}

    #ctl00_MainContent_addresses_spnZip {flex-flow: row wrap;}
}
@media (min-width:650px) {
/*********************************** Change Login Details **********************/
ul.accprofile li {width:50%}

ul.accprofile li label {width:100%; line-height:normal}
ul.accprofile.issuedsc li.actionbutton label {display:none}
ul.accprofile li.actionbutton {text-align:center; width:100%}
.accprofile input[type="text"], .accprofile input[type="password"], .accprofile select {width:95%}

div.myacclinks ul li {width:48%}
ul#accprofile.changepassword li label, ul.accprofile li label, ul#accprofile.issuedsc li label {width:100%; line-height:normal}
#accprofile.changepassword input[type="text"], #accprofile.changepassword input[type="password"], #accprofile.changepassword select {width:95%}

/***************************** Store Credit ***************************/

div.storecredit div.creditusagelist {border:1px solid #ececec; margin-bottom:15px; border-bottom:0}
div.storecredit div.creditusagelist ul {margin-bottom:0; border:0; border-bottom:1px solid #ececec; padding-bottom:0}
div.storecredit ul.title {display:block}
div.storecredit ul li {width:21%; text-align:left; padding-bottom:15px}
div.storecredit ul li.scassign {width:21%;}
div.storecredit ul li.scassignby {width:30%;}
div.storecredit ul li.screason {width:15%}
div.storecredit ul li.scdate {width:19%;}
div.storecredit ul li.scamt {width:15%;}
div.storecredit ul li label {display:none}

div.srhordercontent ul.shrcontent.prodflavor {left:calc(-3% - 100px); margin-top:45px}
div.srhordercontent ul.shrcontent.prodflavor li.description {width:48%}
div.srhordercontent ul.shrcontent.prodflavor li.prodimg {width:15%}
div.srhordercontent ul.shrcontent.prodflavor li.qty {text-align:center}
}

@media (min-width:700px) {
    div.srhordercontent ul.shrcontent.prodflavor {left:calc(-6% - 100px); margin-top:50px}
    div.srhordercontent ul.shrcontent.prodflavor li.description {width:47%}
}

@media (max-width:768px) {
    .popup_visible div.popup_wrapper_visible div.popup_content {width:100%!important; max-width:780px!important; border:0;padding:20px 7px!important}
    div.acctable.dashboard h4.nav-title {display:flex}
    div.acctable.dashboard div.myaccmobilenavigation {
        display: block
    }
    #account_content div.myaccdetlcontent div.myaccleftnav {
        display: none
    }

    #account_content div.myaccdetlcontent div.acccontent {width:100%}

    div.myacc_content {padding:15px;}

    div.storelocator {
        display: block
    }

    div.storelocatorleftnav {margin-bottom:20px; border:0}
div.storelocatorleftnav div.leftcontainer,div.storelocatorleftnav {display:none}

div.storelocatorleftnav ul {
            margin-bottom: 0;
            border: 1px solid #dedede;
            padding: 10px 10px 0;
        }

div.search-panel-expand {
            margin: 0;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            color: #555555;
            border: 0;
            height: 40px;
            line-height: 40px;
            position: relative;
            background: linear-gradient(#ededed, #dedede);
            background: -webkit-linear-gradient(#ededed, #dedede);
            background: -moz-linear-gradient(#ededed, #dedede);
            background: -o-linear-gradient(#ededed, #dedede);
        }

            div.search-panel-expand span.search-panel-button {
                display: block;
                clear: both;
                overflow: hidden;
                text-align: center;
                cursor: pointer;
            }

                div.search-panel-expand span.search-panel-button span.refineresult {
                    float: left;
                    width: 87%;
                    text-indent: 6%;
                    font-weight: var(--default-font-weight-bold);
                    font-size: 18px;
                }

                div.search-panel-expand span.search-panel-button span.expandcollapse {
                    float: right;
                    width: 36px;
                    border-left: 1px solid #bdbdbd;
                    display: block;
                    height: 40px;
                    line-height: 40px;
                }

                    div.search-panel-expand span.search-panel-button span.expandcollapse:before {
                        content: "\e259";
                    }

                    div.search-panel-expand span.search-panel-button span.expandcollapse.collapse:before {
                        content: "\e260";
                    }

                    div.platinummember div.memberbg > img {display:none}
                    div.container #header_container a.backbtn.osback {display:none}

                    span.spanvalidation {background:#ff0000; color:#fff!important; padding:3px; text-align:left; width:100%}


    div.addnewcreditcard ul.addnewcard li.state.selectdropdown,
                    .manageccpopup ul.EditCreditCard li.state.selectdropdown,
    div.addnewcreditcard ul.addnewcard li.zipcode,
                    .manageccpopup ul.EditCreditCard li.zipcode,
    .manageccpopup ul.EditCreditCard li.zipcode.nostate,
    div.addnewcreditcard ul.addnewcard li.phonetype,
                    .manageccpopup ul.EditCreditCard li.phonetype,
    div.addnewcreditcard ul.addnewcard li.phone,
                    .manageccpopup ul.EditCreditCard li.phone,
                    div.addnewcreditcard ul.addnewcard li.telext1,
                    .manageccpopup ul.EditCreditCard li.telext1 {width:100%; margin:0}
    div.addnewcreditcard ul.addnewcard li.state.selectdropdown select,
    .manageccpopup ul.EditCreditCard li.state.selectdropdown select,
    div.addnewcreditcard ul.addnewcard li select.countrydropdown,
    .manageccpopup ul.EditCreditCard li.state.countrydropdown,
    div.addnewcreditcard ul.addnewcard li.phonetype select,
    .manageccpopup ul.EditCreditCard li.phonetype select,
    div.addnewcreditcard ul.addnewcard li.phone div.mobilenumber,
    .manageccpopup ul.EditCreditCard li.phone div.mobilenumber,
    div.addnewcreditcard ul.addnewcard li.phone div.phonenumber,
    .manageccpopup ul.EditCreditCard li.phone div.phonenumber,
    div.addnewcreditcard ul.addnewcard li.telext1 input[type=text],
    .manageccpopup ul.EditCreditCard li.telext1 input[type=text]{width:calc(100% - 175px)}
    div.addnewcreditcard ul.addnewcard li.zipcode label,
    .manageccpopup ul.EditCreditCard li.zipcode label,
    div.addnewcreditcard ul.addnewcard li.phone label
    .manageccpopup ul.EditCreditCard li.phone label,
    div.addnewcreditcard ul.addnewcard li.telext1 label,
    .manageccpopup ul.EditCreditCard li.telext1 label{width:175px; padding:0}

    #ctl00_MainContent_addresses_addnewcard > li.telext1 > label {padding-left:10px}

    div.addnewcreditcard ul.addnewcard li.zipcode span.error,
    .manageccpopup ul.EditCreditCard li.zipcode span.error{width: auto;}
    div.addnewcreditcard ul.addnewcard li.zipcode.nostate input[type=text]
    .manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text]{width:calc(100% - 175px)}

    div.whatthistt div.ccsecurityinfo {top:auto!important; left:-110px!important; bottom:25px}

    div.storelocator div.searchsection {margin-top:20px}
    div.storelocator div.searchsection div.back-to-help {display:block}

    div.acctable.dashboard div.recentoderblk div.recentorder ul.orderdetails {width:50%!important}
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order {width:100%!important; flex-wrap:nowrap!important}
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order div.ordertotal {text-align:center;}

    div.addnewcreditcard ul.addnewcard li.zipcode, .manageccpopup ul.EditCreditCard li.zipcode {margin-top: 20px;}
    div.addnewcreditcard ul.addnewcard li.zipcode.nostate, .manageccpopup ul.EditCreditCard li.zipcode.nostate {margin-top: 0;}

    .manageccpopup ul.EditCreditCard li.nostate > div, .manageccpopup ul.EditCreditCard li > div { width: calc(100% - 175px) }
    div.addnewcreditcard ul.addnewcard li.nostate > div, div.addnewcreditcard ul.addnewcard li > div { width: calc(100% - 175px)}
}

@media (max-width:600px) {
    div.whatthistt div.ccsecurityinfo {
        left: 0 !important;
        bottom:70px;
        width: 270px !important;
        height:24em;
    }
}

@media (min-width:769px) {
    div.search-panel-expand {
            display: none;
        }

        div.storelocatorleftnav div.leftcontainer {
            display: block !important;
        }

    #ordercomplete a.printorder {display:flex; align-items:center;}
    div#login_grayback div.fullarea ul li input[type=text], div#login_grayback div.fullarea ul li input[type=password] {width:400px; max-width:inherit}
    div#login_grayback div.fullarea div.storefrontresellerinfo ul li input[type=text] {width:400px}
    div#login_grayback div.fullarea ul li input.lbltel1 {width:310px}
    div#login_grayback div.fullarea ul li select {width:400px; max-width:inherit}
    div#login_grayback div.fullarea div.wholesaleregistration span.astrix.valerror {margin-left:0; padding-left:5px}

    /************* My reward history *****************/

    div.myrewardhistory ul li.rewarddt {width:30%}
    div.myrewardhistory ul li.rewarddesc {width:55%}

    /********************** Business Referral **************************/

    div.businessreferral ul li label {width:150px}
    div.businessreferral ul li input.addupdate {margin-left:150px}
    div.businessreferral ul li label.phone {width:100px; padding-left:35px}
    
    ul.newlogindetails li label {width:340px;}
    
    .changepassword input[type="text"], .changepassword input[type="password"], .changepassword select {width:300px; margin-left:0}

    div.platinummember div.memberbg > img {width:40%; max-width:400px}

    /********************** Store Locator **************************/

    div.storelocator div.storelocation ul {width:240px; margin-right:10px}
    div.storelocator div.storelocation ul li {width:100%}
    div.storelocator div.storelocation div.maparea {width:calc(100% - 250px); float:left}

    /****************** Credit Card ********************/

    div.acctable div.accbodycontainer div.creditcardlist ul {width:31%; margin-right:2%}

   /******************************* Order Details Page ********************/

div.orderheader div.ordershipment {width:20%; margin-top:20px}

    /************************ Order History ***********************/

    div.srhordercontent ul.dsk-heading li.description {width:62%}
    div.srhordercontent ul.shrcontent.prodflavor li.description {width:46%}
    div.srhordercontent ul.shrcontent.prodflavor li.prodimg {padding-left:2%; width:17%; padding-bottom:5px;  background-position:-2px -320px}

    div.platmemblk {float:right; margin-right:10px}
    div.referralmemberbg div.platmemblk {float:none; margin:0 auto}

    .manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text], .manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text] {width: calc(80% - 195px);}
    div.addnewcreditcard ul.addnewcard li.zipcode.nostate input[type=text], div.addnewcreditcard ul.addnewcard li.zipcode.nostate input[type=text] {width: calc(80% - 195px);}
    #ctl00_MainContent_addresses_spnZip > span {padding-left: 90px}
    #ctl00_MainContent_addresses_spnZip.nostate > span {padding-left: 175px}
}

@media (max-width:899px) {
    div.wishlistprice {margin-top:20px}
}

@media (min-width:901px) {
    ul#accprofile li.actionbutton label {
        display: none;
        width: 100%
    }
    ul#accprofile.storecredit li.actionbutton label {display:block}
ul.accprofile li.actionbutton {text-align:right; width:33.33%}
ul.accprofile.EditCreditCard li.actionbutton {width:100%; text-align:center}
    div.accountleftnav {width: 18%; display: block;}

    div.add_edit_ads_content li label {width:200px;}
    div.add_edit_ads_content li span.pmaddchkbox {margin-left:200px}
    .add_edit_ads_content input[type=text], .add_edit_ads_content select {max-width:450px}
    div.add_edit_ads_content li.phone {width:525px}
    div.add_edit_ads_content li.phone input[type="text"] {width:320px}
    .add_edit_ads_content li span.error{margin-left:200px}
    .add_edit_ads_content li.actionbtn {margin-left:200px}
    div#login_grayback div.fullarea ul li input[type=text], div#login_grayback div.fullarea ul li input[type=password] {width:500px}
    div#login_grayback div.fullarea ul li input.lbltel1 {width:410px}
    div#login_grayback div.fullarea ul li select {width:500px}

    .customerserviceDiv .tab-border div.tickets li.topic span#TopicErrorMessage.astrix {padding-left:98px;}

    
/************************* Change login details ***************************/

div.changelogin {margin:auto; }
.ChangeEmailAddressHolder .ContentArea {margin:0}
ul.accprofile li {width:33.33%;}

div.myacclinks ul li {width:32%;}
.ChangeEmailAddressHolder {width:50%!important; max-width:420px}

.customerserviceDiv .tab-border div.tickets li.subject {width:53%; max-width:500px}
.customerserviceDiv .tab-border div.tickets li.topic {width:45%}
.customerserviceDiv .tab-border div.tickets li.topic label {width:98px}
.customerserviceDiv .tab-border div.tickets li.topic select {width:auto}
div.customerserviceDiv div.cscontactmess {width:50%; max-width:500px; margin-bottom:0}


/***************************** Order History Pge ********************/

ul.accprofile li.ordernumber, ul.accprofile li.paymentref {width:33.33%}
ul.accprofile.orderdetails li.paging {width:17%; margin-top:21px}
ul.accprofile.orderdetails li.actionbutton {padding-right:1.5%; width:16%; margin-top:19px}
ul.accprofile li.ordernumber input[type="text"], ul.accprofile li.paymentref input[type="text"] {width:95%}
ul.accprofile li.datecal input[type="text"], ul.accprofile li.datecalto input[type="text"] {width:calc(93% - 24px)}
ul.accprofile.searchcontent li.actionbutton {padding-right:1.5%; width:33.33%}
ul.searchcontent li.showautoship {margin-top:21px; width:33.33%}
ul.accprofile.searchcontent li.actionbutton label {display:block}

div.srhordercontent ul.shrcontent.prodflavor li.description {width:45%}

div.platmemblk {margin-right:20px}
div.referralmemberbg div.platmemblk {float:none; margin:0 auto}
}

@media (min-width:992px) {
    div.myacc_content {padding:15px 40px}
    div.myacc_content.UserPerInformation_content {padding:30px 40px}
    ul.accprofile.creditcard li {width:30%}
    
}

@media (max-width:1100px) {
    div.srhordercontent ul.shrcontent li.proddetails {flex-direction:column}
    div.srhordercontent ul.shrcontent li.proddetails ul.productdetailsinfo {padding:0; border:0; width:100%;}
    div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails {padding:10px 0 0; width:100%; border:0}
    div.srhordercontent ul.shrcontent li.proddetails ul.qty-box, div.srhordercontent ul.shrcontent li.proddetails ul.price-box{width:100%; }
    div.srhordercontent ul.shrcontent li.proddetails ul.qty-box{padding:10px 0 0;}
    div.srhordercontent ul.shrcontent li.proddetails ul.price-box { padding: 0 0 10px 0; border:0px!important;}
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order {flex-wrap:wrap}
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order div.Quantity,
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order div.ordertotal{width:100%}
    div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails li.status{flex-direction: row; grid-gap:10px;}
}

@media (max-width:992px) {
    div.acctable.dashboard div.recentoderblk div.recentorder {flex-wrap:wrap}
    div.acctable.dashboard div.recentoderblk div.recentorder ul.orderdetails {width:100%}
    div.acctable.dashboard div.recentoderblk div.recentorder div.prodimage {width:50%; text-align:center;}
    div.acctable.dashboard div.recentoderblk div.recentorder div.totalqty-order {width:50%}
    div.acctable.dashboard div.recentoderblk div.recentorder div.orderdetails {width:100%; margin-top:20px;}

    div.acctable.dashboard div.rewardcontainer div.rewarddetails div.membertype {display:none}
    div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpoints {border-left: 0; width:55%; padding:20px 0}
    div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpurchases { width:45%; padding:20px 0}
    div.acctable.dashboard div.headtitle a.viewdetlsmobile {display:block}
    div.acctable.dashboard div.headtitle a.viewdetlsdsk {display:none}
}

@media(max-width:1280px) {
    div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline {display:table-caption; width:270px}
    div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.btnblue {margin:5px 0 0 0}
}

@media (max-width:900px) {
    div.srhordercontent ul.shrcontent {flex-wrap:wrap; align-items:initial}
    div.srhordercontent ul.shrcontent li.proddetails {width:calc(100% - 140px)}
    div.srhordercontent ul.shrcontent li.orderdetailsaction {width:100%; padding:15px 0 0}
    div.srhordercontent ul.shrcontent li.orderdetailsaction a.trackpackage,
    div.srhordercontent ul.shrcontent li.ordertrackingdisable a.trackpackage,
    div.srhordercontent ul.shrcontent li.orderdetailsaction a.cancelorder{width:100%;}
    div.storelocator div.searchsection ul li.zip {width:calc(100% - 120px)}
    div.storelocator div.searchsection ul li.searchwithin {width:120px; padding-right:0}
    div.storelocator div.searchsection ul li.findstore {width:100%; margin-top:15px}
    div.acctable.dashboard div.rewardcontainer div.rewarddetails {align-items: stretch;}
    div.acctable.dashboard div.rewardcontainer div.rewarddetails div.rewardpurchases {padding-left: 5px; padding-right: 5px;}

    .wishlist_grid .proddetails, .purchasehistory_grid .proddetails div.prdname {width:auto; flex-direction:column}
    div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline {display:flex; width:auto}
    div.wishlist_grid div.wishlistprice ul.actionlinks li.cartline a.btnblue {margin:0 0 0 5px}
}

@media (max-width:767px) {
    div.srhordercontent ul.shrcontent li.proddetails ul.statusdetails li.status { flex-direction: column; justify-content: flex-start; grid-gap:0px; }
}

@media (max-width:600px) {
    div.addnewcreditcard ul.addnewcard li label,.manageccpopup ul.EditCreditCard li label,.manageccpopup ul.EditCreditCard li.phone div.phonenumber {width:100%}
    div.addnewcreditcard ul.addnewcard li input[type=text], div.addnewcreditcard ul.addnewcard li select, ul.EditCreditCard li input[type=text], ul.EditCreditCard li select,
    div.addnewcreditcard ul.addnewcard li.state.selectdropdown select,
    .manageccpopup ul.EditCreditCard li.state.selectdropdown select,
    div.addnewcreditcard ul.addnewcard li select.countrydropdown,
    .manageccpopup ul.EditCreditCard li select.countrydropdown,
    div.addnewcreditcard ul.addnewcard li.phonetype select,
    .manageccpopup ul.EditCreditCard li.phonetype select
    div.addnewcreditcard ul.addnewcard li.zipcode input[type=text],
    .manageccpopup ul.EditCreditCard li.zipcode input[type=text],
    .manageccpopup ul.EditCreditCard li.zipcode.nostate input[type=text],
    div.addnewcreditcard ul.addnewcard li.phone div.mobilenumber,
    .manageccpopup ul.EditCreditCard li.phone div.mobilenumber,
    div.addnewcreditcard ul.addnewcard li.phone div.phonenumber,
    .manageccpopup ul.EditCreditCard li.phone div.phonenumber,
    div.addnewcreditcard ul.addnewcard li.telext1 input[type=text],
    .manageccpopup ul.EditCreditCard li.telext1 input[type=text] {
        width: 100%!important
    }

    div.acctable.dashboard div.rewardcontainer div.headtitle h1 {width:calc(100% - 135px)}
    div.acctable.dashboard div.rewardcontainer div.headtitle a {width:135px; text-align:right}
    div.whatthistt div.ccsecurityinfo {left:0; width:270px}

    #ctl00_MainContent_addresses_ddlPhoneType{width:100%}
    div.addnewcreditcard ul.addnewcard li span.error,
    div.addnewcreditcard ul.addnewcard li.zipcode span.error,
    .manageccpopup ul.EditCreditCard li.zipcode span.error{margin-left:0; width:100%}
    #ctl00_MainContent_addresses_spnZip > div { width: 100%;}
    #ctl00_MainContent_addresses_spnZip > span {padding-left: 0}
    #ctl00_MainContent_addresses_spnZip.nostate > span {padding-left: 0}
    .wishlist_grid, .purchasehistory_grid {flex-direction:column}
}

@media (max-width:420px) {
    div.srhordercontent ul.shrcontent li.prodimg {width:80px;}
    div.srhordercontent ul.shrcontent li.proddetails {width:calc(100% - 80px)}
}

@media screen and (min-width:1024px) {
    div.platmemblk {float:none; margin:0 auto}
    div.platinummember div.memberbg > img {width:35%; max-width:350px}
}

@media screen and (max-width:1024px) {
    div.platinummember div.memberbg > img {display: none}
}

@media (min-width:1120px) {
    div.srhordercontent ul.dsk-heading li.description{width:64%}

}

@media (min-width:1200px) {
    /***************************** Credit Card *****************************/

    
}

    @media screen and (min-width:1150px) {
        div.platinummember div.memberbg > img {
            max-width: 400px
        }
    }

    @media screen and (max-width:1150px) {
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails {flex-wrap:wrap; margin:15px 15px 0}
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li {width:100%; }
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone span.intl {align-items:flex-start;}
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone {margin-bottom:15px; justify-content:center}
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone span.intl em {padding-left:5px;}
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactemail {margin-bottom:15px; display:flex; justify-content:center; align-items:center}
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.storetiming {justify-content:center; align-items:center}
    }

    @media screen and (max-width:480px) {
        div.storelocator div.storelocatorcustomercare div.customercare ul.contactdetails li.contactphone span.intl {flex-direction:column; align-items:flex-start}
    }

    @media screen and (max-width:400px) {
        .ratecustomerservice .csdrating table td {width:25%}
    }

    @media (min-width:1280px) {
        div.add_edit_ads_content li label {
            width: 250px;
        }

        div.add_edit_ads_content li span.pmaddchkbox {
            margin-left: 250px
        }

        .add_edit_ads_content li span.error {
            margin-left: 250px
        }

        div.add_edit_ads_content li.phone {
            width: 575px
        }

        .add_edit_ads_content li.actionbtn {
            margin-left: 250px
        }

        div#login_grayback div.fullarea ul li label,
        div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo ul li label {
            width: 350px
        }

            div#login_grayback div.fullarea div.wholesaleregistration.resellerinfo ul li label.labelheader {
                width: 100%;
            }

        div#login_grayback div.fullarea ul li input.txtLegalTypeofBusinessOther {
            margin-top: 5px;
            margin-left: 350px;
        }

        div#login_grayback div.fullarea ul li input[type=text], div#login_grayback div.fullarea ul li input[type=password] {
            width: 600px
        }

        div#login_grayback div.fullarea ul li input.lbltel1 {
            width: 510px
        }

        div#login_grayback div.fullarea ul li select {
            width: 600px
        }

        div#login_grayback div.fullarea ul li span.redblockerrormsg,
        .wholesalevalidator, div#login_grayback div.fullarea ul li span#PhoneDiv.redblockerrormsg {
            margin-left: 350px
        }

        div#login_grayback div.fullarea ul li.fieldinfo {
            padding-left: 350px
        }

        div#login_grayback div.fullarea ul li span.astrix.valerror {
            margin-left: 350px
        }

        .redeemgiftcard a.apply-button {
            clear: none;
            margin: 3px 0 0 3px
        }

        /********************** Store Locator **************************/

        div.storelocator div.storelocation ul {
            width: 260px;
            margin-right:10px
        }

        div.storelocator div.storelocation div.maparea {
            width: calc(100% - 270px)
        }

        /****************** Credit Card ********************/

        div.acctable div.accbodycontainer div.creditcardlist ul {
            width: 23.5%;
            margin-right: 1.5%
        }
    }

    @media (min-width:1400px) {
        div.srhordercontent ul.dsk-heading li.description {
            width: 65%
        }
    }

div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon {display:block; padding-bottom:0px}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon .clickable{width:100%;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon #discountDetails{width:100%; margin-top:10px; padding-left:10px; color: #737373;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon #OrderDiscount{color: #737373;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon .clickable label, div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon #discountDetails label{float:left;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon .clickable span, div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon #discountDetails span {float:right;}
div#ordercomplete div.myacc_content div.orderdetailsinfo div.ordertotalwrap ul.ordertotals li.rowline.rewardcoupon .clickable span.totalSavings{color:#AF1A31}
div.orderdetailsinfo #discountDetails span.couponcode {margin-left: 5px;}
div.orderdetailsinfo #discountDetails .appliedcoupon.discount label { display:flex; }