/******* Styles for all html elements accross the site *******/
.HideContent { display: none; }
.ImportantLink { font-weight: bold; }
a { color: #0300EE; }
select, input { font-size: 11px; }
input[type="text"] { border: 1px solid; }
fieldset, img { border: 0px; margin: 0px; padding: 0px; }
frameset, form { margin: 0px; padding: 0px; }
label { cursor: pointer; cursor: hand; } 
body { margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px; font-family: verdana, tahoma, arial, geneva, sans-serif; color: #000; text-align: center; background: #fff;}

/* Holds all the content in a central column */
#Container { margin: 0px auto; padding: 0px; text-align: left; width: 778px;}

/* Used for printing purposes */
#TopLogoRow { display: none;}

/* Everything below the header */
#Content { position: absolute; top: 82px; width: 778px; }
#SponsorLogo {   position: relative;  top: -12px; left: 10px; } 
#TopBanner { margin: 0px; padding: 0px; z-index: 10; width: 778px; position: relative; border: 1px solid #EBEBEB; height: 77px;  }
#PageContent { z-index: 9; padding: 10px 0px 0px 0px; float: right; width: 610px; font-size: 12px; line-height: 1.4em; }
#ContentFooter { width: 610px; clear: both; height: 20px;}
#SecondaryMenu { width: 158px; background-color: #ffffff; padding: 8px 0px 0px 0px; float: left;}

/************ Main layout and structure of page **************/
#PageContent div { margin: 0px 0px 10px 0px; }

/** LHS Menu **/
#SecondaryMenu h4 { border-top: 4px solid #000; margin: 0px; padding: 2px 0px 0px 2px; color: #000; font-weight: normal; font-size: 12px; height: 16px; line-height: 14px;}
#SecondaryMenu select { margin: 3px 3px 0px 3px; border: 1px solid #7F9DB9; width: 150px;}
#SecondaryMenu ul { margin: 0px; padding: 0px;  list-style: none; font-weight: normal;}
#SecondaryMenu li { padding: 2px 0px 2px 4px;font-size: 11px; }
#SecondaryMenu .MenuBox { border: 1px solid #EBEBEB; border-top: 0px; margin: 0px 0px 12px 0px; padding: 0px;   }
#SecondaryMenu .inMenuBox {padding: 0px 0px 4px 0px; width: 158px; }
#SecondaryMenu #InfoBox { padding: 0px;  color: #fff; font-weight: bold;}
#SecondaryMenu #ShopBy label { display: none;}
#SecondaryMenu #InfoContent { padding: 0px 3px; }

/** Mini Basket and account info **/
#InfoBasket { padding-top: 3px; } 
#InfoBasket ul, #InfoBasket li { margin: 0;  padding: 0; }
#InfoBasket li,#InfoBasket p { margin: 3px 0; }
#InfoBox { background: #7a7a7a; margin: 0px 0px 10px 0px;  } 
#InfoBox .InfoArea div {  color: #6E696D; background: #FFFDD6; width: 143px;  margin: 0px 4px; padding: 3px;  } 
#InfoBox .InfoArea p { margin: 0px; padding: 0px;font-weight: bold; }


#InfoBox #VoucherCodeInput form { margin: 3px; height: 36px; overflow: hidden; } 
#InfoBox #CouponCode {  border: 1px solid #000; margin: 0px;  width: 75px; margin-right: 4px; float: left; } 

/** Top Banner Section **/
#MaximuscleLogo { margin: 8px; float: left; }
#LinkedArea { float: right; margin: 5px 20px 2px 3px; font-size: 10px; z-index: 9;}
#FirstTier { margin: 0px; clear: left; background: none; height: 20px; z-index: 1001; position: absolute; top: 36px; right: 20px; }
#SecondTier { width: 778px; background: url(/Images/Layout/menu_background_black.gif) repeat-x #000; height: 22px;  position: absolute; top: 55px; left: 0px; display: block; z-inforindex: 1000; text-align: center; }

#LinkedArea ul { float: left; margin: 4px 2px 2px 0px;}
#LinkedArea li { display: inline; padding: 1px 6px 1px 4px; border-right: 1px solid #ccc; margin: 0px;}
#LinkedArea .Last { border-right: 0px; }
#LinkedArea li a { text-decoration: none; color: #000; }
#LinkedArea li a:hover { text-decoration: underline; color: #333; }
#LinkedArea fieldset { margin: 0px; padding: 0px; display: inline; float: left;}
#LinkedArea fieldset input { position: relative; top: 0px; border: 1px solid #333; width: 112px;}
#LinkedArea fieldset #SearchButton { border: 0px; position: relative; top: 3px; width: 23px; }

/** Tab Menu (First Tier) **/

#FirstTier ul { display: inline; padding: 0px;}
#FirstTier li { display: inline; float: left; margin-right: 2px; background:url(/Images/Layout/tabs_black.gif) repeat-x right top; }
#FirstTier a { text-decoration: none; color: #666666; display:block; padding: 4px 15px 2px 15px; }
#FirstTier li.mypage { font-weight: bold;  }

#FirstTier a:hover { color: #000;}
#FirstTier #current { }
#FirstTier #current a { color: #fff; padding: 3px 15px 4px 15px;}


/** SecondTier **/ 

#SecondTier ul { text-align: center; list-style:none; margin: 0px; padding: 4px 6px; font-size: 10px;}
#SecondTier li { font-weight: bold; display: inline; padding: 6px 10px 0px 10px;}
#SecondTier a { text-decoration: none; color: #fff;}
#SecondTier a:hover { text-decoration: underline;}


/** Drop Down Menu **/
#SecondTier .menu, #SecondTier .submenu { border-right: #909090 2px solid; border-bottom: #909090 2px solid; border-top: #f0f0f0 2px solid; border-left: #f0f0f0 2px solid; visibility: hidden; background: #D4D4D4; position: absolute; width: 180px; color: #000; text-align: left; padding: 2px; margin: -2px;}
#SecondTier #menuList ul li { margin: 2px; padding: 0px;}
#SecondTier #menuList ul li a { display: block;font-weight: normal; padding: 3px; margin: 0px; color: #000;font-size: 10px;}
#SecondTier #menuList ul li a:hover { color: #eee; text-decoration: none; background-color: #05468B;}
#SecondTier #menu3, #SecondTier #menu4, #SecondTier #menu5{ width: 200px;}
#SecondTier #menu1_1 { width: 200px;}
#SecondTier #menu5 { width: 220px;}
#SecondTier .submenuactuator { background: url(/Images/Layout/arrow_menu_expand.gif) no-repeat top right;}
#DrugFreeIcon { margin: -5px 0px -5px 5px; } 
#DrugFreeIcon img { border:0px; } 
#DrugFreeIcon a { text-decoration: none; }
#DrugFreeIcon span { text-decoration: underline; position: relative; top: -12px; left: 2px; }

#protator {  font-family: arial, verdana, helvetica, sans-serif; font-size; 11px; height: 146px; width: 158px; overflow: hidden; position: relative;margin-bottom: 10px;  } 
#protator p { margin: 0px; padding: 0px; height: 125px; overflow: hidden; }
#protator h3 { background: #000 url(/Images/Layout/menu_background_black.gif); margin: 0; padding: 4px 0px; text-decoration: none; text-align:center; }
#protator h3 a { margin: 0px auto; padding-right: 6px;  background: url(/Images/arrow_right_white.gif) no-repeat right 4px; text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; } 
#protator h3 a:hover { text-decoration: underline; } 

/********** Site wide styles / common to all pages ***********/
.HideContent { display: none; } /* Used for accesability purposes */

#PageContent h1 { margin: 0px; padding: 0px; margin-bottom: 5px; color: #333333; font-size: 16px; font-weight: bold; clear: both;}
#PageContent h2 { margin: 0px; padding: 0px; color: #333333; font-size: 12px; clear: both; }
#PageContent h3, #PageContent h4 { margin: 0px; padding: 0px; color: #444; font-size: 12px; font-weight: bold; clear: both;}
#PageContent h4 { color: #333;}
#PageContent ul { list-style-type: square; margin-left: 20px; }
#PageContent ul li { margin: 0px 0px 5px 0px; padding: 0px; }

#PageContent .ContentBox { margin: 0px 0px 10px 0px; border: 1px solid #EBEBEB; font-size: 11px; color: #006ABE; padding: 2px 0px 5px 0px; border-top: 0px; background: url(/Images/Layout/content-box-top-black.gif) repeat-x; }
#PageContent .ContentBox h2, #PageContent .ContentBox h3 { font-size: 12px; font-weight: normal; padding-top: 1px; margin-left: 3px; margin-top: 1px; color: #000000; margin-bottom: 1px;}
#PageContent .ContentBox p { margin-top: 2px; margin-left: 4px; color: #000;}
#PageContent .ContentBox ul { margin: 0px; padding: 0px; list-style: none;}
#PageContent .ContentBox li { list-style: none; margin: 0px; padding-left: 3px; padding-top: 1px; color: #000; background-repeat: no-repeat; background-position: .4em .6em; font-size: 11px; padding-bottom: 1px;}
#PageContent .ContentBox select { width: 128px; font-size: 11px; margin-left: 8px; margin-top: 4px; margin-bottom: 2px; padding: 0px; border: 1px solid blue;}

#PageContent .FeatureBox {  background: url(/Images/Layout/bknd_FeatureBox.gif) repeat-x bottom; border: 1px solid #EFEFEF; font-weight: bold; font-size: 11px; font-family: arial,verdana, helvetica;  }
#PageContent .FeatureBox .Footer { height: 20px; line-height: 20px; text-align: center;  margin:0px; } 
#PageContent .FeatureBox .Footer a { color: #fff;   text-decoration: none; padding-right: 8px; background: url(/Images/arrow_right_white.gif) no-repeat right 4px;  } 

#PageContent .LeftColumn  { float: left; margin-right: 10px; } 
#PageContent .RightColumn { float: right; }

#PageContent .WidePageSection { width: 610px; float: left; margin-bottom: 10px; clear: both;}
#PageContent .NoBullets { list-style: none; margin: 5px 0px 10px 0px; padding-left: 0px;}

#Content #WebsiteFooter li { list-style: none; padding: 0px 2px; border-left: 1px solid #666; display: inline; padding-left: 5px}
#Content #WebsiteFooter ul { list-style:none; margin: 0px; }
#Content #WebsiteFooter { width: 770px; position: relative; clear: both; margin: 0px; padding: 0px; margin-top: 10px; height: 26px; left: 0px; font-size: 9px; text-align: center;  }
#Content #WebsiteFooter #SEOList { margin: 0px auto; width: 740px; }
#Content #WebsiteFooter #SEOList li { padding: 0px 2px; }
#Content #NavLinks { display: block;  padding: 7px 0px; background: #EBEBEB; width: 100%; } 

#Content #WebsiteFooter { width: 770px; position: relative;  clear: both;  margin: 0px;  background: #EBEBEB; padding: 0px;  margin-top: 10px;  height: 26px;  text-align: center;  font-size: 9px; background: ; }
#Content #WebsiteFooter a { color: #666; text-decoration: none; }
#Content #WebsiteFooter a:hover{ color: #000; text-decoration: underline; }
#Content #WebsiteFooter .FirstInList { border: 0px; }

#Content #WebsiteFooter .Copyright, #Content #WebsiteFooter .Copyright:hover { color:  #0300ee; }
.OutOfStock { float: right; color: #c00; margin-bottom: 5px;}
 
#FooterLinks { text-align: justify; font-size: 9px;  padding-top: 10px; margin-bottom: 25px; } 
#FooterLinks a { color: #333; text-decoration: underline; } 
#FooterLinks a:hover { text-decoration: none; }
#FooterLinks p { font-size: 10px; font-weight: bold; color: #C00; margin: 7px 0px 5px 0px; padding: 0px  } 
#Content #FooterLinks li {  list-style: none; padding: 0px 2px; border-left: 1px solid #666; display: inline; padding-left: 5px; }
#Content #FooterLinks ul { list-style:none; margin: 0px; padding: 0px;  }
#Content #FooterLinks .FirstInList { border: 0px; }


/**************** Last Chance Offer *******************/

#onetimeoffer { background: url('/Images/Features/onetimeoffer.gif'); width: 609px; height: 110px;  }
#onetimeoffer p { padding-left: 120px; padding-top: 38px; padding-right: 14px;  font-size: 90%; line-height: 12px; }
#onetimeoffer span { float: right; padding-right: 5px; }
#onetimeoffer .button { padding-top: 5px; }

/**************** Team Intro Offer *******************/

#teamoffer { background: url('/Images/Features/teamoffer.gif'); width: 609px; height: 110px;  }
#teamoffer p { padding-left: 120px; padding-top: 38px; padding-right: 14px;  font-size: 90%; line-height: 12px; }
#teamoffer span { float: right; padding-right: 5px; }
#teamoffer .button { padding-top: 5px; }

.ImportantMessage { border: 3px solid #000; padding: 5px 5px 0px 5px ; } 
.ImportantMessage p { margin: 0px 0px 5px 0px; } 

.Warning { color: #c00; font-weight: bold; } 


/**************** Personal Page *****************/
#PageContent .pColumnWideLeft {  width: 405px;   float: left; }
#PageContent .pColumnWideLeft .Header { background: url(/Images/myPage/personalheader.gif); height: 187px; width: 405px; }
#PageContent .pColumnWideLeft .Header h2 { padding-top: 15px; width: 200px; padding-left: 20px; color: red; font-size: 120%; }

#PageContent .pColumnWideLeft .Header p { width: 200px; padding-left: 20px;  }
#PageContent .pColumnWideRight {  width: 195px;  float: right; margin: 0px; padding: 4px 0px;  }