/* YUI Reset + Fonts */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/


html{color:#222;background:#fcfcfc;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:1px;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
label { cursor:pointer;cursor:hand } 
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
body {font:13px/1.31 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background: #fff; }
/*table {font-size:inherit;font:100%;}*/
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
	font-family: arial,helvetica,clean,sans-serif;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-family: arial,helvetica,clean,sans-serif;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:0 1em 1em 2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	/*margin-bottom:1em;*/
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
/*input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}*/


/* Maximuscle Page Structure */
#doc { width:74.923em;*width:73.05em; 
    min-height: 99%;
	margin: 0 auto;
        padding: 0px;
	text-align: left;
}

#menu { 
	/*left hand side menu*/
	width:17.692em; /* 230/13 */ 
	*width:17.25em;/* 230/13.3333 */ 
}
#bt {  padding-top: 7.6em; padding-bottom: 1.231em; } 

.pageContent { 
	/*the actual page content*/
	width:56em; /* 728/13 */ 
	*width:54.6001em;/* 728/13.3333 */
	float: right;
	margin-left: 0;   	
}
#ft { /*page footer*/ clear: both;  text-align: center; padding-bottom: 0.5em; padding-top: 10px  } 
#hd { /*page header*/ width:74.923em;*width:73.05em; margin: 0; background: #fff;position:absolute; top: 0; height: 6em; } 


#hd .additionalLinks a { color: #999; font-size: 108%;padding: 0.5em 0; } 
#hd .additionalLinks .basketLink a { background: url(../../images/custom/mainBackground.png) 0 -323px no-repeat; padding-left: 26px;  } 
#hd #link_header_language {
font-size: 5px;
}

#hd #link_header_language_li {
border: none;
margin-left: 10px;
padding-top: 4px;
padding-left: 10px;
}

table.cus_table {
border: 1px solid #CCCCCC;
border-collapse: collapse;
margin-bottom: 0;
}

td.pageHeading {
color: #666666;
font-size: 1.4em;
font-weight: bold;
}

td.productListing-heading {
border-bottom: 1px solid #CCCCCC;
font-weight: bold;
color: #666666;
}

a.productListing-heading {
color: #666666;
font-weight: bold;
}

td.productListing-data {
font-size: 1.1em;
color: #333333;
border-bottom: 1px solid #CCCCCC;
vertical-align: middle;
}

table.simpleBottomBorder {
border-bottom: 1px solid #CCCCCC;
}

td.simpleBottomBorder {
border-bottom: 1px solid #CCCCCC;
}

td.productListing-data-other {
vertical-align: middle;
valign: middle;
}

.productListing-data a {
color: #333333;
}

td.smallText {
color: #666666;
}

td.cartText {
color: #666666;
}

td.cartText p{
border: 1px solid #CCCCCC;
padding: 5px;
margin-left: 2px;
margin-right: 2px;
}

td.simpleBorder {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 4px;
}

td.simpleBorderAround {
border: 1px solid #CCCCCC;
}

td.simpleNoPadding {
padding: 0;
padding-bottom: 10px;
}

td.simpleNoMarginNoBorder {
border: none;
margin: 0;
padding: 0;
padding-bottom: 4px;
}

td.simpleNone {
padding: 0;
}

.simpleNone img {
vertical-align: middle;
}

