.addtocart_error_msg {float:left; clear:both;}

div.header-center-block, div.tollfree, .catlist {display:none}

.base .ig #msthdr, .managerheader { width:100%; position:relative; z-index:1000!important}

.topheader { top:0; z-index:2; height:50px; float:none!important; width:100%!important; position:fixed; background:linear-gradient(#F1F1F1, #EAEAEA); background:-webkit-linear-gradient(#F1F1F1, #EAEAEA); background:-moz-linear-gradient(#F1F1F1, #EAEAEA); background:-o-linear-gradient(#F1F1F1, #EAEAEA); background:-ms-linear-gradient(#F1F1F1, #EAEAEA); background:#F1F1F1\9; z-index:999999!important }

.base .ig .elogo .logo, #signincontainer .logoimg, .checkoutcontainer .logoimg { height: 31px; width:121px; margin: 0 0 5px; overflow: hidden; display:block;}


#right_links ul li {display:none}

#right_links ul li.cart {display:block; margin-top:13px; position:absolute; right:40px}

div#trigger-menu {float:left; width:23px; height:20px; margin:13px 0 0 10px}

.topheader div#trigger-search {float:right; position:absolute; right:0; margin-top:10px}

.topheader div.mobile a.menubutton {background:url("images/menutrigger.png") 0 0 no-repeat; width:23px; height:20px; display:block; text-indent:-99999px; cursor:pointer; position:relative; z-index:2}

.topheader div.mobile a.searchbutton {cursor:pointer; float:left; overflow:hidden; padding:0; width:26px; height:26px; display:block; margin-right:10px}
.topheader div.mobile a.searchbutton img {width:100%}

.base .ig #elogo {position:absolute; top:10px; left:40%}

.base .ig .fltcarticon {background:url("images/carticon.png") no-repeat 0 0; cursor:pointer; float:left; overflow:hidden; padding:0; width:28px; height:22px; display:block; text-indent:-99999px; margin-right:10px; background-size:100%}

.base .ig .minicart {top:-5px; left:-16px}
span.couponamount {left:0; top:0; font-size:12px}

div.mercola-search {display:none; border:1px solid #b7c7e1; margin:0; padding:10px; position:absolute; top:50px; right:0; width:430px; background:#fff; z-index:100}

div.mercola-search div.yui-ac {width: 330px; }
a.clearsearch {left:0} 
.hd_srch_txtbox {width: 104%!important; } 

div#headerAutocompleteContainer div.yui-ac-content {width: 342px !important;} 

.base .ig .instk, .base .ig .outstk {margin:4px 0 3px}

div.breadcrumbs {display:none}

div.catalogbanner {padding-top:50px}

input.notifyMetextbox {font-size:16px}
 
/*********************** Footer CSS ******************************/
 
.fda-disclaimer {margin: 20px 10px 15px; width: auto;}

.site-disclaimer {margin:0 10px; text-align:left; width:auto}

.subscription-block {text-align:center}

.subscription-block .subscriptiontext {padding:0!important; text-align:center; width:100%}

.subscribe-txtfield, .subscribe-btn {float:none!Important}

div.imgloading {top:10px}

nav#menu {display:none}
#menu-left ul.dl-menu {width:600px}

div.quickeye {display:none}

div#promo-banner-top, div#promo-banner-btm {height:35px}

.footer-icons ul li.bbb {}
.footer-icons ul li.bbb a#bbblink {width:86px!important;}

 
/*************************** menu css ***************************/

.block { position: relative; margin: 0px; float:left;}
 
.topheader .block {padding:15px 10px}

li#welcome-message span.seedClass {float: none; margin-bottom: 5px; padding: 0; border:0}
li#welcome-message span.sproutClass {float: none; margin-bottom: 5px; padding: 0; border:0}
li#welcome-message span.bloomClass {float: none; margin-bottom: 5px; padding: 0; border:0}
li#welcome-message span.harvestClass {float: none; margin-bottom: 5px; padding: 0; border:0}
li#welcome-message span.wholesaleClass {float: none; margin-bottom: 5px; padding: 0; border:0}
li#welcome-message span.premierClass {float: none; margin-bottom: 5px; padding: 0; border:0}

li.securedchat {background:url("images/icons.png") -263px -152px no-repeat!important; padding-left:27px!important}

/************** Promo stickers *********************/

div.productimage div.stickerpromo {position:absolute}
div.productimage div.stickers {display: inline-block; max-width: 170px; position: absolute; text-align: center;}
div.productimage div.stickers ul li.sale-sticker {background:url(images/sticker-sale.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.productimage div.stickers ul li.free-sticker {background:url(images/sticker-free.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.productimage div.stickers ul li.freeshipping-sticker {background:url(images/sticker-freeshipping.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.productimage div.stickers ul li.sale-reward {background:url(images/sticker-reward.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

div.productimage div.stickers ul li.bogo-sticker {background:url(images/bogo-sticker.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

div.productimage div.stickers ul li.new-sticker {background:url(images/new-sticker.png) no-repeat 0 0; padding:6px 0 0 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

/**************************** Overlay CSS ****************************/
#checkdiscountoverlay, #checkoutoverlay, #newslettersubsoverlay, #newslettersubsinvalidoverlay, #divForCartUpdate, #divForCartMsg, #newsletterfailedoverlay, #divForWholeSaleCase, #divautoshipmsg, .dialogoverlay, #divForCouponUpdate {padding: 2% 4%;left:14%!important}

div.processingdiv div.processing {width:100%; text-align:center}

/********************** Dietary Consideration ***************************/

.dietryOverlay {width:60%; left:17.5%}

/******************* Error Page *******************/

div.errorpage {margin:0px; padding:60px 2% 10px; line-height:normal}
div.errorpage div.dyn_content div {position:static!important}

/***************** CSS including media query ****************************************/

@media  screen and (min-width:320px) and (max-width:360px) { .wholesale span.noofcases, .wholesale span.errormsg {top:62px!important} .wholesale span.errormsg {width:140px!important; line-height:normal} .wholesale span.unitspercase {top:44px!important} li.wholesale .addtocart_error_msg {top:17px!important; margin-left:-2%!important}}

@media  screen and (min-width:320px) and (max-width:480px) { div#promo-banner-top, div#promo-banner-btm {height:30px}
                                                             
#checkdiscountoverlay, #checkoutoverlay, #newslettersubsoverlay, #newslettersubsinvalidoverlay, #divForCartUpdate, #divForCartMsg, #newsletterfailedoverlay, #divForWholeSaleCase, #divautoshipmsg, .dialogoverlay ,#divForCouponUpdate {padding: 2% 10%; left:5%!important }
.dietryOverlay {width:90%; left:2.5%}
.footer-icons ul li.bbb a#bbblink {width:54px!important;}
}

@media  screen and (min-width:320px) and (max-width:400px) { div.mercola-search div.yui-ac {width: 130px; } div.mercola-search div.yui-ac {width: 180px;} div.mercola-search {width: 275px; } div#headerAutocompleteContainer div.yui-ac-content {width: 192px !important;} }

@media  screen and (min-width:401px) and (max-width:481px) { div.mercola-search div.yui-ac {width: 200px; } div.mercola-search div.yui-ac {width: 250px;} div.mercola-search {width: 350px; } div#headerAutocompleteContainer div.yui-ac-content {width: 262px !important;} }

@media  screen and (max-width:640px) { div.footer-sitemap{display:none} }

@media  screen and (max-width:450px) {.subscription-block {padding-top:13px!important} .subscription-block .subscriptiontext {font-size:12px} .subscribe-txtfield {width:160px!important}}

@media  screen and (min-width:481px) and (max-width:600px) 
{
.footer-icons ul li.bbb a#bbblink {width:70px!important;}
}

@media  screen and (min-width:320px) and (max-width:360px) 
{
.base .ig #elogo {left:26%}
}

@media  screen and (min-width:361px) and (max-width:480px) 
{
.base .ig #elogo {left:32%}
}

@media  screen and (min-width:481px) and (max-width:600px) 
{
.base .ig #elogo {left:36%}
}



/*********************** Common CSS ************************/

div.quickeye {display:none!important}

/******************* Error Page *******************/

div#maincontent {margin:0 1%}






