/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.2.widgets.css' (Mode: Static) */
/*This is the temporary CSS file for development purpose.
    At the end of RWD developement we will remove this file.
    We are not adding this file reference into Combres. We will add its reference into Master page directly when needed
    Developer should put downloaded widget's CSS to this file only. Do not modify any of existing CSS files directly without communicating to Designer
    Designer should move required CSS to respective CSS file like Core, Home and so on 
    */

/*
	RateIt CSS
    http://www.radioactivethinking.com/rateit/example/example.htm
*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding-top:3px; float:left; margin-right:5px; 
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url("/Templates/Mercola/images/star.png");
    
    outline: none; 
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url("/Templates/Mercola/images/star.gif") left -16px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -14px;
}

.rateit .rateit-selected
{
    background: url("/Templates/Mercola/images/star.png") left -17px; 
}

.rateit .rateit-selected-rtl
{
    background-position: right -14px;
}

.rateit .rateit-preset
{
    background: url("/Templates/Mercola/images/star.gif") left -14px;
}

.rateit .rateit-preset-rtl
{
    background: url("/Templates/Mercola/images/star.gif") left -14px;
}

.rateit button.rateit-reset
{
    display:block;height:20px;width:20px; float:left; margin-right:5px; border:0 solid #fff; font-family:'Glyphicons Halflings'; padding-left:0; background:#fff; color:#7fba00
}
.rateit button.rateit-reset:before{content:"\e221"}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background-position: 0 -52px;
}

span#feedbackratingremark, span#ratingerror {float:left;position:relative; top:16px; padding-left:5px}
span#ratingerror {color:#ff0000}

div#customerreviewsfeedback legend{margin-bottom:5px}

div#customerreviewsfeedback p.actionlink {float:left; margin-left:170px; clear:left}

div#customerreviewsfeedback p.actionlink a.submitreview {border: 0 none; float:left; border-radius:0px; color: #fff; font-weight:var(--default-font-weight-semi-bold); font-size: 18px; padding: 10px 20px; width:auto; background:#7fba00; cursor:pointer; margin-top:10px; line-height:normal;  -webkit-appearance:none;}

div#customerreviewsfeedback p.actionlink span.reviewfeedbackmsg {clear:left; float:left; color:#7fba00}


/*
Responsive tabs related CSS
http://jellekralt.github.io/Responsive-Tabs/
*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px 0 0;
    display: none;
    min-height:283px;
}
.r-tabs .r-tabs-panel h1, .r-tabs .r-tabs-panel h2, .r-tabs .r-tabs-panel h3, .r-tabs .r-tabs-panel4, .r-tabs .r-tabs-panel h5, .r-tabs .r-tabs-panel h6{font-weight:bold;}
.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}
.r-tabs #tab-learn.r-tabs-panel.r-tabs-state-active ul li{list-style-type:disc; list-style-position:inside; padding-left:15px;}
.r-tabs #tab-learn.r-tabs-panel.r-tabs-state-active ol li{list-style-type:decimal; list-style-position:inside; padding-left:15px;}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block; clear:both; float:left; width:100%; margin-top:12px;
    }
    .r-tabs .r-tabs-panel {
        min-height:50px;
    }

        .r-tabs .r-tabs-panel.r-tabs-state-active {clear:both}
}

/* Accordion responsive breakpoint for checkout and order complete*/
@media only screen and (min-width: 320px) {
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-nav {
        display: none;
    }
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    #ordercomplete .r-tabs .r-tabs-nav, #checkout .r-tabs .r-tabs-panel {
        min-height:50px;
    }
}

.r-tabs {
	position: relative;
    clear:both; width:100%; padding-top:30px
}

.r-tabs .r-tabs-nav {
	
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 0px;
}


    .r-tabs .r-tabs-nav .r-tabs-anchor {
        font-size: 14px;
        display: inline-block;
        color: #2369b4;
        text-align: center;
        width: auto;
    }
.r-tabs .r-tabs-nav .r-tabs-anchor:last-child{width:auto;}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover{border-bottom:3px solid #2369b4}
.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	
}

    .r-tabs .r-tabs-nav .r-tabs-state-active a {border-bottom:3px solid #2369b4}

    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	
}

.r-tabs .r-tabs-panel {
	border-top: 1px solid #ccc;
	
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #555;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 3px;

}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover{background-color:#83b6dd; color:#fff!important}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #83b6dd;
        color: #fff;
        margin-bottom: 0; font-weight:var(--default-font-weight-semi-bold)
    }

