@import url('http://media.mercola.com/assets/css/global.css');

/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif;}
td, h1, h2, h3, h4, ul, li { background:transparency; vertical-align:top;}
td, h1, h2, h3, h4 { margin:0; padding:0; }
div.sales-content ul, div.sales-content li { margin:0; padding:0; }
body { margin:0; padding:0;}
ol li { margin-bottom: 16px; }
.clear { clear:both; height:1px; overflow:hidden;}
.clearspace { height:15px; clear:both;}
.float-r { float:right;}
a { color:#060;}
a:hover { text-decoration:none;}
a img { border:none;}
.fltrt { float:right; border:1px solid #000; }
.fltlt { float:left; border:1px solid #000; }
.fsh-note { -moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0 0 #FDF2A3; border: 1px solid #EBD534; clear: both; color: #D50000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin: 10px auto 22px; padding: 5px; text-align: center; font-weight: bold; width: 500px; }
.fsh-badge { background: url("http://media.mercola.com/ImageServer/products/fsh-badge.png") no-repeat scroll 0 0 transparent; height: 97px; position: absolute; width: 123px; }
.text-sm { font-size:12px; font-weight:bold;}
.red { color: #cc0000; }
.sales-content h4 { font-size: 16px; font-weight: normal; margin-top: 7px; vertical-align:middle; }
.orderNow-no-bg { background: url("/images/btn-order-now.png") repeat scroll 0 0 #FFFFFF; border: medium none; cursor: pointer; height: 41px; margin: 5px 0; width: 132px; }
.out-of-stock-note { color: #CC0000; font-size: 12px; text-align: center; background: none repeat scroll 0 0 #FDFFC7; border: 1px solid #CC0000; margin: 10px auto; padding: 10px; width: 700px; }
#header { background:#006b01 url(/images/header-bg.jpg) repeat-x bottom; height:220px; width:100%;}
    #header .container { background:url(/images/header2.png) no-repeat bottom center;}
#content { width:100%;}
#footer { background:#006b01 url(/images/bg-footer.jpg) repeat-x; color:#fff; text-align:center; width:100%; font-size:12px; padding:15px 0;}
	.fda { background:#037404; border:1px solid #0e820f; padding:10px; text-align:center}
	#footer a { color:#fff;}
.container { margin:0 auto; width:990px; text-align:left; }
#productsLogosBottom table td { padding: 0px 15px; vertical-align: middle; }

/* OFFER TOGGLE */
.special-offer { display:none; visibility:hidden; }
.regular-offer { display:block; visibility:visible; }

/* PROMO BANNERS */
/*#promo-banner-top { background-image: url('http://media.mercola.com/assets/images/promo-banners/top-black-friday-products.jpg'); background-repeat:no-repeat; width: 1000px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#promo-banner-bottom { background-image: url('http://media.mercola.com/assets/images/promo-banners/footer-black-friday-products.jpg'); background-repeat:no-repeat; width: 1000px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 10px; }*/

/*menu*/
#menu{ background:url(/images/header.png) no-repeat center bottom; margin:0 auto;  width: 900px; height: 80px; padding: 20px; padding-top: 120px; position: relative; z-index: 10;}
li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

#cssdropdown li.headlink { float: left; padding:0 5px; text-align: center; padding-top:-100px;  font-weight:bold; text-decoration:none; font-size:16px;}
#cssdropdown li.headlink a { display: block; padding: 12px 6px 9px 5px; text-decoration:none; font-size:16px; }
#cssdropdown li.headlink ul { display: none; text-align: left; position:absolute; padding-right:6px; padding-left:5px; background-image:url(images\menu.gif); background-color:#2d9a3f}

#cssdropdown li.headlink ul { display: none; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block;  }
#cssdropdown li.headlink ul li a { padding: 10px; height: 17px; font-size: 12px; background-color: #2d9a3f; background-image:url(images\menu.gif)}
#cssdropdown li.headlink ul li a:hover { background-color: #007207; }

#cssdropdown a { color: white; }  
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink ul { background-position: bottom; padding-bottom: 10px; }


h1 { color:#c00; font-size:36px; margin:0 0 15px 0; font-family:Tahoma;}
h2 { margin-bottom: 20px;}
h3 { margin:35px 0 15px 0px; color:#c60; font-family:Tahoma; color:#000; border-bottom:5px solid #70b743; font-size:28px; font-weight:bold; line-height:40px;}
h1, h2, h3 { text-align:center;}

ol span { color:#930; font-weight:bold;}
.lists {list-style:none; padding:0; margin:15px 0 0 0;}
.lists li { background:url(/images/bullet-leaf.gif) no-repeat; padding:0 0 15px 30px;}
.lists li span { color:#930; font-weight:bold; }
.lists li p { margin:10px 0 0 0; }
.lists ul.subList { margin:0; padding:0;}
.lists ul.subList li { list-style:disc outside; background:none; margin:0; padding:10px 0 0 0;}

.lists-table { overflow:hidden; clear:both}
.lists-table li { float:left; list-style:none; border:1px solid #000; padding:0 60px;}

.link-block { display:block; width:100%; height:100%;}
.note { color:#c00; text-align:center; font-weight:bold}
.madeUSA { font-weight:bold; text-align:center; margin:0 0 15px 0}
.caption { font-family:Georgia, Times New Roman; font-size:18px; font-style:italic; border:1px solid #e4e5e4; background:#fdfdfc; padding:15px;}
.quote { border-bottom:1px solid #000; font-family:Georgia, Times New Roman; font-size:18px; font-style:italic; padding:15px;}
.quote span { font-weight:bold; text-align:right}
.out-of-stock { color:#c00; border:1px solid #c00; background:#fffcc4; font-size:12px; font-weight:bold; padding:10px;}

.package { background:url(/images/bg-package.jpg) no-repeat;}
.package h4 { color:#060; text-align:center; margin:18px 0;}
.package td { vertical-align:top}
    .premum-anti-aging { background:url(/images/organic-skin-care-packages-sm.png) 10px -10px; height:250px; }
    .complete-anti-aging { background:url(/images/organic-skin-care-packages-sm.png) -320px -5px; height:130px; width:160px; float:left; }
    .anti-aging-wrinkle-control { background:url(/images/organic-skin-care-packages-sm.png) -510px -5px; height:130px; width:160px; float:left; }
    .daily-skin-care { background:url(/images/organic-skin-care-packages-sm.png) -320px -145px; height:130px; width:160px; float:left; }
    .basic-anti-aging { background:url(/images/organic-skin-care-packages-sm.png) -510px -145px; height:130px; width:160px; float:left; }
.package td ul li { font-size:12px; list-style-position:outside; }
.package td p { text-align:center; margin:0; padding:12px 0; font-size:12px;}

#sales-page { width:950px; margin:0 auto;}
    .sales-header { background:url(/images/sales-header.jpg) no-repeat top center; height:123px; width:100%; }
    .sales-content { background:url(/images/sales-bg.jpg) repeat-y top center; padding:5px 50px; clear:both; overflow:hidden; }
        .sales-content h2 { background:url(/images/title-packages.gif); margin:0 auto 20px auto; height:35px; text-indent:-2000px; }
        .sales-content h4.individual { text-align:center; font-weight:normal}
        .sales-content h4.individual span { font-size:24px; font-weight:bold}
            h2.premium { width:710px; background-position: 0 -20px; }
            h2.complete { width:730px; background-position: 0 -67px; }
            h2.wrinkle-control { width:685px; background-position: 0 -115px; height:86px; }
            h2.daily { width:600px; background-position: 0 -212px; }
            h2.basic { width:640px; background-position: 0 -258px; }
        
        .title-daily { width:700px; background:url(/images/title-packages.jpg) 0 -20px; }
    
        .offer-banner { width:574px; margin:0 auto; padding-bottom:15px;}        
        .pack-offer-set-2 { border:8px solid #70b743; vertical-align:top;}
        .pack-offer-set-2 ul li { font-size:14px;}
            
        .pack-reg ul li { font-size:14px;}
        .pack-offer { border:8px solid #70b743; vertical-align:top; padding:0 45px;}
        .pack-offer ul li { font-size:14px;}
            .pack-special {background:url(/images/organic-skin-care-packages-sm.jpg) no-repeat; height:250px;  margin:0 auto; }
            .pack-reg {background:url(/images/organic-skin-care-packages-reg-sm.jpg) no-repeat; height:250px; margin:0 auto; }
                .pack-premium-anti-aging-bogo { background-position: -290px -295px; height:260px;}
                .pack-premium-anti-aging { background-position: 0px -295px; height:260px; }
                .pack-complete-anti-aging { background-position: -610px -295px;}
                .pack-anti-aging-wrinkle-control { background-position: -270px -555px; }
                .pack-daily-skin-care { background-position: -580px -550px;}
                .pack-basic-anti-aging { background-position: 20px -555px;}
                .pack-bb-unscented { background-position: 20px 20px; height:160px; }
                .pack-bb-orange { background-position: -280px 20px; height:160px; }
                .pack-bb-lavender { background-position: 20px -135px; height:160px; }               
                .pack-bb-variety { background-position: -280px -135px; height:160px; }
                

          
            .other-pack { text-align:center; width:25%; }
                .other-pack div { background:url(/images/organic-skin-care-package-thumb-m.jpg); height:152px; margin:0 auto; }
                    .other-pack  .premium { background-position: 10px 0px; }
                    .other-pack  .complete { background-position: -725px 0px; }
                    .other-pack  .wrinkle-control { background-position: -240px 0px; }
                    .other-pack  .daily { background-position: -480px 0px; }
                    .other-pack  .basic { background-position: -1000px 0px;}
                    
                    
        .individual-labels { border:8px solid #f2f2f2; vertical-align:top; padding:20px; text-align:center; width:33%}
        .individual-labels div { margin:0 auto;}
        .prod-packs { border:8px solid #f2f2f2; vertical-align:top; padding:20px; text-align:center; }
        .prod-items { border:8px solid #f2f2f2; vertical-align:top; padding:5px; text-align:center; width:25% } 
        .prod-items div { margin:0 auto; } 
        
        .bottle { background:url(/images/organic-skin-care-bottle-thumb-m.jpg); height:304px; margin:0 auto; }
            .cleanser { background-position: -150px 0px; width:200px; }
            .toner { background-position: -3300px 0px; width:220px; }
            .acai { background-position: -390px 0px; }
            .cupuacu { background-position: -690px 0px; }
            .exfoliator { background-position: -1010px -30px; height:250px}
            .serum { background-position: -1200px 0px;}
            .eye-lines { background-position: -1350px -20px; height:284px;}
            .eye-lines-2pack { background-position: -1650px -30px; height:284px;}
            .hand-cleanser { background-position: -2030px -30px; }
            .bb-unscented { background-position: -2960px -30px; }
            .bb-lavender { background-position: -2310px -30px; }
            .bb-orange { background-position: -2650px -30px; }
        
        .bottle-sm { background:url(/images/organic-skin-care-bottle-thumb-s.jpg); height:150px; margin:0 auto; }
            .cleanser-sm { background-position: -75px 0px; width:100px; }
            .toner-sm { background-position: -1660px 0px; width:100px; }
            .acai-sm { background-position: -185px 0px; }
            .cupuacu-sm { background-position: -330px 0px; }
            .exfoliator-sm { background-position: -500px -0px; }
            .serum-sm { background-position: -610px 0px;}
            .eye-lines-sm { background-position: -715px -20px;}
            .eye-lines-2pack-sm { background-position: -1650px -30px;}
            .hand-cleanser-sm { background-position: -1030px 0px; }
            .bb-unscented-sm { background-position: -1490px -30px;  }
            .bb-lavender-sm { background-position: -1167px -30px;  }
            .bb-orange-sm { background-position: -1322px -30px;  }
			.lb-pure-sm { background-position: -1786px -30px;  }
			.lb-lemon-sm { background-position: -1786px -30px;  }
			.lb-peppermint-sm { background-position: -1786px -30px;  }
            
        .bundle-sm { background:url(/images/organic-skin-care-bundles-thumb-s.jpg); height:100px; margin:0 auto; width:200px; }
            .bb-unscented-3-pack-sm { background-position: -204px -60px;  }
            .bb-lavender-3-pack-sm { background-position: -702px -60px; }
            .bb-orange-3-pack-sm { background-position: -452px -60px; }
            .bb-variety-3-pack-sm { background-position: -970px -60px; }
            .lip-balm-3-pack { background-position: -1225px -60px;  }
            

            
    .sales-bot { background:url(/images/sales-bot.jpg) repeat-y top center; height:56px; width:100%; }
    
    .data td { border-right:1px solid #000; border-bottom:1px solid #000; padding:15px;}
    .data thead td { background:#000; color:#fff; text-align:center; font-weight:bold}
    .data tbody td.col-left { background:#fff; border-left:1px solid #000;}
    .data tbody td { background:#fff; }
    
/* PRICING */
.priceTable td {text-align:left;}
.priceLabel, .priceCustomer, .priceSavings {font-weight:bold; text-align:left;}
.priceList, .priceCustomer, .priceSavings {padding-left:10px; text-align:left;}
.priceList {text-decoration:line-through;}
.priceSavings {font-weight:bold;color:#c00;}

/* VIDEOS */
#vidViddler, #vidYoutube, #vidYoutubeHD {margin: 0px auto 20px auto; background-repeat: no-repeat;}
#vidViddler, #vidViddler object, #vidViddler embed {width: 437px; height: 348px; background-image: url(/images/vidViddler-loading.jpg);}
#vidYoutube, #vidYoutube object, #vidYoutube embed {width: 425px; height: 344px; background-image: url(/images/vidYoutube-loading.jpg);}
#vidYoutubeHD, #vidYoutubeHD object, #vidYoutubeHD embed {width:640px; height: 385px; background-image: url(/images/vidYoutubeHD-loading.jpg);}


/* FACEBOOK SHARE */
.hidden { display:none;}
.handlink { cursor: pointer; cursor: hand; }
#footer-center { margin:auto;  width:100%; }
#footer-stick { display: block; position: fixed; bottom:-1px; width: 100%; height: 38px; z-index: 998; text-align: center; background-color: #F0F0F0; border-top:1px solid #bcbcbc; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; color:#333333; font-size:11px; font-family:Verdana, Geneva, sans-serif; }

/* Error Page */
#error-bg { background:url('images/error-image.jpg') no-repeat; width:610px; height:124px; margin:0 auto; padding: 45px 0 0 260px;}
#error-bg h4{ font-size:40px; color:#333; font-weight: bold; margin-bottom:0px; text-shadow: 0px 1px 0px #fff; }
#error-bg p{ margin-top:0px; font-weight:bold; color: #000; font-size: 22px; text-shadow: 0px 0px 0px #852d01; }

.error-page-list { margin: 0 50px 0 50px;}
.sitemapLists { margin:0px; padding:0px;}
.sitemapLists li{ margin:0px; padding:0px; list-style:none outside; font-size:14px; padding: 2px 0 2px 16px;}
.sitemapLists li a { text-decoration:none;}
.sitemapLists li a:hover { text-decoration:underline;}

/* Guarantee */
.guaranteeWrap {width: 700px; margin: 0px auto;}
.guaranteeContent {width:700px; height: 149px; background-image: url('http://media.mercola.com/ImageServer/products/guarantee-layout_02.png'); background-repeat: repeat-y; position: relative;}
.guaranteeText {width: 425px; position: absolute; top: 10px; left: 245px; font-size: 16px; text-align:left;}
.guaranteeImgTop, .guaranteeImgBot {width:700px;height:30px; background-repeat: no-repeat;}
.guaranteeImgTop {background-image: url('http://media.mercola.com/ImageServer/products/guarantee-layout_01.png');}
.guaranteeImgBot {background-image: url('http://media.mercola.com/ImageServer/products/guarantee-layout_04.png');}
.guaranteeSeal {width: 215px; height: 149px; border: 0px; position: absolute; left: 30px; top: 0px; background-image: url('/images/satisfaction-guarantee.gif'); background-repeat: no-repeat;}

/* Others */
.selector { -moz-border-radius: 10px 10px 10px 10px; border:1px solid #09F; width:230px; padding:10px; margin:0px auto; text-align:left; }