/* Html and element styles */
a, a:visited { text-decoration: none; color: #0300EE; } 
a:hover { text-decoration: underline; } 
.pageContent div { margin-bottom: 1em; }
.pageContent div.states {margin: 0}
optgroup { margin-bottom: 0.5em ; }
.nobr { white-space: nowrap; } 


/* Make the default for ul to be used as layout tools, use class="bulletList" to indicate it should be shown as a list  */
.widePageContent ul, .pageContent ul { margin: 0 0 1em 0; padding: 0;  } 
.widePageContent ul li, .pageContent ul li { list-style: none; margin:0;padding:0; display: inline;}
.widePageContent ul.bulletList, .pageContent ul.bulletList, .widePageContent ol ul, .pageContent ol ul  { margin:0 1em 1em 2em; } 
.pageContent ul.bulletList li, .pageContent ol ul li, .widePageContent ul.bulletList li, .widePageContent ol ul li    { list-style: square outside; display: list-item;}

/* Page Grids and structure */
.grid1, .grid2, .grid-2, .grid3, .grid-3, .grid3-12, .grid-3-12, .grid3-21, .grid-3-21, .grid4, .grid-4, .grid4-31 { clear: both; display: block; width: 100%; } 
.grid2 div div, .grid-2 div div, .grid3 div div, .grid-3 div div, .grid3-12 div div, .grid-3-12 div div, .grid3-21 div div, .grid-3-21 div div,.grid4 div div, .grid-4 div div, .grid4-31 div div  { width: 100%; margin: 0; }  

.grid2 div { float: left; margin: 0 0 1.231em 0; width: 50% } 
.grid-2 div { float: left; margin: 0 0 1.231em 1.231em; width: 354px; } 
.grid-2 div.firstInList { margin-left: 0; }

.grid3 div, ul.grid3 li { float: left; margin: 0 0 1.231em 0; width: 33.333%;*width: 33.3%;}

/*.grid-3 div, ul.grid-3 li { float: left;margin: 0 0 1.231em 1.231em; width: 232px;width: 17.846em;*width: 17.410em;min-width:232px;  } */

.grid-3 div, ul.grid-3 li { float: left;margin: 0 0 1.231em 16px; width: 232px; }

.widePageContent .grid-2 div { width: 476px; } 
.widePageContent .grid-3 div { width: 314px; } 
.grid-3 div.firstInList, ul.grid-3 li.firstInList { margin-left: 0; } 

.grid3-12 div { float: left; margin: 0 0 1.231em 0; width: 66.666%; } 
.grid3-12 div.firstInList { margin: 0; width: 33.333%; } 

.grid-3-12 div { float: left; margin: 0 0 1.231em 1.231em;*margin: 0 0 0 0; width: 480px; width: 36.923em;*width: 36.033em; }
.grid-3-12 div.firstInList { margin-left: 0; width: 232px;width: 17.846em;*width: 17.416em;min-width:232px;  }
 
.grid3-21 div { float: left; margin: 0 0 1.231em 0; width: 33.333%;  } 
.grid3-21 div.firstInList { margin: 0; width: 66.666%; } 


.grid-3-21 div { float: left; margin: 0 0 1.231em 1.231em;  width: 318px;}
.grid-3-21 div.firstInList { margin: 0; width: 637px; }
 
.grid4 div, ul.grid4 li { float: left; margin: 0 0 0 0; width: 24.995%; }
.grid-4 div { float: left; margin: 0 0 1.231em 1.231em; width: 170px;width: 13.077em;*width: 12.762em;min-width:170px; } 
.grid-4 div.firstInList, .grid-4 li.firstInList { margin-left: 0; } 
ul.grid-4 li { float: left; margin: 0 0 0 1.231em; } 


.grid4-31 div { float: left; margin: 0 0 1.231em 1.231em; width: 170px;   } 
.grid4-31 div.firstInList { width: 530px; margin: 0 0 1.231em 0;} 

.grid4-31 .firstInList .grid-2 div { width: 255px; }
.grid4-31 .firstInList .grid-2 div.firstInList { margin-right: 1.231em; }
.grid4-31 .firstInList .grid2 div { width: 263px; }


/* Horizontal List of links - with bar seperating them - as used in the footer of the page */
#hd #SiteLogo { float: left; margin: 5px 0;} 
#hd #ImportantInfoHeader { position: absolute; top: 8em; margin: 0; left: 0; padding: 0; border: 1px solid #ccc; height: 31px; }

.additionalLinks a, .additionalLinks label {line-height: 1.85em; font-size: 12px; font-family: verdana, helvetica, sans-serif; color: #333; color: #333; border-color: #ccc;}
.additionalLinks form, .additionalLinks fieldset { margin: 0; padding: 0; display: inline; } 
.additionalLinks  li { border-right: 1px solid #ccc; list-style:none; display: inline; float: left;  padding: 0 0.4em 0 0.4em; }
.additionalLinks .basketLink { border: none; }  

#ft .additionalLinks { background: #e9e9e9 url(../../images/custom/mainBackground.png) 0 -459px repeat-x;  height: 2em; padding: 6px 0 0 0; text-align: center; } 

#ft .additionalLinks  ul {  margin-left: 11.2em; color: #666;}  
#ft .additionalLinks  ul a {  color: #666; } 

/* Navigation and Search - top right on all pages */
#hd .additionalLinks { width: 670px; overflow: hidden; position: absolute; right: 0; margin-top: 1em;text-align: right;}  
#hd .additionalLinks a { font-size: 12px; } 
#hd .additionalLinks ul { margin: 0;float: right; padding:0; text-align: right;}
#hd .additionalLinks label { display: none; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu_container  { z-index: 1000;  position: absolute; top: 5.4em; left: 0; height: 25px; width: 100%;background: #e9e9e9 url(../../images/custom/mainBackground.png) 0 -459px repeat-x;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {  left: 5em; list-style: none; margin-left: 5em; }
#pmenu ul { padding:0; margin:0; list-style: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {margin: 0 2.5em 0 0 ; display:inline; font-size:12px; color:#000; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:0px;} 
#pmenu ul a, #pmenu ul a:visited { margin:0 ; display:block; width: 250px; }
 
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; list-style:none;}
#pmenu ul { border: 1px solid #333; } 
#pmenu ul li {  background:#fff; color: #000; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } 
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu a:hover { text-decoration:underline; }
#pmenu ul li:hover > a {background:#fff; color:#000; }
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-12px; left:80px; margin:0px 3px 3px 3px; background:transparent url(../../images/custom/trans.gif); width:250px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-5px; top:22px;}

/* get rid of the table */
/*#pmenu table {position:absolute; border-collapse:collapse; top:10px; left:10px; z-index:100; font-size:1em;}
#pmenu table, #pmenu td { border: 0; } */

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; text-decoration: underline; }
#pmenu ul li a:hover { background: #666; color: #ccc; } 

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* Sort out the menu positioning */
* html #pmenu {  left: 2em; list-style: none; margin-left: 2em; }
* html #pmenu li a {  padding:0; margin-left: 0.25em; }

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:0px; margin:0px 3px 3px 3px; background:transparent url(../../images/custom/trans.gif);}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-21px; top:4px; lef\t:-22px; to\p:5px;
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}


