h1#category_head.acc-head_large {margin:0; padding:0; font-weight: var(--default-font-weight-bold); font-size:32px; color:#2c2c2c;}
h1#category_head.acc-head_large span.hidden-xs {display:none}
h1#category_head.acc-head_large span.cartitem {color:#999999; font-size:16px; font-weight: var(--default-font-weight-semi-bold);}
h1#category_head.acc-head_large div.nofication {margin-left:0px; line-height:normal}
div.TimedShippingMessage {float:left; margin-bottom:10px; clear:left}
div#cartcontainer div.cartcontainerblk {display:flex; flex-direction:column}
.emptymsg {border: 1px solid #ebebeb; line-height: 17px; margin: 0 7px 15px; padding: 15px 20px 10px; font-size:13px; clear:both; overflow:hidden; text-align:center; }

.emptymsg span{font-weight: var(--default-font-weight-bold); font-size:18px; padding-bottom:10px;display:block}   
.emptymsg a{color: #04529c; text-decoration: underline;}


a.contshopping {font-size:15px; text-decoration:underline; padding:5px 7px 0; float:left;color:#04529c; margin-bottom:25px; position:relative; z-index:8}


div.itemdetails {clear:both; overflow:hidden; font-size:14px; color:#525252}

div.itemdetails ul.sctitle {clear:both; overflow:hidden; border:1px solid #d5d5d5; border-top:0; border-bottom:0; background:#f0f0f0; display:none}
div.itemdetails ul.sctitle li {padding:10px; float:left}

div.itemdetails ul.sctitle li.prodimage {width:170px; text-align:center}
div.itemdetails ul.sctitle li.proddesc {width:54%}
div.itemdetails ul.sctitle li.totalprice {float:right; text-align:right;}
div.itemdetails ul.sctitle li.totalprice span.total.boldhead {font-size:12px}
div.itemdetails ul.sctitle li.unitprice {float:right; text-align:right; width:11% }
div.itemdetails ul.sctitle li.unitprice span.price {font-size:12px; color:#000; font-weight:normal}

div.itemdetails ul.sclist li label.mobile_head {display:block; font-weight:normal; padding-bottom:20px}

div.itemdetails ul.sclist {border:1px solid #cdcdcd; position:relative; clear:both; overflow:hidden; padding:10px 0; margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}

div.itemdetails ul.sclist li {float:left; text-align:center; font-size:14px}
div.itemdetails ul.sclist li.removeitem {padding:10px; float:left; text-align:center; font-size:14px}

div.itemdetails ul.sclist li.removeitem {position:absolute; right:0px; top:-5px}
div.itemdetails ul.sclist li.removeitem a.remove {font-size:13px; color:#adadad; text-transform:uppercase}
div.itemdetails ul.sclist li.prodimage {padding:10px; width:120px; position:relative;}
div.itemdetails ul.sclist li.repeatprodblank{width:120px;height: 0;}
div.itemdetails ul.sclist li.prodimage img {width:100%!important; height:auto!important; max-width:80px}
div.itemdetails ul.sclist li.prodimage div.lowpricebadge {position:absolute; right:0; top:0; width:50px; height:50px; background:url(//media.mercolamarket.com/assets/images/shop/EN-Low-Price-Badge.png) no-repeat 0 0; background-size:contain;}
div.itemdetails ul.sclist li.mobiledesc {padding:10px 6px 0 0; text-align:left; width:calc(100% - 425px); flex:1;}
div.itemdetails ul.sclist li.mobiledesc.repeatprod {padding: 0;}
div.itemdetails ul.sclist li.mobiledesc div.msrpprice {padding-top:5px}
div.itemdetails ul.sclist li.mobiledesc div.msrpprice span.listprice,
div.itemdetails ul.sclist li.mobiledesc div.msrpprice label{color:#adadad; font-size:14px;}
div.itemdetails ul.sclist li.mobiledesc span.fsineligible {color:#b82336; font-size:12px; font-style:italic}

div.itemdetails ul.sclist li.mobiledesc div.discountitem {display:flex; align-items:center; margin-bottom:4px; color:#333; text-align:left;}
div.itemdetails ul.sclist li.mobiledesc 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.itemdetails ul.sclist li.linediscount {width:100%; padding:0 10px; display:none}
div.itemdetails ul.sclist li.linediscount div.discountitem {display:flex; align-items:center; margin-bottom:4px; color:#333; width:100%; text-align:left}
div.itemdetails ul.sclist li.linediscount 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.itemdetails ul.sclist li.autoship {float: left; position: static; width: 100%; margin:0; text-align:left; font-size:15px; padding:0px 10px; color:#000}
div.itemdetails ul.sclist li.autoship.skuoptions {min-height:1px}
div.itemdetails ul.sclist li.autoship div.autoship {clear:both; overflow:hidden; margin-bottom:10px; padding-left:30px; }
div.itemdetails ul.sclist li.autoship div.linediscountdesc {padding:0 5px 5px 0; color:#009900; font-weight:bold}
div.itemdetails ul.sclist li.autoship.skuoptions div.linediscountdesc {padding-left:0px}
div.itemdetails ul.sclist li.autoship div.refilinfo {padding-bottom:12px}
div.refilinfo a.tool-tip { 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:#8d8d8d; text-align:center; border-radius:17px; line-height:17px; color:#fff}
div.itemdetails ul.sclist li.autoship.skuoptions p {padding-bottom:0}
div.itemdetails ul.sclist li.autoship label {width:130px; float:left; line-height:26px; font-weight: var(--default-font-weight-bold);}
div.itemdetails ul.sclist li.autoship.skuoptions label {line-height:normal}
div.itemdetails ul.sclist li.mobiledesc div.autoship select.freqDropDwn {float:left; margin:5px 5px 0 23px; padding:10px; box-shadow:0 0 0 0; width:212px}
div.itemdetails ul.sclist li.mobiledesc div.autoship select.freqDropDwn:focus, div.itemdetails ul.sclist li.mobiledesc div.autoship select.freqDropDwn:hover {outline:0; outline:none; border:2px solid #226BAC;}

div.itemdetails ul.sclist li.mobiledesc div.autoship a.cartbtn {
    float: left;
    border: 1px solid #fff !important;
    margin-top: 5px !important;
    padding: 0 15px;
    cursor: pointer;
    background: #02529b;
    border-radius: 0;
    height: 41px !Important;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    width: 72px;
}
div.itemdetails ul.sclist li.autoship a.cartbtn:hover {color:#000}
div.itemdetails ul.sclist li.autoship span.flashsalemessage {color:#b82336; font-size:12px; font-style:italic; width:100%; float:left}
div.itemdetails ul.sclist li.autoship span.saved_freq {line-height:26px; font-weight:bold; color:#5ab32b; clear:left; float:left}
li.mobiledesc div.autoship div.autoshipblk{display:flex; flex-direction:column;}

.freeitemicon {background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll 0 -226px;float: left;height: 14px;margin-right: 3px;width: 39px; margin-top:5px}
div.itemdetails ul.sclist li.mobiledesc .skuname h4 {font-size:13px; font-weight:normal}
div.itemdetails ul.sclist li.mobiledesc .skuname h4 a.productlink {color:#333333!important; font-size:18px; font-weight: var(--default-font-weight-bold);}

div.itemdetails ul.sclist li.qty span.saved {display: block; font-size: 13px; font-weight: bold; color:#5ab32b; width:135px;}


div.itemdetails ul.sclist li.qty {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; text-align: center; padding: 0px 7px; border: 0; width:20%;}

div.itemdetails ul.sclist li.qty span.update {color:#226cab; text-transform:uppercase; text-decoration:underline; background:none; border:0!important; line-height:normal; height:auto!important; width:135px; margin:0px !important;}

div.itemdetails ul.sclist li.qtyerrmsgblk {width:100%; font-size:12px; padding:0; position:relative; text-align:left; padding-left:1%; float:right; margin-top: 5px}
div.itemdetails ul.sclist li.qtyerrmsgblk span.qtyerrmsg {color: #AF1A30; font-size: 12px; left: 0; width: 100%; text-align: left; }

div.itemdetails div.groupproduct ol.relateditems li.qty input[type=text] {padding:3px 0; text-align:center; background:#f0f0f0; font-size:16px; box-shadow:none;}
div.itemdetails ul.sclist li.qty a.remove {color:#02509a; font-size:13px; clear:left; display:block}
div.itemdetails ul.sclist li.qty a.remove span {padding-right:5px}

div.itemdetails ul.sclist li.qty span.addsubqty {display:flex; position: relative; width:135px; justify-content: center;}

div.itemdetails ul.sclist li.qty span a.addQty,
div.itemdetails ul.sclist li.qty span a.subQty {color: #333; display: block; float: left; font-family: open sans,sans-serif; font-size: 24px; font-weight: 400; height: 45px; line-height:45px; text-align: center; width: 45px; border:1px solid #999}
div.itemdetails ul.sclist li.qty span a.addQty {order:2; border-left:0}
div.itemdetails ul.sclist li.qty span a.subQty {order:0; border-right:0}
div.itemdetails ul.sclist li.qty span a.subQty.disabled,
div.itemdetails ul.sclist li.qty span a.addQty.disabled {pointer-events:none}
div.itemdetails ul.sclist li.qty input[type=text] {
   order:1; color:#333; border: 0 none; border-radius: 0; float: left; font-family: open sans,sans-serif; font-size: 20px; height: 45px; border:1px solid #999; padding: 5px 0; text-align: center; width: 45px; box-shadow:1px 2px 2px #ffffff inset; margin:0
}

div.itemdetails ul.sclist li.qty input[type=text]:disabled{
    opacity:.5;
    background-color:white;
}

ul.actionlinks li.cartline input.addtocart_qty {color:#333; border: 0 none; border-radius: 0; float: left; font-family: open sans,sans-serif; font-size: 20px; height: 45px; border-top:1px solid #999; border-bottom:1px solid #999; padding: 5px 0; text-align: center; width: 45px; box-shadow:1px 2px 2px #ffffff inset; margin:0}

div.itemdetails ul.sclist li.totalprice,
div.itemdetails ul.sclist li.unitprice {float:right; width:150px; text-align:right}
div.itemdetails ul.sclist li.totalprice{margin:0 9px 0 0; border:0; width: 17%;}
div.itemdetails ul.sclist li.totalprice span.total, div.itemdetails ul.sclist li.unitprice span.price {color:#333; font-size:20px; font-weight: var(--default-font-weight-bold);}


div.itemdetails ul.sclist a:hover {text-decoration:none}

/************************** Group Product Items ******************************/

span.grprddetails {padding:0; display:block; margin:0; font-size:14px}
span.grprddetails a span {font-size:16px; padding-right:0px; }
span.grprddetails a.viewkitdetails {padding:0px; margin:0; width:auto; font-style:normal; color:#04529c; font-size:14px; text-decoration:underline!important;}
span.grprddetails a.hidekitdetails {padding:0px; margin:0; width:auto; font-style:normal; color:#04529c; font-size:14px; text-decoration:underline!important;}

div.itemdetails div.groupproduct { margin:0; clear:both; overflow:hidden}
div.itemdetails div.groupproduct ol.relateditems {clear:both; overflow:hidden}
div.itemdetails div.groupproduct ol.relateditems li.prodimage {padding:5px; margin-bottom:10px; width:100px}
div.itemdetails div.groupproduct ol.relateditems li.mobiledesc {padding:10px 10px 0 0; font-size:15px; width:36%;}
div.itemdetails div.groupproduct ol.relateditems li.qty {clear:none; text-align:left; margin:0; padding:10px 0}
div.itemdetails div.groupproduct ol.relateditems li.qty span.mobile_head {display:inline-block}
div.itemdetails div.groupproduct ol.relateditems li.qty input {background:#fff; border:0; box-shadow:1px 2px 2px #fff inset; text-align:left; display:inline-block}


#chkbuttons{background:#d2e0ed;float: left;width: 100%;padding:7px 1%; margin-bottom:5px;}

div.shoppingcartcontent{float:left; width:100%; font-size:13px; display:none}
div.shoppingcartcontent table td:first-child {width:35%}
div.shoppingcartcontent img {width:100%!important; height:auto}

.updatecart {background: url(../images/spritebuttons.png) no-repeat -136px -109px;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    height: 28px;
    margin-right: 1%;
    overflow: hidden;
    text-indent: -99999px;
    width: 110px; text-indent:-9999999px}

.update-box ul li {font-size: 18px; font-weight: bold; height: 32px; padding: 5px 0 0 40px;}
.update-box ul li.check {border:2px solid #4F8520; border-radius:10px; height:auto; color:#4F8520; margin: 0 0 10px; padding:10px 20px 8px;}
.update-box ul li.check .fa{font-size:22px;}
.update-box {
    opacity: 1;
    max-height:300px;
    transition: opacity 1s, max-height 1s;
}

    .update-box.fade {
        opacity: 0;
        max-height: 0;
    }
#cartcontainer span.space{color: #000; cursor:default; font-size: 18px; line-height: 13px; text-decoration: none;}
#shippingsubtotal{float: right; margin-bottom:10px; position:relative; width:100%; padding:15px 0; border:1px solid #cdcdcd}

#shippingsubtotal ul li {padding:0 0 20px 0; width:100%; line-height:normal; clear:both; overflow:hidden; font-size:20px; font-weight: var(--default-font-weight-bold);}
#shippingsubtotal ul li label {float:left; font-weight: var(--default-font-weight-bold);}
#shippingsubtotal ul li span {float:right}
#shippingsubtotal ul li#appliedcouponslist {color:#3a6d2b; float:left; clear:none; width:100%}
#shippingsubtotal ul li.appliedcouponlistamt {float:right; clear:none; width:auto}
#shippingsubtotal ul li#appliedcouponslist span,
#shippingsubtotal ul li#appliedcouponslist span + a,
#shippingsubtotal ul li#appliedcouponslist span + a + a {float:left; clear:left; font-size:13px; color:#3a6d2b!important; padding-top:3px}
#shippingsubtotal ul li#appliedcouponslist span + a,
#shippingsubtotal ul li#appliedcouponslist span + a + a {cursor:pointer; clear:none}
#shippingsubtotal ul li#appliedcouponslist span + a + a {padding-left:10px; color:#02509a!important}
#shippingsubtotal ul li span.price{font-size:20px; font-weight:normal; color:#000;}
#shippingsubtotal ul li#appliedcouponslist span.order_subtotal {font-size:15px; clear:none; float:right}
#shippingsubtotal ul li label.taxinfo {font-size:12px; color:#6c6c6a; font-weight:normal; }
#shippingsubtotal ul li label.estpoint {font-size:12px; color:#5ab32b; font-weight:normal}
#shippingsubtotal ul li a.fastchkout {float: right; height: 43px; width: 100%; background: #af1a30; color: #ffffff; border-radius: 0px; line-height: 43px; text-align: center; font-size: 18px; margin-top: 0; cursor: pointer;  text-transform:uppercase; font-weight:normal;    }
#shippingsubtotal ul li a.fastchkout span {float: none; padding-right: 10px; display: none}
#shippingsubtotal ul li.ordertotalcontainer{padding:0 15px;}
#shippingsubtotal >ul > li.rowline {padding: 0px 10px 20px 15px;display:flex;flex-flow:row nowrap;justify-content:space-between;}
#shippingsubtotal ul li.rewardcoupon {background:#ebebeb; padding:7px 10px 7px 15px; margin:0 0 20px; display:flex; justify-content:space-between; flex-direction:row }
#shippingsubtotal ul li.rewardcoupon label {font-weight:normal}
#shippingsubtotal ul li.rewardcoupon span.price {color:#af1a30}

div.estpoint {background:#e1f3db; padding:5px 10px; clear:both; width:100%; text-align:left; color:#3b6c2a; font-size:14px; border-radius:0px; margin-bottom:10px;}
div.estpoint span {font-weight: var(--default-font-weight-bold); text-transform:lowercase}
div.estpoint a.tool-tip {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:#3b6c2a; border-radius:17px; line-height:17px; color:#fff}

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

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

div.popover-body ul.gchearewards li {list-style:disc; margin-left:15px;}
div.popover-body ul.gchearewards li:first-child{list-style:none; margin-left:0; font-weight:bold;}

#shippingsubtotal ul li.ordertotal, #shippingsubtotal ul li.ordertotal span.price {text-transform:uppercase; font-weight: var(--default-font-weight-bold); border-top:1px solid #d1e1ee; padding-top:15px }
#shippingsubtotal ul li.ordertotal span.price {border-top:0; padding-top:0;}
#shippingsubtotal ul li.ordertotal{display:flex; justify-content:space-between;}

#shippingsubtotal ul li.actionfstchkout {padding:0}

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

p#shippingcalculator a{font-weight:normal; text-decoration:none; display: inline;float: left; margin-left:1%; padding:2px 15px; height:28px; line-height:24px}


div#shoppingcart div.shoppinggrid {
    display: grid; display:-ms-grid;
    grid-template-areas: 'scproduct''ordersummary'
        'rfkproduct';
    grid-gap: 10px;
    justify-content: space-between;
    grid-template-columns: 100%; -ms-grid-columns:100%; padding:0 7px
}
div.scitemproducts {grid-area:scproduct; -ms-grid-column:1; -ms-grid-row:1}
div.shopbtndevice {grid-area:ordersummary; -ms-grid-column:2; -ms-grid-row:1}
 @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, div.shopbtndevice { margin-left:5%; width:95% } /* IE11 */
     }
div.rfkproducts {grid-area:rfkproduct; overflow:hidden; -ms-grid-column:1; -ms-grid-row:2;}
#shopbtn .coupons {float:left; width:100%; font-size:13px }
#shopbtn #manualcoupon{float:left; margin:0; width:100%; padding:15px; margin-bottom:15px; background: #EFEFEF;}
#shopbtn div#manualcoupon h2{background:none!important; border:none; font-size:16px; font-weight:normal; padding:0;margin:0 0 7px;text-transform:capitalize;}
#shopbtn span#applycouponmsg{background:#fff;border:1px solid #F5F5F5; color:#9E9E9E; width:260px;}
div.applycoupon label#lblcouponcode{background:url(../images/icon-promo.png) no-repeat 0 0; width:100%; font-weight: var(--default-font-weight-bold); padding-bottom:10px; font-size:18px; color:#333333; padding-left:30px;}

#shopbtn #manualcoupon #appliedcouponslist ul.appliedcoupon {display:flex; justify-content:space-between;}
#shopbtn #manualcoupon #appliedcouponslist ul.appliedcoupon li {display:flex; flex-flow:column nowrap}
#shopbtn #manualcoupon #appliedcouponslist ul.appliedcoupon li label {font-size:14px; width:100%; padding-bottom:10px;}
#shopbtn #manualcoupon #appliedcouponslist ul.appliedcoupon li label span {float:none; font-weight: var(--default-font-weight-bold); color:#333!important; padding:0; font-size:12px;}

#shopbtn div.applycoupon input#txtcouponcode{border:1px solid #dbdbdb; border-radius:3px; margin:0; height:28px; padding: 2px 10px;width:calc(100% - 115px);}
#shopbtn div.applycoupon a.applypromocode {height:28px; width:100px; float:right; cursor:pointer; background:#2369B4; text-transform:uppercase; font-size:14px; color:#fff; text-align:center; border-radius:0px; line-height:30px}
#shopbtn div.applycoupon span#spnCouponApplyErrorMsg {clear:left; float:left; width:100%; padding-top:3px; color:#ff0000; font-size:12px;}

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

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

#shopbtn .rewardcoupon{display:flex; flex-direction:column; clear:both; overflow:hidden; color:#333333; background:url(//media.mercolamarket.com/assets/shopimages/hand-coin-icon.png) no-repeat; background-size:59px; padding-left:65px}
#shopbtn .rewardcoupon label.couponamt {font-size:28px; font-weight: var(--default-font-weight-bold);}

.coupons #appliedcouponslist label {
    display: block;
    padding-bottom: 5px
}
.coupons #appliedcouponslist span.couponcode {color:#009900}
.coupons #appliedcouponslist span.couponcode.message {width: 100%;}
.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; padding:0; color:#333!important; font-size:14px; white-space:nowrap;}
.coupons input[type=text] {border: 1px solid #aaa;}

span.orderlinefileattachment {display:none!important}


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

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;}


div.featuredproduct {clear:both; margin-top:20px; float:left; width:100%}
div.featuredproduct h1 {padding:0 10px;color:#828282; font-size:18px; background:#f5f5f5; height:32px; line-height:32px; text-transform:uppercase; font-weight: var(--default-font-weight-bold); margin-bottom:5px }
div.featuredproduct ul.productlist {clear:both; overflow:hidden; border-left:1px solid #ebebeb;}


.featuredproductcarousel { margin-bottom: 10px; }
div.featuredproduct div.featuredproductcarousel div.owl-nav button.owl-next {position:absolute; right:0}

div.managerspecialprodutadmin, .customerwhoboughtadmin {max-width:1280px; width:100%; margin:auto}




li#addtocart div.weeklyspecial-fp {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

li#addtocart div.weeklyspecial-fp .weeklycontent .mpproduct {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

div.managerspecial {
    clear: both;
    margin-top: 0;
    float: left;
    width: 100%;
    margin-top: 10px;
    background: #E2F4FF;
}
div.managerspecial h1 {padding:7px 15px;color:#000;font-size:16px; height:auto; line-height:normal; text-align:left; text-transform:uppercase; font-weight: var(--default-font-weight-bold); float:left}
div.managerspecial div.owl-carousel  {border:0}
div.managerspecial ul.productlist {clear:both; border-left:1px solid #ebebeb;}
div.managerspecial .owl-theme .owl-controls {width:55px; top:-55px}
div.managerspecial .owl-theme .owl-controls .owl-prev, div.managerspecial .owl-theme .owl-controls .owl-next {background-color:unset}
div.managerspecial div.owl-carousel div.nextitem, div.managerspecial div.owl-carousel div.nextitem:hover{background:none!important}
div.managerspecial .owl-theme .owl-controls .owl-next {background:url("../images/icons_24bit.png") no-repeat -184px -357px}
div.managerspecial .owl-theme .owl-controls .owl-prev {background:url("../images/icons_24bit.png") no-repeat -153px -357px}
div.managerspecial div.owl-wrapper div.owl-item {height:auto!Important; margin-left:0; padding:0; border:0}
div.managerspecial div.carousel div.owl-wrapper div.owl-item div.cartlinescontainer li.cartline > div {min-height:282px!important}
.btn.addtocart {
    background: #2369b4;
}
div.weeklycontent a.btn.addtocart {height:auto; width:180px; padding:5px 8px; font-size:16px; text-transform:uppercase; float:right; transition:all .3s ease}
div.weeklycontent a.btn.addtocart:hover { transform: scale(1);}
div.weeklyprodimg div.pricing {bottom:-60px!important; left:auto!important; right:-2%!important}

@media (max-width: 377px) {
    .weeklyspecial-fp .weeklycontent .msrpprice {
        font-size: 13px !important;
    }

    div.itemdetails ul.sclist li.mobiledesc {
        padding: 15px 0;
    }
}


div.customerwhobought {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%
}
div.customerwhobought ul.sticker-promos {left:10px}
div.customerwhobought ul.sticker-promos li.sale-sticker span {
    background: #af1b31;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: var(--default-font-weight-semi-bold);
    display: inline-block;
}
div.customerwhobought h1 {padding:40px 0 20px;border-top:1px solid #cccccc; color:#000; font-size:34px; letter-spacing:0; text-align:center; font-weight: var(--default-font-weight-bold);}
div.rfkproducts > div.customerwhobought:nth-child(2) h1 {border-top:0; padding-top:0}
div.customerwhobought ul.productlist {clear:both; border-left:1px solid #ebebeb;}

div#customerswishlist div.owl-carousel div.owl-nav, div#customerwhobought1carousel ul.owl-carousel div.owl-nav, div#recentlyviewedcontent ul.owl-carousel div.owl-nav {top:calc(50% - 26px)}
div#customerwhobought1carousel ul.owl-carousel div.nextitem, div.customerwhobought div.owl-carousel div.nextitem:hover{background:none!important}

div#customerswishlist div.owl-carousel div.owl-nav button.owl-prev,
div#customerwhobought1carousel ul.owl-carousel div.owl-nav button.owl-prev,
div#recentlyviewedcontent ul.owl-carousel div.owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    background: url("../images/carousel-left.svg") no-repeat !important;
    height: 24px;
    width: 24px;
}

div#customerswishlist div.owl-carousel div.owl-nav button.owl-next,
div#customerwhobought1carousel ul div.owl-nav button.owl-next,
div#recentlyviewedcontent ul.owl-carousel div.owl-nav button.owl-next {
    position: absolute;
    right: 0;
    background: url("../images/carousel-right.svg") no-repeat !important;
    height: 24px;
    width: 24px;
}


div.customerwhobought ul.productitem li.dietcontainer {min-height:23px}
#customerswishlist div.customerwhobought ul.productitem li.dietcontainer{min-height:unset;}
.owl-item a[id*="btnAddToCart_"] {display:flex; font-size:12px; padding:10px; margin-left:7px; width:88%; background:#226bac; justify-content:center;}
ul.productitem li.prod_name_description h3.prodname div.TruncatedPrdName{font-size: 14px; color: #464646 !important;}

#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item img,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel .owl-item img{width:100%; max-width:200px}
#customerwhobought1carousel ul.customerwhobought1carousel.owl-carousel div.recentviewedproductdetails,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel div.recentviewedproductdetails{min-height:130px; display:flex; flex-direction:column}
#customerwhobought1carousel ul.customerwhobought1carousel.owl-carousel div.recentviewedproductdetails div.uomdetails,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel div.recentviewedproductdetails div.uomdetails {flex:1;margin:4px 0; color:#626262; font-size:15px; line-height:1.3}
#customerwhobought1carousel ul.customerwhobought1carousel.owl-carousel div.recentviewedproductdetails div.uomdetails span,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel div.recentviewedproductdetails div.uomdetails span {padding:0 5px}
#customerwhobought1carousel ul.customerwhobought1carousel.owl-carousel h3 a,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel h3 a {
    font-size: 18px;
    font-weight: 400;
    color: #000 !important;
    text-align: left;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.actionslink a.btn.addtocart {font-size:12px!Important; width:100%; padding:10px; margin: 0; }

#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.actionslink li.prodprice label,
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.actionslink li.prodprice span.savings,
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.actionslink li.prodprice span.listprice
 {
    font-size: 14px !important; color:#000; display:none
}

#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.actionslink.displaycart {display:none}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.supind {padding-bottom:20px}

#customerwhobought1carousel ul.customerwhobought1carousel.owl-carousel p.prodprice span.price,
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel p.prodprice span.price{font-size:26px!important; color:#000}
#recentlyviewedcontent ul.recentlyviewedproductlist.owl-carousel p.prodprice {padding-top:10px;}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer, #customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer > ul {
    width: 100%;
    min-height: 170px;
}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem li.productDetailsContainer li.prod_name_description h3 {font-size:18px; font-weight:400}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem {display:inherit;}
#customerswishlist .customerwhobought1carousel.owl-carousel .owl-item ul.productitem ul.sticker-promos {display:none}
div#autoshipMessageModal div.modal-dialog {max-width:750px; width:100%; margin:0 auto}
div.autoshipmessage ul {
    list-style: disc;
    margin-top: 10px;
}
    div.autoshipmessage ul li {
        list-style: disc;
        margin-left: 15px;
        font-size: 16px;
        padding: 10px 0 0;
    }

    div.auto-ship-box div.autoshipoints {
        float: left;
        width: 180px;
        margin: 5px 0;
        display: none
    }

/************************* Promo animation banner ****************************/

.promo-text {font-family:Arial,Helvetica,sans-serif}
div#cartcontainer div.nofication div.promo-text {
    box-shadow: 0 0 10px #ccc;
    border-radius: 50px;
    margin-bottom: 5px;
    border: 0 none;
    font-size: 22px;
    font-weight: normal;
    padding: 0;
    text-align: left;
    width: 180px;
    position: fixed;
    z-index: 1;
    right: 10px;
    bottom: 200px;
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #1C4A79;
}
div#cartcontainer div.nofication div.promo-text div.promolinemsg {padding:0px; font-size:15px;  font-weight:var(--default-font-weight-bold) !important; text-align:center;}
div#cartcontainer div.nofication div.promo-text div.promolinemsg span {font-weight: var(--default-font-weight-bold) !important; font-size:inherit!important}
div#cartcontainer div.nofication div.promo-text strong {font-weight:normal; font-size:22px; }
div#cartcontainer div.nofication div.promo-text a {color:#fff; cursor:pointer;}
div#cartcontainer div.nofication div.promo-text a span {text-transform:uppercase;}
div#cartcontainer div.nofication div.promo-text a:hover {text-decoration:none}
.johnson_shop {margin:0}

.cartcontainerblk.animatenow {position:relative; top:-100px; margin-bottom:10px}
.cartcontainerblk.animatenowpromotion {position:relative; top:-50px; margin-top:0px; margin-bottom:10px}

div.flashsaleremovedmessage {font-weight: var(--default-font-weight-bold); color:#b82336}

#freegifticon{align-self:center;}
#gifticoncontainer {
    background: #fff;
    border-radius: 25px;
    display: flex;
    height: 42px;
    min-width: 42px;
    align-items:center;
    justify-content: center;
}

/****************************** Popup CSS ********************************/
div.bundleproduct .johnson2 {
    color: #af1a30;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    line-height: 31px;
    margin: 0 19px 0 15px;
}
.popup_visible div.popup_wrapper_visible div.cartupdatepopup.popup_content {padding:2% 10%; font-weight:bold; max-width:750px; font-size:16px; width:90%; text-align:center!important}
.popup_visible div.popup_wrapper_visible div.cartupdatepopup.popup_content p {text-align:center}
.popup_visible div.popup_wrapper_visible div.cartupdatepopup.popup_content h4 {font-size:13px; font-weight:bold; padding-bottom:10px; text-align:left}


/*********************** Weekly Special Featured Products *******************/
div.managerspecial div.carousel div.owl-wrapper div.owl-item div.cartlinescontainer li.cartline > div.weeklyspecial-fp {float: left;font-family: Arial, Verdana, sans-serif;box-sizing: border-box;padding: 0; margin-bottom:25px}

.weeklyspecial-fp #hpdesk {display:none}
.weeklyspecial-fp h2 {color: #333;font-size: 20px;font-weight: bold;font-weight: var(--default-font-weight-bold);margin: 0;padding: 0 10px 0 0;}

.weeklyspecial-fp .weeklycontent {float: left;width: 100%;position: relative;padding:0 10px 20px;}
.weeklyspecial-fp .weeklycontent ul.mpproduct {display:flex;}
.weeklyspecial-fp .weeklycontent ul.mpproduct li {list-style:none;}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {text-align: right;}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks div.price {font-size:24px; color:#333; font-weight: var(--default-font-weight-bold); margin-bottom:10px}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks div.msrpprice {display:none}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks div.discountinfo {display:none;}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.proddetails {width:auto;display:flex;flex-flow:column nowrap;flex: 1;height: 100%;align-items: stretch;}
.weeklyspecial-fp .weeklycontent ul.mpproduct li.proddetails .review { display: none;}
.weeklyspecial-fp .weeklycontent div.discountinfo {font-size:12px; margin:10px 10px 0 0; color:#adadad;}
.weeklyspecial-fp .weeklycontent p { margin: 0; padding: 0 0 10px 0; font-size: 12px; font-weight: bold; color: #6a7074 }
.weeklyspecial-fp .weeklycontent .pricing { color: #2e58a7; font-size: 28px; text-transform: uppercase; line-height: normal;  z-index:10; text-align: left; }
.weeklyspecial-fp .weeklycontent .msrpprice {font-size:14px; color:#999999; float: left; font-weight: var(--default-font-weight-semi-bold);}
.weeklyspecial-fp .weeklycontent .msrpprice span.strikethrough {text-decoration:line-through}

.weeklyspecial-fp .weeklycontent .pricing span.only {
    display: inline;
    width: 100%;
    font-size: 16px;
    line-height: 10px;
    color: #464646;
    font-weight: bold; padding-right:5px
}

.weeklyspecial-fp .weeklycontent .pricing span.amt {
    font-size: 41px;
    position: relative;
    top: -2px;
    vertical-align: top;
}

.weeklyspecial-fp .weeklyprodimg {
    float: right;
    width: 150px;
    margin-top:0px;
    position: relative;
    max-width: 100%;
    text-align:center;
}

.weeklyspecial-fp .weeklyprodimg img {
    width: 150px;
    max-width: 100%;
}

    .weeklyspecial-fp .weeklyprodimg a {
        margin-top: 10px;
        color: #fff;
        font-weight: var(--default-font-weight-semi-bold);
        font-size: 16px;
        padding: 7px;
        background: #1e6db0 !important;
        float: left;
        text-decoration: none;
        border-radius: 0px !important;
        width: 100%;
        text-transform: uppercase;
    }

.weeklyprodimg .discount {
    position: absolute;
    background: #b99d18;
    padding: 10px;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 35px;
    top: 10px;
    right: 15%;
}

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



/********************** Checkout Process ****************/
div.chkoutprocess div.middleborder {height:0; border:1px solid #1e6db2; position:relative; top:26px; width:80%; 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.mobile-chkout ul {display:flex; flex-wrap:wrap; margin:5px 0;}
div.mobile-chkout ul li {width:100%}
div.mobile-chkout ul li.ordertotal {margin-bottom:5px; justify-content:space-between; align-items:center;}
div.mobile-chkout ul li.ordertotal label {font-size:16px; color:#636363; }
div.mobile-chkout ul li.ordertotal span.price {color:#636363; font-size:16px; font-weight:normal;}

    div.mobile-chkout ul li a.fastchkout {
        float: right;
        height: 40px;
        width: 100%;
        background: #af1a30;
        border: 0;
        color: #ffffff;
        border-radius: 0px;
        line-height: 40px;
        text-align: center;
        font-size: 18px;
        margin-top: 2px;
        padding: 0 15px; text-transform:uppercase;
    }

        div.mobile-chkout ul li a.fastchkout span {
            float: none;
            padding-right: 10px;
            display: none
        }

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


/**************************** Guest Login Popup ************************/

.popup_wrapper_loader #fadeandscale.forgotpassword {left:auto}

div#checkout_content.mobilecontainer {background:none; border:0; padding-top:15px!important; margin-top:0!important; z-index: 5;}

div#fpfadeandscale_background {z-index:100002!important}
div#fpfadeandscale_background + div#fpfadeandscale_wrapper {z-index:100002!important}

div#guestloginPopup.glpopup {padding:40px 50px; border-radius:15px; width:95%; max-width:1120px; min-height:450px}
div.popup_wrapper_loader div#guestloginPopup.glpopup,
div.popup_wrapper_loader div#guestloginAutoshipPopup.glpopup {border-radius:10px!important; min-height:inherit}

div#guestloginPopup div.guestlogin {display:flex; justify-content:space-between; align-items:baseline; min-height:370px}
div#guestloginPopup div.guestlogin div.userlogin {width:50%; padding-right:50px; border-right:1px solid #e2e2e2}
div#guestloginPopup div.guestlogin div.loginasguest { width:50%; padding-left:50px; margin-top:100px; }

div.popup_wrapper_loader div#guestloginPopup div.guestlogin,
div.popup_wrapper_loader div#guestloginAutoshipPopup div.guestlogin {display:none!important}
div.popup_wrapper_visible.popup_wrapper_loader div#guestloginPopup.glpopup,
div.popup_wrapper_visible.popup_wrapper_loader div#guestloginAutoshipPopup.glpopup {width: 178px!important;
    height: 153px!important;
    border-radius: 10px;
    border: 0;}

div.checkoutloginnew h2, div.loginasguest h3.loginhead { color: #000; font-size: 28px; line-height: normal; text-align: center; font-weight: var(--default-font-weight-bold);}
/*div.checkoutloginnew h2 {text-transform:uppercase}*/

div.loginasguest h3.loginhead {font-size:28px; line-height:normal}

div.loginasguest h3.loginhead + p {padding:10px 0; text-align:center; font-size:18px}
div.loginasguest div.recaptcha {margin:0px 0px 16px;}
div.loginasguest a.purchaseguest  {margin:0px; background:#0c87ef; cursor:pointer; border-radius:0px; font-weight: var(--default-font-weight-light); margin-top:10px; font-size:20px; text-transform:none; padding:10px; display:block;color:#fff; text-align:center; width:auto}

div.loginasguest div.register {background:#eff6f7; margin-top:40px; padding:10px; font-size:15px; display:flex; justify-content:center; align-items:center}
div.loginasguest div.register img {float:left; max-width:180px; margin-right:10px}

ul.logpasswrd li a.loginpopup {background:#0c87ef; cursor:pointer; border-radius:0px; font-weight: var(--default-font-weight-light); font-size:20px; text-transform:none; padding:10px; display:block; margin-top:5px; color:#fff; text-align:center; width:100%!important}

div.loginasguest div.register img + span a {text-transform:lowercase; color:#0c87ef; text-decoration:underline}

#guestloginPopup.popup_content a.btn_close {top:10px; right:10px}

div.loginasguest div.register a.tool-tip { cursor:pointer; width:17px; height:17px; display:inline-block; position:relative; top:-3px; left:3px; font-weight: var(--default-font-weight-bold); font-size:14px; background:#DEDEDE; text-align:center; border-radius:17px; line-height:17px; color:#000}

div.popover.fade {z-index:10000000!important}

div.popover-content ul.gchealthreward li, div.popover-content ul.gchearewards li {margin-left:18px; list-style:disc}
div.popover-content ul.gchealthreward li:first-child, div.popover-content ul.gchearewards li:first-child{padding-left:0; font-weight: var(--default-font-weight-bold); list-style:none; margin:0; padding-right:20px }

/**************************** Guest Login Autoship Popup ************************/

div#guestloginAutoshipPopup.glpopup {padding:40px; border-radius:20px; width:95%; max-width:450px}

div.checkoutloginnew div.autoshipsubscription{background: url(../images/autoship-logo.png) no-repeat 0 0; padding-left:50px; font-weight: var(--default-font-weight-bold); font-size:16px; height:37px; line-height:normal; margin-bottom:20px; display:table-cell; vertical-align:middle}

div.checkoutloginnew h2.autoshipsignin { color: #000; font-size: 20px; font-weight: var(--default-font-weight-bold); line-height: normal; text-align: center; margin-top:20px}

ul.logpasswrd li.newregister { margin:10px 0; font-size:14px}
div.checkoutloginnew div.newtomercola {text-align:center; border-bottom:1px solid #c0c0c0; clear:both; padding-top:5px}
div.checkoutloginnew div.newtomercola span {float:none; background:#fff; padding:3px 10px; display:inline-block; position:relative; top:13px; font-weight: var(--default-font-weight-bold); font-size:16px}

div.checkoutloginnew div.newtomercola + a {margin-top:20px; display:block; text-align:center; border:1px solid #0c87ef; border-radius:5px; color:#0c87ef; padding:10px; font-size:14px}
 
div.TermsConditionLogin  {padding:30px 0 0; font-size:13px}
div.TermsConditionLogin a{color:#828282}

/******************************shoppingcart Autoship dropdownb ******************************/
div.autoship div.chkautoshipaubscription {
    padding: 10px 0 0;
    clear: both;
    position: relative;
}

    div.autoship div.chkautoshipaubscription input[type=checkbox] {
        float: left;
        margin-right: 5px;
        margin-top: 3px
    }

    div.autoship div.chkautoshipaubscription label {
        font-weight: normal;
        font-size: 14px;
        float: left;
        width: calc(100% - 20px);
    }

    div.autoship div.chkautoshipaubscription label {
        background: url(../images/autoship-logo.png) no-repeat 0 0;
        height: 21px;
        background-size: contain;
        line-height: 21px;
        padding-left: 30px;
        font-size: 16px;
        width: auto
    }

    div.autoship div.chkautoshipaubscription a.tool-tip-autoship {
        cursor: pointer;
        width: 17px;
        height: 17px;
        display: inline-block;
        position: absolute;
        bottom:2px;
        font-weight: var(--default-font-weight-bold);
        font-size: 14px;
        background: #8d8d8d;
        text-align: center;
        border-radius: 17px;
        line-height: 17px;
        color: #fff;
        margin: 5px 0 0px 5px;
    }
 
.benefit-text-desktop{margin: 10px 0 0;}

#shippingsubtotal div#fixedplaceorder{display:none;}

@media (min-width:360px) {
    div.mobile-chkout ul {display:flex; justify-content:space-between}
    div.mobile-chkout ul li.ordertotal {text-align:left}
    #shippingsubtotal ul li.ordertotal, #shippingsubtotal ul li.ordertotal span.price {font-size:20px}
}

@media (min-width:480px) {
    div.itemdetails ul.sclist li.autoship {width:calc(100% - 120px); padding:0}
    div.itemdetails ul.sclist li.autoship.prdmessage {margin-left:120px;}
 
    div.itemdetails div.groupproduct {margin-right:10px; width:auto}
    div.itemdetails div.groupproduct ol.relateditems li.prodimage {
        padding: 10px;
        margin-bottom: 0;
    }


    div.chkoutprocess ul.chkoutprocessflow li {font-size:15px}

}
@media (max-width:550px) {
div.managerspecial div.owl-wrapper div.owl-item {margin-left:0}
}


@media (min-width:600px) {
    .weeklyspecial-fp #hpdesk {display:block}
    .weeklyspecial-fp #hpmobile {display:none}
}

@media (max-width:480px) {
    div.loginasguest div.register {display:inline-block; text-align:center}
    div.loginasguest div.register span {display:inline-block; clear:both; padding-top:10px}
    div.loginasguest div.register a.tool-tip {top:-14px}
    div.loginasguest div.register img {float:none}
}

@media (max-width:333px) {
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {padding-top: 30px;}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.proddetails {font-size: 8px; padding-top: 30px;}
    #shippingsubtotal ul li.ordertotal span.price{padding-left:10px;}
}


@media (min-width:769px) and (max-width:1000px) {
    div .loginasguest div.register {display:inline-block; text-align:center}
    div.loginasguest div.register span {display:inline-block; clear:both; padding-top:10px}
    div.loginasguest div.register a.tool-tip {top:-14px}
    div.loginasguest div.register img {float:none}
}

@media (max-width:768px) {
    div#shoppingcart div.shoppinggrid {padding: 0px;}
    h1#category_head.acc-head_large {font-size:22px; word-break: break-word; }
    div.itemdetails ul.sclist li.mobiledesc .skuname h4 {padding-top:10px}

    div.itemdetails ul.sclist {border:0; border-top:1px solid #cdcdcd; margin-bottom:0; padding:20px 15px 10px;}

    div.itemdetails ul.sclist li.prodimage {width:100px; padding:0 10px 0 0}
    div.itemdetails ul.sclist li.repeatprodblank{display:none;}
    div.itemdetails ul.sclist li.qty {order:4; width:135px; padding:10px 0; margin:0;}
    div.itemdetails ul.sclist li.totalprice {order:3; padding:10px 0; text-align:left; flex:1;}
    div.itemdetails ul.sclist li.mobiledesc {width:calc(100% - 100px)}
    div.itemdetails ul.sclist li.mobiledesc.repeatprod{ width:100%; flex:none; padding-left:100px;}
    div.itemdetails div.groupproduct ol.relateditems li.mobiledesc{width:65%;}
    div.itemdetails div.groupproduct ol.relateditems li.qty{float:right; width:45px; margin-right:5px;}
    div.itemdetails div.groupproduct ol.relateditems li.qty input[type=text]{text-align:center; border:0; background:#f0f0f0; font-size:16px;}
    div#guestloginPopup div.guestlogin {display:block}

    div#guestloginPopup div.guestlogin div.userlogin {width:100%; padding:0; border:0}
    div#guestloginPopup div.guestlogin div.loginasguest {width:100%; padding:0; border:0; margin-top:30px; padding-top:30px; border-top:1px solid #e2e2e2; float:left}
    
    div.loginasguest div.register {clear:both; overflow:hidden}

    div.managerspecial h1 {width:100%; text-align:center; margin-bottom:20px;}
    
    .weeklyspecial-fp h2 {font-size: 16px;}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks div.discountinfo {display:block !important; float:left; width:100%;text-align:center}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.proddetails {/* width:calc(100% - 140px) */flex: 2;}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.proddetails div.discountinfo {display: none;}
    .weeklyspecial-fp .weeklycontent ul.mpproduct {flex-wrap: wrap;}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {width:100%;text-align:left;display: flex;flex-flow: column wrap;}
    div.weeklycontent a.btn.addtocart {width:100%; transition:all .3s ease}
    div.weeklycontent a.btn.addtocart:hover { transform: scale(1);}
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks div.price {margin-top: 0;margin-left: 150px; align-self: flex-start;}
    div.itemdetails ul.sclist li.mobiledesc {padding:0 0 10px;}
    
    div.itemdetails ul.sclist li.linediscount {display:block}
    #shippingsubtotal{border:none}
    .benefit-text-desktop{display:none;}
    h1#category_head.acc-head_large > span > span.cartitem{display:none;}
    div.mobile-chkout ul li.ordertotal span.cartitem.mobile{display:inline; font-size:16px; color: #636363; position:relative;}
    div.mobile-chkout ul li.ordertotal span.cartitem.mobile:before{content: "\2022"; font-size:18px; padding-right:5px;}
	#shippingsubtotal ul li.ordertotal, #shippingsubtotal ul li.ordertotal span.price {font-size:20px}
    div#managerspecialprodut {border-top: 2px solid #ccc;}
    div#managerspecialprodut:has(#specialpromotionalproducts) {border-top: none;}

    div#bogoproduct {border-top: 2px solid #ccc;}
    div#bogoproduct:has(#specialpromotionalproducts) { border-top: none;}
}

@media (min-width: 1100px) {
    .weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {
        margin-top: -38px;
    }
}

@media (max-width:1200px) {
     
    div.itemdetails ul.sclist li.linediscount {display:block}
     div.itemdetails ul.sclist li.linediscount div.discountitem {font-size:13px; margin-top:20px}
     div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.memb-price span.listprice{display:block;}
}


@media (min-width:769px) {

    div#checkout_content.mobilecontainer {margin-top:10px!Important}
    div#checkout_content .cartcontainerblk div.chkoutprocess {visibility:visible}
    
    h1#category_head.acc-head_large {margin:0; padding:0 0 10px 0; display:block; line-height:40px; clear:both; overflow:hidden}
    h1#category_head.acc-head_large span.hidden-xs {display:block}
div.TimedShippingMessage {float:right; margin-top:15px; margin-bottom:0; clear:none}
#cartcontainer.animatenow {margin-top:0px}
#cartcontainer.animatenowpromotion {margin-top:0px;}

.popup_visible div.popup_wrapper_visible div.cartupdatepopup.popup_content {padding:2% 5%;}

div.chkoutprocess ul.chkoutprocessflow li {font-size:13px}
div.mobile-chkout {display:none}

div.itemdetails ul.sctitle {display:block}

span.grprddetails {margin:0 0 35px 0}
div.autoshipblk + span.grprddetails {margin-bottom:0px} 

div.itemdetails ul.sclist li label.mobile_head {display:none}



div.itemdetails div.groupproduct {margin-left:0; width:154%}
div.itemdetails div.groupproduct ol.relateditems li.qty span.mobile_head {display:none}
div.itemdetails ul.sclist li.mobiledesc .skuname h4.noautoship {min-height:inherit}

div.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {margin-bottom: 25px; margin-left:5px;}
.benefit-text-mobile{display:none;}
.freeitemlist { max-width: 500px; }
}

@media (min-width:900px) {
     div#cartcontainer div.nofication div.promo-text div.promolinemsg {font-size:18px; line-height:24px; font-weight:normal}
     div.chkoutprocess ul.chkoutprocessflow li {padding:0 10px}
     .popup_visible div.popup_wrapper_visible div.cartupdatepopup.popup_content {padding:2% 4%;}
     div.estpoint {width:100%}
     div#shoppingcart div.shoppinggrid {
    display: grid;
    display:-ms-grid;
    grid-template-areas:
        'scproduct ordersummary'
        'rfkproduct ordersummary';
    grid-gap: 10px;
    justify-content:space-between;
    grid-column-gap: 10px;
    grid-template-columns:66.3% 32.7%;
    -ms-grid-columns:65% 35%;
}

     div.itemdetails ul.sclist li.autoship.skuoptions.prdmessage {width:calc(52% - 80px)!important; margin-left:80px}
     div.itemdetails ul.sclist li.autoship.skuoptions {width:calc(52% - 80px); margin-left:0}

     div.itemdetails ul.sclist li.autoship#repeat_order {width:calc(52% - 80px)!important; margin-left:80px; clear:left}

     div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription label {font-size:14px!important}

     div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription a.tool-tip-autoship {top:2px}

     div.itemdetails ul.sclist li.autoship select.freqDropDwn {width:auto}
     

     div.managerspecial {margin-bottom:0}

     div.managerspecial div.carousel div.owl-wrapper div.owl-item div.cartlinescontainer li.cartline > div.weeklyspecial-fp {margin-bottom:0}

    div#cartcontainer div.nofication div.promo-text {
        bottom: 60px;
        right: 60px;
    }

    .update-box{width:66.6%}
}

@media (min-width:960px) {
    div.itemdetails ul.sclist li label.mobile_head,
    div.itemdetails div.groupproduct ol.relateditems li.qty span.mobile_head {display:none}
   
    div.itemdetails ul.sclist li.autoship {margin:0}
  div.itemdetails ul.sclist li.autoship.skuoptions.prdmessage {width:calc(58% - 120px)!important; margin-left:120px}
     div.itemdetails ul.sclist li.autoship.skuoptions {width:calc(62% - 120px); margin-left:0}

     div.itemdetails ul.sclist li.autoship#repeat_order {width:calc(58% - 120px)!important; margin-left:0px; clear:none }
     div.itemdetails ul.sclist li.autoship.prdmessage#repeat_order {width:calc(58% - 120px); margin-left:120px; clear:left}
  div.itemdetails div.groupproduct ol.relateditems li.prodimage {width:75px; padding:5px}
  div.itemdetails div.groupproduct ol.relateditems li.mobiledesc { padding-right:10px}
  div.itemdetails div.groupproduct ol.relateditems li.qty {width:13%; text-align:center}
  span.grprddetails, div.itemdetails div.groupproduct {margin:5px 0 0; padding-left:0; }
  div.autoshipblk + span.grprddetails {margin-bottom:0px} 
  div.itemdetails div.groupproduct ol.relateditems li.qty input {box-shadow:1px 2px 2px #e7e7e7 inset; background:#f0f0f0; text-align:center}
  div.itemdetails ul.sclist li.mobiledesc.repeatprod{width:48.5%;}
}


@media (min-width:1200px) {

     div.shoppingcartcontent table td:first-child {width:25%}
}

@media (min-width:1280px) {
    div.chkoutprocess ul.chkoutprocessflow li {
        font-size: 15px;
    }

}

.SettingsPanel {width:1280px; margin: 0 auto}

div.footeroffer {display:none}


/* CART AUTOSHIP CHECKBOX */
div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    position: absolute;
    visibility: hidden;
}

div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription label {
    background: url("/Templates/Mercola/images/autoship-logo.png") no-repeat 0 0;
        background-position-x: 0px;
        background-position-y: 0px;
        background-size: auto;
    height: 26px;
    background-size: contain;
    line-height: 26px;
    font-size: 16px;
    width: auto;
    background-position: 30px;
    cursor: pointer;
    position: relative;
    padding-left: 0px;
}



div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription input[type="checkbox"] + label::before {
    content: ''; 
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    margin-right: 38px;
    border: 2px solid #B8B8B8;
    border-radius: 2px;
}

div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription input[type="checkbox"]:checked + label::before {
    background: #226CAB !important;
    border: 2px solid #226CAB;
}


div.itemdetails ul.sclist li.autoship div.chkautoshipaubscription input[type="checkbox"]:checked + label::after {
    content: "\f00c";
    position: absolute;
    left: 3px;
    top: 1px;
    background: white;
    width: 1px;
    height: 2px;
    font-size: 15px;
    font-family: FontAwesome;
    color: #fff;
}

@media all and (-ms-high-contrast:none){
      .owl-item a[id*='btnAddToCart_']{font-size:14px; padding:4px 15px; width:auto;}
    
}

@media (min-width:1257px){
    div.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {margin-bottom:40px; } 
}

@media (min-width:843px) and (max-width:899px) {
    div.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {
        margin-bottom: 40px;
    }
}
@media (min-width:900px) and (max-width:920px) {
    div.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {
        margin-bottom: 20px;
    }
}
@media (min-width:921px) and (max-width:1026px) {
    div.weeklyspecial-fp .weeklycontent ul.mpproduct li.actionlinks {
        margin-bottom: 33px;
    }
}
@media (max-width:500px){
    div.itemdetails div.groupproduct ol.relateditems li.prodimage {
        display: none;
    }
    div.itemdetails div.groupproduct ol.relateditems li.mobiledesc {
        width: 75%;
        font-size: 13px;
    }
}

@media (max-width:1350px) and (min-width: 900px){
    div.itemdetails ul.sclist li.totalprice{width:23%;}
    div.itemdetails ul.sclist li.qty{flex:0; width: auto;}
}

@media (max-width:899px) and (min-width: 769px){
    div.itemdetails ul.sclist li.totalprice{width:20%;}
}

@media (max-width:375px){
    li.mobiledesc div#repeat_order{height:100%;}
    li.mobiledesc div.autoship div.autoshipblk{}
    div.autoship div.chkautoshipaubscription input[type=checkbox]{margin-top:3px;}
    div.autoship div.chkautoshipaubscription label{background: url(../images/autoship-logo.png) no-repeat 0 4px; padding-left: 16px; font-size: 13px; background-size: 10%;}
    div.itemdetails ul.sclist li.mobiledesc div.autoship select.freqDropDwn{margin: 5px 5px 0 23px; width:168px;}
    div.itemdetails ul.sclist li.mobiledesc div.autoship a.cartbtn{margin: 5px 0 0 0px !important;}
    div.itemdetails ul.sclist li.mobiledesc{padding:0px;}
    div.itemdetails ul.sclist{align-items:flex-start;}
}

@media (max-width: 306px) {
    div.itemdetails ul.sclist li.totalprice span.total{font-size:20px;}
    #shippingsubtotal ul li a.fastchkout {font-size:17px;}
}

@media(max-width:1063px) and (min-width:900px){
    div.itemdetails ul.sclist li.prodimage{margin-bottom:25px;}
    div.autoship div.chkautoshipaubscription{padding:15px 0 0;}
    div.itemdetails ul.sclist li.qty { width: 17%;}
}

@media (min-width: 769px) {#ignecom > div.container.mobilecontainer {transform: initial!important;}}
@media (max-width:899px) {
    #fixedplaceorder li.rowline.ordertotal{padding: 15px 10px 10px 0;}
    #shippingsubtotal div#fixedplaceorder{display:block; margin: 0; padding:0 15px; position:fixed; bottom:0; width:100%; background:#FAF8F8; left:0; z-index:9;}
    #shippingsubtotal ul li.actionfstchkout{padding:10px 0px;}
    #shippingsubtotal ul li.ordertotal{border-top:0px; padding:10px 0 0;}
    #mm-0 div.footer.mobilecontainer {margin-bottom:110px}
    #shippingsubtotal ul li.ordertotalcontainer{border-top: 1px #ccc solid;}
}
@media (max-width:844px) {
    div#cartcontainer div.nofication div.promo-text {
        width: 250px;
        padding: 10px 15px;
        justify-content: space-around;
    }
    #gifticoncontainer {
        width: 2em;
    }
}



/* Shopping Cart UI changes Ticket number 86a1rjdp6 */
div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box {margin:0 0 10px 0; padding:0px;}
div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li{font-size:14px; float:none; text-align:left;}
div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.memb-price{color:#565656; margin-bottom:5px;}
div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.memb-price span.listprice {color:#ADADAD; font-size:14px;}
div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.copn-code, div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.autoship-dis-amt, div.itemdetails ul.sclist li.mobiledesc ul.usr-discount-box li.promotion{font-size:13px; color:#AF1A30;}
div.itemdetails ul.sclist li.totalprice .msrpprice, div.itemdetails ul.sclist li.totalprice .msrpprice span.listprice {font-size: 14px; color: #ADADAD;}
@media (min-width: 900px) and (max-width: 1024px) { div.itemdetails ul.sclist li.totalprice .msrpprice {display:flex;flex-flow:column wrap;} }
div.itemdetails ul.sclist li.totalprice span.total-disamt{font-size:20px; color:#AF1A30; font-weight: var(--default-font-weight-bold);}
#shippingsubtotal ul li.rewardcoupon.disc-box{display:block;}
#shippingsubtotal ul li.rewardcoupon .clickable{width:100%;}
#shippingsubtotal ul li.rewardcoupon #discountDetails{width:100%; margin-top:10px;}
#shippingsubtotal ul li.rewardcoupon #discountDetails .line-item, #shippingsubtotal ul li.rewardcoupon #discountDetails .line-item span.price{margin-bottom:5px; color:#737373; font-size:16px;}
div#shoppingcart div.shoppinggrid [id*="rfkid_"] .owl-stage .rfk-product a{padding-bottom:9px;}
div.itemdetails ul.sclist li.mobiledesc div.discountitem .note-msg{color:#AF1A30; margin-top:10px; font-size:12px}

div.footer {clear:both}