#mainbody {height:auto; padding:0; overflow-x:hidden; overflow-y:auto}

.base { font-family:Verdana,Geneva,sans-serif; font-size:12px; color: #000000; text-decoration: none; margin:0px;}

A:link, a {color: #03519B; text-decoration: none; cursor:pointer}
A:visited {color:#03519B; text-decoration: none;}
A:hover { text-decoration: none;}
A:focus { -moz-outline-style: none;}
a:hover {text-decoration:none}


input {color:#333; font-size:11px}
.addtocart_error_msg {color:#ff0000; font-size:11px; line-height:14px}
li.wholesale .addtocart_error_msg, ul.wholesale .addtocart_error_msg {position:relative; top:15px}

a.langenglish {cursor:default; opacity:0.5; filter:alpha(opacity = 50);}

.base {  color: #000000; font-family: Verdana,Geneva,sans-serif; font-size: 12px; margin: 0; text-decoration: none; }

.base .ig .astrix {color:#ff0000; font-size:11px}

.base .ig .successmsg {font-weight:bold; font-size:12px; color:#008000}

.base #container, #chkcontainer {margin:0 auto; max-width:960px; width:100%; background:#fff}

.base .ig #msthdr, .managerheader {height:auto; padding:0; position:relative; z-index:100; background:#fff}

.topheader {z-index:100; width:100%; float:left; display:block}

.base .ig #elogo {float:left; text-align:center;}

.base .ig .elogo .logo img, #signincontainer .logoimg img, .checkoutcontainer .logoimg img {width:100%}

div.tollfree a {display:none!important}

.yui-skin-sam .yui-ac-content li {white-space:inherit!important; padding:5px!Important; cursor:pointer}

.header-center-block { float: left; margin: 12px 1.5% 0;overflow: hidden; width: 39%; word-wrap: break-word;}

.header-center-block img {width:100%}

.base .ig #srchdrpdown, #srchcatdrpdwn {display:none}

#right_links {float: right;}
    
#right_links ul {float:right;}

#right_links ul li {line-height:14px; }

#right_links ul li.welcomemsg {border: 0 none; padding: 0; text-align: right; width: 580px;}

#right_links ul li.securedchat {float:right; height:auto; line-height:19px; padding:0 0 0 4px; border:0}

#right_links ul li.welcomemsg span.myaccount {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; float: right; line-height: 16px; margin: 0 5px; padding: 0 5px;}

#right_links ul li.welcomemsg span.changelang {float: right; padding-left:5px}

#right_links ul li.securedchat a { background: url("images/icons.png") no-repeat -280px 1px; cursor: pointer; display: block; float: left; height: 15px; margin:0; overflow: hidden; padding: 0px 6px 3px 23px;border-right:1px solid #CCCCCC; }

#top_banner_home div.flex-viewport ul li img {width:100%}

span.seedClass {background: url("images/customerClass_seed.png") no-repeat 0 center; float: right; height: 17px; margin:0 5px; overflow: hidden; width: 124px; }
span.sproutClass {background: url("images/customerClass_sprout.png") no-repeat scroll 0 center transparent; float: right; height: 17px; margin:0 5px; overflow: hidden; width: 124px; border-right:1px solid #ccc;}
span.bloomClass {background: url("images/customerClass_bloom.png") no-repeat scroll 0 center transparent; float: right; height: 17px;margin:0 5px; overflow: hidden; width: 124px; border-right:1px solid #ccc;}
span.harvestClass {background: url("images/customerClass_harvest.png") no-repeat scroll 0 center transparent; float: right; height: 17px; margin:0 5px; overflow: hidden; width: 124px; border-right:1px solid #ccc;}
span.wholesaleClass {background: url("images/customerClass_wholesale.png") no-repeat scroll 0 center transparent; float: right; height: 17px; margin:0 5px; overflow: hidden; width: 124px; border-right:1px solid #ccc;}
span.premierClass {background: url("images/customerClass_premier.png") no-repeat scroll 0 center transparent; float: right; height: 17px; margin:0 5px; overflow: hidden; width: 107px; border-right:1px solid #ccc;}

#right_links ul li.firstright {border:0; padding-right:0}

.base .ig .minicart {position: relative; width: auto; cursor:pointer}

.base .ig .minicart span, span.couponamount {background-color: #CC0000; border-radius: 4px; color: #FFFFFF; font-size: 11px; font-weight: bold; margin: 0; padding: 0 2px;}
span.couponamount {position:relative; left:-7px; top:-8px}

.mercola-search {float:left; margin:5px 0 0 3px}

.hd_srch_txtbox {border: 1px solid #D9D9D9; border-top: 1px solid silver; font-size: 14px; outline: medium none; padding: 6px; color: #888; margin: 0; float:left; font:14px Arial,Helvetica,sans-serif;}

div#headerAutocompleteContainer {z-index:999999}

div#headerAutocompleteContainer div.yui-ac-content {border: 1px solid #CCCCCC; height: auto !important; margin-top: 11px; }

.base .ig .srchgobtn {float:right; background:url("images/spritebuttons.png") no-repeat 0 -30px; border:0; cursor:pointer; height:32px; text-indent:-99999px; width:74px}



/*************** Top Navigation *********************************/

.base .ig #catlist {float:left; padding-top:4px; width:100%; position:relative; z-index:2}

.base .ig .catlist #topcatlist { max-width: 960px; width:100%; height: 40px; padding: 0px; margin-top:0px; top: 0px; z-index:9999; background:url("images/header-bg.jpg") repeat-x 0 -81px }

.base .ig .catlist #topcatlist UL LI { display: inline; float: left; height: 27px; list-style-type: none; margin: 0; text-align: center; vertical-align: middle; border-left:1px solid #2677B8; z-index:3}
.base .ig .catlist #topcatlist UL LI.nofeaprod {position:relative}

#topcatlist ul li#home-link {background:url(images/icons.png) no-repeat 0 8px; width:25px; text-indent:-99999px; padding-top:7px; padding-left:0}

.base .ig .catlist #topcatlist ul li#home-link:hover {border-top:0; margin-top:0px; opacity:0.5; filter:alpha(opacity = 50);}

.base .ig .catlist #topcatlist ul li#home-link a {width:25px; height:20px; display:block}

.base .ig .catlist #topcatlist ul li:first-child { border:0; }

.topnav ul li { border-left:none !important }

/* TopNav CSS ---*/

.base .ig .catlist #topcatlist .topnav {width:auto; display:none; position: absolute;	top: 40px; left: 0;	z-index: 99999;	background-color:#fff; border-right:1px solid #cccccc; border-bottom:1px solid #fff; border-left: none; border-top: none; display: none; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.92, rgb(254,255,252)), color-stop(0.99, rgb(240,240,240)), color-stop(1, rgb(237,237,237)) ); background-image: -moz-linear-gradient( center top, rgb(254,255,252) 92%, rgb(240,240,240) 99%, rgb(237,237,237) 100% );  
-moz-box-shadow: 0px 4px 4px #ccc; -webkit-box-shadow: 0px 4px 4px #ccc; box-shadow: 0px 3px 4px #ccc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}


.base .ig .catlist #topcatlist .topnav.noproduct {width:auto!important}
.base .ig .catlist #topcatlist .topnav.noproduct div.navfeatprod {display:none}

.base .ig .catlist #topcatlist .topnav.noproduct.Personal_Care {left:-190px!Important}

.base .ig .catlist #topcatlist .topnav.noproduct.Home_Garden {left:-290px!Important}

.base .ig .catlist #topcatlist .topnav.noproduct.Pets { left:-380px!Important; right:auto!important}

.base .ig .catlist #topcatlist .topnav.noproduct.Fitness {right:-230px!important; left:auto!important}

.base .ig .catlist #topcatlist .topnav.Kids {left:auto!Important; right:1%!important; }

.base .ig .catlist #topcatlist .topnav.Books_and_DVDs {left:auto!Important; right:1%!important; }

.base .ig .catlist #topcatlist .topnav.noproduct.Top_Products {left:auto!important; right:-60px!important; }

.base .ig .catlist #topcatlist .topnav.Sale {left:auto!Important; right:1%!important; }

.base .ig .catlist #topcatlist .topnav ul li ul td { vertical-align:top; }

.base .ig .catlist #topcatlist li ul { height:auto; clear:both; width:auto; margin-top:10px; float:left }

.base .ig .catlist #topcatlist li div.noproduct ul {width:100%; box-sizing:border-box; padding-right:15px}


.base .ig .catlist #topcatlist li ul li.clearleft {clear:left}
.base .ig .catlist #topcatlist li div.noproduct ul li.clearleft {clear:none}
.base .ig .catlist #topcatlist li div.noproduct ul li.Home_Garden.clearleft {clear:left}

.base .ig .catlist #topcatlist li ul li { width:auto; height:auto; margin:0px; padding:0px; text-align:left; padding:5px 7px 5px 0; float:left; }

.base .ig .catlist #topcatlist li ul li ul li { width:100%; }

.base .ig .catlist #topcatlist .navtitle { color: #166bc1;  float:left; font-family:Open Sans, Verdana, Sans-Serif; line-height:22px }
.base .ig .catlist #topcatlist .navtitle.disable {color:#000; cursor:default}

.base .ig .catlist #topcatlist .navtitle:hover{ color:#be1c1c; }
.base .ig .catlist #topcatlist .navtitle.disable:hover {color:#000}

.base .ig .catlist #topcatlist li ul li:hover { background:none; }

.base .ig .catlist #topcatlist .topnav ul li ul li.twocolumnsubmenu {padding-top: 0pt;}

.base .ig .catlist #topcatlist .topnav ul li ul.submenucolumn{float: left;border: 0 none;}

.base .ig .catlist .topcatlist { float: left; }

.base .ig .catlist .topcatlist H4 { font-size: 14px; font-weight: bold; }

.base .ig .catlist .topcatlist A:link { font-family: Open Sans, Verdana, Sans-Serif; color:#fff; display:inline; margin: 3px 0 0; }

.base .ig .catlist #topcatlist ul li:hover { text-decoration: none; background-color:#fff; border-top:3px solid #f6cb1e; margin-top:-3px;  display:block; }

.base .ig .catlist #topcatlist ul li:hover li:hover{border-top:0;margin-top:0;}

.base .ig .catlist #topcatlist ul li a {color:#fff; text-decoration:none; line-height:15px }

.base .ig .catlist #topcatlist ul.catalognav>li:hover>a{color:#166bc1;}

.base .ig .catlist #topcatlist ul li span a { color:#166bc1; text-decoration:none; }
   
.base .ig .catlist #topcatlist ul li span a:visited { color:#166bc1; text-decoration:none; }
   
.base .ig .catlist #topcatlist ul li span a:hover {	 color:#BE1C1C; text-decoration:none;}
   
.base .ig .catlist #topcatlist ul li ul li a { color:#166bc1; text-decoration:none;}
   
.base .ig .catlist #topcatlist ul li ul li a:visited {	color:#166bc1;text-decoration:none;}
   
.base .ig .catlist #topcatlist ul li ul li a:hover {color:#BE1C1C; text-decoration:none;}

.base .ig .catlist #topcatlist ul li a:hover { color:#166bc1; text-decoration:none;}

a.langenglish {background:url(images/us-flag.png) no-repeat 0 0/100%; margin-left:4px; display:block; float:left; height:18px; padding:0; text-indent:-99999px; text-align:left; width:26px}
a.langspanish {background:url(images/spain-flag.png) no-repeat 0 0/100%; margin-left:4px; display:block; float:left; height:18px; padding:0; text-indent:-99999px; text-align:left; width:26px}

@media  screen and (min-width:901px)
{
   a.langenglish {width:31px; height:22px}
  a.langspanish {width:31px; height:22px}
 }  
 @media  screen and (min-width:771px)
{
   a.langenglish {width:41px; height:29px}
  a.langspanish {width:41px; height:29px}
 }  
  
div.navfeatprod {float: left; margin:10px 5px 10px 0; padding-left:7px; box-sizing:border-box; width: 177px; font-family:Open Sans, Verdana, Sans-Serif}
div.navfeatprod h1 {height:15px; padding-top:14px; text-align:center;  font-family:Open Sans, Verdana, Sans-Serif; border-bottom:1px solid #ccc; font-size:15px; font-weight:bold; padding-bottom:12px; color:#166bc1}
div.navfeatprod img {width:100%; max-width:170px}


.base .ig .catlist #topcatlist div.navfeatprod p {padding-bottom:10px; color:#166bc1; font-weight:bold; font-size:13px; line-height:normal}
.base .ig .catlist #topcatlist div.navfeatprod a {color:#166bc1; font-weight:bold; font-size:13px;}
.base .ig .catlist #topcatlist div.navfeatprod a.shopnow {font-weight:normal; text-decoration:underline}

/********************************* Footer CSS ***************************************/
   
.base #footer {clear:both; overflow:hidden; width:100%; position:static!important; min-width:inherit!important; padding-top:20px; background:#fff; float:left; font-size:12px; font-family:Arial,Helvetica,sans-serif}

.base #footer .footer-icons {margin:auto; width:100%; max-width:960px}

div#promo-banner-btm {margin:0!important}

div#promo-banner-top, div#promo-banner-btm {max-width:960px; width:100%!important; background:none!Important; padding:0!important; width:100%!important; margin:1px 0 0; height:auto!Important; float:left}

div#promo-banner-top img, div#promo-banner-btm img {width:100%}

.footer-links {background:#E7E7E7; border-top:1px solid #fff; margin-top:10px}

.subscription-block { color: #174B79; font-size: 16px; height: 63px; margin: 0 auto; padding-top: 18px; max-width: 960px; width:100%}

.subscription-block .subscriptiontext {float: left; font-family: Arial,Helvetica,sans-serif; font-weight: bold; padding: 12px 1px 7px 40px; font-size:16px}

.subscribe-txtfield { background:#FFFFFF; border: 1px solid #BFBFBF; color: #000000; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; margin: 7px 0; padding: 0 5px; width: 300px;}
   
.subscribe-btn {background: url("images/spritebuttons.png") no-repeat -207px 0; border: medium none; cursor: pointer; float: left; height: 31px; margin: 5px; width: 108px;}
div.imgloading {width:108px; margin:5px; height:29px; display:none; position:relative; top:6px }
.footer-container {background:url("//media.mercola.com/themes/mercola/images/footerbg.png") repeat-x scroll center bottom #164A79; padding-bottom:53px; clear:both; overflow:hidden}

.footer-sitemap {clear: both; margin: 0 auto; padding: 5px 2%; max-width: 960px; width:96%; overflow:hidden}

.footer-sitemap ul {padding-top:20px; float:left; width:20%!important}
.footer-sitemap ul.group-1-links {width:23%}
.footer-sitemap ul.group-2-links {width:17%}

.footer-sitemap li {color: #FFFFFF; list-style: disc inside none; margin: 0 5px 0; padding: 3px 0;}

.footer-sitemap .group-title {color: #AEBCEF; font: bold 14px arial; list-style: none outside none; margin: 0 0 10px 5px; min-height: 16px;}
   
.footer-sitemap a, .footer-sitemap a:link, .footer-sitemap a:visited {color:#fff; text-decoration:none}
.footer-sitemap a:hover {text-decoration:underline}

.fda-disclaimer {background: #FFFFFF; border: 1px solid #000000; color: #000000; padding: 10px; text-align: center; max-width:940px }

.footer-icons {font-size: 10px; height: auto; margin: 5px auto 0; padding: 5px 0; text-align: center; max-width: 960px; width:100%; clear:both; overflow:hidden}

.footer-icons ul li {display:inline-block; padding:0 .5%; vertical-align:top}
.footer-icons ul a {display:none}
.footer-icons ul li a {display:block; margin:0!important}
.footer-icons ul li img {width:100%; height:auto!important}
.footer-icons ul li.bbb img {max-width:100%}
.footer-icons ul li.bbb a#bbblink:hover img {margin-left:0!important}
.footer-icons ul li.mcafee {width:9.7%}
.footer-icons ul li.truste {width:18%}
.footer-icons ul li.geotrust {width:12%}
.footer-icons ul li.paypal {width:21%}

.site-disclaimer {text-align:left; max-width:940px; line-height:16px}
.site-disclaimer p{padding-bottom:15px; color:#fff;}
.site-disclaimer a {color:#fff; text-decoration:underline}

.copy {clear: both; color: #FFFFFF; margin-top: -57px; padding: 7px 7px 9px; text-align: center;}
span.yourprice {color: #CC0000; font-size: 15px; font-weight: bold;}
span.yourprice span {display:block; font-weight:normal; text-transform:capitalize}
span.saveprice {font-size:11px; color:#000}

.instk {background: url("images/smallicons.png") no-repeat 0 -15px; color: #008000; display: block; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-left: 16px; width: 90%; float:left;}
.outstk {background: url("images/smallicons.png") no-repeat 0 -44px; color: #CC0000; display: block; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-left: 16px; width: 90%; float:left;}
a.notifyme {clear: both; color: #03519B; cursor: pointer; float: left; margin: 0; font-size:12px }

h1.hc {color: #BE1C1C; font-family: Arial,Helvetica,sans-serif; font-size: 24px; margin: 0; padding: 10px; font-weight:normal}
.notifymetd {padding:0 10px; line-height:18px}
.notifymetd p {margin:10px 0; line-height:16px}
.notifyMe ol li { clear: both; list-style-type: none; margin: 0; padding: 5px 0; text-align: left;}
.notifyMetextbox {clear: none; display: inline; width: 230px; margin-top:3px}

.actionbuttons {float: right; margin: 10px 0 0 10px; overflow: visible;}
.btnnotifyme {background: url("images/spritebuttons.png") no-repeat -319px 0; border: medium none; cursor: pointer; height: 31px; text-indent: -9999px; width: 100px;}

#newslettersubsoverlay, #newslettersubsinvalidoverlay, #newsletterfailedoverlay {width:300px; background:#FFFFFF; border: 5px solid #EBEBEB; border-radius: 12px; font-size: 15px; font-weight: bold; margin: 6px 0 0; padding: 10px 20px 20px; text-align: center; top: 200px !important; z-index: 999999; font-family:Arial}
#newslettersubsoverlay .plainmodal-close, #newslettersubsinvalidoverlay .plainmodal-close, #newsletterfailedoverlay .plainmodal-close {display: block; height: 28px; width: 28px; background: url(images/icons.png) no-repeat -125px 0; float:right; cursor:pointer}
#newslettersubsoverlay p, #newslettersubsinvalidoverlay p, #newsletterfailedoverlay p {width:100%; margin:15px 0; float:left}


.checkoutfooter ul li.bbb img {width:200%; max-width:100%}


/******************** Common CSS ******************/

.breadcrumbs {background:#EBEBEB; height: 20px; padding: 7px 0 0; margin:0!important}

.breadcrumbs ul {margin:0 0 0 10px; padding:0}

.breadcrumbs ul li {float: left; font-size: 11px; margin: 0; padding: 0;}

.breadcrumbs ul li a {background: url("images/icons.png") no-repeat right -29px; color: #717171; padding: 0 14px 0 10px; margin:3px 0}

div.catalogbanner {clear:both; overflow:hidden; margin-top:0; background:#fff; position:relative; z-index:1}

#suggestedproducts .title, #recentlyviweditem .title, .prodcarousaltitle, .subcategories #subcatnm_top, div#productlist div.prolist_module_name h1 {color: #337EBB; font-size: 18px; font-weight: normal; padding: 10px; text-align: left;}


/************ Overlay CSS *********************/

div.popup_wrapper {position:static !important; overflow:hidden!important; margin-top:-11px}

.ui-widget-overlay {background:#000000; opacity: 0.7; filter:alpha(opacity = 70); position: fixed; top: 0; z-index:9999999 !important; height:100%; width:100%}
.dialogoverlay {background: #FFFFFF !important; border: 5px solid #EBEBEB !important; border-radius: 12px !important; -moz-border-radius: 12px !important; -webkit-border-radius: 12px !important; position: fixed !important; z-index: 99999999 !important; font-size: 15px; font-weight: bold; line-height:20px}

.ui-dialog .ui-dialog-titlebar {display:none!Important}

#checkdiscountoverlay, #checkoutoverlay, #newslettersubsoverlay, #newslettersubsinvalidoverlay, #divForCartUpdate, #divForCartMsg, #newsletterfailedoverlay, #divForWholeSaleCase, #divautoshipmsg, #divForCouponUpdate {background: #FFFFFF; border: 5px solid #EBEBEB; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-size: 15px; font-weight: bold; margin: 6px 0 0;text-align: center; top: 20%!important; width:70%; max-width: 640px; z-index: 9999999; margin:0!important; font-size:15px; line-height:20px!important; position:fixed!important}


#checkdiscountoverlay p, #checkoutoverlay p, #newslettersubsoverlay p, #newslettersubsinvalidoverlay p, #divForCartUpdate p, #divForCartMsg p, #newsletterfailedoverlay p, #divForWholeSaleCase p, #divautoshipmsg p, .dialogoverlay p, #divForCouponUpdate P {font-size:15px; padding:10px 0; text-align:center}

#checkdiscountoverlay center, #checkoutoverlay center, #newslettersubsoverlay center, #newslettersubsinvalidoverlay center, #divForCartUpdate center, #divForCartMsg center, #newsletterfailedoverlay center, #divForWholeSaleCase center, #divautoshipmsg center, .dialogoverlay center {font-size:15px}

div.ui-dialog-buttonpane {text-align:center}

.dialogyes {background: url("images/spritebuttons.png") no-repeat 0 -72px; border: medium none; cursor: pointer; display: inline-block; font-size: 1px; height: 31px; margin-right: 8px; overflow: hidden; width: 44px;}

.dialogno {background: url("images/spritebuttons.png") no-repeat -61px -72px; border: medium none; cursor: pointer; display: inline-block; font-size: 0; height: 31px; overflow: hidden; position: relative; top: 0; width: 40px;}

a.plainmodal-close {display: block; height: 28px; width: 28px; background: url(images/icons.png) no-repeat -125px 0; float:right; cursor:pointer; position:absolute; right:3px; top:3px}


div.processingdiv {background: url("images/transparent-img.png") repeat 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000000; display:none}

div.processingdiv div.processing {color: #FFFFFF; display: block; height: 153px; position: fixed; top: 36%; width:100%}



  

/***************** Error Message *********************/

.freeproderrormsgs, .creditcarderrormsg, .redblockerrormsg, .wholesalevalidator   {background-color: #AE1231; color: #FFFFFF; float: right; font-weight: bold; margin: 11px 15px 0 0; max-width: 582px; padding: 8px 12px}


/*********************** Error Page **************************/

div.errorpage {clear:both; overflow:hidden; line-height:18px; background:#fff}

div.contentdiv {clear:both; overflow:hidden; padding-top:20px; background:#fff; line-height:18px}

div.errorpage p,
div.errorpage div#sitemap-wrapper div.sitemap-category p {padding:2px 0; margin-bottom:15px}

div.errorpage div.contentdiv p {padding:2px 0}

div.errorpage div#sitemap-wrapper div.sitemap-category p {margin:0 0 5px 5px !important; padding-top:15px}

div.sitemap-category p.category, div.sitemap-category p.subcategory {padding-left:10px!important}

div.errorpage div.sitemap h1,
div.contentdiv h1 {color:#CC0000; font-size:24px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; line-height:32px; margin-bottom:15px}
div.contentdiv h1 {margin:15px 0 10px}
div.contentdiv h2 {color:#337EBB; font-size:20px; font-weight:normal; line-height:24px; margin:0; padding:10px 0 5px 0; width:auto}
div.contentdiv a:hover {text-decoration:underline}

.lined {border-bottom:1px solid #EBEBEB}

div.contentdiv p {padding:10px 0}
div.contentdiv p span {line-height:normal}

div#sitemap-wrapper div.sitemap-category {clear:both; overflow:hidden}

div#sitemap-wrapper div.sitemap-category ul {float:left; width:33%!important}

div.contentdiv ul li {list-style:disc; margin:0 0 0 30px!Important; padding-left:10px; padding-bottom:10px}

div#sitemap-wrapper div.sitemap-category ul li {padding:5px !important;}

.top-faq-box {background:#F1F1F1; border: 10px solid #F1F1F1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 20px auto; width: 80%;}

div.contentdiv .top-faq-box p {padding:0}

.top-faq-box-inner {border:1px solid #EBEBEB; min-height:150px; padding:20px;}

.top-faq-box table {margin:0 auto!important}


/****************** Dietary Consideration CSS ******************/


div.dietContainer {height:33px; width:100%; float:left; clear:both}

div.dietContainer.dietfsContainer {height:23px; padding:0 9px; box-sizing:border-box}
 
div#carouselCustomerWhoBoughtProd div.dietContainer {padding:0 5%; width:90%}

div.PDPdietContainer {height:auto; max-width:460px; float:left; clear:both; width:100%; margin-bottom:10px}

ul.dietCicons { float:left; list-style-type: none; padding: 0px 0 3px 0; margin: 0px; clear:both; overflow:visible!important; width:100%!important }

ul.dietCicons li { float:left; padding: 0px; margin: 3px 2.5% 0 0; position:relative; list-style: none; cursor:pointer; height:30px!important; overflow:visible!important; width:19%!important; max-width:30px }
ul.dietCicons li img {width:100%}

ul.dietCicons li span, ul.PDPdietCicons li span { background: url(images/callout.png); background-repeat:no-repeat; width:92px; height:45px; left: -8px; top: -67px; padding: 10px; padding-top:18px; position: absolute; text-align:center; display:none; z-index:99999;}

ul.dietCicons li.addli span {background: url(images/callout1.png); background-repeat:no-repeat; left: -76px;}

ul.dietCicons li.freeshipping {width:100%!important; height:auto!important; max-width:inherit; margin:0 0 6px 0; text-align:left}
ul.dietCicons li.freeshipping img {width:auto}

ul.dietCicons li.freeshipping span, ul.PDPdietCicons li.freeshipping span { background: url(images/callout-arrow.png) no-repeat 10px 67px; background-repeat:no-repeat; width:155px; box-sizing:border-box; height:auto; left: -12px; top: -77px; padding: 10px; padding-top:11px; position: absolute; text-align:center; display:none; z-index:99999;}

ul.dietCicons li.freeshipping span label, ul.PDPdietCicons li.freeshipping span label {background:#fbf7aa; border:5px solid #f9e98c; border-radius:5px; width:116px; display:block; padding:5px; line-height:normal; height:36px; display:table-cell; vertical-align:middle}
ul.dietCicons li.freeshipping span label p, ul.PDPdietCicons li.freeshipping span label p {height:auto}

:first-child+html div.popup_wrapper div.popup_content {left:auto!important}

.dietryOverlay { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EDEDED; border-radius: 6px; padding: 10px 2.5%; z-index: 999999; position:fixed; top:30%; width:60%}

div#dietryOverlay a.closedc { background: url("images/icons.png") scroll -125px 0; cursor: pointer; float: right; height: 28px; width: 28px; position:absolute; top:3px; right:3px; display:block;}

.dietryContent { padding:20px 5px 0; text-align: left; line-height:17px }

.dietryHeaderText { color: #D22121; float: left; font-family: arial; font-size: 20px; font-style: normal; line-height: 50px; margin-bottom: 10px; margin-left: 15px; }
.dietryfsContent .dietryHeaderText {line-height:normal}
.dietryImage { width:auto; float:left; }

.dietryDesc { width:95%; padding:10px 2.5%; border:1px solid #EDEDED; background-color:#F5F9FA; margin-bottom:10px; clear:both; }

ul.PDPdietCicons { list-style-type: none; margin: 0; clear:both }

ul.PDPdietCicons li { float:left; padding: 0px; margin-right:1.5%; margin-left: 0px; position:relative; list-style: none; cursor:pointer; width:35px}

.PDPdietContainer.PDPdietfsContainer ul.PDPdietCicons li {width:100%}

ul.PDPdietCicons li img {width:100%}

.PDPdietContainer.PDPdietfsContainer ul.PDPdietCicons li img {width:auto}

/*********************** Other CSS *********************/

div#repeater div.loadingfilters {background:url("images/loading.gif") no-repeat 0 0; height:20px; width:20px; margin:15px auto 0}

.wholesaleunits { position:relative; float:left; padding-top:1px }
.wholesale span.unitspercase, .wholesale span.noofcases, .wholesale span.errormsg {font-size: 10px; left: 0; position: absolute; width: 180px;}

.wholesale span.unitspercase {top: 22px;}
.wholesale span.noofcases{ top: 36px; }
.wholesale span.errormsg { color: #FF0000; font-size: 9px; top: 35px; line-height:normal }

.dcpopup {position:fixed!important; z-index:999999}

@media  screen and (min-width:320px) and (max-width:355px)
{
   .wholesale span.unitspercase {top: 50px;} 
}

div.cscpopup {clear:both; overflow:hidden; padding:20px; line-height:17px}

div.cscpopup h1 {color:#337EBB; font-weight:normal; font-size:18px; padding-bottom:20px}

div.cscpopup div.csccard {padding-bottom:20px}

.close {background: url("images/spritebuttons.png") repeat scroll -80px -30px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 31px;
    margin: 6px 0 -6px;
    overflow: hidden;
    text-indent: -9999px;
    width: 78px; float:left; opacity:1}