﻿/* Template wide styles */

body,div,span,a,p,td,h1,h2,h3,h4,h5,h6{font-family:verdana; font-size:12px;}
strong{font-weight:bold;}

.Clear{clear:both; font-size:0; line-height:0; height:0;}

input{font-weight:normal; color:#6E7680;}

/* Header */

.Header{width:960px;  margin:auto; position: relative;}

.Header .PhoneNumber{height:60px; background:url(../i/CallUs.jpg) no-repeat right top;}
.Header .PhoneNumberHealthNotes{height:90px; background:url(../i/CallUs.jpg) no-repeat right top;}
.Header .PhoneNumberBlank{height:60px;}
.Header .Logo{position:relative; top:25px;}
.Header .TopTabsOuter{width:960px; margin:auto;}
.Header .TopTabs{margin-left:230px;}
.Header .GBOuter{width:960px; height:40px; margin:auto; background:#339933 url(../i/GreenBarRight.jpg) no-repeat right center;}
.Header .GBInner{width:960px; height:40px; background:url(../i/GreenBarLeft.gif) no-repeat left center;}
.Header .GBMenu{width:942px; color:white; position:relative; top:14px; left:18px;}
.Header .GBMenu a{color:white; font-weight:bold; text-decoration:none;}
.Header .GBMenu a:hover{text-decoration:underline;}
.Header .TopBarMain{width:960px; height:40px; margin:auto; margin-top:1px; margin-bottom:16px; background:url(../i/TopBarMid.jpg) repeat-x;}
.Header .TopBarLeft{width:960px; height:40px; background:url(../i/TopBarLeft.jpg) no-repeat left center;}
.Header .TopBarLeftBlank{width:960px; height:40px; background:url(../i/TopBarLeftBlank.jpg) no-repeat left center;}
.Header .TopBarRight{width:960px; height:40px; background:url(../i/TopBarRight.jpg) no-repeat right center; text-align:right;}
.Header .Flags{padding:9px 2px 0 8px;}
.Header .FlagOn{float:right; height:27px; margin-right:6px; background:url(../i/FlagArrow.jpg) no-repeat center bottom;}
.Header .FlagOff{float:right; height:27px; margin-right:6px;}
.Header .SelectCurrency{position:relative; top:3px; right:8px;}

/* Tabs and Drop Downs */

/*.DropDown{width:200px; border:solid 1px #339933; background-color:White;}*/
.DropDown{border:solid 1px #339933; background-color:White;}
.DropDown .dd_Closed{display:block; padding:6px 32px; color:#339933; font-size:12px; font-weight:bold; border-top:dotted 1px #CCCCCC; background:#FFFFCC url(../i/DropDownPlus.jpg) no-repeat 8px;}
.DropDown .dd_Open{border-top:dotted 1px #CCCCCC;}
.DropDown .dd_Open .dd_Title{display:block; padding:6px 6px 6px 32px; color:#999999; font-size:12px; font-weight:bold; text-decoration:none; background:white url(../i/DropDownMinus.jpg) no-repeat 8px;}
.DropDown .dd_Open ul{margin:0px 10px 10px 32px;}
.DropDown .dd_Open ul li{height:16px;}
.DropDown .dd_Open ul li a{color:#339933; font-size:11px;}
.DropDown .dd_Open ul li a:hover{color:#FF6600;}

/* Template Columns */

.Columns{width:960px; margin:auto;}
.ColumnLeft{width:196px; float:left; text-align:left;}
.ColumnMiddle{width:583px; float:left; text-align:left;}
.ColumnRight{width:180px; float:left; text-align:left;}
.ColumnWide{width:764px; float:left; text-align:left;}

.MenuBoxTop{width:180px; height:28px; background:url(../i/MenuBoxTitle.jpg) no-repeat;}
.MenuBoxTop h4{position:relative; top:7px; left:38px; color:white; font-weight:bold; width:140px;}

/* Mini Basket */

.MiniBasket{width:180px; margin-bottom:16px;}
.MiniBasket .Product{width:178px; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;}
.MiniBasket .Description{width:125px; float:left; margin-bottom:4px;}
.MiniBasket .Description a{color:#339933; font-size:10px; font-weight:bold; margin:3px; display:block;}
.MiniBasket .Description a:hover{color:#FF6600;}
.MiniBasket .Details{width:53px; float:left; text-align:right; margin-bottom:4px;}
.MiniBasket .Price{color:#FF6600; font-size:10px; font-weight:bold; margin:3px 3px 0px 3px;}
.MiniBasket .Quantity{border:solid 1px #CECECE; font-size:10px; color:#616161; width:35px; padding:3px; margin:3px 3px 0 7px;}
.MiniBasket .Buttons{margin:3px 2px 0 1px;}
.MiniBasket img{margin-left:3px;}
.MiniBasket .Divider{clear:both; width:180px; height:1px; background:url(../i/DotsHorizontal.gif) repeat-x;}
.MiniBasket .Summary{width:178px; border-top:none; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; background-color:#F0F0F0;}
.MiniBasket .SummaryGrid{width:178px; border-top:none;}
.MiniBasket .SummaryGrid .Left{padding:4px; color:#339933; font-size:11px; border-top:dotted 1px #CCCCCC; border-right:dotted 1px #CCCCCC;}
.MiniBasket .SummaryGrid .Right{padding:4px; color:#FF6600; font-size:11px; font-weight:bold; text-align:right; border-top:dotted 1px #CCCCCC;}
.MiniBasket .CheckoutButtons .Edit{display:block; float:left; width:72px; height:28px; background:url(../i/MBEdit.jpg); }
.MiniBasket .CheckoutButtons .Checkout{display:block; float:left; width:108px; height:28px; background:url(../i/MBCheckout.jpg); }
.MiniBasket .EmptyMiddle{width:148px; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; padding:15px; color:#FF6600; text-align:center; font-weight:bold; font-size:11px;}
.MiniBasket .EmptyBottom{width:180px; height:9px; background:url(../i/MiniBasketEmptyBottom.gif);}

/* Search Box */

.Search{margin-bottom:16px;}
.Search .Inner{width:178px; background-color:#FFFFCC; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;}
.Search .InnerContent{width:160px; margin:auto; padding:10px 0 10px 0; border:none;}
.Search .SearchBox{margin-bottom:5px;}
.Search .SearchBox img{display:block;}
.Search .Terms{border:solid 1px #7F9DB9; font-weight:normal; color:#339933; width:110px; height:16px; display:block; float:left; margin-right:3px;}
.Search .Type input{margin-right:5px;}
.Search .Type label{font-weight:normal; color:#339933;} 
.Search .Divider{border-bottom:dotted 1px #CCCCCC; margin:8px 0 8px 0;}
.Search .Lists select{width:160px; margin-bottom:3px; font-weight:normal; color:#339933;}
.Search .Advanced a{color:#339933; font-weight:bold; position:relative; top:-1px;}
.Search .Advanced a:hover{color:#FF6600;}
.Search .Bottom{width:180px; height:9px; background-image:url(../i/SearchBottom.gif); background-repeat:no-repeat;}


/* Product Menu */

.ProductMenu {margin-bottom:16px;}
.ProductMenu .Inner{width:178px; background-color:#F0F0F0; border-right:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;}

.ProductMenu .Level1{}
.ProductMenu .L1Off {display:block; width:100%; background-color:#F0F0F0; color:#339933; font-weight:bold; padding:5px 0 5px 0;}
.ProductMenu .L1Off a{margin-left:14px; padding-left:22px; font-size:14px; color:#339933; text-decoration:underline; background:url(../i/PMPlus1.jpg) no-repeat left center;}
.ProductMenu .L1Off a:hover{color:#FF6600;}
.ProductMenu .L1On {display:block; width:100%; background-color:#FFFFCC; color:#999999; font-weight:bold; padding:5px 0 5px 0; border-top:dotted 1px #CCCCCC;border-bottom:dotted 1px #CCCCCC;}
.ProductMenu .L1On .L1Name{margin:0 0 4px 14px; font-size:14px; padding-left:21px; height:16px; position:relative; color:#999999; background:url(../i/PMMinus1.jpg) no-repeat left center;}
.ProductMenu .L1On .L1Name a{color:#999999;}
.ProductMenu .L1On .L1Name a:hover{color:#FF6600;}

.ProductMenu .Level2{}
.ProductMenu .L2Off{  display:block; width:100%; color:#339933; font-size:11px; font-weight:bold; padding:2px 0 2px 0;}
/*.ProductMenu .L2Off a{margin-left:34px; padding-left:18px; color:#339933; font-size:11px; text-decoration:underline; background:url(../i/PMPlus2.jpg) no-repeat left center;}*/
.ProductMenu .L2Off a{border:0px solid red;margin-left:34px;display:block;padding-left:20px; color:#339933; font-size:11px; text-decoration:underline; background:url(../i/PMPlus2.jpg) no-repeat 0px 2px; vertical-align:text-top; }
.ProductMenu .L2Off a:hover{color:#FF6600;}
.ProductMenu .L2On {display:block; width:100%; background-color:#FEFEF3; color:#999999; font-weight:bold; padding:5px 0 5px 0; margin:4px 0 4px 0; border-top:dotted 1px #CCCCCC;border-bottom:dotted 1px #CCCCCC;}
.ProductMenu .L2On a{background-color:#FEFEF3; color:#999999; font-weight:bold;}
.ProductMenu .L2On a:hover{color:#FF6600;}
.ProductMenu .L2On div{margin-left:34px; padding-left:18px; height:12px; position:relative; color:#999999; font-size:11px; background:url(../i/PMMinus2.jpg) no-repeat left center;}

.ProductMenu .Level3{margin:5px 0 4px 52px;}
.ProductMenu .Level3 li{font-size:0px; line-height:0px; margin:4px 0 4px 0;}
.ProductMenu .Level3 li a{display:block; font-size:10px; line-height:10px; padding-left:13px; text-decoration:underline; color:#339933; background:url(../i/PMPlus3.jpg) no-repeat left center;}
.ProductMenu .Level3 li a:hover{color:#FF6600;}

.ProductMenu .Level3kb{margin:5px 0 4px 34px;}
.ProductMenu .Level3kb li{font-size:0px; line-height:0px; margin:4px 0 4px 0; }
.ProductMenu .Level3kb li a{display:block; font-size:11px; line-height:13px; padding-left:13px; text-decoration:underline; color:#339933; background:url(../i/PMPlus2.jpg) no-repeat scroll 0 2px;vertical-align:text-top;}
.ProductMenu .Level3kb li a:hover{color:#FF6600;}


.ProductMenu .Bottom{width:180px; height:9px; background:url(../i/ProductMenuBottom.gif) no-repeat;}

/*.L2OffForHealth{  display:block; width:100%; color:#339933; font-size:11px; font-weight:bold; padding:2px 0 2px 0;}*/
.L2OffForHealth a {font-size:20px; font-weight:bold;}

/* My Bodykind Menu */

.MyBodyKindMenu{margin-bottom:16px;}
.MyBodyKindMenu .Inner{width:178px; background-color:#FBFBFB; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.MyBodyKindMenu .InnerContent{padding:10px;}
.MyBodyKindMenu .Welcome{color:#339933; font-size:12px; font-weight:bold;}
.MyBodyKindMenu .RewardPoints{color:#339933; font-size:9px;}
.MyBodyKindMenu .RewardPoints a{color:#FF6600; font-size:9px; text-decoration:underline;}
.MyBodyKindMenu .RewardPoints a:hover{color:#FF6600;}
.MyBodyKindMenu .Divider{border-bottom:dotted 1px #CCCCCC; margin:8px 0 8px 0;}
.MyBodyKindMenu .Menu li{margin:3px 0 3px 0;}
.MyBodyKindMenu .Menu a{font-size:11px; font-weight:bold; background:url(../i/MyBodyKindBullet.jpg) no-repeat left center; padding-left:18px; color:#339933;}
.MyBodyKindMenu .Menu a:hover{color:#FF6600;}
.MyBodyKindMenu .Membership{font-size:11px; color:#339933;}
.MyBodyKindMenu .Membership a{font-size:11px; color:#FF6600; text-decoration:underline;}
.MyBodyKindMenu .Membership a:hover{color:#FF6600;}
.MyBodyKindMenu .Bottom{display:block; width:180px; height:40px; background:url(../i/MyBodyKindBottom.jpg) no-repeat;}
.MyBodyKindMenu .BottomBlank{display:block; width:180px; height:9px; background:url(../i/MyBodyKindBottom2.gif) no-repeat;}

/* HealthNotes Menu */

.HealthNotesMenu{margin-bottom:16px;}
.HealthNotesMenu .Inner{width:178px; background-color:#FFFFCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.HealthNotesMenu .InnerContent{padding:10px;}
.HealthNotesMenu .Intro{color:#339933; font-size:10px;}
.HealthNotesMenu .Menu li{margin:3px 0 3px 0;}
.HealthNotesMenu .Menu a{font-size:11px; font-weight:bold; background:url(../i/HealthNotesMenuBullet.jpg) no-repeat left center; padding-left:18px; color:#339933;}
.HealthNotesMenu .Menu a:hover{color:#FF6600;}
.HealthNotesMenu .Bottom{display:block; width:180px; height:9px; background:url(../i/HealthNotesMenuBottom.gif) no-repeat;}

/* Newsletter Signup */

.NewsletterSignup{margin-bottom:16px;}
.NewsletterSignup .Inner{width:178px; background-color:#F0F0F0; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.NewsletterSignup .InnerContent{padding:10px 10px 0 10px;}
.NewsletterSignup .Intro p{color:#666666; font-size:11px; margin-bottom:5px;}
.NewsletterSignup .Controls{color:#339933; font-size:11px; font-weight:bold;}
.NewsletterSignup .Controls img{position:relative; top:4px;}
.NewsletterSignup .Controls .Email{width:155px; margin-bottom:5px;}
.NewsletterSignup .Bottom{display:block; width:180px; height:9px; background:url(../i/NewsletterSignupBottom.gif) no-repeat;}
.NewsletterSignup .signuperror{ color:#F0780A; font-size:11px;}
.NewsletterSignup .ThankYouText{color:#666666; font-size:11px;}

/* Toxicity Test */

.ToxicityTestButton{display:block; margin-bottom:16px;}

/* Best Sellers */

.BestSellers{margin-bottom:16px;}
.BestSellers .Inner{width:178px; background-color:#FBFBFB; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.BestSellers .List{padding:0 10px 6px 10px;}
.BestSellers .List li{border-bottom:dotted 1px #CCCCCC; padding:8px 0 8px 0; padding-bottom:6px; clear:both;}
.BestSellers .List li img{float:left; display:block; padding:2px 5px 5px 0;}
.BestSellers .List li a{ width:140px; font-size:11px; float:left; display:block; color:#339933; text-decoration:underline;}
.BestSellers .List li a:hover{color:#FF6600;}
.BestSellers .Bottom{display:block; width:180px; height:23px; background:url(../i/BestSellersSeeAll.gif) no-repeat;}

.RecentlyViewed .Bottom{display:block; width:180px; height:9px; background:url(../i/NewsletterSignupBottom.gif) no-repeat;}

/* Page Footer */

.PageFooter{width:960px; margin:auto; margin-bottom:20px;}
.BottomMenu{height:36px; background:url(../i/BottomMenuMiddle.jpg) repeat-x;}
.BottomMenu .Outer{height:36px; width:100%; background:url(../i/BottomMenuLeft.jpg) no-repeat left center;}
.BottomMenu .Inner{height:36px; width:100%; background:url(../i/BottomMenuRight.jpg) no-repeat right center;}
.BottomMenu .Menu{width:930px; color:#646700; font-weight:bold; position:relative; top:12px; left:18px;}
.BottomMenu .Menu a{color:#646700; font-weight:bold; text-decoration:none;}
.BottomMenu .Menu a:hover{text-decoration:underline; color:#FF6600;}

.PageFooter .Middle{background-color:#F0F0F0; border-left:solid 1px #CCCC98; border-right:solid 1px #CCCC98;}
.PageFooter .Middle .Cards{margin:10px; float:left;}
.PageFooter .Middle .Cards .secureShopping{margin-top:8px; width:275px; text-align:center;}
.PageFooter .Middle .Cards .secureShopping a{font-size: 12px; font-weight:bold; color:#6E7680;}
.PageFooter .Middle .Security{ width:500px; margin:10px; float:right;}
.PageFooter .Middle .Security a{margin:0 0 0 10px; float:right;}
.PageFooter .Middle .Security a:hover{color:#FF6600;}

.PageFooter .Footer{width:960px; height:70px; background:url(../i/Footer.gif) no-repeat; margin-bottom:10px;}

#submenu-supplements
{    
	display: none;
	position:absolute; top:90px; left:295px;
	z-index:50;            
}

#submenu-therapies
{    
	display: none;
	position:absolute; top:90px; left:415px;
	z-index:5000;            
}

#submenu-beauty
{    
	display: none;
	position:absolute; top:90px; left:532px;
	z-index:5000;            
}

.MasterLogin .username{margin-bottom:2px;}
.MasterLogin .username span
{
    font-size: 11px;
    color:#666666;
}
.MasterLogin .password{margin-bottom:2px;}
.MasterLogin .password span
{
    font-size: 11px;
    color:#666666;
}
.MasterLogin .login {margin-top: 5px; margin-bottom: 5px;}
.MasterLogin .login .Error {color:#FF6600;}
.MasterLogin .RememberMe{color:#666666; font-size: 11px;}
.MasterLogin .passwordreminder a{font-size: 10px; color:#339933;}
.MasterLogin .passwordreminder a:hover{color:#FF6600;}
.MasterLogin .createaccount a{font-size: 10px; color:#339933;}
.MasterLogin .createaccount a:hover{color:#FF6600;}
.banners{margin-left:5px}