/* Accordion Box */
.boxAccordion h2 { margin: 0;  }
.cbContent { overflow: hidden; }
.stateOpen .cbContent {	visibility: visible; 	height: auto;} 
.stateClosed .cbContent { visibility: hidden; height: 0; } 

/* LHS Menu */
#menu .boxAccordion { border: 1px solid #C7C7C7; margin-bottom: 1em;  } 
#menu .boxAccordion ul { margin-top: 0.2em; padding: 0; } 
#menu .boxAccordion .frmHideLabel label { display: none; }
#menu .boxAccordion .frmHideLabel { width: 100%; text-align: center; } 
#menu .boxAccordion .frmHideLabel select { width: 16em; margin: 0 auto; background: #FFFDD6; border: 1px solid #000; } 
#menu .boxAccordion p a { padding: 0px 0.2em 0px 1em; } 
#menu h2 {   background: #E9E9E9 url(../../images/custom/mainBackground.png) 0 -459px repeat-x; border-bottom: 1px solid #ccc; } 
#menu h2 a { font-size: 13px; font-family: verdana,arial,helvetica,clean,sans-serif;  font-weight: normal; color: #222; padding: 2px 2px 1px 10px; } 
#menu .stateClosed h2  {border-bottom:0;} 
#menu .stateOpen h2 a.showHide { display: block; background: url(../../images/custom/mainBackground.png) 204px -392px no-repeat; }
#menu .stateClosed h2 a.showHide { display: block; background: url(../../images/custom/mainBackground.png) 204px -358px no-repeat; }
#menu .contentBox p { margin: 0 0 0.5em 0;  }
#MenuShopBy p.frmHideLabel { padding: 0 0 2px 0; } 
#MenuShopBy #ShopImage a {padding: 0.25em;}
#MenuShopBy .cbContent p.frmHideLabel { margin: 0 0 0.4em 0; } 

#MenuRequestACatalogue .cbContent a { width: 220px; height: 110px; display: block; text-indent: -999em; background: url(../../images/custom/get_your_free_catalogue.png) no-repeat 6px 0px ; } 
#MenuRequestACatalogue .cbContent p { margin: 0;}
#MenuRequestACatalogue h3 {  display: none; }

#BadgeList { margin: 0; padding:0; text-align: center; }
#BadgeList li {display: list-item; list-style:none; margin-bottom: 0.5em; }
#BadgeList li.firstInList { display: inline; float: left; mar} 
#BadgeList li span { position: relative; top: -0.7em; }
#BadgeList a {text-decoration: none;}