@media only screen and (max-width: 1024px){
    .r-tabs .r-tabs-nav .r-tabs-anchor:last-child{width:129px;}
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: flex;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 100%!important;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 90%;
  margin-top: -5px;
  top: 50%;
  left: 3%;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #eee;
  border:1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color: #2674ab;
  background-image: -moz-linear-gradient(top, #2674ab, #5e99c4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2674ab), to(#5e99c4));
  background-image: -webkit-linear-gradient(top, #2674ab, #5e99c4);
  background-image: -o-linear-gradient(top, #2674ab, #5e99c4);
  background-image: linear-gradient(to bottom, #2674ab, #5e99c4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2674ab', endColorstr='#5e99c4', GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  
}
.slider-handle.round {
  background:url("/Templates/Mercola/images/icons.png") no-repeat 4px -2411px;display:block;height:23px;width:23px; 
}
.slider-handle.triangle {
  background: transparent none;
}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/5.1.checkout.css' (Mode: Static) */
#header.checkoutheader {clear:both; overflow:hidden!important; padding:10px 0}
#header.checkoutheader.referralchkoutheader {overflow:visible!important}
div.checkoutheader a.backbtn {display:none}
div.chkoutcontainer {max-width:1500px; margin:auto; padding:0 7px!important}
#checkout_content #checkout a {color:#226CBA; text-decoration:underline; font-size:16px;}
#checkout_content #checkout span.CustomerAggrement a, span.CustomerAggrement a {font-size: 13px; color: #2369b4;}
/*a.logo {float:left;}*/

span.logo {float:left; margin-top:7px} 
 

div.checkouttop div.changelang {display:block; margin: 10px 16px 0 0; width:auto; display:none}

div#checkout_content {background:none!important; border:0!important; }

div#checkout_content + div.footer {background:#fff!important}

/********************** Checkout Process ****************/
div.checkoutheader div.chkoutprocess {display:none}
div.checkouttop {display:none}
div.referralchkoutheader div.checkouttop {display:block!important}
div.chkoutprocess div.middleborder {height:0; border:1px solid #1e6db2; position:relative; top:26px; width:70%; margin:0 auto}
div.chkoutprocess ul.chkoutprocessflow {display:flex; justify-content:space-between; margin-bottom:20px }
div.chkoutprocess ul.chkoutprocessflow li {text-align:center; font-size:13px; color:#c1c1c1; position:relative; padding:0 5px;}
div.chkoutprocess ul.chkoutprocessflow li.current {color:#000;}
div.chkoutprocess ul.chkoutprocessflow li span {display: block; overflow:hidden; font-size: 18px; font-weight: var(--default-font-weight-bold); width: 50px; height: 50px; border-radius: 30px; color: #fff; line-height: 30px; margin: 0 auto; border:10px solid #fff}
div.chkoutprocess ul.chkoutprocessflow li span label { background: #c1c1c1; display:block }
div.chkoutprocess ul.chkoutprocessflow li.current span label {background:#1e6db2; display:block}

div.addresslist {clear:both; max-width:640px; margin:0 auto}
div.addresslist a#btnclick {color:#2369b4; text-decoration:underline}

div.shippingnotice span.InternationalShippingNoticemessage,
div.shippingnotice span.shippingrestrictionerrormessage {color: #BB271A; font-size: 14px; padding: 0 0 10px 0; float: left; width: 100%}
#shippingrestrictionheadermsg{color: #BB271A; margin-bottom:20px;}
.shippingmethod-details-box{border: 1px solid #d5d5d5; padding: 15px; margin-bottom:25px;}
#errorshippingspan{font-size:14px;}
div.shippingnotice span.InternationalShippingNoticemessage {padding-top: 10px;}
div.shippingnotice span.InternationalShippingNoticemessage span{font-size:14px;}
#checkout_content #checkout #shippingmethodcontainer div span a {font-size: 14px;}
.shipbillpayment .shippingmethod-details-box.freeshipping {display:flex; align-items:center; column-gap:10px; padding-left:5px;} 
.shipbillpayment .shippingmethod-details-box.freeshipping h2{display:inline-block;}
.shipbillpayment .shippingmethod-details-box.freeshipping ul.formdetails{margin:0px; padding:0px; width:auto;}
.shipbillpayment .shippingmethod-details-box.freeshipping ul.formdetails li{font-size:14px;}
.shipbillpayment .shippingmethod-details-box.freeshipping div.notapplicable {flex: 1}

div.shippingnotice span.InternationalShippingNoticemessage a,
div.shippingnotice span.shippingrestrictionerrormessage a {
    cursor: pointer
}

.shippingaddresscontainer, .billingaddresscontainer {float: left; padding: 0px; width: 100%;}
.shippingaddresscontainer {margin-bottom:15px}
.billingaddresscontainer {border-top:0; padding-top:0px}
.billingaddresscontainer #billingaddressform, .shippingaddresscontainer #shippingaddressform{padding-top: 5px; border-top: 1px solid #efefef;}

div#shippingaddoverlay_wrapper.popup_wrapper_loader div#shippingaddoverlay div.addresslist {display:none}
div#shippingaddoverlay_wrapper {transition-duration:0!important; z-index:100002!important}

div.addresslist h2,div.address_validation h2 {color: #2a2a2a!important; font-size: 25px!important; font-weight: var(--default-font-weight-bold); line-height: normal; margin: 0; padding: 0 0 15px; }
div.addresslist .changeaddr {background: #5294f7; border: 1px solid #2f7ae8; color: #fff; font-size: 12px; font-weight: var(--default-font-weight-bold);  height: 21px; line-height: 20px; padding: 0 10px; min-width: 110px; text-shadow:1px 1px #285ab9; float:left; border-radius:0px; text-align:center; margin:8px 0}

div.addresslist div.Addressdetails {clear:both; width:100%; font-size:13px}
div.addresslist div.Addressdetails ul li {clear:both; width:100%}
div.addresslist div.Addressdetails ul li input {border:0; font-size:13px; height:auto; padding:0; box-shadow:1px 2px 2px #fff inset; float:left}

div.addresslist div.shippingcheck {clear:both; overflow:hidden; margin:0 0 5px; font-size:13px}
div.addresslist div.shippingcheck input.chksameasshipping {float:left; margin:2px 4px 0 0 }

div.addressnew {clear:both; overflow:hidden;}
div.addressnew ul.addressfields {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline}
div.addressnew ul li {padding:0 0 15px; width:100%; clear:both}

div.addressnew ul li.firstname {width:100%; padding-right:0; float:left; clear:none}
div.addressnew ul li.lastname {width:100%; padding-left:0; float:left; clear:none}

div.addressnew ul li.city {width:100%; padding-right:0; float:left; clear:none}
div.addressnew ul li.customerstate {width:100%; padding-bottom:15px; float:left; clear:none}
div.addressnew ul li.zipcode {width:100%; padding-right:0; float:left; clear:none}

div.addressnew ul li.phoneno {width:100%; padding-right:0; float:left; clear:none; margin-bottom:0!important}
div.addressnew ul li.ext1 {width:100%; padding-left:0; float:left; clear:none; margin-bottom:0!important}
div.addressnew ul li.mobilesms {width:100%; padding-left:0; float:left; clear:none; margin-bottom:0!important}
div.addressnew ul li.smscontent {margin-bottom:0; padding-bottom:0}

div.addressnew ul li.selectdropdown {overflow:visible}
div.addressnew.ipadselect {overflow:visible}
div.addressnew ul li div.nice-select {background:#fff;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:2px; width:80%}
div.addressnew ul li div.nice-select span.current {display:block; overflow:hidden; margin-right:28px}


div.addressnew ul li label {width:100%; padding-bottom:3px; }

div.addressnew ul li input, div.addressnew ul li select {width:100%; padding:7px; font-size:13px; border:1px solid #e6e6e6; height:32px;}

div.addressnew ul li input.errorborder {border:1px solid#f00 !important}

div.addressnew ul li label label {width:auto; font-weight: var(--default-font-weight-bold); font-size:14px; padding:0; line-height:normal; color:#313131}

div.addressnew ul li label span {color:#a09e9f; font-size:11px; font-weight:normal; padding: 0 0 0 4px; text-transform:uppercase}

div.addressnew ul li.billmobilesms {float:left}
div.addressnew ul li input.chkmobile {float:left; margin:2px 5px 0 0}
div.addressnew ul li label.lblMobileNo {float:left; width:auto; font-weight: var(--default-font-weight-bold); cursor:pointer}
div.addressnew ul li label.lblMobileNo span {text-transform:none}

div.checkoutaction {clear:both; overflow:hidden; padding:0; margin-top:0; text-align:center}

a.backbtn, a.bkbtntocart {float:left; font-size:16px; text-decoration:underline; line-height:40px; clear:left }

div.shippingAddressdetailsView, div.billingAddressdetailsView {margin-top:10px; float:left; padding:10px; width:100%; border:1px solid #ccc}



div.checkoutaction a.fastcontchkout {
    float: none;
    height: 43px;
    width: auto;
    background: #af1a31;
    border: 1px solid #af1a31;
    color: #ffffff !important;
    border-radius: 0px;
    line-height: 43px;
    text-align: center;
    font-size: 15px;
    margin: 15px 0;
    cursor: pointer;
    padding: 0 30px 0
}

div.checkoutaction a.fastcontchkout.chkoutprocessing {float:none; height:43px; width:auto; border:1px solid #dbdbdb; color:#dbdbdb!important; border-radius:0px; pointer-events:none;
background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 1%, #f0f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f8f8f8 1%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f8f8f8 1%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow: 0 0;
    -webkit-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    box-shadow: 0 0;
line-height:43px; text-align:center; font-size:15px; font-weight: var(--default-font-weight-bold); pointer-events:none; margin-top:15px; cursor:default; padding:0 30px 0}

div.checkoutaction a.fastcontchkout span.glyphicon {padding-right:10px; display:none}

span.privacypolicyterm {display:block; text-align:center; color:#4d4d4d}
span.privacypolicyterm a {color:#2369b4}

/******************* Checkout Popups **************************/

div#addresslistoverlay, #cardlistoverlay, #achpopup, #securitycodepopup, #cardeditoverlay, #editlistoverlay, #editlistoverlay, div.addresslist.popup_content {width:96%; max-width:800px}
div#shippingaddoverlay {width:96%; max-width:500px}
div#shippingaddoverlay iframe {width:100%!important}
div#addresslistoverlay h1 {color: #787878; font-size: 26px; margin: 0 0 8px}

div.myaddressrepeater {clear:both; overflow:hidden}
div.myaddressrepeater div.addresslists {display:flex; flex-wrap:wrap}
div.myaddressrepeater div.myaddresslist {float:left; width:33%; margin:25px 0 0; padding-bottom:8px; font-size:15px; position:relative; word-break:break-word;}
div.myaddressrepeater div.myaddresslist ul  {min-height:127px; display:flex;}
div.myaddressrepeater div.myaddresslist ul li.selectcardaction {padding-top:3px;}
div.myaddressrepeater div.myaddresslist ul li.selectcardaction input[type=radio] {margin:0 10px;}
div.myaddressrepeater div.myaddresslist ul li.selectcardaction + li {width:calc(100% - 36px)}
div.myaddressrepeater div.myaddresslist ul li span.currentadd {margin:4px 0 0!important; display:block}
div.myaddressrepeater div.myaddresslist ul li div.flname{ font-weight: var(--default-font-weight-bold); margin:0 0 5px 0}
div.myaddressrepeater div.myaddresslist ul li div.orgname { font-weight: var(--default-font-weight-bold); margin:0 0 5px 0}
div.myaddressrepeater div.myaddresslist ul li div.address, div.myaddressrepeater div.myaddresslist ul li div.addresstel { font-weight: normal; margin:0; font-size:12px}
div.myaddressrepeater div.myaddresslist ul li div.current-autoship-box .currentadd, div.myaddressrepeater div.myaddresslist ul li div.current-autoship-box .autoshipcard{background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat 0 -477px;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin-left: 0px!important;
    margin-top: 5px;
    padding: 1px 0 3px 20px!important; clear:left; float:left; font-weight:bold}

div.myaddressrepeater a.shiptoaddr,
div#displayaddress a.shiptoaddr, 
div.myaddressrepeater a.billtoaddr{margin-top:0px; cursor:pointer; background:#1e6db0; color:#fff; border-radius:0px; width:auto; height:35px; padding:0 20px; float:left; clear:left; line-height:35px}
span.treditaddress {clear:left; float:left; width:100%}
#addresslistoverlay a.editordelete, #cardlistoverlay a.removecc {float: none; font-size: 14px; margin: 15px auto 0; text-decoration:none; display:block; text-align:center}
span.treditaddress input.editaddress, span.treditaddress input.deletebutton{padding: 0; background: #fff; text-decoration: underline; color: #2369b4; border: 0!important; width: auto; font-size:15px; margin:4px 0!important}
span.treditaddress input.deletebutton{margin-left:10px!important; display:none}



div#displayaddress a.shiptoaddr {float:none; margin-bottom:10px; display:inline-block}

div.actionaddadd {clear:both;}

#addresslistoverlay a.addaddress, #displayaddress a.addaddress,#displayaddress a.viewaddress, div.paymentdetails div.paymentoptions li.ccaction a#selectcard, div#ccbillingaddress a.billtodiffadd, #cardlistoverlay a.addcc, .managecreditcards a.addcc, .managecreditcards a.addaddress {float:none; display:inline-block; height:auto; line-height:20px; background:none; border:1px solid #226CBA; color:#226CBA!important; border-radius:0px; padding:10px 35px; width:auto; font-weight: var(--default-font-weight-bold); text-decoration:none!important; margin-top:10px; width:260px; text-align:center;}
#displayaddress a.addaddress,
div#ccInfo a.addcc,
div#ccbillingaddress a.addaddress{float:none; display:inline-block; height:auto; line-height:20px; background:#226CBA; border:1px solid #226CBA; color:#ffffff!important; border-radius:0px; padding:10px 35px; font-weight: var(--default-font-weight-bold); text-decoration:none!important; margin-top:10px; width:260px; text-align:center;}
#addresslistoverlay a.addaddress span.glyphicon, 
#displayaddress a.addaddress span.glyphicon,
 #cardlistoverlay a.addcc span.glyphicon,
div#ccInfo a.addcc span.glyphicon,
.managecreditcards a.addcc span.glyphicon,
div#ccbillingaddress a.addaddress span.glyphicon,
.managecreditcards a.addaddress span.glyphicon {font-size:12px; padding-right:5px}
#addresslistoverlay a.addaddress {margin-bottom:10px}
div.sameasshippingchkbox {float:none; margin:20px auto; padding:0; font-size:13px; width:100%; text-align:center; display:none}

div#viewalladdresspopup div.viewaddresslist {display:flex; flex-wrap:wrap}
div#viewalladdresspopup div.viewaddresslist ul {width:33%}
div#viewalladdresspopup div.viewaddresslist ul li {display:flex; font-size:15px; margin-top:25px;}
div#viewalladdresspopup div.viewaddresslist h2,
div#billingaddressoverlay h2 {width:100%; font-size:25px; padding-bottom:15px; border-bottom:1px solid #efefef; font-weight:var(--default-font-weight-bold)}
div#viewalladdresspopup div.viewaddresslist ul li input[type=radio] {margin:3px 0; width:36px!important}
div#viewalladdresspopup div.viewaddresslist ul li label {width:calc(100% - 36px)}
div#addresses #displayaddress pdiv#viewalladdresspopup div.viewaddresslist ul li strong {display:block; padding-bottom:5px}
div#viewalladdresspopup div.viewaddresslist ul li span.current-autoship-box{margin-bottom:10px; float:left; width:100%;}
div#viewalladdresspopup div.viewaddresslist ul li span.current-autoship-box .currentadd, div#viewalladdresspopup div.viewaddresslist ul li span.current-autoship-box .autoshipcard{background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat 0 -477px;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin-left: 0px!important;
    margin-top: 5px;
    padding: 1px 0 3px 20px!important; clear:left; float:left; font-weight:bold}
div#viewalladdresspopup div.viewaddresslist ul li input.editshippingaddress {background: none; padding:0; display: flex; text-decoration: underline; color: #03519b; cursor: pointer; margin:9px 0}

div#viewalladdresspopup div.viewaddresslist div.addlistaction {margin-top:25px; width:100%; display:flex; justify-content:center;}
div#viewalladdresspopup div.viewaddresslist div.addlistaction a.btnsave {color:#fff; background:#226CBA; border:1px solid #226CBA; font-weight:var(--default-font-weight-bold); font-size:14px; margin:0 5px; padding:0}
div#viewalladdresspopup div.viewaddresslist div.addlistaction a.btncancel {color:#333; background:#fff; border:1px solid #999999; font-weight:var(--default-font-weight-bold); font-size:14px; margin:0 5px; padding:0}
div#viewalladdresspopup div.viewaddresslist span.addrlist{word-break: break-word;}


div#dialog-confirm-edit_background{z-index:100002!important}
div#dialog-confirm-edit_wrapper{z-index:100002!important}

input.editButton, input.deletebutton, input.creditcarddeletebutton, input.editaddress {
    background: #efefee;
    text-indent: 0 !important;
    height: 28px !important;
    line-height: 26px;
    margin: 5px auto 0 !important;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    width: 70px;
    border-radius: 0;
    border: 1px solid #d6d6d6 !important;
}
span.treditaddress span.hiddenbtn {display:block; height:28px!important; width:100%}
span.privacypolicylnk {clear:both; overflow:hidden; padding:2px 0; float:left; width:100%; margin-top:10px; display:block; font-size:12px!important; font-weight:normal}
span.privacypolicylnk a {text-align:right; float:right; padding:0 5px; color:#337ab7}

div.privacypolicyterm {clear:both; overflow:hidden; display:block; font-size:12px; text-align:center; font-weight:normal; color:#424242; padding:10px 25px 0px 25px;}
div.privacypolicyterm a {font-size:12px!important; text-decoration:none!important}

/**************** Order Summary Page *******************/
div#checkout h1 {font-size:20px; font-weight:bold; padding:10px 0}

div.chkoutcontainer.container {max-width:1500px; width:100%;}
div.chkoutcontainer.referchkoutcontainer.container {padding:0!important}

div.chkoutcontainer div#header_container {max-width:inherit!important; height:auto!important}
@media (min-width: 800px) { div.chkoutcontainer div#header_container {height:90px;} }
@media (max-width: 800px) { div.referralchkoutheader div.checkouttop {margin-top:20px;} }
div.chkoutcontainer.referchkoutcontainer div#checkout_content {border-top:1px solid #e3e3e3!important;border-bottom:1px solid #e3e3e3!important;}

div.shipbillpayment { margin:2.6em 0 0; clear:both}

div#addresses {margin:0 0 25px; clear:both; overflow:hidden; border-bottom:1px solid #d5d5d5; padding-bottom:30px}
div#addresses div.shippingaddress {position:relative}
div.shipbillpayment h2 {font-weight: var(--default-font-weight-bold); font-size:18px; padding-bottom:15px; display:flex; justify-content:space-between; align-items:baseline;}
div.shipbillpayment h2 a {font-weight:normal;}
div.shipbillpayment ul.currshipadd {clear:both; margin-top:20px; float:left; width:100%}
div.shipbillpayment ul.currshipadd li{word-break: break-word;}

div#addresses ul {font-size:16px}
div#addresses ul li.safirstname {font-weight: var(--default-font-weight-bold);}
div#addresses ul a.fastchkout {padding-top:15px}
div#addresses div.shippingaddress ul li.changeaddress a.regularhead {text-align:left; position:absolute; top:0; right:0; padding-top:5px;}
div#addresses div.shippingaddress ul li.changeaddress input.editshippingaddress {  background: none;    padding: 0;    display: flex;    text-decoration: underline;    color: #03519b;    cursor: pointer;    margin: 9px 0 }
div#addresses div.shippingaddress ul li a.fastchkout, div#addresses div.billingaddress ul li a.fastchkout {float:left; text-decoration:underline; font-size:12px}
div#addresses div.shippingaddress ul li.changeaddress a.fastchkout {float:none; font-size:15px;}
div#rewardPointsContainer ul.rewardlist {}
div.shippingaddress h2, div.shippingmethod h2, div.redeemGiftCard h2, div.paymentdetails h2 { font-size: 20px;}
div.shipbillpayment div.paymentdetails h2{padding-bottom:5px;}

div#addresses #displayaddress {text-align:center; margin-top:10px; padding:20px 0; border-top:1px solid #d5d5d5; clear:both; overflow:hidden}
div#addresses #displayaddress p {float:none; font-size:17px; text-decoration:none; font-weight: var(--default-font-weight-bold); color:#000000; padding-bottom:10px; text-align:left}
div#addresses #displayaddress div.shippingaddlist {margin-bottom:0px; text-align:left; display:flex; flex-wrap:wrap}
div#addresses #displayaddress div.shippingaddlist li label {display:block; width:100%; padding-right:15px;}
div#addresses #displayaddress div.shippingaddlist li span.addrlist {float:left; width:90%; word-break: break-word;}
div#addresses div.shippingaddress ul li.changeaddress #displayaddress ul {padding:0 0 20px; clear:both; overflow:hidden; width:33.33%}
div#addresses div.shippingaddress ul li.changeaddress #displayaddress ul li {display:flex}
div#addresses div.shippingaddress ul li.changeaddress #displayaddress ul input[type=radio] {margin:3px 10px 0 0; float:left; cursor:pointer}
div#addresses div.shippingaddress ul li.changeaddress #displayaddress ul li input[type=button] {background:none; margin-top:10px; display:flex; text-decoration:underline; color:#03519b; cursor:pointer}

div.shippingmethod {padding:30px 0; clear:both; overflow:hidden; }
#shippingmethodcontainer.shippingmethod{padding:0px;}
div.shippingmethod ul {clear:both; overflow:hidden; }
div.shippingmethod ul.selectedshipping {margin-top:20px; font-size:16px}
div.shippingmethod ul.selectedshipping li span#SelectedShipMethodRate {padding-left:15px; font-weight:var(--default-font-weight-bold); }
div.shippingmethod ul.selectedshipping li span#SelectedShipMethodRate.freeshipping {color:#af1a30;}
div.shippingmethod div#shipmethodlist {display:none}
div.shippingmethod div.displayshippingmethod {margin-top: 10px; display:flex; padding: 20px 0 0;border-top: 1px solid #d5d5d5;clear: both;overflow: hidden; flex-wrap:wrap; }
div.shippingmethod ul.formhead  {background-color: #f5f9fa; border-bottom: 1px solid #ebebeb; color: #333333; font-size: 13px; padding: 10px; font-weight:bold }
div.shippingmethod ul li.lblshipmethod {float:left; width:65%}
div.shippingmethod ul li.lblshiprate {float:right; width:35%; text-align:right}
div.displayshippingmethod h3#chooseShipping{width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 0; color:#000}

div.shippingmethod ul.formdetails {padding-bottom:0px; color:#333333; display:flex; flex-wrap:wrap; width:33.33%; padding-right:15px; padding-top:15px;}
div.shippingmethod ul.formdetails li {float:left; padding:0; font-size:16px}
div.shippingmethod ul.formdetails li.chkbox {padding-right:10px}
div.shippingmethod ul.formdetails li.chkbox input[type=radio] {margin-top:3px; cursor:pointer; }
div.shippingmethod ul.formdetails li.lblmethod {width:calc(100% - 26px)}
div.shippingmethod ul.formdetails li.shippingprice {width:auto; text-align:left; font-weight:bold; margin-left:26px;}
div.shippingmethod ul.formdetails li.effectiveshippingprice {width:35%; text-align:right; float:right; font-weight:bold}
div.shippingmethod ul.formdetails li.effectiveshippingprice span.more {color:#00d400}
div.shippingmethod ul.formdetails li.effectiveshippingprice span.less {color:#af1a30}
#shippingmethodcontainer:has(#shippingrestrictionheadermsg) { border:0; }

/*div.shippingmethod ul.formdetails li.shippingprice span.free {background: url("/Templates/Mercola/images/icons.png") no-repeat 0 -226px; float: left; height: 14px; width: 39px; margin-top:5px}*/
div.shippingmethod ul.formdetails li.shippingprice span.free {float: left; margin-top:5px; color:#af1a30; font-weight: var(--default-font-weight-bold);}
div.displayshippingmethod span.free, div.displayshippingmethod li.shippingprice {font-size: 16px !important;}

div#checkout div.OrderSummaryForm h1 {font-size:24px; font-weight:var(--default-font-weight-bold); padding:0 0 5px; color:#2c2c2c; display:flex; justify-content:space-between; align-items:baseline;}
div#checkout div.OrderSummaryForm h1 a.editcart {font-size:14px; font-weight:normal }
div.OrderSummaryForm span.cartitem, div.shippingmethod span#lblFreeShipping{color: #636363; font-size: 12px; font-weight: 400;}
div.cartsummarycontainer {border-top:0; margin:0 0 15px; clear:both; float:left;width:100%; color:#333}
div.cartsummarycontainer ul {/*clear:both; float:left;*/ width:100%; display:flex; flex-wrap:wrap }
div.cartsummarycontainer ul.carttitle {background: #f0f0f0; font-size:13px; color:#505050; border:1px solid #fff; display:none}
div.cartsummarycontainer ul li {float:left; padding:10px 8px;}
div.cartsummarycontainer ul.carttitle li.cartdetail {width:70%}
div.cartsummarycontainer ul.carttitle li.cartqty {width:10%; text-align:center; display:none}
div.cartsummarycontainer ul.carttitle li.cartprice {width:20%; text-align:right; display:none}

div.cartsummarycontainer ul li.prodimage {width:95px; padding:0}

div.cartsummarycontainer ul li.itemdetails {width:calc(100% - 95px); display:flex; justify-content:space-between; flex-wrap:wrap; font-size:14px; padding-bottom:0}
div.cartsummarycontainer ul li.itemdetails div.prodname {min-height:55px; width:100%}
div.cartsummarycontainer ul li.itemdetails div.prodname label {font-size:16px; font-weight:var(--default-font-weight-bold)}
div.cartsummarycontainer ul li.itemdetails div.prodname span {font-size: 14px; font-weight: var(--default-font-weight-bold)}
div.cartsummarycontainer ul li.itemdetails div.prodname span#IsSku_Subscription{font-weight:normal;}
div.cartsummarycontainer ul li.itemdetails div.prodqty span {padding-left:5px}
div.cartsummarycontainer ul li.itemdetails div.lineitemprice {font-size:20px; font-weight:var(--default-font-weight-bold); padding-right:10px;display:flex;flex-direction:column; align-items:flex-end;}
div.cartsummarycontainer ul li.itemdetails div.lineitemprice span.total-disamt {color: #AF1A31;}
div.cartsummarycontainer ul li.itemdetails div.lineitemprice span.total {color: #000;}

div.cartsummarycontainer ul div.discountitem {display:flex; align-items:center; margin:0 0 4px 0; color:#333; text-align:left; width:100%;}
div.cartsummarycontainer ul div.discountitem 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.cartsummarycontainer ul li.prodname span.Autoship {padding-top:10px; padding-bottom:5px; display:block;font-weight:normal}
div.cartsummarycontainer ul li.prodname p.productoption label {min-height:inherit}
/*.freeitemicon {background: rgba(0, 0, 0, 0) url("/Templates/Mercola/images/icons.png") no-repeat scroll 0 -226px;float: left;height: 14px;margin-right: 3px;width: 39px;}*/

div.cartsummarycontainer ul li.prodname label {min-height:50px}
div.cartsummarycontainer ul li.prodqty {width:80px; text-align:center; padding-top:0}
div.cartsummarycontainer ul li.lineitemprice {width:93px; text-align:center; float:right; padding-top:0}
div.cartsummarycontainer ul li.prodqty label, div.cartsummarycontainer ul li.lineitemprice label {padding-bottom:5px; display:block; width:100%}

div.cartsummarycontainer ul li.prodqty a {float:left; width:100%; text-align:center; padding-top:5px; font-size:11px; text-decoration:underline; color:#03519b}
div.cartsummarycontainer ul li.grprdouter{padding-left:95px; width:100%;}

div.cartsummarycontainer a.editcart {padding:10px; float:right; text-decoration:none!important; font-size:15px}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage {position:relative;}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage + span.grprddetails {margin-top:5px}
#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage a {
    text-transform: uppercase;
    color: #af1a30;
    text-decoration: underline;
    font-size: 11px
}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage div.warninginfo {
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    position: absolute;
    bottom: 15px;
    z-index: 10; color:#000; width:170px; display:none
}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage div.warninginfo a {color:#000; text-decoration:underline;}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage div.warninginfo h2 {font-weight: var(--default-font-weight-bold);}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage div.warninginfo span.glyphicon {font-size:12px; margin-right:3px}

#checkout_content #checkout #cartsummarycontainer ul .prodname div.warningmessage div.warninginfo span.glyphicon:before {height:100%;
    clip-path: polygon(50% 0,-10% 100%,112% 94%);
    background:#ff0
}

ul.summaryofcharges {float: none; clear:both; position:relative; width:100%; padding:15px 0; border:1px solid #ccc; color:#333;}

ul.summaryofcharges li {padding:10px 25px; width:100%; line-height:normal; clear:both; overflow:hidden; font-weight: var(--default-font-weight-bold); display:flex; justify-content: space-between}
ul.summaryofcharges li label {float:left; font-weight:bold;}
ul.summaryofcharges li label span.order_shipping {float:none; font-weight: var(--default-font-weight-bold);}
ul.summaryofcharges li span {float:right; font-weight:normal; text-align:right}
ul.summaryofcharges li.appliedcouponslist span{color:#3c6e33;}
ul.summaryofcharges li.rewardcoupon span, ul.summaryofcharges li.storecredit span, ul.summaryofcharges li.appliedcouponslist span {color: #AF1A31; margin-right: 0px; word-break:keep-all;}

ul.summaryofcharges li.appliedcouponslist label span {float: none; clear: left; color: #333333; font-size: 12px; width: auto; display: inline; text-align: left;}
li.appliedcouponslist #couponcodecontainer{display:block;}
li.appliedcouponslist #linelevelamount{color: #AF1A31;}

ul.summaryofcharges li, ul.summaryofcharges li span {font-size: 20px;}
ul.summaryofcharges li.appliedcouponslist label, ul.summaryofcharges li.rewardcoupon label, ul.summaryofcharges li.storecredit label {font-weight: normal !important; padding-right: 5px;}
ul.summaryofcharges li.storecredit, ul.summaryofcharges li.rewardcoupon.marketcash{padding-top:0px;}

ul.summaryofcharges li.appliedcouponslist, ul.summaryofcharges li.rewardcoupon, ul.summaryofcharges li.storecredit {background: #F7F7F7; display:flex; justify-content:space-between;}
ul.summaryofcharges span#ItemSubtotal, ul.summaryofcharges span.order_shipping, ul.summaryofcharges span#TaxTotal {margin-right: 0px;}
ul.summaryofcharges li label.estpoint {clear:left; color:#5ab32b; font-size:11px}

ul.summaryofcharges div#ordertotalcontainer{ border-bottom: 1px solid #cccccc; margin: 0 25px}
ul.summaryofcharges div#ordertotalcontainer li.placeorderbtn {padding:15px 0}
ul.summaryofcharges li.ordertotal {display: flex; justify-content: space-between; font-size: 18px; text-transform: uppercase; font-weight: var(--default-font-weight-bold); padding:0;}
ul.summaryofcharges li.ordertotal label, ul.summaryofcharges li.ordertotal span {font-weight:bold; font-size:22px;}
ul.summaryofcharges li label.estpoint {clear:left; color:#5ab32b; font-size:10px; font-weight:normal}
ul.summaryofcharges li.discountprocess {position:absolute; width:100%; height:100%; background:url("/Templates/Mercola/images/background_opacity.png") repeat 0 0; top:0; left:0; display:none}
ul.summaryofcharges li.discountprocess span.loaderdiscount {background:url("/Templates/Mercola/images/loading.gif") no-repeat 0 0; width:30px; height:30px; display:block; margin:10% auto 0; float:none}
ul.summaryofcharges li.recaptcha {padding-bottom:0}
ul.summaryofcharges li.recaptcha p.captchaerrormsg {color:#ff0000!important; font-size:12px; padding-bottom:3px;}

/***************************** Order Summary Kit Item **********************/

span.grprddetails .viewkitdetails, span.grprddetails .hidekitdetails { clear: both; color: #4F5297; display: block; font-size: 13px; padding: 5px 0px; text-decoration:underline!important; width: 100%; margin:0; cursor:pointer}
span.grprddetails a span {padding-right:5px; font-size:13px}
span.grprddetails .viewkitdetails {}
span.grprddetails .hidekitdetails {}

div.groupproduct {margin-left:0; width:100%}
div.groupproduct ul.related {padding:0; display:flex; align-items:center; font-size:14px; flex-flow: row nowrap;}
div.groupproduct ul.related li.prodimage {padding-left:0}
div.cartsummarycontainer ul.related {border:0;}
div.cartsummarycontainer ul.related li.prodimage {width:70px; }
div.cartsummarycontainer ul.related li.prodname {width:calc(100% - 120px); min-height:unset; }
div.cartsummarycontainer ul.related li.prodqty {width:50px; padding-left:0; text-align:left}

div.cartsummarycontainer ul.related li.prodqty label {width:auto; display:inline; padding-bottom:0; min-height:inherit; padding-right:5px}
div.cartsummarycontainer ul.related li.prodqty a {text-align:left; padding-top:3px}

div.estpoint {background:#e1f3db; padding:5px; clear:both; width:100%; text-align:center; color:#3b6c2a; font-size:14px; margin-top:10px;}
div.estpoint span {font-weight: var(--default-font-weight-bold);}
div.estpoint label.tool-tip {
    font-family: 'FontAwesome';
    cursor: pointer;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 3px;
    font-weight: var(--default-font-weight-bold);
    font-size: 16px;
    background: none;
    border: 2px solid;
    border-radius: 17px;
    line-height: 13px;
    color: #3b6c2a !important;
    text-decoration: none !Important
}

.popover {background:#f9f9f9; border-radius:3px; border:1px solid #e1e1e1}
.popover.bottom>.arrow:after {border-bottom-color:#f9f9f9}

div.popover-content {color:#333; font-size:13px}
div.popover-content p {padding-bottom:10px}
div.popover-content p.memberclass {color:#000;}
div.popover-content p.memberclass img {width:55%}
div.popover-content a {color:#04509c}

/*********************************** Currency list CSS ***********************************/

div.currencylist {padding:0; position:relative; overflow:visible; clear:both}
div.currencylist div.currencydetails {border:1px solid #cdcdcd; padding:15px 25px;}
div.currencylist h2 {font-weight: var(--default-font-weight-bold); font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px solid #cdcdcd;}

div.customCombobox {font-family:Arial; font-weight:bold; cursor:pointer; width:100%!important; position:relative; outline:none; line-height:20px; padding:10px 0 0;  clear:both; overflow:hidden; background:#fff; border:0 }
div.customCombobox a {cursor:pointer; clear:both; overflow:hidden; color:#000; padding:0!important; width:100%}
div.customCombobox a img {width:22px; height:17px; margin:10px 0 0 0px; float:left}
div.customCombobox a p.imgDisplay {margin:0; padding:9px 0px 9px 9px; float:left; line-height:17px; cursor:pointer; font-weight: var(--default-font-weight-bold); font-size:15px; color:#3b3b3b; width:calc(100% - 157px)}
div.customCombobox a span.currencyprice {float:right; font-size:16px; line-height:normal; text-align:right; background:none; padding:10px 0; width:125px; font-weight:bold; color:#000}
div.customCombobox a span.currencyprice:after {content:"\f107"; font-family:'FontAwesome';padding-left:5px;}
div.currencylist ul.ulcustomCombobox {margin:0; padding:0;background:#fff; float:none; width:calc(100% - 30px)!important; border-top:1px solid #cdcdcd; position:absolute; z-index:10; font-family:Arial; display:none}
div.currencylist ul.ulcustomCombobox.showulcustomCombobox {display:block}
div.currencylist ul.ulcustomCombobox li {list-style:none;clear:both; overflow:hidden; margin:0; padding:0;border:1px solid #cdcdcd; border-top:0; background:#fff; float:none; font-weight:bold }
div.currencylist ul.ulcustomCombobox li a {display:block; clear:both; overflow:hidden; color:#000; cursor:pointer}
div.currencylist ul.ulcustomCombobox li a:hover {background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f8 1%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8f8f8 1%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8f8f8 1%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 );}
div.currencylist ul.ulcustomCombobox li img {float: left; height: 17px; margin: 10px 0 0 10px; width: 22px;}
div.currencylist ul.ulcustomCombobox li p.imgDisplay {margin:0; padding:9px 0px 9px 9px; float:left; line-height:17px; cursor:pointer}
div.currencylist ul.ulcustomCombobox li span.currencyprice {float:right; font-size:15px; text-align:right; padding:9px 20px 0 0;}

div.currencylist p.currencyinfo {color: #5f5f5f; font-size: 10px; margin: 0; padding: 5px 0 0; text-align: center;}




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

div.applystorecredit {border-top:1px solid #d5d5d5; padding:25px}

div.applystorecredit div.storecreditdetails {padding:0; margin-top:10px}

div.totalstorecredit {background:#f2f2f2; padding:5px 10px; border-radius:0px; display:flex; align-items:center; width:100%; font-size:14px;}
div.totalstorecredit label#lbltotalstorecredit {font-weight: var(--default-font-weight-bold); color:#000000; font-size:18px; padding-left:3px}

div.applystorecredit ul {float:left; font-size:14px; padding:0; width:100%; margin-top:15px}
div.applystorecredit ul li {float:left; width:100%}
div.applystorecredit ul li label.storecreditlbl {width:90%}
div.applystorecredit ul li.storecrediterrmess {font-size:12px; width:100%; padding-left:17px;}
div.applystorecredit ul li.storecrediterrmess label {color:#af1a30}
div.applystorecredit ul li input#chkStoreCredit {float:left; margin:3px 5px 0 0}
div.applystorecredit ul li label#lbltotalstorecredit {clear:left; margin-left:19px; font-weight:bold}
div.applystorecredit ul li.creditavailabel {margin-top:12px}
div.applystorecredit ul li.creditavailabel input#txtstorecredit {width:calc(100% - 100px); border:1px solid #dcdcdc; border-radius:0px; padding:8px; height:45px}
div.applystorecredit ul li input[type=button] {cursor:pointer; background:#226CBA; color:#fff; border-radius:0px; width:90px; height:45px; margin-left:5px; font-weight: var(--default-font-weight-bold); font-size:16px;}

div.applystorecredit ul li label.astrix {position:static; font-size:13px}


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

div.redeemGiftCard {border-bottom:1px solid #d5d5d5; padding:30px 0; clear:both; overflow:hidden; font-size:14px;}
div.redeemGiftCard ul {margin-top:20px; padding:0}
div.redeemGiftCard ul li input[type=text] {margin-top:12px; width:250px; border:1px solid #dcdcdc; padding:8px; height:45px; margin-right:5px; float:left}
div.redeemGiftCard ul li input[type=button] {margin-top:12px; cursor:pointer; font-weight: var(--default-font-weight-bold); background:#226CBA; color:#fff; border-radius:0px; width:auto; height:45px; padding:0 20px; float:left; clear:left; font-size:16px;}
div.redeemGiftCard ul li input#btnRedeem,
div.redeemGiftCard ul li input#btnAddAnotherGiftCard {margin:12px auto 0; float:none}

div.redeemGiftCard span.lblGiftCardAmount {color:#3b6c2a; font-weight: var(--default-font-weight-bold); padding-top:15px; text-align:center}
div.redeemGiftCard span.lblGiftCardAmount span {color:#777278;font-weight:normal}
div.redeemGiftCard span.lblGiftCardAmount label.glyphicon {padding-right:5px}

/************************ Payment Details ****************************/

div.paymentdetails {padding: 15px;  margin: 0 !important;  border: 1px solid #d5d5d5; }

div.paymentdetails div.payvia {padding:0; font-size:16px}
div.paymentdetails div.payvia fieldset {border:0; padding:0; margin:0}
div.paymentdetails div.payvia div.currentcc {margin-top:16px; margin-bottom:15px; display:flex; align-items:center;}
div.paymentdetails div.payvia div.currentcc.nocreditcard {margin:0}
div.paymentdetails div.payvia li.cartheadercctype div.currentcc{margin:0;}

div.paymentdetails div.payvia div.currentcc.nocreditcard + div.paymentoptions {margin-top:25px;}
div.MasterCard, div.Visa, div.Discover, div.AMEX{width: 57px; height: 38px; border: 1px solid #ccc; border-radius: 4px; flex:none;}
div.MasterCard {background:url("//media.mercolamarket.com/Assets/images/shop/card_mastercard.png") no-repeat 0 0;}
div.Visa {width: 54px !important; background:url("//media.mercolamarket.com/Assets/images/shop/card_visa.png") no-repeat 0 0; }
div.Discover {width:55px !important; background:url("//media.mercolamarket.com/Assets/images/shop/card_discover.png") no-repeat 0 0;}
div.AMEX {background:url("//media.mercolamarket.com/Assets/images/shop/card_amex.png") no-repeat 0 0;}
div.paymentdetails label{font-weight: var(--default-font-weight-bold);}
div.currentcc label{padding: 5px 0 0 5px;}

#payvia .expiredLabel {
    color: #af1a30;
    font-weight:normal;
}

li#ccactionscontainer {width: 100%; display: flex; flex-flow: column;}

div.paymentdetails div.paymentoptions {padding:0; position:relative; margin-top:0px; padding-top:25px; border-top:1px solid #d5d5d5; display:none}
div.paymentdetails div.paymentoptions ul.pymntoption {display:flex; width:90%;margin-top:10px;}
div.paymentdetails div.paymentoptions ul.pymntoption li {display:flex; flex-flow: row wrap; align-items: center;}
div.paymentdetails div.paymentoptions li {clear:both; float:left; width:100%; padding:0 0 10px}
div.paymentdetails div.paymentoptions li.addnewccli {padding-bottom:0}
/*div.paymentdetails div.paymentoptions li input[type=radio] {margin-right:10px; margin-top:5px; float:left; cursor:pointer}*/
div.paymentdetails div.paymentoptions li input[type=radio] {margin: 0 10px 0 0; float:left; cursor:pointer}
div.paymentdetails div.paymentoptions li label {float:left; font-weight: var(--default-font-weight-bold); font-size:16px; padding-top:2px; position:relative; z-index:1}
/*div.paymentdetails div.paymentoptions li.paypal label {width:auto; text-indent:-999999px;}*/
div.paymentdetails div.paymentoptions li.paypal label {width:auto;}
div.paymentdetails div.paymentoptions li.paypal label img {width:80px;}
div.paymentdetails div.paymentoptions li ul#otheroptions li span label{margin-left:15px;}
div.paymentdetails div.paymentoptions li a {font-size:15px; text-decoration:none!important; float:left; line-height:39px; padding-left:0px; clear:left}
div.paymentdetails div.paymentoptions li a.addaddress {margin-left:26px; padding-left:0}
div.paymentdetails div.paymentoptions li a.billtodiffadd {margin-left:7px; padding-left:0; }
div.paymentdetails div.paymentoptions li a#selectcard {padding:0 0 10px; clear:none; line-height:normal}

div.paymentdetails div.paymentoptions li a.securitycodepopup_open { cursor:pointer; width:17px; height:17px; display:inline-block; position:relative; top:1px; left:3px; font-weight: var(--default-font-weight-bold); font-size:14px; background:#c1c1c1; text-align:center; border-radius:17px; line-height:17px; color:#fff!important; padding:0; margin:5px 0 0 5px; clear:none}

div.paymentdetails div.paymentoptions li ul.billingaddress li p {float:left; padding-right:5px}
div.paymentdetails div.paymentoptions li ul.billingaddress li.firstname {position:relative; clear:left; margin-left:25px!important}
div.paymentdetails div.paymentoptions li ul.billingaddress li.firstname + li {padding-left:25px}
div.paymentdetails div.paymentoptions li div#ccbillingaddress ul.billingaddress li.firstname,
div.paymentdetails div.paymentoptions li div#ccnewbillingaddress ul.billingaddress li.firstname {margin-left:0!important}
div.paymentdetails div.paymentoptions li ul.billingaddress li {float:none; clear:none; margin-left:0!important}

div.billingaddtooltip {margin:0px 0 0 26px; float:left; clear:both; width:auto; word-break: break-word;}
div.billingaddtooltip h3 {font-weight: var(--default-font-weight-bold); font-size:16px; cursor:default; padding-bottom:10px;}

div.paymentdetails div.paymentoptions li ul.billingaddress li.firstname div.billingaddtooltip label {display:block; font-size:15px; float:none; padding-bottom:0!important; font-weight:normal; height:auto!important; line-height:normal!important; cursor:default;}
div.paymentdetails div.paymentoptions li ul.billingaddress li.firstname div.billingaddtooltip a#btnAddress {padding:0}

div.paymentdetails div.paymentoptions div#paypalbillingaddress ul.billingaddress li {padding-bottom:0; position:relative;}
div.paymentdetails div.paymentoptions div#paypalbillingaddress ul.billingaddress li label {font-weight:normal}

div.paymentdetails div.paymentoptions div#amazonbillingaddress ul.billingaddress li {padding-bottom:0; padding-top:0; margin-left:25px}
div.paymentdetails div.paymentoptions div#amazonbillingaddress ul.billingaddress li label {font-weight:normal}

div.paymentdetails div.paymentoptions div#achbillingaddress ul.billingaddress li {padding-bottom:0; margin-left:25px}
div.paymentdetails div.paymentoptions div#achbillingaddress ul.billingaddress li label {font-weight:normal}

div.paymentdetails div.paymentoptions div#otherpaymentbillingaddress ul.billingaddress li {padding-bottom:0; margin-left:25px; padding-top:0}
div.paymentdetails div.paymentoptions div#otherpaymentbillingaddress ul.billingaddress li label {font-weight:normal}
div.paymentoptions h2{font-size: 18px;}

div#AmazonwalletWidgetDiv {float:left; margin:0; clear:both; width:96%}
div#AmazonwalletWidgetDiv div.widget-container {max-width:450px; width:100%!important;}
div#AmazonwalletWidgetDiv div.widget-container iframe {width:100%}

div.creditcarddetails {clear:both; float:left; width:100%; padding-top:10px}

div#ccInfo ul {margin-left:26px; float:left; width:95%; margin-bottom:30px;} 
div#ccInfo ul li {padding:0;}
div#ccInfo ul ul.billingaddress {margin:0; padding:10px 0 0 0; width:auto}
div#ccInfo ul ul.billingaddress li label {padding-right:0}

#sameasshippingaddtooltip {
    font-size: 13px;
    color: #7F7F7F;
    margin-bottom: 15px;
}

input.defaultEditButton, input.editaddress {background:none; color:#2369b4; text-decoration:underline; font-size:16px; padding:0; margin-top:10px; border:none!important; width:auto;}
div.editaddressbtn{margin:0px 0 0px 26px; float:left; width:100%;}

div.addnewcc {display:none; clear:both; overflow:visible;}

div.addnewcc ul li.ccoptionsicon {margin-top: 16px; margin-left: 210px; display:flex; justify-content:space-between; width:16em;}
/*div.addnewcc.popup_content ul li.ccoptionsicon{height:2.5em; width:20em;}*/

div.addnewcc ul#ccoptions {width:100%; clear:both; display:flex; flex-wrap:wrap }
div.addnewcc ul li {padding-bottom:0; margin-top:10px; display:flex; align-items:center; width:100%; flex-wrap:wrap}
div.addnewcc ul li.nameoncard
div.addnewcc ul li.ccnumber,
div.addnewcc ul li.ccexpdate {padding-bottom:10px}

div.addnewcc ul li.securitycode a.securitycodepopup_open {margin-left:5px; text-decoration:underline; color:#226CBA}

div.addnewcc ul li label span.requiredfields {color: #af1a30;
    font-size: 15px;
    font-weight: var(--default-font-weight-bold);
    padding-right: 3px;
    float: left;
    text-transform: uppercase;
    position: relative;
    top: -3px;}

div.addnewcc ul li.nameoncard {display:none!important}

div.addnewcc ul li.saveprefferedcard {display:none!important}
div.addnewcc ul li span.field-validation-valid,div.addnewcc ul li span.field-validation-error {padding-left:210px; font-size:13px; position:static; }
span.field-validation-valid, span.field-validation-error {color:#ff0000!important; }
li.securitycodeEdit span.field-validation-valid{display:block;}

div.addnewcc ul li label {width:100%; font-weight:bold; padding:0 0 3px}
div.addnewcc ul li label label {width:auto; font-weight:bold; font-size:14px; padding:0; line-height:normal}
div.addnewcc ul li label span {color:#a09e9f; text-transform:uppercase; font-size:11px; font-weight:normal; padding: 3px 0 0 4px; float:left;}

div.addnewcc ul li.ccnumber label,
div.addnewcc ul li.ccexpdate label,
div.addnewcc ul li.securitycode label {float:left; width:210px; padding:3px; line-height:normal; display:flex; align-items:center}

div.addnewcc ul li.ccnumber label label,
div.addnewcc ul li.ccexpdate label label,
div.addnewcc ul li.securitycode label label {float:left; width:auto}

div.addnewcc ul li input {width:calc(100% - 210px); padding:7px}
div.addnewcc ul li select.expmonth {padding:6px; float:left; }
div.addnewcc ul li select.expyear {width:90px; margin-left:10px; padding:6px}
div.addnewcc ul li input.seccode {width:100px; margin-right:0; float:left}


div.addnewcc.newusercc {display:flex; flex-wrap:wrap; border-bottom:1px solid #d5d5d5; padding-bottom:25px; max-width:550px; margin-left:26px;}
div.addnewcc.newusercc a.btn_close, div.addnewcc.newusercc div.addnewcardtitle {display:none}

div.addnewcc.newusercc ul li {padding:0}

div.addnewcc.newusercc ul li label label {width:auto; font-weight:bold; font-size:14px; padding:0; line-height:normal}
div.addnewcc.newusercc ul li label span {color:#a09e9f; text-transform:uppercase; font-size:11px; font-weight:normal; padding: 3px 0 0 0px; float:left;}
#checkout_content #checkout div.addnewcc.newusercc ul li label span.requiredfields {
    color: #af1a30;
    font-size: 15px;
    font-weight: var(--default-font-weight-bold);
    padding-right: 3px;
    float: left;
    text-transform: uppercase;
    position: relative;
    top: -3px;
}

#checkout_content #checkout div.addnewcc.newusercc ul li.securitycode div.whatsthis a {padding:0; line-height:normal; font-size:13px}

#checkout_content #checkout div.addnewcc.newusercc div.ccaction a.Submit, 
#checkout_content #checkout div.addnewcc.newusercc div.addlistaction a.btnsave {cursor:pointer; padding:0; font-size:13px; background:#226CBA; color:#fff; font-weight: var(--default-font-weight-semi-bold); border-radius:0px; width:90px; height:35px; margin-right:5px; float:left; text-align:center; line-height:35px}

#checkout_content #checkout div.addnewcc.newusercc div.ccaction a.Cancel, 
#checkout_content #checkout div.addnewcc.newusercc div.addlistaction a.btncancel {cursor:pointer; padding:0; font-size:13px; display:none; background:#FFFFFF; color:#333; font-weight: var(--default-font-weight-semi-bold); border-radius:0px; width:90px; height:35px; margin-right:5px; float:left; text-align:center; line-height:35px; border:1px solid #999}


ul li select{background:#fff;} 

li.securitycode p.ccimg, li.securitycodeEdit p.ccimg {background:url("/Templates/Mercola/images/cc-verifcation-code.jpg") no-repeat 0 0; width:110px; height:74px}

div#editlistoverlay_background {z-index:100002!important}
div#editlistoverlay_wrapper {z-index:100003!important}

div.whatthistt{margin-bottom:5px;}

div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo,
div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo,
div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {
    position: absolute;
    padding: 15px;
    background: #f2f2f2;
    color: #363636;
    font-size: 12px;
    width: 325px;
    display: none;
}

div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo {
    top: 145px;
    left: 419px;
    width:25em;
}

div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {
    top: 287px;
    left: 170px;
    z-index: 2;
}

div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo {
    top: 165px;
    left: 390px;
}
div#ccnew li.securitycode div.whatsthis:hover div.ccsecurityinfo,
div#editlistoverlay li.securitycodeEdit div.whatsthis:hover div.ccsecurityinfo,
div#newusercard li.securitycode div.whatsthis:hover div.ccsecurityinfo {
    display: block
}
div#ccnew li.securitycode div.whatthistt div.whatsthis, div#editlistoverlay li.securitycodeEdit div.whatthistt div.whatsthis, div#newusercard li.securitycode div.whatthistt div.whatsthis {
    margin: 7px 0 0 5px;
    display: inline-block;
}
div.whatthistt a {color:#2369b4;}
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("/Templates/Mercola/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}
div.addnewcc ul li.savemycard {padding-top:10px;margin-bottom:20px;}
div.addnewcc ul li.savemycard input {float:left; width:auto; margin-top:2px}
div.addnewcc ul li.savemycard label {float:left; width:auto; padding:0 0 0 3px; font-weight:normal; font-size:12px}

/*div.paymentdetails div.paymentoptions li.paypal {background:url("/Templates/Mercola/images/spritebuttons.png") no-repeat 21px -349px; }*/

div.echeckpayment span.paymenttype {display:none}

div.achdetails #contentACH {clear:both; margin:10px 0 0 22px; height:auto; padding:0; float:left; max-width:calc(600px - 22px); width:calc(100% - 22px); font-size:14px;}

div.achdetails ul#achoption {clear:both; margin:0px 0 0 22px;  float:left; width:93%; max-width:600px}

div.achdetails ul#achoption li {padding-bottom:3px; float:left}
div.achdetails ul#achoption li label {width:100%; font-weight:bold; padding:10px 0 3px; font-size:14px;}
div.achdetails ul#achoption li label label {width:auto; font-weight:bold; font-size:14px; padding:0; line-height:normal}
div.achdetails ul#achoption li label span {color:#af1a30; font-size:17px; font-weight:var(--default-font-weight-bold); padding: 0; text-transform:uppercase;}
div.achdetails ul#achoption li label span.requiredfields {padding-left:3px; position:relative; top:-3px;}
div.achdetails ul#achoption li a.achpopup_open { cursor:pointer; width:17px; height:17px; display:inline-block; position:relative; top:1px; left:3px; font-weight: var(--default-font-weight-bold); font-size:14px; background:#c1c1c1; text-align:center; border-radius:17px; line-height:17px; color:#fff!important; padding:0; margin:5px 0 0 5px; clear:none}

div.achdetails ul#achoption li.routingno, div.achdetails ul#achoption li.accountno {width:100%}
div.achdetails ul#achoption li input {width:calc(100% - 28px); padding:7px; float:left}
div.achdetails ul#achoption li span.astrix {position:static; font-size:11px; float:left; clear:left; width:100%}
.errorborder {border:1px solid #ff0000!important;}


div.achdetails ul#achoption li span.field-validation-valid,div.achdetails ul#achoption li span.field-validation-error {float:left; width:100%; font-size:11px; color:#ff0000}

div.achdetails ul#achoption li.accountname, 
div.achdetails ul#achoption li.bankname,
div.achdetails ul#achoption li.licnumber {width:100%}

div.achdetails ul#achoption li.accountname input, 
div.achdetails ul#achoption li.bankname input,
div.achdetails ul#achoption li.licnumber input {width:calc(100% - 22px)}

div.achdetails ul#achoption li.checkno, 
div.achdetails ul#achoption li.accounttype,
div.achdetails ul#achoption li.custstate {width:100%; clear:none}

div.achdetails ul#achoption li.checkno input,
div.achdetails ul#achoption li.accounttype select,
div.achdetails ul#achoption li.custstate select {width:calc(100% - 22px); padding:6px}

div.orderaction {text-align:center; float:left; width:100%}
div.orderaction a.backbtn i.fa {margin-right:5px}
#checkout_content #checkout div#cartsummary a.placeorder {
    float: right;
    height: 43px;
    width: 100%;
    background: #af1a30;
    color: #ffffff !important;
    border-radius: 0px;
    line-height: 43px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    padding: 0; text-transform:uppercase;
}

#checkout_content #checkout div#cartsummary a.placeorder span.glyphicon  {display:none; float:none; width:auto; padding-right:10px; font-family:'Glyphicons Halflings'!important;  color:#5c3f17!important;}


    #checkout_content #checkout div#cartsummary a.placeorder.placeorderdisable {
        float: right;
        height: 43px;
        width: 100%;
        border: 1px solid #dbdbdb;
        color: #dbdbdb !important;
        border-radius: 0px;
        background: #f8f8f8; /* Old browsers */
        -moz-box-shadow: 0 0;
        -webkit-box-shadow: 0 0;
        -ms-box-shadow: 0 0;
        box-shadow: 0 0;
        line-height: 43px;
        text-align: center;
        font-size: 18px;
        font-weight: var(--default-font-weight-light);
        margin-top: 0;
        cursor: default;
        padding: 0
    }

    #checkout_content #checkout div#cartsummary a.placeorder.podisablevolumerestruction {
        float: right;
        height: 43px;
        width: 100%;
        border: 1px solid #dbdbdb;
        color: #dbdbdb !important;
        border-radius: 0px;
        background: #f8f8f8; /* Old browsers */
        -moz-box-shadow: 0 0;
        -webkit-box-shadow: 0 0;
        -ms-box-shadow: 0 0;
        box-shadow: 0 0;
        line-height: 43px;
        text-align: center;
        font-size: 18px;
        font-weight: var(--default-font-weight-light);
        margin-top: 15px;
        cursor: default;
        padding: 0
    }

#checkout_content #checkout div#cartsummary a.placeorder.placeorderdisable span.glyphicon  { display:none; float:none; padding-right:10px; font-family:'Glyphicons Halflings'!important;  color:#dbdbdb!important;}
#checkout_content #checkout div#cartsummary a.placeorder.podisablevolumerestruction span.glyphicon  { display:none; float:none; padding-right:10px; font-family:'Glyphicons Halflings'!important;  color:#dbdbdb!important;}

div.errormsg.paymenterror, div.errormsgauto.autoshiperror, div.errormsgshipping.shipingerror, div.errormsgshipping.shippingaddrregion, div.errormsgbilling.billingerror, div.shippingmethod.shippingnotice, div#errorshippingspan.error, #shippingrestrictionheadermsg {
    background: #fff;
    border: 2px solid #BB271A;
    box-sizing: border-box;
    color: #BB271A !important;
    font-size: 14px !important;
    margin: 0px 0px 20px 0px;
    padding: 10px 20px;
    position: relative;
    font-weight: 600;
    width: 100%;
    display: none;
    border-radius: 10px;
    line-height: 18px;
}

    div.errormsg.paymenterror .fa, div.errormsgauto.autoshiperror .fa, div.errormsgshipping.shipingerror .fa, div.errormsgshipping.shippingaddrregion .fa, div.errormsgbilling.billingerror .fa, div.shippingmethod.shippingnotice .fa, div#errorshippingspan.error .fa, #shippingrestrictionheadermsg .fa{
        font-size: 26px;
        margin-right: 10px;
        float: left;
    }

    div.errormsg.paymenterror .msginfo, div.errormsgauto.autoshiperror .msginfo, div.errormsgshipping.shipingerror .msginfo, div.errormsgshipping.shippingaddrregion .msginfo, div.errormsgbilling.billingerror .msginfo, div.shippingmethod.shippingnotice .msginfo, #shippingrestrictionheadermsg span {
        width: calc(100% - 35px);
        float: left;
    }
#shippingrestrictionheadermsg{display:block;}
li.ccexpdate span.creditcarderrormsg, li.expdateEdit span.creditcarderrormsg {padding:0; float:none; background:none; font-weight:normal; color:#ff0000; max-width:inherit; font-size:13px}
@media (min-width:899px) {
    div.errormsg.paymenterror, div.errormsgauto.autoshiperror, div.errormsgshipping.shipingerror, div.errormsgshipping.shippingaddrregion, div.errormsgbilling.billingerror, div.shippingmethod.shippingnotice{
        font-size:14px!important; line-height:18px;
    }
}

span.errorboxmess {margin-top:10px; float:right; width:100%; background:#ae1231; color:#fff!important; font-weight:bold; padding:8px 12px; max-width:600px; font-size:13px; display:none}
span#shipingaddresserrormsg, div#billingaddresserrormsg, span#shippingaddresserrormsg{margin-top:10px; width:100%; background:#ae1231; color:#fff!important; font-weight:bold; padding:8px 12px; max-width:600px; font-size:13px; margin-bottom:5px; display:none}
#billingaddresserrormsg {width:100%!important; text-align:center; max-width: inherit!important}
#billingaddressoverlay > div.myaddressrepeater > div.addlistaction {margin-top:25px; width:100%}
div.checkoutaction span#shipingaddresserrormsg, div.viewaddresslist span#shippingaddresserrormsg {width:100%; max-width:inherit; text-align:center}
/***************************** Reward History ****************************/
div.rewardPointsContainer {padding:0; clear:both; overflow:hidden; font-size:15px}
div.rewardPointsContainer div.totalcoupon {padding-top:10px; font-weight:normal; font-size:15px}
div.rewardPointsContainer div.totalcoupon span {font-weight: var(--default-font-weight-bold); font-size: 24px; margin: 0 5px 0 30px;}
div.rewardPointsContainer h2 {background:#f2f2f2; padding:20px 10px; display:flex;}
div.rewardPointsContainer div.rewarddetails {padding:25px 25px 0; display:none}
div.rewardPointsContainer div.rewarddetails > p {font-weight: var(--default-font-weight-bold);}
div.shipbillpayment div.rewardcoupon {clear:both; overflow:hidden}
div.shipbillpayment div.rewardcoupon p {float:left; width:40%; padding:3px 0; max-width:215px}
.rewardcouponValidUntil {
    font-weight: normal;
    color: #4F4F4F;
}

div.shipbillpayment ul.rewardlist {margin:20px 0 0; display:flex; column-gap:17px; row-gap:17px; flex-wrap:wrap; font-size:13px; color:#7f7f7f}
    div.shipbillpayment ul.rewardlist li {
        margin: 0;
        padding: 0;
        background: #fff;
        border: 2px solid #CECECE; text-align:center; border-radius:4px;cursor:pointer; width:105px; height:105px; display:flex; justify-content:center; align-items:center
    }
        div.shipbillpayment ul.rewardlist li.selected {
            background: #fff;
            border: 2px solid #11545D;
            border-radius: 4px;
        }
div.shipbillpayment ul.rewardlist li.clearRewardCoupon {background:none; display:none; padding:0; color:#376827; margin-top:10px; clear:left; margin-bottom:0}
div.shipbillpayment ul.rewardlist li.clearRewardCoupon span {font-weight: var(--default-font-weight-bold);}
div.shipbillpayment ul.rewardlist li.clearRewardCoupon a.removeAllRewardCoupon {padding-left:10px; text-decoration:none!important}
div.shipbillpayment ul.rewardlist li input[type=checkbox] {display:none}
        div.shipbillpayment ul.rewardlist li span.rewardamt {
            padding: 0 10px;
            font-weight: var(--default-font-weight-bold);
            display: block;
            font-size: 22px;
            color: #4F4F4F
        }
div.shipbillpayment ul.rewardlist li span.rewardamt span.glyphicon {font-size:12px; padding-right:4px; color:#4F4F4F}
div.shipbillpayment ul.rewardlist li label {cursor:pointer;}
div.shipbillpayment ul.rewardlist li.discountprocess {position:absolute; width:100%; height:100%; background:url("/Templates/Mercola/images/background_opacity.png") repeat 0 0; top:0; left:0; display:none}
div.shipbillpayment ul.rewardlist li.discountprocess span.loaderdiscount {background:url("/Templates/Mercola/images/loading.gif") no-repeat 0 0; width:30px; height:30px; display:block; margin:0 auto 0; position:relative; top:35%; float:none}

.expiresSoon {    color: #B31D34}
/************************************* Popup ***********************************/

 #dialog-rewardpopup h2{padding:0 ; text-align:center; font-size:20px; font-weight: var(--default-font-weight-bold); margin-bottom:20px;}
 #dialog-rewardpopup li{margin: auto;  text-align: center;}   
  

/************************** Credit card list popup ******************************/

#addresslistoverlay .addresslisttitle, #cardlistoverlay .cardlisttitle, div.addnewcc div.addnewcardtitle, #cardeditoverlay .cardlisttitle, #editlistoverlay .cardlisttitle {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: var(--default-font-weight-bold);
    line-height: normal;
    margin: 0;
    padding: 0 0px 15px 0;
    border-bottom: 1px solid #efefef
}

div.myccrepeater {height:auto; clear:both; overflow:hidden; line-height:16px}
div.myccrepeater div.creditcardlist {display:flex; flex-wrap:wrap; column-gap:90px}
div.myccrepeater div.mycclist {float:left; width:calc(50% - 46px); margin:30px 0 0; padding-bottom:20px; font-size:14px; line-height:normal; position:relative}
div.myccrepeater div.mycclist ul {min-height:100px; display:flex;}
div.myccrepeater div.mycclist ul li.selectcardaction {margin-right:10px}
div.myccrepeater div.mycclist ul li.selectcardaction input.disabled {appearance:auto; -webkit-appearance:auto; pointer-events:none; opacity:0;}

div.myccrepeater div.mycclist ul li div.nameoncard { font-weight: var(--default-font-weight-bold); margin:5px 0}
div.myccrepeater div.mycclist ul li div.cardno { font-weight: var(--default-font-weight-bold); margin:0 0 5px 0}
div.myccrepeater div.mycclist ul li div.cardexpiry { font-weight: normal; margin:0; font-size:12px}
div.myccrepeater div.mycclist span.treditcc a.creditcarddeletebutton,
div.myccrepeater div.mycclist span.treditccexpired a.creditcarddeletebutton{position:absolute; top:0; right:0; text-transform:uppercase; font-size:13px; color:#adadad}
div.myccrepeater div.mycclist span.treditcc input.editButton,
div.myccrepeater div.mycclist span.treditccexpired input.editButton{padding:0; background:#fff; text-decoration:underline; color:#2369b4; border:0!important; width:auto; margin-left:26px!important}

    div.myccrepeater div.mycclist input.paywith {
        float: none;
        height: 43px;
        width: auto;
        background: #ffb347;
        color: #ffffff !important;
        border-radius: 0;
        background: #226CBA; /* Old browsers */
        line-height: 43px;
        text-align: center;
        font-size: 15px;
        font-weight: var(--default-font-weight-semi-bold);
        margin-bottom: 0;
        cursor: pointer;
        padding: 0 30px 0
    }

div.myccrepeater div.mycclist li span.expired {color: #af1a30; display: inline-block; padding: 8px 0 0; font-size:12px}

div.myccrepeater div.mycclist li span.autoshipcard {background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat 0 -477px;
    color: #000;
    font-size: 13px;
    line-height: normal;
    margin-left: 0px!important;
    margin-top: 5px;
    padding: 1px 0 3px 20px!important; clear:left; float:left;}
div.myccrepeater div.mycclist a.deletecard {margin-left:0!important; margin-right:11px!important}

div.myccrepeater div.mycclist span.treditccexpired {float:left; margin-top:5px}


#editdiv ul#editccoptions {clear: both; margin: 20px 0; overflow: hidden; line-height:normal; font-size:13px}

#editdiv ul#editccoptions li {width:100%; float:left; padding-bottom:20px;}


div#editccimage {margin:1px;}

#editdiv ul#editccoptions li label {float: left; padding-bottom: 3px; width:100%; font-weight: var(--default-font-weight-bold);}
#editdiv ul#editccoptions li label label {width:auto; padding:0}
#editdiv ul#editccoptions li label span {color: #af1a30; font-size: 15px; font-weight: var(--default-font-weight-bold); padding-right: 3px; float:left; text-transform:uppercase; position:relative; top:-3px}

#editdiv ul#editccoptions li.editccdetails label {font-weight:normal}
#editdiv ul#editccoptions li.editccdetails label.carddetails,
#editdiv ul#editccoptions li.editccdetails input.cardname {font-weight: var(--default-font-weight-bold); padding-bottom:5px; cursor:default}
#editdiv ul#editccoptions li.editccdetails input.cardexpiry {font-size:12px;}
#editdiv ul#editccoptions li.editccdetails input {padding:5px 0 !important; width:100%;}

#editdiv ul#editccoptions li.securitycodeEdit input[type=text] {border:1px solid #e6e6e6; border-radius:0px; font-size:14px; box-shadow:1px 2px 2px #fff inset; -moz-box-shadow:1px 2px 2px #fff inset; -webkit-box-shadow:1px 2px 2px #fff inset; padding:7px; width:100px}
#editdiv ul#editccoptions li.expdateEdit select {border:1px solid #e6e6e6; border-radius:0px; font-size:14px; box-shadow:1px 2px 2px #ffffff inset; -moz-box-shadow:1px 2px 2px #ffffff inset; -webkit-box-shadow:1px 2px 2px #fff inset; padding:7px; }
#editdiv ul#editccoptions li.expdateEdit select.expyear {width:90px; margin-left:10px}

#editdiv ul#editccoptions li.expdateEdit, #editdiv ul#editccoptions li.securitycodeEdit {align-items:center}
#editdiv ul#editccoptions li.expdateEdit label, #editdiv ul#editccoptions li.securitycodeEdit label {width:175px}
#editdiv ul#editccoptions li.expdateEdit label label, #editdiv ul#editccoptions li.securitycodeEdit label label {width:auto}

#editdiv div.ccaction, #ccnew div.ccaction, #cardlistoverlay div.addlistaction, .myaddressrepeater .addlistaction{ display:flex; justify-content:center}
.myaddressrepeater .addlistaction{margin:10px 0;}

#ccnew div.ccaction {margin-top:25px}

#editdiv .creditcarderrormsg, #ccnew .creditcarderrormsg {clear: both;float: left}

div.ccaction a.Submit, div.addlistaction a.btnsave {cursor:pointer; background:#226CBA; color:#fff; font-weight: var(--default-font-weight-semi-bold); border-radius:0px; width:90px; height:35px; margin-right:5px; float:left; text-align:center; line-height:35px}

div.ccaction a.Cancel, div.addlistaction a.btncancel {cursor:pointer; background:#FFFFFF; color:#333; font-weight: var(--default-font-weight-semi-bold); border-radius:0px; width:90px; height:35px; margin-right:5px; float:left; text-align:center; line-height:35px; border:1px solid #999}
div.addlistaction a.btnsave.disabled {
    pointer-events: none;
    background: #ccc;
}

.paymentinfo h1 {color: #BC1B20; font-family: Arial,Helvetica,sans-serif; font-size: 24px; margin: 0; font-weight:normal; line-height:normal; width:95%; padding-bottom:20px}

.paymentinfo div.csccard {border:1px solid #CBCACA; margin-bottom:10px; line-height:17px; font-size:13px}

.paymentinfo div.csccard h2 {background:#F5F9FA; padding:12px 2.5%; border-bottom:1px solid #CBCACA; box-sizing:border-box; font-size:20px; color:#337ebb}

.paymentinfo div.csccard ul.cardinfo {padding:12px 2%; clear:both; overflow:hidden}

.paymentinfo div.csccard ul.cardinfo li {float:left; width:70%}

.paymentinfo div.csccard ul.cardinfo li.cardimg {float:right; width:24%;}

.paymentinfo div.csccard ul.cardinfo li.cardimg img {width:100%}

div.achpopup h1 {font-family: Arial,Helvetica,sans-serif; font-size: 24px; font-weight:bold; box-sizing:border-box; border-bottom: 1px solid #E0E0E0; padding-bottom:10px;}

div.achpopup h2 {color: #000000; font-size: 13px; margin: 0; padding: 10px 2.5% 0; width: auto;}

div.achpopup div.popupblk { padding: 12px 2.5%; font-size:13px }

div.achpopup div.ACHWhatisthisHelp {width:90%}

div.achpopup div.ACHWhatisthisHelp img {width:100%}

div#AmazonPayButton {display:none!important;}

div#dialog-confirm-edit {
    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-edit p {margin:10px 0;}
div#dialog-confirm-edit input.dialogaddressedityes, div#dialog-confirm-edit input.dialogaddresseditno {display:inline-block; margin:0 3px}

/**************************** New User Shipping Address *****************************/

div.shippingaddressnewuser {border:1px solid #d5d5d5; padding:25px; display:flex; flex-wrap:wrap}

div.shippingaddressnewuser div.shipbillpayment h2 {padding:0}

div.shippingaddressnew {padding:0}

.starreqfield {color:#af1a30; font-weight:normal; font-size:12px; text-transform:uppercase; padding-bottom:10px; width:100%}

div.shippingaddressnew > div.errormsg {padding-left:7px}

div.shippingaddressnew ul.addressfields {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline}

div.shippingaddressnewuser div.shippingaddressnew ul.addressfields {display:flex; width:100%}

 
div.shippingaddressnew ul li.firstname {clear:left}

div.shippingaddressnew ul li label {width:100%; padding-bottom:3px; }

div.shippingaddressnew ul li input, div.shippingaddressnew ul li select {width:100%; padding:7px; font-size:13px; border:1px solid #e6e6e6}
div.shippingaddressnew ul li select {padding:7px; background:#fff}

div.shippingaddressnew ul li.smscontent {clear:both}

div.shippingaddressnew ul li.zipcode {clear:left}

div.shippingaddressnew ul li input.errorborder {border:1px solid #f00 !important}

div.shippingaddressnew ul li label label {width:auto; font-weight: var(--default-font-weight-bold); font-size:14px; padding:0; line-height:normal; color:#313131}

div.shippingaddressnew ul li label span {color:#a09e9f; font-size:11px; font-weight:normal; padding: 0 0 0 4px; text-transform:uppercase}
div.shippingaddressnew ul li label span.requiredfields,
div.addressnew ul li label span.requiredfields {color:#af1a30; font-size:16px; font-weight:var(--default-font-weight-bold); padding: 0; text-transform:uppercase}


div.shippingaddressnew ul li input.chkmobile {float:left; margin:0px 5px 0 0}
div.shippingaddressnew ul li label.lblMobileNo {float:left; width:auto; font-weight: var(--default-font-weight-bold); width:90%}
div.shippingaddressnew ul li label.lblMobileNo label {cursor:pointer}
div.shippingaddressnew ul li label.lblMobileNo span {text-transform:none}

div.shippingaddressnew ul li.subscribe {float:left; width:100%; }
div.shippingaddressnew ul li.subscribe label {width:auto; float:left; padding-right:10px}
div.shippingaddressnew ul li.subscribe > div {float:left;clear:left }
div.shippingaddressnew ul li.subscribe > div input[type=checkbox] {float:left; margin:3px 5px 0 0}

div.shippingaddressnew ul li.phonetype  {clear:left}
div.shippingaddressnew ul li.ext1 {clear:both}

div.shippingaddressnewuser div.checkoutaction {text-align:right}

div.shippingaddressnewuser div.checkoutaction a.btn.saveshippingaddress {
    border-radius:0;
    background: #226CBA;
    cursor: pointer;
    border-radius: 0px;
    font-size: 14px;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 5px;
    color: #fff !important;
    text-align: center;
    width: 100%;
    text-decoration: none !important;
    font-weight: var(--default-font-weight-bold);
}
div.shippingaddressnewuser div.checkoutaction a#AddressSaveDisable.btn.saveshippingaddress {background:#ccc; color:#fff; cursor:default}

div.chkoutmethoddisable {margin-top:10px}
div.chkoutmethoddisable ul li {color:#adadad; border:1px solid #adadad; padding:10px; margin-bottom:10px; font-weight: var(--default-font-weight-bold); width:100%}

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

/**************** Checkout Promo code *******************/

.orderdetails .coupons {float:left; width:100%; font-size:13px }
.orderdetails #manualcoupon{float:left; margin:0; width:100%; border:2px solid #d5d5d5; padding:15px; margin-bottom:15px}
.orderdetails div#manualcoupon h2{background:none!important; border:none; font-size:16px; font-weight:normal; padding:0;margin:0 0 7px;text-transform:capitalize;}
.orderdetails span#applycouponmsg{background:#fff;border:1px solid #F5F5F5; color:#9E9E9E; width:260px;}
div.applycoupon label#lblcouponcode{width:100%; font-weight: var(--default-font-weight-bold); padding-bottom:10px; font-size:14px; color:#474747}
.orderdetails div.applycoupon input#txtcouponcode{border:1px solid #dbdbdb; border-radius:3px; margin:0; height:28px; padding: 2px 10px;width:calc(100% - 115px);}
.orderdetails div.applycoupon a.applypromocode {height:28px; width:100px; float:right; cursor:pointer; background:#226CBA; font-size:13px; color:#fff!important; text-decoration:none!Important; text-align:center; border-radius:0px; line-height:26px}
.orderdetails div.applycoupon span#spnCouponApplyErrorMsg {clear:left; float:left; width:100%; padding-top:3px; color:#ff0000; font-size:12px;}

.orderdetails div.applycoupon #appliedcouponslist {font-weight: var(--default-font-weight-bold); font-size:15px; line-height:normal; padding-top:20px}
.orderdetails div.applycoupon #appliedcouponslist a {cursor:pointer}
#appliedcouponslist.couponsuccessmsg {font-weight:bold; color:#008800!important}
#appliedcouponslist.couponsuccessmsg span.couponcode {font-weight:normal; color:#000!important}
#appliedcouponslist.couponsuccessmsg a {font-weight:normal}
.orderdetails .redeemgc{float:left; margin:0; width:100%; background:#ebebeb; padding:6px 2%; margin-bottom:2px}
.orderdetails .redeemgc label {width:47%}
.orderdetails .redeemgc a.usegiftcard {background:url("/Templates/Mercola/images/spritebuttons.png") no-repeat -769px -52px; height:28px; width:151px; float:right; text-indent:-9999999px}

.orderdetails .couponname{color:#9E9E9E;  width:185px!important;}

.coupons #appliedcouponslist label {display:block; padding-bottom:5px}
.coupons #appliedcouponslist span.couponcode {color:#009900}
.coupons #appliedcouponslist span.couponcode.message {width: 80%;}
.coupons #appliedcouponslist span,
.coupons #appliedcouponslist span + a,
.coupons #appliedcouponslist span + a + a {
    float: left;
    clear: left;
    font-size: 13px;
    color: #3a6d2b !important;
    padding-top: 3px
}
.coupons #appliedcouponslist span + a,
.coupons #appliedcouponslist span + a + a {cursor:pointer; clear:none}
.coupons #appliedcouponslist span + a + a {padding-left:10px; color:#02509a!important;}
.coupons #appliedcouponslist span.order_subtotal{clear:inherit;}
.coupons input[type=text] {border: 1px solid #aaa;}

span.orderlinefileattachment {display:none!important}

div.backtocart {display:none}

@media (min-width:421px) {
    div.shipbillpayment div.rewardcoupon img {margin-top:0}
    div.shipbillpayment div.rewardcoupon p {width:50%}

    div#displayaddress a.shiptoaddr {float:left}
    #displayaddress a.addaddress, div#ccInfo a.addcc {display:inline-block; float:left; margin-left:0px}
    #displayaddress a.viewaddress, div.paymentdetails div.paymentoptions li.ccaction a#selectcard {display:inline-block; float:left; margin-left:10px; padding:10px 50px}
    #displayaddress a.viewaddress, #displayaddress a.addaddress {width:260px;}
}

@media (min-width:440px) {
    div.cartsummarycontainer ul .prodname label {min-height:50px}

}

@media (min-width:480px) {


    div#addresslistoverlay, #cardlistoverlay, #achpopup, #securitycodepopup, #cardeditoverlay, #editlistoverlay, div.addresslist.popup_content, div#shippingaddoverlay {width:90%; max-width:600px}

    div.shippingmethod ul.formhead, div.cartsummarycontainer ul.carttitle {font-size:14px}

    div.addressnew ul li.firstname {width:50%; padding-right:2%; }
    div.addressnew ul li.lastname {width:50%; padding-left:2%;}

    div.checkoutaction a.fastcontchkout,
    div.checkoutaction a.fastcontchkout.chkoutprocessing {font-size:18px}

    div.addresslist div#addresslistoverlay {width:100%; clear:both; overflow:hidden; padding-top:0px}
    
    #cardlistoverlay a.addcc, .managecreditcards a.addcc, .managecreditcards a.addaddress {float:left}
    #addresslistoverlay a.editordelete, #cardlistoverlay a.removecc {float:right; margin-top:30px}

    div.paymentdetails div.paymentoptions li ul.billingaddress li.firstname + li {padding-left:0}
    div.paymentdetails div.paymentoptions div#paypalbillingaddress ul.billingaddress li { top:0}

    

    div.applystorecredit ul li label.storecreditlbl {width:auto}


div.shippingaddressnew ul li.phonetype select {border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}


div.shippingaddressnew ul li.phoneno input {border-radius: 0px 3px 3px 0; -moz-border-radius: 0px 3px 3px 0; -webkit-border-radius: 0px 3px 3px 0;  }

    

}

@media (max-width:1071px){
    li.changeaddress #displayaddress a, div#ccInfo li.ccaction a#btnNewCC, div#ccInfo li.ccaction a#selectcard, div#ccbillingaddress div.actionaddadd a {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    div.actionaddadd {clear:both; padding:1px 0 0 26px;}
}

@media (max-width:600px) {
    div#viewalladdresspopup div.viewaddresslist ul, 
    div.myaddressrepeater div.myaddresslist {width:100%}
    div.addresslist h2, div.address_validation h2 {margin:0; width:85%}
    div#viewalladdresspopup div.viewaddresslist ul li label {width:calc(100% - 36px)}
}

@media (min-width:600px) {
    
    #addresslistoverlay a.addaddress {float:left}

    div.paymentdetails div.paymentoptions li a {clear:none; padding-left:15px}

    div.sameasshippingchkbox {float:right; margin:20px 0 0; padding:17px 0; width:50%; text-align:left}

    div.addressnew ul li.city {width:31%; padding-left:0; margin:0 3.5%}
    div.addressnew ul li.city.cityintrl {width:66%; padding-left:0; margin:0}
    div.addressnew ul li.zipcode {width:31%; padding-right:0;}
    div.addressnew ul li.customerstate {width:31%}
    div.addressnew ul li.city {width:31%; padding-left:0;}
    
    div.addressnew ul li.zipcode {width:31%; padding-right:0;}
    div.addressnew ul li.phoneno,
    div.addressnew ul li.billphoneno{width:50%; padding-left:0; padding-right:0;}
    div.addressnew ul li.phoneno.noext,
    div.addressnew ul li.billphoneno.noext{width:75%}
    div.addressnew ul li.ext1,
    div.addressnew ul li.billext1{width:22.5%;}
    div.addressnew ul li.phonetype {width:22.5%}

 
    div#addresses div.shippingaddress/*, div#addresses div.billingaddress*/ {border:0; width:100%; margin:0}
    div.cartsummarycontainer ul {padding:15px 7px; border: 1px solid #cccccc; border-top: 0;}
    div.cartsummarycontainer ul.carttitle {display:block}
    div.cartsummarycontainer ul li.prodname {width:calc(70% - 80px)}
    div.cartsummarycontainer ul li.prodqty {width:10%; padding-top:10px}
    div.cartsummarycontainer ul li.lineitemprice {width:20%; text-align:right; padding-top:10px}
    div.cartsummarycontainer ul li.prodqty label, div.cartsummarycontainer ul li.lineitemprice label {display:none}
    div.cartsummarycontainer ul.carttitle li.cartqty, div.cartsummarycontainer ul.carttitle li.cartprice {display:block}

    div.groupproduct {width:100%}
    div.cartsummarycontainer ul.related li.prodname {width:calc(100% - 120px); padding:0;}
    div.cartsummarycontainer ul.related li.prodqty {text-align:center; padding-left:10px}

    div.cartsummarycontainer ul.related li.prodqty label {display:none}

    div.redeemGiftCard ul li input[type=text] {width:200px}
    div.redeemGiftCard ul li input[type=button] {clear:none}
    div.redeemGiftCard span.lblGiftCardAmount {float:left; padding:8px 10px 0 0}
    div.redeemGiftCard ul li input#btnRedeem, div.redeemGiftCard ul li input#btnAddAnotherGiftCard {margin:12px 0 0 0}

    div.achdetails ul#achoption li.accountname, 
    div.achdetails ul#achoption li.bankname,
    div.achdetails ul#achoption li.licnumber {width:50%}
    
    div.achdetails ul#achoption li.accountname input, 
    div.achdetails ul#achoption li.bankname input,
    div.achdetails ul#achoption li.licnumber input {width:98%}
    
    div.achdetails ul#achoption li.checkno, 
    div.achdetails ul#achoption li.accounttype,
    div.achdetails ul#achoption li.custstate {width:calc(48% - 22px); margin-left:2%; clear:none}
    
    div.achdetails ul#achoption li.checkno input,
    div.achdetails ul#achoption li.accounttype select,
    div.achdetails ul#achoption li.custstate select {width:100%}

    div.shippingaddressnewuser div.checkoutaction a.btn.saveshippingaddress {width:auto; float:right; clear:right}

}

@media screen and (min-width: 600px) and (max-width: 768px) {
    div.shippingaddressnew ul li.firstname.col-sm-6, div.shippingaddressnew ul li.lastname.col-sm-6 {width:50%; float:left}
    div.shippingaddressnew ul li.zipcode.col-sm-4, div.shippingaddressnew ul li.customerstate.selectdropdown.col-sm-4 {width:34%; float:left}
    div.shippingaddressnew ul li.city.col-sm-4 {width:32%; float:left}
    div.shippingaddressnew ul li.phonetype.selectdropdown.col-sm-4 {width:34%; float:left}
    div.shippingaddressnew ul li.phoneno.col-sm-8 {width:66%; float:left}
}
@media (max-width:992px) {
    div.checkoutheader div.logo-mobile {position:static!important; background:#fff; margin-top:0px!important; height:56px; width:100%; max-width:176px; display:flex; justify-content:center}
}




@media (min-width:769px) {
    div.logo-mobile {margin-top:0px; width:17%; margin-left:7px}
    div#header_container div.checkoutheader div.chkoutprocess {display:none!important; visibility:visible}
    div#header_container div.checkoutheader div.chkoutprocess.hidereferral {display:none!important; visibility:hidden}
    div#checkout_content div.chkoutprocess {display:none}
    div#checkout_content .cartcontainerblk div.chkoutprocess,
    div#checkout_content div.expressordercomplete div.chkoutprocess {display:block}
    div#checkout h1 {padding-top:0}
    a.logo, span.logo {margin-top:0}
    ul.checkout-steps {margin:20px 0}
    #header.checkoutheader .col-sm-3.logo-mobile {display:inline-block; margin:12px 0 0}
    .billingaddresscontainer {border-top:0}

    div#addresses {border:1px solid #d5d5d5; padding:15px}
    div.shipbillpayment h2 {padding:0}
    div.shipbillpayment div.rewardPointsContainer h2 {padding:20px 10px}
    
    div.paymentdetails div.paymentoptions li a {clear:left; padding-left:0}

    div#addresslistoverlay, #cardlistoverlay, #achpopup, #securitycodepopup, #cardeditoverlay, #editlistoverlay, div.addresslist.popup_content {width:90%; max-width:800px}
    #cardlistoverlay {max-width:600px}
    div#shippingaddoverlay {width:90%; max-width:750px}
  

    

    a.placeorder, a.placeorder.placeorderdisable {float:right}
    a.placeorder, a.placeorder.podisablevolumerestruction {float:right}



div.shippingnotice span.InternationalShippingNoticemessage,
div.shippingnotice span.volumeProductRestructionMessage,
div.shippingnotice span.shippingrestrictionerrormessage {padding:0 0 3px}



}


@media (max-width:899px) {
    div#header_container #header {
            background: #fff;
            /*background: -moz-linear-gradient(top, #f1f1f1 0%, #eaeaea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#eaeaea));
            background: -webkit-linear-gradient(top, #f1f1f1 0%,#eaeaea 100%);
            background: -o-linear-gradient(top, #f1f1f1 0%,#eaeaea 100%);
            background: -ms-linear-gradient(top, #f1f1f1 0%,#eaeaea 100%);
            background: linear-gradient(to bottom, #f1f1f1 0%,#eaeaea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#eaeaea',GradientType=0 );*/
            position: static;
            width: 100%;
            height: auto;
            z-index: 99999;
            padding: 0; text-align:center
        }
    div.checkoutheader div.logo-mobile {margin:0 auto;}
    div.orderdetails {margin-top:10px; float:left; clear:both; width:100%; padding:15px 0 0; }
    div.shippingaddressnew ul li.subscribe > div {clear:left}
    div.backtocart {display:block; background:#f1f1f1; padding:0 10px}
    div.checkoutheader a.backbtn {float:left; height:auto; width:auto; margin:15px 0 0 10px; display:block; line-height:normal; text-decoration:none; color:#076abf; font-size:14px}
    div.checkoutheader a.backbtn span.glyphicon {font-size:12px; padding-right:5px}
    #header_container a.backbtn.osback {display:none}
    div.chkoutcontainer.container{padding:0px}
    div.chkoutcontainer.container #header_container a.backbtn.osback {display:flex!important; float:none; text-decoration:none; align-items:center}
    div.chkoutcontainer.container #header_container a.backbtn.osback span.fa {font-weight:var(--default-font-weight-bold); padding-right:10px}
    div.chkoutcontainer.container #header_container .referralchkoutheader a.backbtn.osback {display:none!important}
    div.container #header_container a.backbtn.addback {display:none}
    a.backbtn, a.bkbtntocart {display:none}

    div.checkoutheader span.spnlogochk {float:none; padding:0; margin:0; position:fixed; width:100%; background:#fff; display:flex; justify-content:center; z-index:100 }
    div.checkoutheader a.logo, div.checkoutheader span.logo {float:none; width:150px; padding:10px 0; margin:0; background:#fff; max-width:150px; }

    div.shipbillpayment {padding:0; width:100%;}
    div#checkout div.OrderSummaryForm h1{padding:0 0 10px}
    ul.summaryofcharges li {padding:10px 15px;}
    ul.summaryofcharges div#ordertotalcontainer{margin: 0; padding:15px 15px 0; position:fixed; bottom:0; width:100%; background:#FAF8F8; left:0; z-index:1000}
    div#checkout div.OrderSummaryForm h1{margin:0 16px 0 7px;}
    div.cartsummarycontainer ul li.itemdetails div.lineitemprice{padding:0px;}
    div#checkout_content + div.footer{margin-bottom:40px}
    div.footer.mobilecontainer div.copyrightcontent {margin-bottom:90px;}
    div#checkout {
        margin: 0 10px;
    }
}



@media (max-width:768px) {
    div.chkoutcontainer.container div#header_container {margin:0 -7px!important;}
    div.chkoutcontainer.container div#header_container.referralheadercontainer {display:none}
    div.chkoutcontainer.referchkoutcontainer.container div#header_container { margin: 0 !important; overflow: visible; }
    #checkout_content {margin-top:0!important}
    div#header_container {
        clear: both;
        overflow: hidden;
        height: 50px;
    }

    div.checkouttop {display:none!important}
        
    div.checkoutheader.referralchkoutheader div.logo-mobile {float:left!important; margin-top:10px!important}
        
        
    div.checkoutaction {text-align:center}
        
    div.col-sm-4.chkoutprocess {display:block!important; visibility:visible!important}
    div.col-sm-4.chkoutprocess.referralhide {display:none!important; visibility:hidden!important}

    div.shipbillpayment ul.currshipadd {padding:0}
    div#addresses div.shippingaddress ul li.changeaddress #displayaddress ul {width:100%;}

    #displayaddress a.addaddress, div#ccInfo a.addcc {width:100%; display:flex; justify-content:center; align-items:center}
    #displayaddress a.viewaddress, div.paymentdetails div.paymentoptions li.ccaction a#selectcard {width:100%; margin-left:0; text-align:center}

    div#addresses {margin:0 0 25px;padding:7px 15px;}
    div.shippingmethod {padding:30px 0 20px}
    div.shippingmethod ul.formdetails {width:100%; flex-wrap:nowrap; margin-bottom:10px;}
    div.shippingaddress h2, div.shippingmethod h2, div.redeemGiftCard h2, div.paymentdetails h2 {padding:0;}
    div.paymentoptions h2{font-size:18px;}
    div.shippingmethod ul.selectedshipping, div.redeemGiftCard ul, #paymentoptionform > fieldset > div.currentcc {padding:0;}
    div.shippingmethod ul.formdetails li.effectiveshippingprice {width:65px}
    div.shippingmethod ul.formdetails li.shippingprice {margin-left:10px}
    div.shippingmethod span#lblFreeShipping {display:block;}

    div.paymentdetails div.paymentoptions ul.pymntoption {flex-wrap:wrap; padding:0}
    div.paymentdetails div.paymentoptions li.paypal {width:120px}
    div#ccInfo ul {margin-left:0; width:100%; padding:0;}

    div#ccInfo ul li.ccaction {flex-wrap:wrap}

    div.billingaddtooltip {margin-left:0; padding:0}

    div#ccbillingaddress a.billtodiffadd {margin-left:0; width:100%; text-align:center}
    div.actionaddadd {padding:0; display:flex; flex-wrap:wrap}

    div.editaddressbtn {margin-left:0px}

    div.applystorecredit {padding:25px 0px}
    div.applystorecredit h2 {padding:0}

    div.rewardPointsContainer {margin-bottom:25px;}

    div.rewardPointsContainer h2 {padding:20px 10px; display:block; position:relative}
    div.rewardPointsContainer div.totalcoupon span {margin:0 5px 0 0}
    div.rewardPointsContainer h2 a#earnReward {position:absolute; top:20px; right:10px}

    div.rewardPointsContainer div.rewarddetails {padding:25px 7px 0}

    div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo,
    div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo,
    div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {bottom: unset; padding: 5px 5px 0px 10px; height: 22em;}
    div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo { top: -36px !important; left: 5px !important;}
    div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {top: 64px !important; left: 190px !important;}
    div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo {top: 19px !important; left: 5px !important; height: 20em;}
    div.shipbillpayment div.rewardcoupon{margin-left:-26px;}
    div.orderdetails{padding: 15px 0 0px; margin-top: 10px; border-top: 1px solid #ccc;}

    div.paymentdetails, div.shippingmethod {padding:0px 15px 15px;}
    div#addresses #displayaddress{padding:15px 7px 5px;}
    div.paymentdetails div.paymentoptions{padding:25px 7px 0;}
    div.addnewcc.newusercc{margin:0;}
    div.addnewcc ul li span.field-validation-valid,div.addnewcc ul li span.field-validation-error {top:108px}
    div.addnewcc.newusercc ul li span.field-validation-valid,div.addnewcc.newusercc ul li span.field-validation-error{top:212px;}
}

@media (min-width:900px) {
    div.addresslist {max-width:750px}
    div.shippingmethod ul.formhead, div.cartsummarycontainer ul.carttitle{font-size:14px}
    div.customCombobox a span.currencyprice {font-size:15px}

     div.paymentdetails div.paymentoptions li a {clear:none; padding-left:15px}
     div.paymentdetails div.paymentoptions li a#changecard {clear:left; padding-left:0}
    div.shippingnotice span.InternationalShippingNoticemessage {margin: 0px 0 -30px; width: 58%;}
}

@media (min-width:1280px) {
    div.shippingmethod ul.formhead, div.cartsummarycontainer ul.carttitle {font-size:14px}
    div.paymentdetails div.paymentoptions li a#changecard {clear:none; padding-left:15px}
    div.shippingaddressnew ul li.subscribe > div {clear:left}
}

div.footeroffer {
    display: none
}

@media (max-width:485px) {
    div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo, div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo,
    div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {
        padding: 5px 5px 0 5px;
    }


    div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo {
        left: 5px !important;
    }
}


@media (max-width:414px) {
    div.cartsummarycontainer ul li.grprdouter{padding-left:15px;}
    div.cartsummarycontainer ul.related li.prodqty{width:70px; margin-top:10px; text-align:center;}
    div.cartsummarycontainer ul.related li.prodqty label{display:none;}
    ul.summaryofcharges li.ordertotal{padding:10px 0 0;}
}

@media (max-width:500px){
    #editdiv ul#editccoptions li.expdateEdit label, #editdiv ul#editccoptions li.securitycodeEdit label,
    div.addnewcc ul li.ccnumber label, div.addnewcc ul li.ccexpdate label, div.addnewcc ul li.securitycode label{width:100%}
    div.addnewcc ul li span.field-validation-valid,div.addnewcc ul li span.field-validation-error{padding-left:0}
    div.addnewcc ul li input {width:100%}
    div.addnewcc ul li.ccoptionsicon {margin-left:1px}
    div.myccrepeater div.mycclist {width:100%}
    div#newusercard li.securitycode div.whatthistt div.ccsecurityinfo {z-index: 1; top: 140px !important; left: 0px !important;}

    div#ccnew li.securitycode div.whatthistt div.ccsecurityinfo { top: 50px !important; left: 5px !important;}
    div#editlistoverlay li.securitycodeEdit div.whatthistt div.ccsecurityinfo {top: 37px !important;}
    div.addnewcc ul li span.field-validation-valid,div.addnewcc ul li span.field-validation-error {top: 135px}
    div.addnewcc.newusercc ul li span.field-validation-valid,div.addnewcc.newusercc ul li span.field-validation-error{top:238px;}
}

@media (max-width:599px){
    div.cartsummarycontainer{border-top:0;}
    div.cartsummarycontainer ul{border-top:1px solid #cccccc; padding: 10px 0;}
    div.cartsummarycontainer ul li.itemdetails div.lineitemprice{padding-right:8px;}
}

@media(max-width:305px){
    div.OrderSummaryForm span.cartitem{display:block;}
}

@media(min-width:501px){
    li.securitycodeEdit span.field-validation-valid{margin-left:175px;}
    li.ccexpdate span.creditcarderrormsg{margin-left:210px;}
    li.expdateEdit span.creditcarderrormsg{margin-left:175px;}
}

@media(max-width:1160px) {
    div.shippingmethod span#lblFreeShipping {
        display: block;
    }
}

@media (max-width:768px) {
    .shippingmethod-details-box{border:0; border-bottom:1px solid #d5d5d5;}
    div.paymentdetails{border:0px; padding-bottom:0;}
}

/* Shopping Cart UI changes Ticket number 86a1rjdp6 */
ul.summaryofcharges li.rewardcoupon.disc-box{display:block;}
ul.summaryofcharges li.rewardcoupon .clickable{width:100%;}
ul.summaryofcharges li.rewardcoupon #discountDetails{width:100%; margin-top:10px;}
ul.summaryofcharges li.rewardcoupon #discountDetails .line-item, ul.summaryofcharges li.rewardcoupon #discountDetails .line-item span.price{margin-bottom:5px; color:#737373; font-size:16px;}
div.cartsummarycontainer ul li.itemdetails ul.pro-disc-box{border:0; margin:5px 0px; padding:0;}
div.cartsummarycontainer ul li.itemdetails ul.pro-disc-box li{float:none; font-size: 13px; color: #AF1A30; margin:0px; padding:0; width:100%;}


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/5.2.orderentry.css' (Mode: Static) */
a#addline{display:block;float:left;margin-top:5px;}
#accordion #acccontent a#fastcontchkout{float:right;font-size:0; margin:5px 0px;}
#accordion #acccontent a#continuewithpaypal{margin:10px 10px 10px 5px}
#accordion #acccontent div#transferordermsg{float:left}
#accordion #acccontent div#transferordermsg span{display:block;margin:2px}
a.searchskulink{background:#848484 url("/Templates/Mercola/images/searchIcons.png") no-repeat 0 0;    display: block; float: right; height: 25px;text-indent: -100000px; width: 25px; margin-top:2px;}
#accordion #acccontent a.errorinfo{ background: url("/Templates/Mercola/images/icons.png") no-repeat scroll -83px -183px; display: block; height: 23px; text-indent: -1000px; width: 20px; margin:5px -41px 5px 0; float:right;}
#accordion span#ordernumber{color:#555;display:inline;font-size:16px;line-height:23px}
div#checkout span#orderplacedby{color:#555;display:inline;float:right;font-size:14px;line-height:23px;text-align:right;text-transform:none;width:350px; font-weight:normal;}
a.fastcontchkout {cursor: pointer; display: inline-block; font-size: 25px; padding: 6px 25px; text-transform: uppercase;}
/*expressorder header*/


ul.express-order-header select, 
ul.express-order-header input {width:auto; padding:1px;}
ul.express-order-header select{margin:1px;}
ul.express-order-header{background:#F3F3F3;display:inline-block; padding-top:2px;padding-bottom:2px;margin:1px 0;width:100%;}
ul.express-order-header li:nth-child(2n+1){ width:30%}
ul.express-order-header li:nth-child(2n+2){ width:50%}
ul.express-order-header li:nth-child(2n+3){ width:20%}
div#checkout #accordion ul.express-order-header li select{width:25%}
div#checkout #accordion ul.express-order-header li input{width:17%}
div#checkout #accordion ul.express-order-header li input[type=text]{width:10%}
ul.express-order-header li label.numberofrows,
ul.express-order-header li span:first-child{font-weight:700; margin-right:5px;}
ul.express-order-header li input{background:#636160;display:inline-block;float:left; font-size:11px;border:1px solid #FFF;margin:1px 2px;padding:3px 8px}
ul.express-order-header li input.enabled{color:#FFF;cursor:pointer}
ul.express-order-header li input.disabled{cursor:inherit; background-color:#e1e1e1;}
ul.express-order-header li input.currentpagetext{background:#fff;border:1px solid #000; width:24px; height:19px; margin-top:2px; padding:3px 0; text-align:center;}
ul.express-order-header li span{float:left;display:block;font-size:13px;margin:2px;padding:2px 1px}
ul.express-order-header li span#currentrange,
ul.express-order-header li span#totalrows{padding:2px}
div.table_head_holder{overflow:hidden; clear:left; float:left;position: relative;width:100%;}
div.express-order-table{clear:left;border:#fff solid;border-width:0 0 0 1px;width:100%}
div.express-order-table ul, div.table_head_holder ul{text-align:center;color:#000; border-left:1px solid #ebf1f8}
div.express-order-table ul li{text-align:center;border:#ebf1f8 solid;border-width:0 1px 1px 0;margin:0;}
div.express-order-table ul li.LineImageUrl{height:50px;vertical-align:middle}
div.express-order-table ul li.LineImageUrl div.LineImageUrl{vertical-align:middle}
div.express-order-table ul li.SkuCode div.SkuCode input{width:73%!important;border:1px solid #E5E5E5;background:#fff;font-size:11px;  line-height:11px; text-align:left;}
div.express-order-table ul li.SkuCode div.SkuCode input.disabled{background:#f3f3f3;border:0 none!important; font-size:11px!important; width:90%!important;}
div.express-order-table ul li.Quantity div.Quantity input{width:82%;border:1px solid #E5E5E5;font-size:11px;text-align:center;height:22px;margin:2px;}
div.express-order-table ul li.UnitPrice{text-align:right;padding-right:2px; color:#1d6f9e;}
div.express-order-table ul li.SkuName div.SkuName{text-align:left; padding-left:2px;}
div.express-order-table .UnitPrice span {width:50%; padding-right:5px; margin-top:0px;}
div.express-order-table .UnitPrice span.listpricecontainer {text-decoration: line-through;}
div.express-order-table a.attached{color: #039 !important; text-decoration:underline !important;}

/*Order entry error msg */
div#addlinediv{clear:left; float:left;position: relative;width:100%}
div#addlinediv p{float: right; font-weight: 700;padding: 7px;}
/*Order entry error msg */
/* CSS for search SKU popup development*/
.row-highlight{color:#555;background:#bbb;}
/*Skulookpu popup*/
.ok{float:right;}
div#checkout select#SearchType,
div#checkout span.optional{ float:left;}
div#checkout span.optional{ padding: 10px 6px 0 3px;}
div#skulookupdiv{background-color:#fff; border:1px solid #CFCFCF; border-radius:10px; box-shadow:0 7px 13px 0; display:none; font-size:12px; padding:15px; left:10%!important; top:10%!important; width:80%; z-index:9999; position:absolute!important}
div#skulookupdiv .close {background: url("/Templates/Mercola/images/icons.png") no-repeat scroll -6px -552px transparent; cursor: pointer; height: 35px; position: absolute; right: -15px; top: -11px; width: 35px;}
div#skulookupdiv ul.header{font-size:18px; font-weight:700; overflow:hidden;}
div#skulookupdiv ul.header li{width:30%; float:left; margin:0;}
div#skulookupdiv ul.header li.skuscountmessage {float:left; display:block;color:#5A8205; font-size: 18px;font-weight: 700; text-align:right;width:70%;}
div#skulookupdiv div#searchskutextboxcontainer {position: relative; margin: 8px 0 0 0; width:100%;}
div#skulookupdiv div#textfieldcontainer,div#skulookupdiv div#buttoncontainer {float: left;}
div#skulookupdiv div#textfieldcontainer{width:30%;}
div#skulookupdiv div#textfieldcontainer input#searchkeyword{height:29px; margin-top:0; padding:4px 4px; width:99%;}
div#skulookupdiv div#searchskutextboxcontainer input, 
div#skulookupdiv div#searchskutextboxcontainer select {border: 1px solid #BED2D7;  font-size: 14px; margin: 2px 0;}
div#skulookupdiv div#searchskutextboxcontainer select#SearchType, 
div#skulookupdiv div#searchskutextboxcontainer span.optional {float:left; padding:8px 8px 9px;}
div#skulookupdiv div#searchresultcontainer {position: relative;  width:100%; margin: 8px 0 0;}
div#skulookupdiv div#searchresultcontainer ul.actionlinks {float: left;width: 20%;}
div#skulookupdiv div#buttoncontainer {font-weight:700; font-size:9px;padding-left:7px;}
div#skulookupdiv div#buttoncontainer a{border: 0 none; cursor: pointer;float:left;margin:0 0 0 3px; height:29px;}
div#skulookupdiv ul.search-sku-pagination-header{ background:#F3F3F3;border-color: #ccc #999; border-style: solid dotted; border-width: 1px; display:inline-block;margin: 8px 0;padding: 2px 0;width: 98%;}
div#skulookupdiv #skucodecontainer ul li{display:block;}
div#skulookupdiv ul li label.numberofrows{font-weight: 700;margin-right: 5px;}

a.addtoquickorder {color:#1D6F9E; font-weight: 700; text-decoration: underline; width: 150px;}
a.addtoquickorder:hover{ color:#000;text-decoration: none;}
/*Skulookpu popup*/
/*Express Order Entry Lookup*/
#skucodecontainer .ui-widget-content{border:1px solid #bcbcbc;background:#fff;color:#333}
#skucodecontainer .ui-autocomplete{cursor:default;left:0px!important;margin-left:-58px;min-width:457px;position:absolute;top:23px!important;z-index:8!important}
#skucodecontainer .ui-autocomplete > li{float:none;color:#111; margin:0;}
#skucodecontainer .ui-menu-item > a{border:none;color:#484848;padding-left:28px}
#skucodecontainer .ui-menu{list-style:none;display:block;line-height:20px;margin:0}
#skucodecontainer .ui-state-hover{color:#111;display:block;font-size:12px!important;background-color:#d1d1d1;text-decoration:none;}
#skucodecontainer .searchtermhighlight{font-weight:700;color:#903}
* html .ui-autocomplete{min-width:1px;}
/*End Express Order Entry Lookup*/
div#checkout span#quoteplacedby{display: inline;font-size: 14px; float:right; text-align: right;text-transform: capitalize;  color:#000;}
div#checkout div#shippingcontainer div.customercomments{width:100%!important;clear:both!important; padding:2px 0 11px; margin:10px 7px;}
#checkout textarea.ordercomments{height:80px; width:100%;margin:0;padding:10px; border:1px solid #e1e1e1; resize:none;}
div#cartsummary ul.summaryofcharges li span.order_subtotal span{padding-left:10px}
div#cartsummary div#expressorderlist ul#listitemcontent li{display:block;float:left!important;font-size:12px;margin:3px 0 0}
div#cartsummary div#expressorderlist ul#listitemcontent li ul.listitems a.transfertoorder{background:url("/Templates/Mercola/images/icons.png") no-repeat 0 -2371px ;display:block;float:left;height:31px;margin-right:5px;text-indent:-99999px;width:31px}
div#cartsummary div#expressorderlist ul#listitemcontent li a.editlist{float:left;padding-top:7px;width:210px}
div#cartsummary div#expressorderlist ul#listitemcontent li ul.listitems{width:99%;}
div#cartsummary div#expressorderlist ul#listitemcontent li ul.listitems li:last-child{float:right!important;}
div#cartsummary div#expressorderlist div#creatlistcontainer{clear:both;margin-bottom:5px; padding-top:5px}
div#cartsummary div#expressorderlist div#creatlistcontainer span{background:#f3f3f3;border:1px solid #ccc;clear:both;color:#777;display:block;font-size:11px;margin-top:5px;padding:5px}
div#cartsummary div#expressorderlist div#creatlistcontainer a#createnewlist{float:right; margin-bottom:10px}
div#cartsummary div#expressorderlist div#createeditlistpopup label.error{color:#EB0A34;margin-left:72px;width:100%}
div#cartsummary div#expressorderlist div.infopopup{background:none repeat scroll 0 0 #F3F3F3;border:1px solid #26b3f7;color:#000;left:20%!important;top:55px!important; margin:auto;min-height:130px;padding:10px 0 9px 7px;width:390px}
div#cartsummary div#expressorderlist div.infopopup label{float:left;padding-right:5px;width:70px}
div#cartsummary div#expressorderlist div.infopopup input{padding:2px; width:79%}
div#cartsummary div#expressorderlist div.infopopup textarea{min-height:150px;padding:2px; width:79%}
div#cartsummary div#expressorderlist div.infopopup a#saveSkuDetails{float:right;margin-right:5px;margin-top:5px;}
div#cartsummary div#expressorderlist div.infopopup a#skudetailscancel,
div#cartsummary div#expressorderlist div.infopopup a.cancel{float:right;margin:5px 11px 8px 0;}
div#cartsummary div#expressorderlist div.infopopup div#savelistnote{border:1px solid #26b3f7;clear:right;color:#777;display:block;font-size:11px;margin:10px 10px 0 3px;padding:8px}
div#cartsummary div#expressorderlist div.infopopup div#savelistnote span{background:url("/Templates/Mercola/images/icons.png") no-repeat scroll 0 -1059px transparent;height:14px;padding-right:15px;text-indent:-99999px;width:12px}
div#cartsummary div#expressorderlist a.close,div#checkout div#listcontainer div#failitemspopup a.close{margin:-2px -2px 0 0}
div#cartsummary a.btn{  color: #fff !important; text-decoration: none !important;}

/* quote */
.orderlines{border:0 solid #115fab; border-top:0 none; }
.orderlines #orderlines.orderlines{border:0 none;}
div#orderlines div.itemdetails { border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc;}
div#orderlines div.shoppingcart ul.head li{border-left: 1px solid #bcbcbc;  font-size: 13px;  font-weight: bold;  padding-bottom: 10px;  padding-top: 10px;  text-align: center; height:53px; display:table;}
div#orderlines div.shoppingcart ul.head li span{ display:table-cell; vertical-align:middle;}
div#orderlines div.shoppingcart ul.head li:first-child{ border:0px;}
div#orderlines div.shoppingcart ul li.shoppingcol1{ text-align:center; cursor:pointer;}
div#orderlines div.shoppingcart ul li.shoppingcol3, div#orderlines div.shoppingcart ul li.shoppingcol4, div#orderlines div.shoppingcart ul li.shoppingcol5{ text-align:right;}
div#orderlines ul.singleproduct {background:#fafafa;}
div#orderlines ul { border-bottom: 1px dotted #e5e5e5;}
div#orderlines ul li{padding-bottom: 10px; padding-top: 10px;}
div#orderlines div.shoppingcart .groupproductqoute .mainlines {float:left; padding:0; width:100%}
div#orderlines div.shoppingcart .groupproductqoute .mainlines .divimage,
div#orderlines div.shoppingcart .groupproductqoute .mainlines .showthisimage {float:left; width:66px;margin-right:5px; text-align:center;}
div#orderlines div.shoppingcart .groupproductqoute .mainlines li {padding:2px}

/* quote */
#btnReApplyCoupon{float:left; height:28px; margin-left:5px; width:91px; text-indent:-9999px}
#btnRemoveCoupon{clear:left;float:left; height:28px; margin:10px 0 0 5px!important; width:180px; text-indent:-9999px}
#txtReApplyCouponcode{float:left; padding:2px; width:220px; margin-left:5px!important;}
dl#lblOrderChangeMsg{margin:8px 0}
dl#lblOrderChangeMsg dt{background:#1D6F9E;font-size:16px; font-weight:700; color:#FFF;padding:2px 4px;}
dl#lblOrderChangeMsg dd{padding:6px 5px;}
div#errormessageoverlay span#lblReApplyErrorMessage{float:left;padding-left:5px;}
div#couponcode span#lblErrorMessage{clear:left;float:left;}
/* End CSS for search SKU popup development*/
div#checkout div.expressorsameasshipping{clear:both!important;float:right;margin:0 6px 6px 0}
div#checkout div.expressorsameasshipping label.sameforbilling{width:auto!important}
div#checkout div.expressorderactionlinks a.placeorder{
width: 163px;
height: 43px;
border: none;
overflow: hidden;
cursor: pointer;
text-indent: -9999px;
display: block;
float: right;
}
.listitemdelete{background:url("/Templates/Mercola/images/icons.png") no-repeat scroll -89px -663px transparent;cursor:pointer;display:block;float:right;height:18px;margin:6px 0 0 5px;overflow:hidden;padding:0;width:19px}
a.lnkbtnRemoveCartItem{background:url("/Templates/Mercola/images/icons.png") no-repeat scroll -5px -550px transparent;border:0 none;cursor:pointer;display:inline;float:left;height:30px;padding-left:2px;text-indent:-9999px;width:30px}
.loadingimg{background:url("/Templates/Mercola/images/loading.gif") no-repeat scroll transparent}
.checkoutbtn{color:transparent!important;float:left;margin-left:10px;padding:15px 0;text-indent:-9999px;text-transform:capitalize;width:161px}
div#converttoorder div#shippingaddresslist h2{background:#61a8d5; color: #fff; font-weight:normal; font-size:17px; text-transform: uppercase;margin: 10px 0 0;padding:4px 10px;overflow:hidden;}
div#converttoorder div#shippingaddresslist ul{ margin-left:6px;}
div#converttoorder div#shippingaddresslist ul.shippingaddress li{ padding:2px 0}
div#converttoorder div#shippingaddresslist input{background: none repeat scroll 0 0 transparent;border: 0 none;font-size: 12px;}
div#converttoorder div.actionlinks{clear: right;float: right;margin: 8px 14px;}
div#converttoorder div#accordion span#spanshowalllines{float:right; display:none;}
div#converttoorder div#accordion a#showalllines, 
div#converttoorder div.billingaddress p.sameasshipping{display:none;}
div#converttoorder div#acccontent div#expressorder div.table_body_holder input{width:82%;border:0px;font-size:11px;text-align:center;height:22px;padding:2px;background-color:#F3F3F3;}
div#converttoorder div#divpaymentcontainer .errmsg{display:block; padding:5px 0}
div#billingaddress .dyn_content{float:left; margin-bottom:8px}
div#checkout span#quotenumber{color:#F8E690;display:inline;font-size:16px;font-weight:700;line-height:23px}
ul.securedlogo{padding-top:40px;margin-top:10px; border-top: 1px dashed #CFCFCF;}
ul.securedlogo li{float:left; padding-right:30px;}
p.securetext{clear:both;color:#000099;font-size:11px}
div#converttoorder div.actionlinks a.payconverttoorder {font-size:18px;  padding: 10px 20px; float:right; text-align: center; margin:0 10px 15px 0;}
div#converttoorder div.actionlinks a.processingorderblock{border: 0 none;cursor: pointer;display: block;height: 42px;overflow: hidden;text-indent: -9999px; width:138px;}
div#converttoorder div.actionlinks a.payconverttoorder_disabled{background-color:#ccc; color:#999; font-size:18px;  padding: 10px 20px; text-align: center; cursor:inherit;} 


/*Order Comments for Edit Quote starts*/
div#checkout #editquote div.quoteactionlinks a.saveandclose {font-size:18px;  padding: 10px 20px; float:right; margin-top:10px; text-align: center;}
div#checkout #editquote div.quoteactionlinks a.saveandclose_disabled{background-color:#ccc; color:#999; font-size:18px;  padding: 10px 20px; text-align: center; cursor:inherit;}
div#checkout #editquote .ordercomments{ float:none; width:98%!important;}
div#checkout #editquote div.quoteactionlinks a.cancel{background:#61a8d5; color:#fff; font-size: 18px;padding: 10px 20px; text-align: center;  display:inline-block; float:right; margin: 0 5px 0 0;}
div#checkout #editquote div.quoteactionlinks a.cancel:hover{background:#449ad1;}
div#checkout h2.ui-editquote-header {background:#f3f3f3;  border: 1px solid #bed2d7;  font-size: 16px;  font-weight: bold;  margin-top: 1px; padding: 4px 11px;  position: relative;  text-transform: uppercase; width: 100%;}
#editorder #listcontainer,#editorder div#paymentcontainer,#editorder div#paymentcontainerwithlinks{background:none}
#editorder #acccontent{border:0;width:100%}
#editorder ul.express-order-header{background:#F3F3F3;float:left;width:100%;padding-top:2px;padding-bottom:2px;margin:1px 0}
#editorder ul.express-order-header li{float:left;margin:0 0 0 14px}
#editorder ul.express-order-header li input{background:#636160;float:left;display:block;font-size:11px;border:1px solid #FFF;margin:1px 2px;padding:3px 8px}
#editorder ul.express-order-header li input.enabled{color:#FFF;cursor:pointer}
#editorder ul.express-order-header li input.disabled{cursor:inherit; background-color:#e1e1e1;}
#editorder ul.express-order-header li input.currentpagetext{background:#fff;border:1px solid #000;font-size:13px;width:8px;height:13px;margin-top:2px}
#editorder ul.express-order-header li span{float:left;display:block;font-size:13px;margin:2px;padding:2px 1px}
#editorder ul.express-order-header li span.currentrange,
#editorder ul.express-order-header li span#currentrange,
#editorder ul.express-order-header li span#totalrows{padding:2px}
#editorder div#messagediv{display:none;}
#editorder div#messagediv span{background: none repeat scroll 0 0 #F3F3F3;color: #FD0404;float: left;margin: 5px 0 -3px;padding: 2px 10px;width: 97%;}
#editorder div.table_head_holder{overflow:hidden; clear:left; float:left;position: relative;width:100%;}
#editorder div.table_body_holder{clear:left; float:left;position: relative;width:100%;}
#editorder div.table_body_holder input{width:82%;border:1px solid #E5E5E5;font-size:11px;text-align:center;height:22px;padding:2px}
#editorder div.express-order-table ul li{text-align:center;border:#ebf1f8 solid;border-width:0 1px 1px 0;margin:0;}
#editorder div.express-order-table ul li.LineImageUrl{height:50px;vertical-align:middle}
#editorder div.express-order-table ul li.LineImageUrl div.LineImageUrl{vertical-align:middle}
#editorder div.express-order-table ul li.SkuCode div.SkuCode input{*float:left;width:73%!important;border:1px solid #E5E5E5;background:#fff;font-size:11px;height:22px;text-align:left;}
#editorder div.express-order-table ul li.SkuCode div.SkuCode input.disabled{background:#f3f3f3;border:none}
#editorder div.express-order-table ul li.Quantity div.Quantity input{width:82%;border:1px solid #E5E5E5;font-size:11px;text-align:center;height:22px;margin:2px;}
#editorder div.express-order-table ul li.SkuName div.SkuName{text-align:left;}
#editorder div.express-order-table tr{background:#F3F3F3;text-align:center;color:#000}
div#checkout div#listcontainer div#acccontent div#expressorder div.express-order-table{clear:left;border:#fff solid;border-width:0 0 0 1px;width:100%}
.lineimage {width:45px}

div#expressorder_pagination_header div.username {clear:both; overflow:hidden; font-weight:bold; padding:10px 0 5px}

#expressorder ul{float: left;width:100%;}
#expressorder ul.table_row_blank {display:none}
#expressorder ul li{float: left; display:table}
#expressorder ul li div{display:table-cell; vertical-align:middle}
#expressorder ul li div.LineTotal {padding:0 10px}
div#messagediv{display:none;}
div#messagediv span{background: none repeat scroll 0 0 #F3F3F3;color: #FD0404;float: left;margin: 5px 0 -3px;padding: 2px 10px;width: 97%;}

#expressorder_table_head-th-1-dt-label, #expressorder_table_head-th-4-dt-label,
#expressorder_table_head-th-5-dt-label, #tablecontainer_table_head-th-4-dt-label{cursor:pointer;text-decoration:underline}
span.ascending, span.descending {text-decoration:none;cursor:pointer;}

#expressorder_table_head-th-delete_row{height:30px}
div#checkout #accordion div.expressorderfooter{border-top:1px solid #CCC;clear:left;float:left;width:100%}

div#skulookupdiv ul li#liaddtoorder { margin:0px; }
#expressorder_pagination_header{float:left; width:100%; margin:5px 0 4px 0;}
div#skulookupdiv .infomsg{color:#f00;}
#tablecontainer_table_body,.overview {width:100%}



#expressorder #expressorder_pagination_rpp{float:left; width:28%}
#expressorder #expressorder_pagination_rpp label { padding:0px 5px;}
#expressorder #expressorder_pagination_rpp select{width:45px!important;padding:3px 1px!important; margin:0 0 0 2px;}
#expressorder #expressorder_pagination_prev_next{float:left; width:54%}
#expressorder #expressorder_pagination_prev_next input[type=button]{ padding:0; width:18.2%; margin-right:2px; height:28px}
#expressorder #expressorder_pagination_prev_next input.disabled{background:#ebf1f8;color: #000;}
#expressorder #expressorder_pagination_prev_next input.disabled:hover{background:#ebf1f8; color:#000;}
#expressorder #expressorder_pagination_prev_next input.enabled:focus,#expressorder #expressorder_pagination_prev_next input.enabled:hover{background:#337ebb;}
#expressorder #expressorder_pagination_prev_next input.enabled{color:#fff; cursor:pointer; background:#337ebb;}
#expressorder #expressorder_pagination_prev_next input.currentpagetext {border:1px solid #ccc; text-align:center }
div#checkout #accordion input.currentpagetext{width:25px; padding:4px; margin-left:4px;}
#expressorder #expressorder_pagination_view{float:left; width:18%}
#expressorder #expressorder_pagination_view span,#expressorder #expressorder_pagination_prev_next span,#expressorder #expressorder_pagination_prev_next input{float:left; height:28px; margin-right:1px;}
#searchresultcontainer #tablecontainer_pagination_prev_next .currentpagetext{height:25px; margin-top:1px;}
#expressorder_pagination_header span{margin:0 5px; line-height:27px}
#expressorder_pagination_header span#totalpagecount_expressorder{width:20px;}
#tablecontainer .mobile_heading {display:none}
#tablecontainer ul{float: left;width:100%;}
#tablecontainer ul li{float: left; display:table}
#tablecontainer ul li div{display:table-cell; vertical-align:middle}
div#messagediv{display:none;}
div#messagediv span{background: none repeat scroll 0 0 #F3F3F3;color: #FD0404;float: left;margin: 5px 0 -3px;padding: 2px 10px;width: 97%;}
ul#expressorder_table_head_thead_row li{background:#61a8d5;border-right:1px solid #FFF;text-align:center;color:#FFF}
#tablecontainer_table_head_holder ul li,#tablecontainer_table_body_holder ul li{width:15%}

#tablecontainer_table_head-th-delete_row{height:30px}

#tablecontainer_table_head ul li,#tablecontainer_table_body ul li{padding:5px;}
#tablecontainer_table_head ul li.Code, #tablecontainer_table_body ul li.Code {width:17%; word-break:break-all;}
#tablecontainer_table_head ul li.qty, #tablecontainer_table_body ul li.qty {width:10%}
#tablecontainer_table_head ul li.Name, #tablecontainer_table_body ul li.Name {width:27%}
#tablecontainer_table_head ul li.RetailPrice, #tablecontainer_table_body ul li.RetailPrice {width:12%}
#tablecontainer_table_head ul li.UOM, #tablecontainer_table_body ul li.UOM {width:15%}
#tablecontainer_table_head ul li.InventoryMessage, #tablecontainer_table_body ul li.InventoryMessage {width:19%}
#tablecontainer_pagination_header{float:left; width:100%; margin:5px 0 4px 0;}
#searchresultcontainer #tablecontainer_pagination_rpp{float:left; width:30%}
#searchresultcontainer #tablecontainer_pagination_header span{margin:0 5px; line-height:27px}
#searchresultcontainer #tablecontainer_pagination_rpp select{width:60px!important;padding:2px 4px!important; margin:0 0 0 2px;}

#searchresultcontainer #tablecontainer_pagination_prev_next{float:left; width:50%}
#searchresultcontainer #tablecontainer_pagination_prev_next input[type=button]{ padding:4px 0; width:17.2%; margin-right:1px; border:1px solid #fff;}
#searchresultcontainer #tablecontainer_pagination_prev_next input.disabled{background:#e1e1e1;color: #555;}
#searchresultcontainer #tablecontainer_pagination_prev_next input.disabled:hover{background:#e1e1e1; color:#555;}
#searchresultcontainer #tablecontainer_pagination_prev_next input.enabled:focus,#searchresultcontainer #tablecontainer_pagination_prev_next input.enabled:hover{background:#636160;}
#searchresultcontainer #tablecontainer_pagination_prev_next input.enabled{color:#fff; cursor:pointer; background:#636160;}

#searchresultcontainer #accordion input.currentpagetext{width:25px; padding:0px;}
#searchresultcontainer #tablecontainer_pagination_view{float:left; width:20%}
#searchresultcontainer #tablecontainer_pagination_view span,#searchresultcontainer #tablecontainer_pagination_prev_next span,#searchresultcontainer #tablecontainer_pagination_prev_next input{float:left;margin-right:1px;}
#tablecontainer_table_body li{padding:0 2px; text-align:center; border:solid #eee; border-width:0 0 0 1px}
#tablecontainer_table_body li.Code{border-left:none;}
#tablecontainer_table_body .RetailPrice{text-align:right}
#tablecontainer_table_body .Name{text-align:left}
#tablecontainer_table_body .Code{text-align:left}
#tablecontainer_pagination_header .currentpagetext{margin-left: 5px;padding:3px;text-align: center;width: 30px;}
#tablecontainer_pagination_header #totalpagecount_tablecontainer{margin-right:5px!important;}
div#checkout div.ui-accordion #expressorderlines div.ui-accordion-content {border:none;}
div.delete_row a.remove_item{background:url("/Templates/Mercola/images/icons.png") no-repeat scroll -177px 0 transparent;cursor:pointer;display:block;float:none;height:28px;overflow:hidden;width:27px;margin:6px auto;padding:0}
.table_row_blank a.remove_item{display:none!important}
#checkout .column2{position:static}
#tablecontainer ul li div input.cartlineaddtrigger{text-align:center; width:34px;}
div#skulookupdiv div#searchskutextboxcontainer select#SearchType {padding:3px;}
div#cartsummary div#expressorderlist div.infopopup ul li{margin-bottom:5px;}

div#orderlines div.shoppingcart ul li .mobile_title{ display:none;}
#checkout_content{margin-top:0px;}
 
.scrollbar.disable{display:none;}
div#tablecontainer_table_body_holder .viewport {clear:left;  height:400px; overflow: hidden; position: relative; }
div#tablecontainer_table_body_holder .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
div#tablecontainer_table_body_holder .scrollbar{ background-color:#e1e1e1; position: absolute; top:75px; right:-10px; background-position: 0 0;  width:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0; z-index:1 }
div#tablecontainer_table_body_holder .track { height: 330px; width:10px; position: relative; }
div#tablecontainer_table_body_holder .thumb { background-color:#666; height:20px; width:10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
div#tablecontainer_table_body_holder .thumb .end { display:none; overflow: hidden; height: 5px; width: 25px; }


@media screen and (min-width: 1024px){
    div#orderlines div.shoppingcart ul li.shoppingcol1{ width:11.6667%;}
div#orderlines div.shoppingcart ul li.shoppingcol2{ width:38.3333%; text-align:left;}

}
@media screen and (max-width: 1024px){
div.express-order-table ul li.SkuCode div.SkuCode input, #editorder div.express-order-table ul li.SkuCode div.SkuCode input{height:25px; width:62%!important;}

}
@media screen and (min-width: 768px){
ul#expressorder_table_head_thead_row li, ul#tablecontainer_table_head_thead_row li{background:#337ebb;border-right:1px solid #FFF;text-align:center;color:#FFF}
ul#tablecontainer_table_head_thead_row li{border-left:1px solid #ccc; border-right:0}
#expressorder_table_head_holder ul li,#expressorder_table_body ul li{width:13%}
#expressorder_table_head_holder ul li:first-child,#expressorder_table_body ul li:nth-child(2){width:10%}
#expressorder_table_head_holder ul li:last-child,#expressorder_table_body ul li:last-child{width:5%}
#expressorder_table_head_holder ul li:nth-child(3),#expressorder_table_body ul li:nth-child(6),#expressorder_table_head_holder ul li:nth-child(6),#expressorder_table_body ul li:nth-child(12){width:8%}
#expressorder_table_head_holder ul li:nth-child(4),#expressorder_table_body ul li:nth-child(8){width:30%}
#expressorder_table_body ul li:nth-child(6) input{width:80%!important; text-align:center;}
div#cartsummary div#expressorderlist ul#listitemcontent > li{width:100%; float:none}
#expressorder_table_body ul li#table_row_9-col-SkuCode .SkuCode input[type="text"], #expressorder_table_body ul li#table_row_9-col-Qty input[type="text"]{height:25px;}


}

@media screen and (min-width: 720px) and (max-width: 952px) {
#expressorder #expressorder_pagination_prev_next{width:56%}
#expressorder #expressorder_pagination_view{width:19%}
#expressorder_table_head_holder ul li:last-child,#expressorder_table_body ul li:last-child{width:6.5%}
#expressorder_table_head_holder ul li:nth-child(3),#expressorder_table_body ul li:nth-child(6),#expressorder_table_head_holder ul li:nth-child(6),#expressorder_table_body ul li:nth-child(12){width:8%}
#expressorder_table_head_holder ul li:nth-child(4),#expressorder_table_body ul li:nth-child(8){width:33.5%}
}
@media screen and (max-width: 800px){
    #expressorder #expressorder_pagination_view{display:none;}
    #expressorder #expressorder_pagination_rpp{width:32%}
    #expressorder #expressorder_pagination_prev_next{width:68%}
    div#checkout span#orderplacedby{float:right; text-align:right; width:50%;}
    div#skulookupdiv{width:90%; left:5%!important}
    
    div#cartsummary div#expressorderlist ul#listitemcontent li a.editlist{width:170px}
    #searchresultcontainer #tablecontainer_pagination_rpp select{height:27px; padding-bottom:3px;}
    #expressorder #expressorder_pagination_rpp label{font-size:85%}
}

@media screen and (min-width: 768px) {
    #expressorder .mobile_heading{display:none}
    .even_row equalheightcontainer{width:50%}
    
}
@media screen and (max-width: 768px) {
    div.express-order-table ul li.SkuCode div.SkuCode input, #editorder div.express-order-table ul li.SkuCode div.SkuCode input{ width:65%!important;}
}

@media screen and (max-width:767px) {
   #expressorder_table_head_holder,#tablecontainer_table_head_holder, #searchresultcontainer #tablecontainer_pagination_view{display:none}
   #expressorder_table_body ul, #tablecontainer_table_body ul{background:#f3f3f3;border: 1px solid #dddddd;margin-bottom: 5px;padding: 5px;position: relative;}
   #expressorder_table_body ul li,#tablecontainer_table_body ul li {width:70%!important; border:none; height:auto!important; margin-bottom:5px; text-align:left}
   #expressorder_table_body ul li.mobile_heading,#tablecontainer_table_body ul li.mobile_heading{display:block; text-align:left; width:30%!important;}
   #expressorder_table_body ul li.delete_row{position:absolute; top:5px; right:5px; width:30px;}
   div.delete_row a.remove_item{ float:right;}
   #expressorderlines #listcontainer{ border:0px; background:none;}
   #expressorder_table_body ul li.ProductImageURL.mobile_heading,#expressorder_table_body ul li.ProductImageURL{display:none}
   #expressorder_table_body ul li.Qty input,#tablecontainer_table_body ul li.Qty{width:40px!important; text-align:center; padding:0;}
   .table_row_blank .UnitPrice, .table_row_blank .UOM, .table_row_blank .delete_row {display:none!important;}
   div#checkout #accordion .SkuCode input[type="text"]{width:92%!important; padding-left:0px;}
   div.express-order-table .UnitPrice span{line-height:21px;float:left; width:auto}
   div#checkout #accordion .SkuCode input.disabled{background:none; color:#000; font-size:13px;margin-top:-2px; color:#ccc\9; margin-top:-5px\9; vertical-align:top}
   div#checkout h2.ui-state-active{overflow:hidden; text-align:left}
   div#checkout span#orderplacedby{width:100%; text-align:left; float:none; display: block;}
   div.express-order-table ul li.SkuName div.SkuName{padding-left:0px;}
   #expressorder_table_body ul li.Qty input, #tablecontainer_table_body ul li.Qty{margin-left:1px;}
   #tablecontainer_table_body ul li{padding:5px;}
   #tablecontainer_table_body ul li.Code,#tablecontainer_table_body ul li.qty,#tablecontainer_table_body ul li.Name,#tablecontainer_table_body ul li.RetailPrice,#tablecontainer_table_body ul li.UOM,#tablecontainer_table_body ul li.InventoryMessage {width:70%}
   #tablecontainer_table_body ul li.Code.mobile_heading,#tablecontainer_table_body ul li.qty.mobile_heading,#tablecontainer_table_body ul li.Name.mobile_heading,#tablecontainer_table_body ul li.RetailPrice.mobile_heading,#tablecontainer_table_body ul li.UOM.mobile_heading,#tablecontainer_table_body ul li.InventoryMessage.mobile_heading {width:30%}
   #tablecontainer_table_body .RetailPrice{text-align:left}
   div#skulookupdiv ul.header li{width:100%}
   #expressorder_table_body ul li, #tablecontainer_table_body ul li{padding:0;}
   div#skulookupdiv div#textfieldcontainer{width:37%;}
   div#skulookupdiv div#searchresultcontainer ul.actionlinks{width:100%}
   div#skulookupdiv div#buttoncontainer{padding-left:0; margin-top:0;}
   #searchresultcontainer #tablecontainer_pagination_prev_next{width:60%}
   #searchresultcontainer #tablecontainer_pagination_rpp{width:38%}
   .add_row_button .add_row_button_link{display:block;}
   div#cartsummary div#expressorderlist ul#listitemcontent > li{width:100%; float:none}
   #searchresultcontainer #tablecontainer_pagination_header span{line-height:24px;}
   #tablecontainer_pagination_header .currentpagetext{padding:4px;}
   div#skulookupdiv div#searchskutextboxcontainer select#SearchType{padding:3px 0;}
   #searchresultcontainer #tablecontainer_pagination_rpp select{font-size:92%}
   #searchresultcontainer #tablecontainer_pagination_rpp select{padding:2px 4px;}
   .listpricecontainer{color:#555}
   #cartsummary{margin-top:5px;}
   #expressorder #expressorder_pagination_rpp,#expressorder #expressorder_pagination_prev_next{width:100%; margin-top:5px;}
   #checkout a.multishipfastcontchkout, #checkout a.backbtn{ font-size: 14px; padding:13px 10px 14px;}
   #checkout a.fastcontchkout, div#checkout div.actionlinks a.placeorder{ font-size:21px; padding:9px 15px;}
   #accordion #acccontent a#continuewithpaypal{ margin-top:0px;}
   div#orderlines div.shoppingcart ul.head li{ padding:0px 3px; font-size:12px;}
   div#checkout span#quoteplacedby{  display:block; text-align:left; float:none;}
   div#skulookupdiv ul.header li.skuscountmessage{width:100%; text-align:left}
   #tablecontainer_table_head-th-qty.qty.mobile_heading label{line-height:25px;}
   #expressorder_table_head-th-Qty.Qty.mobile_heading label{line-height:30px;}
}

@media screen and (max-width:667px) {
    div#tablecontainer_table_body_holder .viewport{width:98%;}
    div#tablecontainer_table_body_holder .scrollbar{top:51px;}
}

@media screen and (max-width:600px) {
    div#skulookupdiv{padding:10px;}
    div#skulookupdiv div#textfieldcontainer{width:31%}
    #searchresultcontainer #tablecontainer_pagination_prev_next input[type=button]{font-size:90%}
    div#skulookupdiv{width:86%; left:6%!important}
    div#skulookupdiv div#textfieldcontainer input#searchkeyword{font-size:11px; width:100%}
    #searchresultcontainer #tablecontainer_pagination_rpp select{padding:3px 4px!important}
    div#checkout div.errormessageoverlay{position:fixed!important}
    div#tablecontainer_table_body_holder .scrollbar{top:11.2%}
}

@media screen and (max-width:568px){
    div#skulookupdiv div#buttoncontainer a{margin-left:3px; padding-left:7px; padding-right:7px;}
   
}


@media screen and (min-width:320px) and (max-width:480px) {
    div#skulookupdiv div#textfieldcontainer input#searchkeyword{font-size:12px;}
    div#tablecontainer_table_body_holder .viewport{height:auto\9;}
    div#tablecontainer_table_body_holder .overview{position:inherit\9;}
    div#tablecontainer_table_body_holder .scrollbar{display:none\9;}
    #exposeMask{height:auto\9!important; height:100%\9!important; position:fixed\9!important;}
    #expressorder #expressorder_pagination_view{display:none}
    #expressorder #expressorder_pagination_prev_next input[type="button"]{padding:4px 0; width:17.4%}
    div#checkout #accordion input.currentpagetext{margin-left: 5px;padding: 4px;width: 30px;}
    #expressorder_pagination_header span{line-height: 26px;margin: 0 5px !important;}
    div#skulookupdiv{width:90%; left:23px!important; top:30px!important}
    div#skulookupdiv div#buttoncontainer{margin-top:0px; padding-left:0;}
    div#skulookupdiv div#buttoncontainer a{margin-top:5px; width:44.8%;}
    div#skulookupdiv div#buttoncontainer{width:100%;}
    div#skulookupdiv div#searchskutextboxcontainer span.optional{margin-top:5px;}
    #searchresultcontainer #tablecontainer_pagination_prev_next, #searchresultcontainer #tablecontainer_pagination_rpp{width:100%; margin-top:10px}
    div#skulookupdiv div#searchresultcontainer ul.actionlinks{width:auto}
    #searchresultcontainer #tablecontainer_pagination_prev_next input[type="button"]{font-size:100%}
    #tablecontainer_pagination_header .currentpagetext{padding:5px;}
    #searchresultcontainer #tablecontainer_pagination_header span{line-height:26px;}
    div#skulookupdiv div#searchskutextboxcontainer select{margin-left:1px; padding:2px 0;}
    div#skulookupdiv div#textfieldcontainer{width:100%;}
    div#cartsummary div#expressorderlist div.infopopup{width:90%; left:5%!important}
    div#cartsummary div#expressorderlist div.infopopup input,div#cartsummary div#expressorderlist div.infopopup textarea{width:70%}
    div#tablecontainer_table_body_holder .scrollbar{top:20%}
    div#orderlines div.shoppingcart ul.head, div#orderlines div.shoppingcart ul li.shoppingcol1{ display:none;}
    div#orderlines div.shoppingcart ul li .mobile_title {float: left; font-weight: bold;  width: 30%; display:block;}
    div#orderlines div.shoppingcart ul li.shoppingcol2 > a{ float:left; width:70%;}
    div#orderlines div.shoppingcart ul li{ text-align:left!important;}
    #checkout h2.ui-state-active{ font-size:11px;}
    div#skulookupdiv .infomsg{display:block; text-align:center;}
    div#checkout #accordion .SkuCode input[type="text"]{width:89.9%!important;}
}

@media screen and (max-width:414px) {
    div#skulookupdiv div#buttoncontainer a{float:left; width:44.5%}
    div#skulookupdiv div#buttoncontainer a#historysearch{float:right;}
    div#skulookupdiv div#searchresultcontainer ul.actionlinks{width:auto;float:none; text-align:center}
    #tablecontainer_pagination_header .currentpagetext{padding:3px;}
    div#skulookupdiv div#searchskutextboxcontainer select{margin-left:1px}
    #expressorder_pagination_header span#totalpagecount_expressorder{width:18px}
    div#skulookupdiv div#searchskutextboxcontainer select#SearchType{padding:2px}
    
   
}
@media screen and (max-width:375px){
    div#skulookupdiv div#buttoncontainer a{margin-left:0; padding-left:inherit; padding-right:inherit; width:45.5%;}
    div#checkout #accordion .SkuCode input[type="text"]{width:85%!important;}
}

@media screen and (max-width:360px){
    div#skulookupdiv div#buttoncontainer a{float:none; margin:10px 0 0; width:100%;}
    div#skulookupdiv div#buttoncontainer a#historysearch{margin-top:0;}
    div#skulookupdiv div#searchskutextboxcontainer span.optional{display:block; float:none; margin:0 auto; text-align:center;}
    #expressorder_table_body ul li.mobile_heading, #tablecontainer_table_body ul li.mobile_heading{width:40%!important;}
    #expressorder_table_body ul li, #tablecontainer_table_body ul li{width:60%!important;}
}

 


/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/6.myaccount.css' (Mode: Static) */
.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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/images/smallicons.png") repeat scroll -189px -189px transparent;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    width: 11px; position:relative; top:2px
}

.pagingnextarrow {
    background: url("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/images/icons_24bit.png") no-repeat 32px -832px;
                }

                #copycart ul li a#copyorderlinesandaddress {
                    background: #fff url("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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("/Templates/Mercola/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; }