/******* 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; }
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: 105px; width: 778px;}
#SponsorLogo { position: relative; top: -12px; left: 10px; }
#TopBanner { margin: 0px; padding: 0px; z-index: 10; width: 778px; height: 100px; position: relative; background: url(/Images/Layout/top-banner-bg.gif) no-repeat;}
#PageContent { z-index: 9; padding: 10px 0px 0px 0px; float: right; width: 610px;}
#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 { background: url(/Images/Layout/content-box158-top.gif) no-repeat; margin: 0px; padding: 6px 0px 2px 2px; color: #000; font-size: 11px; height: 16px; line-height: 18px;}
#SecondaryMenu select { margin: 3px 3px 0px 3px; border: 1px solid #7F9DB9; width: 150px;}
#SecondaryMenu ul { margin: 0px; padding: 0px; font-size: 10px; list-style: none; font-weight: normal;}
#SecondaryMenu li { padding: 1px 0px 1px 4px;}
#SecondaryMenu .MenuBox { background: url(/Images/Layout/content-box158-bg.gif) repeat-y; margin: 0px 0px 12px 0px; padding: 0px; }
#SecondaryMenu .inMenuBox {padding: 0px 0px 12px 0px; width: 158px; background: url(/Images/Layout/content-box158-bottom.gif) bottom no-repeat;}
#SecondaryMenu #InfoBox { padding: 0px; color: #fff; font-weight: bold;}
#SecondaryMenu #ShopBy label { display: none;}
#SecondaryMenu #InfoContent { padding: 0px 3px; }
/** Mini Basket and account info **/
#InfoBox { position: relative; color: #000; width: 158px; height: 180px; background: url(/Images/Layout/info_box_bknd.gif) repeat-y #E32E2E; margin: 0px 0px 10px 0px; }
#InfoBox .InfoArea div { position: absolute; top: 23px; font-size: 10px; color: #6E696D; background: #FFFDD6; width: 143px; height: 110px; margin: 0px 4px; padding: 3px; }
#InfoBox .InfoArea h3 { width: 79px; font-size: 11px; padding: 3px 0px 3px 6px; background: url(/Images/Layout/info_box_tab_off.gif) no-repeat; margin: 0px 0px 2px 0px; }
#InfoBox .InfoArea h3 a { padding: 2px 16px 2px 4px; text-decoration: none; color: #fff; }
#InfoBox #InfoAccount h3 { position: absolute; top: 0px; left: 79px; }
#InfoBox .InfoArea p { margin: 0px; padding: 0px;font-weight: bold; }
#InfoBox .InfoArea .deliverynotice { font-weight: normal; padding-top: 3px; }
#InfoBox .InfoArea ul { margin-top: 2px; margin-left: 2px; padding: 0px; list-style: none; }
#InfoBox .InfoArea li { background: url(/Images/Navigation/bullet_point_menu.gif) 0px 6px no-repeat; padding: 0px; padding-top: 1px; padding-left: 5px; margin-left: 0px; padding-bottom: 1px; }
#InfoBox .InfoFocused div { display: block; }
#InfoBox .InfoHidden div { display: none; }
#InfoBox .InfoFocused h3 { background: url(/Images/Layout/info_box_tab_on.gif) no-repeat; }
#InfoBox #VoucherCodeInput { width: 158px; position: absolute; bottom: 0px; background: url(/Images/Layout/info_box_footer.gif) no-repeat 0px bottom #E32E2E; }
#InfoBox #VoucherCodeInput form { margin: 3px; height: 36px; overflow: hidden; }
#InfoBox #CouponCode { border: 1px solid #000; margin: 0px; width: 75px; margin-right: 4px; float: left; }
#InfoBox #VoucherCodeSubmit { float: left; }
/** Top Banner Section **/
#MaximuscleLogo { margin: 9px 0px 0px 8px; float: left;}
#LinkedArea { float: right; margin: 2px 3px; font-size: 9px; position: relative; top: 72px; right: 20px; z-index: 9;}
#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 { margin: 0px 10px; clear: left; background: none; margin-left: 230px; height: 20px; position: relative; top: -12px; z-index: 1001;}
#FirstTier ul { display: inline; padding: 0px;}
#FirstTier li { display: inline; float: left; font-weight: bold; background:url(/Images/Layout/tab-norm-right.gif) no-repeat right top;}
#FirstTier a { text-decoration: none; color: #666666; display:block; background:url(/Images/Layout/tab-norm-left.gif) no-repeat left top; padding: 4px 15px 2px 15px;}
#FirstTier a:hover { color: #000;}
#FirstTier #current { background-image:url(/Images/Layout/tab_norm_right_on.gif);}
#FirstTier #current a { background-image:url(/Images/Layout/tab_norm_left_on.gif); color: #fff; padding: 3px 15px 4px 15px;}
/** SecondTier **/
#SecondTier { width: 778px; background: #e32e2e; height: 22px; position: relative; top: -13px; display: block; z-index: 1000; text-align: center; float: left;}
#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;}
/********** 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 { background: #ebebeb; margin: 0px 0px 10px 0px; border: 0px; border-top: 3px solid #E32E2E; font-size: 11px; color: #006ABE; padding: 0px;}
#PageContent .ContentBox h2, #PageContent .ContentBox h3 { font-size: 11px; 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; font-size: 10px; list-style: none;}
#PageContent .ContentBox li { margin: 0px; background-image: url(/Images/Layout/bullet_point.gif); padding-left: 10px; padding-top: 1px; color: #000; background-repeat: no-repeat; background-position: .4em .6em; 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 .ActionButtons { text-align: right; margin-bottom: 10px; clear: both;}
#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 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-top: 7px; }
#Content #WebsiteFooter { width: 770px; position: relative; clear: both; margin: 0px; padding: 0px; margin-top: 10px; height: 26px; text-align: center; font-size: 9px; background-image:url("/images/Layout/footer.gif"); }
#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;}
#NewIcon { position: absolute; top: -5px; right: 10px; }
#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: red; 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; }