.pageContent .contentBox, .widePageContent .contentBox {  border: 1px solid #C7C7C7; } 


/* Product Range Links */
.productRange {clear: both;padding-bottom: 1em; border: 1px solid #ccc;} 
.productRange h3 { font-size: 14px; font-weight: bold; margin: 1px 3px 0px 8px ; line-height: 1em; } 
.productRange p { margin: 3px 0 0 8px; padding: 0; line-height: 1em; } 
.productRange a,.productRange a:visited { font-size: 13px; color: #9d9d9d;} 
.productRange .more span { display: none; } 
.productRange ul{padding: 1em 1em 0 1em;}
.productRange ul.firstInList{ float: left; width: 50%; } 
.pageContent .productRange li,.widePageContent .productRange li  {height: 35px; overflow: hidden; display: list-item; margin: 0px 5px 1em 5px; } 

.productRange li h3 a, .productRange li h3 a:visited {font-size:14px;}
.productRange li.pr_protein {border-left: 4px solid #ab0000;}
.productRange li.pr_protein h3 a {color: #ab0000;}
.productRange li.pr_musclesize {border-left: 4px solid #1f1780;} 
.productRange li.pr_musclesize h3 a {color: #1f1780;}
.productRange li.pr_fatburning  {border-left: 4px solid #0e6e17;} 
.productRange li.pr_fatburning h3 a {color: #0e6e17;}
.productRange li.pr_energy {border-left: 4px solid #b4a049;} 
.productRange li.pr_energy h3 a {color: #b4a049;}
.productRange li.pr_creatine {border-left: 4px solid #0287b2;} 
.productRange li.pr_creatine h3 a {color: #0287b2;}
.productRange li.pr_cuttingedge  {border-left: 4px solid #d17b2e;} 
.productRange li.pr_cuttingedge h3 a {color: #d17b2e;}
.productRange li.pr_health {border-left: 4px solid #7b3e8b;} 
.productRange li.pr_health h3 a {color: #7b3e8b;}
.productRange li.pr_accessories {border-left: 4px solid #9d9d9d;} 
.productRange li.pr_accessories h3 a, .productRange li.pr_accessories h3 span {color: #9d9d9d;}


.sizeForcer {clear: both; padding: 0; margin: 0;}


.pageContent .contentBox, .widePageContent .contentBox {   margin-bottom: 1.231em;}
.pageContent .contentBox h2, .widePageContent .contentBox h2 { font-family: verdana, arial, helvetica, clean, sans-serif; font-size: 13px; font-weight: normal; background: #E9E9E9 url(../../images/custom/mainBackground.png) 0 -459px repeat-x; border-bottom: 1px solid #ccc; padding: 0.1em 0.2em; } 
.pageContent .contentBox p, .widePageContent .contentBox p { padding: 0 0.4em; }
.pageContent .contentBox h3, .widePageContent .contentBox h3 {  padding: 0 0.4em; }

.errorMessage { padding: 0.2em; border: 2px dashed #c00; margin-bottom: 1.231em; } 
.warning { font-weight:bold; color: #c00; }
.contentBox .errorMessage { padding: 0.2em; border: 2px dashed #c00; width: 90%;*width: 85%; margin-left: 4%; margin-bottom: 1em;}  

.centeredContent {text-align:center;}

#FeedbackHeader { display: block; float: left; position: absolute; top: 0; left: 0; text-align: right; width: 100%; background: #fffdde; border-bottom: 1px solid #D9D9BD; } 
#hd { padding-top: 1em; } 
#bt { padding-top: 11.5em; } 
/* Remove the three lines below when the feedback link is pulled! */
#FeedBackLink{ z-index: 2; display: block; float: left; position: absolute; top: 0; left: 0; text-align: right; width: 100%; background: #fffdde; border-bottom: 1px solid #D9D9BD; } 

/* When all headers are to be converted to 26point, swap definition below*/
/* NOTE: cannot use #bt h1 as this breaks the product family pages on international, product discontinued page */
#bt .sectionHead {font-size:26px; padding: 0; margin-bottom: 0.5em;}


.TermsConditions { font-size: 80%; } 
.TermsConditions h2 { margin: 0px; } 

#LanguageSelect { display: block; position: absolute; right: 0px; top: 0; padding: 5px;  }

#indicator {
    visibility:hidden;
    height: 0;
    margin: 0;
    text-align: right;
	}
	
p, fieldset, table, pre {
margin-bottom: 1em;
}