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-wenormal;}
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 arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
a { color: #355E87; text-decoration: none; } 
a:hover { text-decoration: underline; }
ol { padding-left: 1.8em; } 
ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0.2em 0;  }
ul { padding-left: 1.2em ; }  
ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 0.2em 0; }
 
ul.nav, ul.nav li { list-style: none; margin: 0; padding: 0; display: inline; }
.nobr { white-space: nowrap;}
body { text-align: center; background: #fff; } 
/* General page grids and layout */
.centeredContent { text-align: center; } 

ul.grid4 { margin: 0; padding:0;}
ul.grid4 li { width: 240px; display: inline; margin: 0; padding: 0;}
div.grid1 { margin: 0 20px 0em 20px; overflow:auto; width: 100%; } 
div .grid1 h1 { margin-left: -20px; } 

div.grid3-12 {  width: 100%; clear: both; margin: 0; overflow: auto; }
div.grid3-12 div { width: 360px; float: left; margin: 0;  }
div.grid3-12 div.first { width: 240px; }

.grid3-12 div h2 { margin: 0 20px 0 20px; }
.grid3-12 div p { margin: 0 20px 2em 20px; }

div.grid-2 { overflow: auto; } 
div.grid-2 div { width: 470px; float: left; overflow: hidden; } 
div.grid-2 div.first { margin-right: 20px; } 
div.grid-2 div div, div.grid3-12 div div { width: auto; position: static; overflow: visible; }

div.grid3-12 div div { margin: 0 20px 1em 20px; clear: both; display: block; }
div.grid3-12 div div div { margin: 0; }

div.grid4-1-3r, div.grid4-1-3, div.grid4-3-1 { width: 100%;  width: auto; position: static; overflow: auto;} 
div.grid4-1-3r div  { float: left; width: 240px; overflow:hidden; margin: 0; }
div.grid4-1-3r div.first { float: right; width: 720px;  }
div.grid4-1-3r .grid4-31 div { width: 175px; float: left;  margin: 0; }

div.grid4-1-3r .grid4-31 div { width: 175px; } 
div.grid4-1-3r .grid4-31 div.firstInList { width: 525px;  } 
div.grid4-1-3r div.grid4-31 div.first { width: 525px; }
div.grid4-1-3r .grid4-31 div div { width: auto; } 
div.grid4-1-3r .grid-2 div { width: 340px; float: left; margin:0;  } 
div.grid4-1-3r .contentBox h2 {  margin:0; }

ul.grid-4 { margin: 0; padding: 0; } 
.grid-4 li { list-style: none; width: 180px; float: left; margin: 0 0 20px 0;  }

div.grid4-3-1 div { float: left; width: 240px;  }
div.grid4-3-1 div.first { float: left; width: 700px; margin-right: 20px; }
div.grid4-1-3 div { float:left; margin:0 0 20px 20px; width: 720px;  }
div.grid4-1-3 div.first { width: 220px; margin: 0 0 20px 0;  } 
div.grid3, ul.grid3 { overflow: auto; }
div.grid3 div, div.grid4-1-3r div.grid3 div, ul.grid3 li { width: 240px; float: left; display: block; } 


div.grid4-1-3 div div.grid-2 { width: 720px;  margin: 0; overflow: auto; } 
div.grid4-1-3 div div.grid-2 div { width: 340px; float: left; background: #fff; margin: 0 0 0 20px;   } 
div.grid4-1-3 div div.grid-2 div.first { margin-left:0; }
div.grid4-1-3r div div, div.grid4-3-1 div div, div.grid4-3-1 div div  { width: auto; float: none; margin: 0 0 1em 0; } 
div.grid4-1-3r div div { margin: 0; width: auto; } 
div.grid4-1-3r div.first div.contentBox { border: 1px solid #bbb; margin: 0 0 20px 0; } 
div.grid4-1-3r div.first div.contentBox h2 { line-height: 22px; border-bottom: 1px solid #bbb; font-size: 14px; background: #c5dfeb; } 


div.grid4-1-3r div div.grid-2 {width: 700px;}
div.grid4-1-3r div div.grid-2 div {width: 340px; float: left;}
div.grid4-1-3r div div.grid-2 div.contentBox {border: none; width: 340px;}

#Body p a, #Body p a:visited { text-decoration: underline; } 

#MainContent div.grid-2 div.contentBox { border: 1px solid #999; } 
#MainContent div.grid-2 div { float: left; clear: none; margin-left: 20px; width: 338px; } 
#MainContent div.grid-2 div.first { margin-left: 0; } 

.contentBox p, .contentBox p.frmTxtBox { margin: 0 0 10px 10px; } 

/* Basic form styling */
p.frmTxtBox, .frmDropBox { padding: 2px 0px 2px 0px; margin: 0 0 0.2em 0; line-height: 1em; } 
.frmTxtBox input, .frmDropBox select,#PageContent .frmListBoxCentered select { width: 195px;  } 
.frmDropBox label, .frmTxtBox label, .frmMonthYear label { width: 96px; display: block; float: left; } 
.longLabels .frmDropBox label, .longLabels .frmTxtBox label, .longLabels .frmMonthYear label { width: 150px; } 
.frmRadioLong label { display: block; width: 195px; float: left; }
.frmRadioLong .ccCardNo { display: inline; float: none; }
.frmRadioLong .frmNotes { padding-left: 1.5em; } 
.frmRadioLong input { width: auto; display: inline;  float: left;  margin-right: 0.5em; padding-right: 0.5em;  } 
button { background: url(http://img2.maximuscle.com/images/maximuscle/chrome/orng-but1.jpg) no-repeat; border: none; width: 60px; height: 21px; line-height: 21px; padding: 0; cursor: pointer; } 
button.btnMedium { background: url(http://img2.maximuscle.com/images/maximuscle/chrome/orng-but2.jpg) no-repeat; border: none; width: 97px;  }
button.btnWide { background: url(http://img2.maximuscle.com/images/maximuscle/chrome/orng-but3.jpg) no-repeat; border: none; width: 155px;  }
button.btnSecondary { background: url(http://img2.maximuscle.com/images/maximuscle/chrome/grey-but2.jpg) no-repeat; border: none; width: 97px; font-weight: bold; }

.frmListBoxCentered select { height: 78px; } 
.frmListBoxCentered label { display: none; } 
.frmListBoxCentered { text-align: center; }
.frmCheckBox { padding: 0px 10px 0px 0px; }
.frmCheckBox input { margin: 0px; } 
.frmInpShort input, .frmInpShort select { width: 90px; } 
.frmHideLabel label { text-indent: -5000px; }
.frmSingleLineLabel label { width: 200px; }

.frmButton button { margin-left: 97px; } 
.frmButton input[type=text] { height: 22px; width: 142px; border: 0px;  } 
.frmCenteredButton { text-align: center; } 
.frmTextAreaFull textarea { margin-left: 92px; width: 500px; height: 170px; border: 1px solid #000; } 
.frmTextAreaFull label { display: block; } 
.frmGender span { width: 85px; display: block; float: left; } 
.frmMan span { font-weight: bold; color: #900; } 
.frmDropBox span { font-weight: bold; color: #900; } 
.errorMessage span  { font-weight: bold; color: #900; } 
.frmNotes { font-size: 82%;  }

.frmSinglePurchase label { display: none; }
.frmSinglePurchase .frmQty { width: 2em; text-align: center; } 
.frmSinglePurchase select, .frmDropBox select { width: 16em; } 
.sideForm p { padding: 0 10px 10px 20px; } 
.sideForm input, .sideForm select { margin-left: 1em; width: 180px; } 
.sideForm h3 { text-indent: 10px; background: #C5DFEB; line-height: 22px; font-size: 14px; margin: 0 0 5px 0; } 
.sideForm p.frmCheckBox { height: 2em; } 
.sideForm p.frmCheckBox input { width: auto; display: block; float: left; margin-right: 0.5em; }
.sideForm p.frmCheckBox label { height: 2em; width: 12em;display: block; float: left; }



/* Common page features */
.grid4-3-1 div .sideForm { border: 1px solid #bbb; }
.grid4-3-1 div.first, .grid4-3-1 div div { background: none; } 
.contentBox { clear: both; } 
.productPurchase { clear: none; } 
.readMore { display: block; } 

.productList { margin:0; padding:0; text-align:center; } 
.productList li { text-align: center; position: relative; height: 250px; list-style:none;margin:0 0 20px 0; padding:0; }
.productList li img { display: block; margin: 0 auto; } 
.productList span  { clear: both; display: block; text-align: center; }
.productList input { position: absolute; bottom: 0em; margin: 0 auto; left: 60px; } 

.articleList li { list-style:none; clear: both; border-top: 1px solid #999; height: 99px; padding:0; margin:0 10px 0 20px;  position: relative; }
.articleList li.first { border: 0; }
.articleList h3 a { color: #000; } 
.articleList li .readMore { position: absolute; bottom: 10px; left: 69px; } 
.articleList li img { width: 64px; height: 64px; background: #444; display: block; float: left; margin-right: 5px; } 
.featureList li { list-style:none; height: 100px; margin: 0; padding: 0;  } 
.featureList li img { margin: 0; padding:0; } 


#ShareLinks { position: absolute; top: 0; right: 0; } 
#ShareLinks a.linkToThis { padding: 0 0.5em; } 
#HomePageAccordion { height: 322px; width: 960px; overflow: hidden; position: relative; margin: 0 0 5px 0; }
#HomePageAccordion ul { background: #000 url(http://img3.maximuscle.com/Images/Maximuscle/chrome/modules-shadow.jpg) bottom repeat-x;  height: 323px;  } 
#HomePageAccordion li { position: absolute; left: 0px; top: 0px; list-style: none; float: left; width: 640px; height: 315px; background: #000; margin:0; padding:0;}
#HomePageAccordion h2 { width: 80px; height: 314px; position: relative; float: left;  }
#HomePageAccordion h2 a { width: 80px; height: 314px; text-indent: -999em; display: block; }
#HomePageAccordion li span.shadow { background: url(http://img4.maximuscle.com/Images/Maximuscle/modules/concertina-shadow.png); width: 32px; height: 314px; left: -32px; top: 0px; position: absolute; z-index: 10; } 
#HomePageAccordion li li { text-indent: -999em; }
#HomePageAccordion  p { text-indent: -999em; }

#HomePageAccordion #AccWelcome { left:0; background: #3b3f4c url(http://img1.maximuscle.com/Images/Maximuscle/modules/accordian1.jpg) } 
#HomePageAccordion #AccWhyBuy { left: 640px; background:  #3b3f4c url(http://img2.maximuscle.com/Images/Maximuscle/modules/accordian2.jpg); z-index: 2 } 
#HomePageAccordion #AccHighProtein { left: 704px; background: #201011 url(http://img3.maximuscle.com/Images/Maximuscle/modules/accordian3.jpg);  z-index: 3 }
#HomePageAccordion #AccBuildMuscle { left: 768px;  background: #25466d url(http://img4.maximuscle.com/Images/Maximuscle/modules/accordian4.jpg);  z-index: 4 }
#HomePageAccordion #AccLeanDefinition { left: 832px; background: #090c0b url(http://img5.maximuscle.com/Images/Maximuscle/modules/accordian5.jpg);  z-index: 5 }
#HomePageAccordion #AccMaxifuel { left: 896px;  background: #f7f8db url(http://img1.maximuscle.com/Images/Maximuscle/modules/accordian6.jpg); z-index: 6 }


.carousel, .moduleMatrix { height: 206px; margin: 0 0 10px 0; background: url(http://img3.maximuscle.com/Images/Maximuscle/chrome/modules-shadow.jpg) bottom repeat-x; margin: 0 0 18px 0; padding: 0; }

.moduleMatrix { height: auto; width: 720px; overflow: hidden;  } 

.grid4-1-3r .moduleMatrix ul { height: auto; width: 720px; overflow: hidden;  } 
.carousel li, .grid4-1-3r div.moduleMatrix li { list-style: none; margin: 0;padding: 0; background: #fff; width: 240px; float: left; height: 198px; }
.grid4-1-3r .moduleMatrix li { position: relative; } 
.carousel li a, .carousel li a:visited, .moduleMatrix li a { margin: 0; padding: 0;  width: 240px; height: 198px; position: relative; display: block; color: #fff; text-decoration: none; }
.carousel li a span, .carousel li a:visited span, .moduleMatrix li a span { position: absolute; top: 136px; left: 0px; padding: 15px 0 0 20px; line-height: 1.3em; color: #000; }
.carousel ul.grid3,  .moduleMatrix ul.grid3 { width: 720px; margin: 20px 0 0 0; padding:0;} 
.carousel ul.grid3 li, .moduleMatrix ul.grid3 li  { width: 240px !important; overflow: hidden; float: left; }


#ContentCarousel { margin: 20px 0; width: 720px; overflow:hidden; } 
div.sponsorList  { height: auto; margin: 0 0 20px 0; background: none; padding-bottom: 20px; } 
.sponsorStrip { background-repeat: no-repeat; height: 119px; padding-bottom: 16px; }


#Body #ShopByMenu  { border: 1px solid #ccc; margin: 0px; width: 220px;  display: block; height: 400px; overflow: auto; padding:0;  } 
#ShopByMenu ul { padding: 0; margin: 0 0 1em 0px; } 
#ShopByMenu ul ul { margin-left: 20px; } 
#ShopByMenu ul li { margin: 0;padding: 0; list-style:none;   } 
#ShopByMenu h4 { line-height: 24px; line-height: 24px; } 
#Body #ShopByMenu h4 a { display: block; text-indent: -999em; } 
#Body #ShopByMenu li li a { color: #000; text-decoration: none; } 
#Body #ShopByMenu li a:hover { text-decoration: underline; } 

#ShopByMenu li.sizeAndStrength h4, h2.sizeAndStrength, .sizeAndStrength .lbClose { text-indent: -999em; background: #003845 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 0px no-repeat;  } 
#ShopByMenu li.leanDefinition h4, h2.leanDefinition, .leanDefinition .lbClose { text-indent: -999em;background: #314500 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -25px no-repeat;  } 
#ShopByMenu li.highProtein h4, h2.highProtein, .highProtein .lbClose {  text-indent: -999em; background: #450012 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -50px no-repeat;  } 
#ShopByMenu li.cuttingEdge h4, h2.cuttingEdge, .cuttingEdge .lbClose { text-indent: -999em;background: #462600 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -75px no-repeat;  } 
#ShopByMenu li.clothing h4, h2.clothing, .clothing .lbClose { text-indent: -999em;background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -125px no-repeat;  } 
#ShopByMenu li.accessories h4, h2.accessories, .accessories .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -100px no-repeat;  } 
#ShopByMenu li.bundles h4, h2.bundles , .bundles .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -150px no-repeat;  } 
#ShopByMenu li.deals h4, h2.deals , .deals .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -175px no-repeat;  } 
#ShopByMenu li.energyRecovery h4, h2.energyRecovery, .energyRecovery .lbClose ,#ShopByMenu li.maxiFuel h4, h2.maxiFuel, .maxiFuel.lbClose  { text-indent: -999em;background: #7F6A1B url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -200px no-repeat;  } 

#Badges, #Badges ul { margin:0; background: #fff;padding:0;   }
#Badges li { display: inline; list-style:none;} 

#Background { background: #dcdcdc url(http://img5.maximuscle.com/Images/maximuscle/backgrounds/bg-skin-tv4.jpg) center repeat-y; background-attachment:fixed; margin:0; padding:0 0 20px 0; } 
#Body { background: #fff; }

#Footer {  background: #3C3D3F url(http://img5.maximuscle.com/Images/Maximuscle/chrome/footer-shadow.jpg) top repeat-x;   font-size: 11px;    width: 960px; clear: both; height: 12em; color: #fff; margin: 0; margin-bottom: 0px;  padding: 2em 0; }
#Footer div { width: 20%; float: left;  margin: 0;}
#Footer h3 { font-size: 12px; color: #999; font-weight: normal; margin: 0 21px; }
#Footer ul { margin: 0 0 10px 10px; }
#Footer p { clear: both; text-align: center; }
#Footer li { list-style: none; line-height: 2em; display: list-item; text-indent: 0; padding:0;}
#Footer li a { color: #eee; }

#Container { width: 960px; margin: 0 auto; text-align: left; }

#Menu { position: absolute; z-index: 100; top: 62px; width: 960px; height:30px; background: #5c5e60 url(http://img1.maximuscle.com/Images/Maximuscle/chrome/bar_bg.png); } 
#Menu ul.nav { float: left; margin-left: 23px;}
#Menu ul.nav li { height: 30px; float: left; }
#Menu ul.nav li ul { background: #000; position: absolute; width: 14em; top: 30px; left: -999em; margin: 0; padding: 0px 0px 10px 0;}
#Menu ul.nav li:hover ul {left: auto;}
#Menu .nav li a { color: #fff; padding: 0 1em; text-decoration: none; text-align: center; display: block; line-height: 30px; } 
#Menu .nav li a:hover { background: url(http://img2.maximuscle.com/Images/Maximuscle/chrome/bar_bg_roll.png);  } 

#Menu .nav ul li, #Menu .nav ul li a, #Menu .nav ul li a:hover { width: 14em; text-align: left; text-indent: 20px; line-height: 1.2em; height: 1.4em; background: none; display: block; float: left; margin: 0; padding:0; }
#Menu .nav li ul li a:hover { background: #333; }

#Menu #SearchForm { height: 21px; margin: 3px 5px 3px 0;  float: right; position: relative; width: 220px;   } 
#Menu #SearchForm input { height: 18px; border: 1px solid #000; position: absolute; left: 0; top: 2px;  } 
#Menu #SearchForm button { position: absolute; top: 2px; right: 0; }

#MiniBasket {
  height: 43px; width: 225px; 
  z-index: 101;
  position: absolute;
  top: 0px;
  margin-left: 736px;
}
#MiniBasket #LoyaltyPointBalance { margin: 0; } 
#MiniBasket .summary { border-top: 2px solid #fff;background: url(http://img3.maximuscle.com/Images/maximuscle/chrome/basket-drop.jpg); z-index: 102; position: absolute; bottom:0px; width: 225px; display: block; } 

#Head { background:#fff; clear:both; margin: 0; height:92px; position: relative; }
#Head img {  float: left; margin: 1px 30px 0 0; }
#Head li a { background: url(http://img4.maximuscle.com/images/maximuscle/icons/menuBar.jpg) no-repeat; display: block; float: left; width: 85px; height: 32px; line-height: 30px; margin: 17px 0 0 0px; padding-left: 34px; color: #000; }
#Head #HeadAccount a { background-position: 0 -64px;  } 
#Head #HeadShop a { background-position: 0 -32px;  } 
#Head #LogoutLink { text-align: left; margin-top: 17px; float: left; } 
#Head #LogoutLink a { background: none; padding:0 ; margin: 0 0 0 5px; width: auto; float: none; display: inline; } 

#MiniBasket span.summary a {  
  padding-left: 40px; 
  margin-right: 20px; 
  font-size: 13px;
  line-height: 23px;
  display: block;   
  text-align: right; 
  color: #fff;
}
#MiniBasket a strong { width: 100px; text-align: left; display: block; float: left;  } 

#MiniBasketContent { 
  margin: 0 5px; 
  background: #626367; 
  z-index: 101; 
  position: relative; top: -130px;  
  display: none;
  padding: 1em 0.5em 0 0.5em; 
  color: #fff;   
}
#MiniBasketContent .itemQty { width: 2em; text-align: right;   } 
#MiniBasketContent .itemDesc { padding-left: 0.25em; } 
#MiniBasketContent .footer { height: 5em; text-align:right; font-weight: bold; } 
#MiniBasketContent .footer span { display: inline-block; width: 6em; margin-right: 20px; } 
#MiniBasketContent .footer p { margin: 0; } 
#MiniBasketContent .footer a { position: relative; left: 15px;font-weight: normal; margin-right: 10px; display: block; float: left; text-align: center; color: #000; height: 21px; line-height: 21px; background: url(http://img5.maximuscle.com/images/maximuscle/chrome/orng-but2.jpg) no-repeat; border: none; width: 80px;   } 

/* Common page features */
h1 { color: #b11; clear:both; text-indent: 20px; font-size: 32px; line-height: 1em; margin:0; font-family:  Arial, verdana, helvetica, sans-serif; letter-spacing: -0.03em;  }
h2, h3 { font-size: 16px; font-weight: bold;  font-family:  Arial, verdana, helvetica, sans-serif;  letter-spacing: 0em; } 
p { margin: 0 0 1em 0; }
.contentBox { margin: 0 0 1em 0; }
.homepage .grid4-1-3 .first h2 { margin-left: 20px; } 
img.rightSideImage { float:right; margin: 0 0 20px 20px; clear: both;}
img.leftSideImage { float:left; margin: 0 20px 20px 0; clear: both;}

#TrainingTipsNav { margin: 0 0 20px 0; }
#TrainingTipsNav li {list-style: none; margin: 0;  }
.articlesMenu li { list-style:none; margin: 10px 0 0px 0; border-top: 1px solid #ccc; padding-top: 10px; }
.articlesMenu li a { font-size: 16px; } 


/* Page type specific styling */
.product h1, .menuPage h1, .content h1 { text-indent: 240px; }
.imageHeader h1.imageOnly, .imageHeader h1.imageOnlyFullWidth { text-indent: -999em; height: 206px; background: #000 url(http://img3.maximuscle.com/Images/Maximuscle/chrome/modules-shadow.jpg) bottom repeat-x; margin-left: 240px;  } 
.imageHeader h1.imageOnlyFullWidth { margin-left: 0; }
.imageHeader h1.imageOnly span, .imageHeader h1.imageOnlyFullWidth span { width: 720px; height: 198px; display: block; } 
.imageHeader h1.imageOnlyFullWidth span { width: 960px; }

#SideMenu .contentBox { border: 1px solid #bbb; } 
#SideMenu h2 { border-bottom: 1px solid #bbb; line-height: 24px;font-size: 14px;  background: #C5DFEB; text-indent: 10px; }
#SideMenu li { list-style: none; padding: 2px 0 0px 0; } 
#SideMenuProduct { padding-top: 8px; } 
#SideMenuProduct h2 { padding-top: 8px; } 
#SideMenuProduct h4 { height: 24px;  }
#SideMenuProduct ul ul li { margin: }
.imageHeader #SideMenuProduct {padding-top: 12px; }


.accountMenu .grid4-1-3r .grid-2 {  width: 720px;  } 
.accountMenu .grid4-1-3r .grid-2 div { width: 340px; float: left; clear: none; display: inline; margin-left: 20px; }
.accountMenu .grid4-1-3r .grid-2 div.first { margin-left: 0; } 
.accountMenu .contentBox h2 { text-indent: 10px; margin-bottom: 10px! important;  } 

.accountMenu .contentBox p { padding: 0 10px; } 
 
.product .grid4-1-3r { position: relative; top: -30px; } 
.product .grid4-1-3r div.first { padding-top: 28px; }



.product h1 span { font-size: 20px; } 
.product #PrincipalCategory { display: none; } 
.product #ProductPrice { font-size: 22px; font-family:  helvetica, verdana, helvetica, sans-serif; letter-spacing: -0.05em; margin:0; line-height: 1em;  }
.product #ProductPrice { margin: 0 0 10px 0px;  } 
.product #ProductIntroduction { overflow:auto; height: 329px; position: relative; margin-left: 40px;  } 
.product #ProductIntroduction h2 { display:none; } 
.product .productOffer { margin: 0 0 10px 0; text-indent: 10px; } 
.product .productOffer span { font-weight: bold; } 
.product .productOffer p { float: left; line-height: 30px; margin: 0;  }
.product .productOffer button { float: right; margin: 4px; } 
.product #ProductDetail { position: absolute; top: 0px; right: 0px; width:349px; height:329px; margin: 0;  padding: 0;  overflow: hidden; }
.product #ProductDetail img { float: left; width: 217px; height: 329px; } 
.product #ProductDetail ul { float: left; margin:0; padding:0; } 
.product #ProductDetail ul li { list-style:none; background: url(http://img4.maximuscle.com/Images/Maximuscle/chrome/bullet-sprite.jpg) no-repeat; width: 129px; height: 76px; margin: 0; } 
.product #ProductDetail ul li strong { display: block; font-weight: bold; padding-top: 12px;  } 
.product #ProductDetail ul li span { margin: 0 0.8em 0 0.9em; display: block; color: #fff; line-height: 1em;  } 
.MFFocus #ProductDetail ul li span, .MFRecovery #ProductDetail ul li span, .MFEnergy #ProductDetail ul li span  { color: #372D00; } 


#ProductIntroduction div.offerPurchase { z-index: 2; position: relative; top: 5px;  height: 190px; } 


#HeroOffers { height: 300px; width: 300px;  position: relative; } 
#HeroOffers .HeroOffer { position: absolute; top: 0px; left: 0; width: 300px; height: 300px; } 
#HeroOffers .tab { left: 0px; top: 3px; text-decoration: underline; cursor: pointer; width: 96px; height: 16px; position: absolute; background: #fff; font-size: 12px; text-align: center; line-height: 20px; overflow: hidden; border: 1px solid #999; border-bottom: 0; z-index: 2; } 
#HeroOffer2 .tab { left: 100px; top: 3px; line-height: 16px; }
#HeroOffer3 .tab { left: 200px; top: 3px; height: 16px; line-height: 16px; }
#HeroOffers .active .tab { top: 0px; height: 20px; background: #fff; z-index: 3; } 
#HeroOffers .HeroOffer div { display: none; z-index: 1; border: 1px solid #999; height: 165px; position: relative; top: 20px; } 
#HeroOffers .active div { display: block; z-index: 2; } 

#HeroOffers p { margin: 0; display: block; width: 296px; margin: 0; height: 25px; line-height: 25px; } 
#HeroOffers p span { padding-left: 30px; } 
#HeroOffers p.frmDropBox { clear: both; float: none; margin: 0; } 
#HeroOffers div.HeroOffer div p { text-align: center; } 
#HeroOffers button { position: absolute; bottom: 8px;  right: 50px;  } 


.MFRecovery #ProductDetail ul li { background-position: -645px 0px; }		/* Yellow */
.MFEnergy #ProductDetail ul li { background-position: -645px 0px; }			/* Yellow */
.MFFocus #ProductDetail ul li { background-position: -645px 0px; }			/* Yellow */
.sizeAndStrength #ProductDetail ul li { background-position: -516px 0px; }	/* Blue */
.leanDefinition #ProductDetail ul li { background-position: -387px 0px; }	/* Green */
.highProtein #ProductDetail ul li { background-position: -258px 0px; }		/* Red */
.cuttingEdge #ProductDetail ul li { background-position: -129px 0px; }		/* Orange */

.product .frmSinglePurchase .frmQty {width: 1.5em;}
.product .frmSinglePurchase select {margin-left: 0.6em;}
.product .frmSinglePurchase button { display: block;  margin: 5px 0 0 144px; } 
.product .singleChoice { position: relative; width: 245px; height:22px;   }
.product .singleChoice .frmSinglePurchase button { display: inline; margin: 0; position: absolute; right:0; } 

.homepage #Body .grid4-1-3 div.first p { display: none; } 
.homepage #Body #ShopByMenu { height: 263px; }
.homepage .grid-2 ul { margin: 0; padding: 0; } 
.homepage .grid-2 div.first { margin-right: 20px; } 

.product .offerPurchase { position: relative; top: 20px; width: 306px;  }

.product .offerPurchase h3 { font-weight: normal; font-size: 18px; margin: 0 0 10px 0px } 
.product .offerPurchase p { margin-left: 35px; width: 212px;  }
.product .offerPurchase p.frmButton { float: left; margin: 0 0 0 145px ; padding:0; width: 100px; } 
.product .offerPurchase p.frmButton button { float: left; margin: 0; padding:0; } 
.product .offerPurchase img { margin-left: -40px; }

#ProductIntroduction p.stockStatus { position: absolute; bottom: 0; padding-left: 35px; background: url(http://img5.maximuscle.com/Images/maximuscle/icons/categoryArrows.gif) no-repeat 0 -94px; height: 26px; line-height: 30px; } 

#VideoListObject { margin: 0 0 20px 0; } 
#VideoListGrid li { height: 160px; } 
.videoObject {  
  border: 1px solid #ccc;
  height: 200px;
  overflow: hidden;
  background: #E7E7E7 url(http://img1.maximuscle.com/Images/Video/prodvidboxbg.jpg);
  position: relative; 
  margin: 0 0 20px 0;
}
.videoObject div { padding: 0px; margin: 0px; } 
.videoObject h2 { line-height: 2em; } 
.videoObject .mainVideo {
  display: block;
  width: 314px;
}
#VideoListNavigation { 
  overflow: auto;
margin: 0; padding:0; width: 390px;
}
.videoObject .videoList { 
  position: absolute; 
  right: 1px; 
  top: 0px; 
  width: 370px;
  height: 200px; 
}
.videoListNav { 
  height: 170px;   
  width: 330px; 
  position: absolute; 
  bottom: 0px;
  overflow: auto; 
  right: 0;
  margin: 0; padding: 0; 
}
.videoListNav p { margin: 0px 20px; }
.videoListNav li p { margin: 0; }
.videoListNav li { 
  list-style: none;
  height: 85px;
  width: 350px; 
  overflow: hidden; 
  display: block; 
}

.videoListNav h3 { 
  position: absolute; 
  left: 110px; 
  text-indent: 16px; 
  margin: 0; 
}

.videoListNav p { 
  float: left;   
  padding-top: 18px; 
}
.videoListNav .inMainView { display: none; } 

.videoListNav img { 
  float: left; 
  margin-right: 8px; 
  position: relative; 
  top: -18px;
}

.product .videoListNav a { color: #000; } 
#ProductDetails h2 strong { display: none; } 
#ProductDetails h2 { margin: 0 0 0.5em 0; } 
#ProductDetails h3 { border-bottom: 1px solid #000; padding-bottom: 0.25em; margin-bottom: 0.25em; font-size: 14px; background: url(http://img5.maximuscle.com/images/maximuscle/icons/categoryArrows.gif) no-repeat; padding-left: 0.7em;  }
#ProductDetails .grid2 { }
#ProductDetails .grid2 div { width: 360px; float: left; margin: 0; } 

#NutritionalDetails { width: 720px; padding: 10px 0 0 0;  } 
#NutritionalDetails table { width: 335px;  border: 1px solid #000; margin: 0 auto;} 
#NutritionalDetails div { width: 360px; float: left; padding:0; margin: 0; } 
#NutritionalDetails th { font-weight: bold; text-align: center; padding: 0.5em;  }
#NutritionalDetails td { border: 1px solid #000; padding: 0.2em; } 
 
.sizeAndStrength #ProductDetails h3  { color: #064EA3;background-position: 2px 5px; } 
.leanDefinition #ProductDetails h3 { color: #3E5700; background-position: 2px -20px;} 
.highProtein #ProductDetails h3 {  color: #A4000B; background-position: 2px -46px; } 
.cuttingEdge #ProductDetails h3 { color: #C75A02; background-position: 2px -70px; } 
.MFFocus #ProductDetails h3 { color: #7C661A; background-position: 2px -70px; } 


.sizeAndStrength h4, h2.sizeAndStrength, .sizeAndStrength .lbClose { text-indent: -999em; background: #003845 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 0px no-repeat;  } 
#ShopByMenu li.leanDefinition h4, h2.leanDefinition, .leanDefinition .lbClose { text-indent: -999em;background: #314500 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -25px no-repeat;  } 
#ShopByMenu li.highProtein h4, h2.highProtein, .highProtein .lbClose {  text-indent: -999em; background: #450012 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -50px no-repeat;  } 
#ShopByMenu li.cuttingEdge h4, h2.cuttingEdge, .cuttingEdge .lbClose { text-indent: -999em;background: #462600 url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -75px no-repeat;  } 
#ShopByMenu li.clothing h4, h2.clothing, .clothing .lbClose { text-indent: -999em;background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -125px no-repeat;  } 
#ShopByMenu li.accessories h4, h2.accessories, .accessories .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -100px no-repeat;  } 
#ShopByMenu li.bundles h4, h2.bundles , .bundles .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -150px no-repeat;  } 
#ShopByMenu li.deals h4, h2.deals , .deals .lbClose {text-indent: -999em; background: #4D4D4D url(http://img4.maximuscle.com/Images/Maximuscle/chrome/productnav-sprite.jpg) 0 -175px no-repeat;  } 



#Body div.withAwards h2 strong { height: 120px; } 
.product .awards { position: absolute; top: 20px; left:0; } 
.product .awards li { list-style: none; margin:0;padding:0; display: inline; ;  } 
.product #AssociatedProducts { position: absolute; right: 0; top: 0;  } 
.product #AssociatedProducts li { list-style: none; } 

#ProductDetails { width: 525px; float: left;  } 
div.fullWidth { width: 700px !important; } 
.productList { width: 175px; } 
.productList li { height: 210px; text-align: center; }

#BasketContent {  margin: 0 auto 1em auto; width: 698px; border: 1px solid #bbb; }
#BasketContent th { font-weight: bold; line-height: 22px; background: #c5dfeb; } 
#BasketContent th, #BasketContent td {  padding: 2px 5px; border: 1px solid #bbb; text-align: right; }
#BasketContent th.itemDesc, #BasketContent td.itemDesc { width: 24em; text-align: left; }
#BasketContent .itemQty, #BasketContent .itemRemove { text-align:center;} 
#BasketContent .itemPrice, #BasketContent .itemTotal { width: 6em; text-align: right;  } 
#BasketContent tr.rowUpsell td.itemDesc {  border-right: 0; }

#BasketContent tr.rowUpdateQty td { border-right: 1px solid #bbb; } 
#BasketContent tr.rowUpdateQty td.itemDesc  { border-left: 1px solid #bbb;  border-right: 0; } 
#BasketContent tr.rowUpdateQty td.itemQty { border: 0; } 

#BasketContent tr.rowUpsell td.itemRemove, #BasketContent .rowDiscount td.itemRemove, #BasketContent tr.rowUpdateQty td  { border: 1px 0; } 
#BasketContent .itemTotal { font-weight: bold; } 
#BasketContent .rowDiscount td.itemTotal { color: #c00; font-weight: bold; border-right: 0; border-left: 0; line-height: 2em; }  
#BasketContent .rowDelivery td.itemTotal,#BasketContent .rowTotal td.itemTotal { border-left:0; border-right:0;font-size: 16px; }
#BasketContent td.itemTitle { height: 2em; text-align:right; width: auto; } 
#BasketContent tr.rowDiscount td,#BasketContent tr.rowUpdateQty td,#BasketContent tr.rowUpsell td, #BasketContent tr.rowDelivery td, #BasketContent tr.rowTotal td { border-right: 0; border-left: 0; } 
#BasketContent tr.rowDiscount td.itemDesc ,#BasketContent tr.rowUpdateQty td.itemDesc,#BasketContent tr.rowUpsell td.itemDesc, #BasketContent tr.rowDelivery td.itemDesc { text-align: right; line-height: 2em;  } 
#BasketContent select { margin-left: 0.5em;  }

.basket .grid4-3-1 { margin: -38px 0 0 0; }
.basket .grid4-3-1 div.first { margin-top: 49px; }
.basket .grid4-3-1 h2 { color: #b11; font-size: 32px; line-height:26px; padding-top: 13px; text-indent: 20px;  margin-bottom: 9px; font-family:  Arial, verdana, helvetica, sans-serif; letter-spacing: -0.03em; }
.basket .grid4-3-1 .first .sideForm { float: right; border: 1px solid #999; }
.basket .sideForm table { margin: 0 10px;}
.basket .sideForm table td { vertical-align: top; padding: 0 1em 0.5em 0; } 

.basket .grid4-3-1 .contentBox { border: 1px solid #bbb; margin: 0 0 20px 0; width: 700px; } 
.basket .grid4-3-1 .contentBox .grid3 { width: 698px; } 
.basket .grid4-3-1 .contentBox .grid3 li { width: 232px; } 
.basket .grid4-3-1 .first .sideForm h3, .basket .contentBox h2 { color: #000; border-bottom: 1px solid #bbb;line-height: 24px;font-size: 14px; display: block; padding:0;background: #C5DFEB; }
.basket .sideRegister h3, .checkout .grid4-3-1 h2 {border-bottom: 1px solid #bbb;   } 
.checkout .grid4-3-1 h2 { background: #C5DFEB; } 



#UpsellArea { clear: both; width: 720px; } 
#UpsellArea li { text-align: center; height: 250px; position: relative; width: 230px; } 
#UpsellArea li button { position: absolute; bottom: 0; left: 75px;  } 
#UpsellArea li span { display: block; } 
#UpsellArea p { text-align: center; } 

.checkout .contentBox { margin: 0 0 1em 0; }
.checkout .grid4-3-1 .first .contentBox { margin-left: 20px; } 
.checkout .grid4-3-1 .first .grid-2 { overflow: auto;  } 
.checkout .grid4-3-1 .first .grid-2 div { float: right; width: 329px; margin:0 0 0 20px; }
.checkout .grid4-3-1 .first .grid-2 div.first { float: left;  margin:0; width: 329px; display: block;   }
.checkout .contentBox { background: #fff; border: 1px solid #aaa; } 
.checkout .contentBox h2 { line-height: 22px; font-size: 14px; padding: 2px 5px;  }
.checkout .contentBox h3 { padding: 2px 5px; font-size: 13px; }
.checkout table,.checkout .contentBox ul,.checkout .contentBox p { margin: 0em 5px 0.6em 5px;  }
.checkout .first ul { margin-left: 0em; } 

.checkout a.removeCard { width: 16px; height: 16px; text-align: left; text-indent: -999em; display: block; float: right; background: url(/images/maximuscle/icons/16_square_red_delete.png) no-repeat; margin-right: 1em; } 
.checkout li label, .checkout li label span  {margin-left: 10px;}
#PaymentAddress table { height: 200px; } 
#PaymentAddress td { vertical-align: top; }
#PaymentAddress td.detail { width: 70px; height: 1em;  }
#PaymentAddress p { margin-left: 75px; }  
#PaymentNewCard {float: right; margin: 0;}
#PaymentExistingCards {float: right;}
#PaymentMediaCode label { font-size: 13px; font-weight: bold; } 
#PaymentMediaCode div.first p span { float: right; font-size: 32px;  margin-top: 2.5em; }
.checkout .contentBox th, .checkout .contentBox td { vertical-align: top; line-height: 1.4em; }
.checkout .contentBox th { font-weight: bold; width: 7em;  }
.checkout .contentBox thead th { height: 2em; width: auto; } 
.checkout .contentBox .tdAddress td { height: 9em; } 


body.content .grid4-1-3r { position: relative; top: -30px; }
body.content div.menu .contentBox { margin: 0 20px 1em 0;   }
body.content div.menu .contentBox li { margin: 0 0 1em 0; } 
body.content .grid4-1-3r div.first { padding-top: 30px; }
body.content .grid4-1-3r div div.first { padding-top: 0px; } 
body.content .articleArea { width: 720px; margin: 0; padding: 0; overflow:hidden; } 
 

body.imageHeader .grid4-1-3r { top: -208px; } 
body.imageHeader .grid4-1-3r div.first { padding-top: 208px; } 


.shopOffer form, .shopOffer form p {display: none;}

body.pURL div.grid4-1-3r { width: 100%; padding-top: 0px; } 
body.pURL .grid4-1-3r { position: relative; top: 0px; } 
body.pURL div.grid4-1-3r div.first { margin: 0; width: 720px; padding-top: 0; } 
body.pURL div.grid4-1-3r div.first div.grid3 div { width: 240px; float: left; margin: 0; }
body.pURL div.grid4-1-3r div.first h1 { text-indent: 0; line-height: 1em; margin:0; padding:0; background: none; } 
body div #SideMenu { padding-top: 8px; }

.pURL #HeadingBanner { height: 322px; background: #D5DFE9 url(/Images/Maximuscle/chrome/modules-shadow.jpg) bottom repeat-x; margin: 0 0 10px 0;  } 
.pURL #HeadingBanner p.title { height:314px; text-indent: -999em;  } 


.pURL .bodybuilding p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-bodybuilding.jpg); }
.pURL .cycling p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-cycling.jpg); }
.pURL .football p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-football.jpg); }
.pURL .martialartsboxing p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-martialbox.jpg); }
.pURL .nosportjustregularexercise p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-noneorother.jpg); }
.pURL .rugby p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-rugby.jpg); }
.pURL .running p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-running.jpg); }
.pURL .swimming p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-swimming.jpg); }
.pURL .other p.title { background: #F5F5F5 url(/Images/Maximuscle/purl/purl-noneorother.jpg); }

.pURL .note { width: 240px; float: right; background: url(/Images/Maximuscle/purl/purl-note.jpg);  height: 314px;  } 
.pURL .note h1 { margin-left: 20px; font-family: "Reenie Beanie", Cursive ; font-size: 50px;  }  
.pURL .note p { margin: 0 30px 1em 10px; line-height: 2em; font-family: "Reenie Beanie", Cursive ; font-size: 28px; line-height: 26px;  } 


.pURL #PURLArticles { padding-bottom: 10px; } 
.pURL #PURLArticles p,.pURL #PURLArticles ul  { padding-left: 20px; } 

#ProfileAvailableVoucher  {
  background: url(/Images/maximuscle/purl/voucher-purl-strip.jpg) no-repeat; 
  width: 720px; height: 107px; 
  margin-top: -10px;
  margin-bottom: 20px;  
}
#ProfileAvailableVoucher p { margin: 45px 170px; font-size: 14px; } 

.goalPortal
{
	position: relative;
	height: 244px;
	overflow: hidden;
	background: url(/Images/maximuscle/chrome/goalvid-bgsprite.jpg);
}

.goal h1 { text-indent: 0px; } 
.goal #portalpageMuscleGrowth { background-position: -102px -246px; } 
.goal #portalpageMuscleAndDefinition { background-position: -102px 0px; } 
.goal #portalpageFatLoss  { background-position: -102px -490px; } 
.goal #portalpageEnergy { background-position: -102px -735px; }


.goal .videoArea { float: left; } 
.goalPortal .portalContent
{
float: right; 
	width: 276px;
	margin: 1em 1em 0 0em;
	color: #fff;
}

.goalPortal li { 
	list-style-type: square;
	list-style-position: outside;
	display: list-item;
	padding-left: 3px;
	margin-left: 22px; 
} 
.goalPortal a,  .goalPortal a:visited { color:#fff; text-decoration: underline; } 
.goalPortal .portalContent li.pdfIcon {list-style-type: none; padding: 0px; margin: 0px 0 0 25px; list-style-image: url(/Images/Layout/pdfsmalltrans.gif); padding-top: 5px;}
.goalPortal .portalContent li.pdfIcon span {position: relative; top: -5px;}
.goal .productList li { height: 210px; text-align: center; }

.pagePortal #GoalNav { display: none; width: 720px; position: relative; }
.pagePortal .portalList { width: 450px; height: 450px; }
.pagePortal .portalContent { position: absolute; right: 0; width: 240px; } 



.searchProducts .contentBox { margin: 0 0 10px 0; } 
.searchProducts .contentBox div { float: left; }
li.searchArticle { border: 1px solid #ccc;margin: 0 0 10px 0; padding: 5px 10px; } 
li.searchArticle .caption { font-weight: bold; } 

/* Begin Refer-a-friend */
#DetailCapture { margin: 0; } 
#DetailCapture div.contentBox { margin: 0;  } 
#DetailCapture div.listHead, #ReferalInfo div.listHead {  margin: 1em 0 0 0; height: 8em; display: block; width: 350px; }

#DetailCapture form p label {display: block; width: 7em; float: left; text-align: left; padding-right: 0.5em;}
#DetailCapture form p input {width: 15em; }
#DetailCapture form p select {width: 15.35em;}

#DetailCapture .listHead p {font-family: arial; font-weight: bold;  padding: 0.2em; margin: 0; text-align: center; font-size: 1.3em;}
#DetailCapture .listHead p span {color: #d00; text-align: left; }
#DetailCapture .referalContent div p { text-align: left; } 
#DetailCapture .listHead p { text-align: left; } 

#ReferalInfo .listHead p {font-family: arial; font-weight: bold;font-size: 4em; text-align: left; padding-right: 0.25em;}
#ReferalInfo div { width: 348px;padding:0;margin: 0; overflow: hidden;  } 
#ReferalInfo  div div { width: 340px; margin: 0; padding: 0; height: 16em; overflow: auto;}
#ReferalInfo table {width: 300px; font-size: 0.8em;*font-size:0.7em; margin: 0; padding: 0; }
#ReferalInfo table tr td {padding: 0.25em; margin: 0; border: 0; font-weight: bold;}
#ReferalInfo div table tr td {font-weight: normal;}
#ReferalInfo .dateColumn {width: 75px; text-align: left;}
#ReferalInfo .registerColumn, #ReferalInfo .orderedColumn{width: 60px; text-align: center;}
#ReferalInfo .noReferrals {font-size: 1em; font-weight: normal; font-family: verdana; border: none;}

#SpecialInfo {width: 715px; border: 1px solid #c7c7c7; padding: 5px; background: #fffdd6;}
#SpecialInfo p span {color: #c53531; font-weight: bold;}
/* End Refer-a-friend */

/* Stack and eshot offer page */
#StackPresenter { float:right; text-align:center; } 
#StackHeader h2 { display: none; } 
#StackArea .priceInformation { margin: 1em 0 ;} 
#StackArea .priceInformation p { font-size: 14px;margin: 0.5em 0; } 
#StackArea .priceInformation p.offer { margin; 0; color: #c00; font-size: 16px;} 

/* Begin Meal Plans */
.wideContent #content {width: 974px;}
.wideContent #menu {display: none;}
table.mealPlanDay {width: 100%; clear: both; border: 1px solid #bbb;}
table.mealPlanDay td, table.mealPlanDay th {padding: 0 5px 10px 0; vertical-align: top; font-size: 87%; border: 0;}
table.mealPlanDay th {height: 25px; background: #e9e9e9 url(/Images/Layout/mainBackground.png) 0 -459px repeat-x; padding: 0; vertical-align: middle; text-align: left;}
table.mealPlanDay th.first {text-align: center;}
table.col5 th, table.col5 td {width: 162px;}
table.col6 th, table.col6 td {width: 139px;}
.planItemQuantity {display: block;}
/* End Meal Plans */

/* Begin View All Products */
.allProducts h1 {margin-bottom: 0.3em;}
.frmSinglePurchase {margin: 0;}
.shopOffer h4 {margin-bottom: 0.5em; color: #355E87; cursor: pointer;}
.lbClose {text-align: right; width: 100%; display: block; height: 25px; color: #ebebeb;}
.lbClose p {padding-right: 5px; cursor: pointer;}
.lbContent {text-indent: 10px;}
.lbContent h4 {font-weight: bold; font-size: 14px;}


.productContainer {height: 105px;}
.offerContainer .offer {width: 320px; float: right;}
.offerContainer .offerImage {width: 145px; float: left;}
/* End View All Products */

/* Begin Guides (if you play [x]) */
.guide h1 {text-indent: 0;}
.guide div.grid4-31 div.first ul {margin-bottom: 1em;}
.guide div.grid4-31 div.first ul li {list-style-type: square; list-style-position: inside;}
.guide div.portalList {height: 245px;}
.guide div.portalList div.goalQuote {width: 210px; float: right; color: #ebebeb; font-weight: bold;}
.guide div.portalList div.goalQuote span {display: block; font-size: 0.9em; font-style: italic;}
.guide div.portalList div.goalQuote blockquote {font-weight: normal; padding: 0 10px;}
.guide ul.productList li {height: 180px; margin-bottom: 20px;}
/* End Guides (if you play [x]) */

/* Begin Clothes and Accs */
.clothesAccs div.first div.contentBox {margin-bottom: 10px; overflow: auto; width: 100%;}
.clothesAccs div.first div.contentBox div {float: left; width: 535px; }
.clothesAccs div.first div.contentBox div p {margin: 10px;}
.clothesAccs div.first div.contentBox div.imagePresenter {float: right; width: 150px; height: 200px; border-right: 1px solid #ccc; margin-right: 1px;}
.clothesAccs div.first div.contentBox div.imagePresenter p {margin: 0;}
.clothesAccs div.first div.contentBox div p span {display: block; margin-top: 1em; text-align: right; font-weight: bold;}
.clothesAccs div.first div.contentBox div div p {margin: 0; text-align: right;}
.clothesAccs div.first div.contentBox div div p input {width: 25px;}
.clothesAccs div.first ul.grid4 li {float: left; width: 175px; height: 175px; text-align: center;}
.clothesAccs div.first ul.grid4 li p {padding: 0; margin: 0;}
.clothesAccs div.first ul.grid4 li span {display: block;}
/* End Clothes and Accs */

div.grid4-1-3r .articleCategory, div.grid4-1-3r .fullWidthArticleCategory { width: 358px; float: left;  position: relative; overflow: auto; margin: 10px 0 30px 0; display: block; } 
div.grid4-1-3r .fullWidthArticleCategory { width: 720px; margin: 0; padding: 0; }
.articleCategory h2, .fullWidthArticleCategory h2  { font-size: 18px; margin: 0; } 
.articleCategory ul, .fullWidthArticleCategory ul { width: 360px; margin: 0; padding: 0; overflow: hidden; ;  } 

.articleCategory li, .fullWidthArticleCategory li { display: inline; list-style: none; margin: 0; padding:10px 0 0 0; width: 340px; height: 99px; display: block; overflow: hidden; } 
#Body div.grid4-1-3r .fullWidthArticleCategory, .fullWidthArticleCategory ul  { width: 720px; margin:0;padding:0; }
.fullWidthArticleCategory li, .fullWidthArticleCategory li.first { width: 340px; margin: 0 0 10px 20px; float: left; clear: none; border-bottom: 1px solid #ccc; border-top: 0; } 
.fullWidthArticleCategory li.first  { margin-left: 0; } 

#Body .articleCategory { width: 358px;  height: 260px; overflow: hidden;  border-bottom: 1px solid #999; } 
#Body .articleCategory p.readMore { text-align: right; padding-right: 20px; } 

.counterList { margin: 10px 0; padding: 0; overflow: auto; width: 720px;  } 
.counterList li { list-style: none; width: 350px; float: left; margin: 0 20px 20px 0;} 
.counterList li h2, .counterList li p { margin-right: 20px; } 
.counterList li span { display: block; float: left; height: 64px; width: 70px; margin-right: 5px; text-indent: -99em; background: #4A4A4A url(/Images/Maximuscle/scatter/count.gif) no-repeat; } 
.counterList .Item2 span { background-position: 0 -79px; } 
.counterList .Item3 span { background-position: 0 -158px; } 
.counterList .Item4 span { background-position: 0 -237px; } 
.counterList .Item5 span { background-position: 0 -316px; } 
.counterList .Item6 span { background-position: 0 -395px; } 
.counterList .Item7 span { background-position: 0 -474px; } 
.counterList .Item8 span { background-position: 0 -553px; } 
.counterList .Item9 span { background-position: 0 -632px; } 
.counterList .Item10 span { background-position: 0 -711px; } 
.counterList .itemSpacer{ background: #fff; margin-right: 0; }
.counterList .itemSpacer img { width: 170px; float: left; }

#ActiveOffers h1 { display: none; } 
#OfferSort a { margin: 0 0.5em; } 
#OffersGrid .grid4 li {float: left; width: 180px;  }
#OffersGrid p {margin: 0; padding: 0 3px 0 3px; color: #000;}
#OffersGrid img {display: block;}
#OffersGrid li table td, #OffersGrid li table th {border: 0; margin: 0; padding: 0 3px 0 3px; color: #000;}
#OffersGrid li table td a {color: #000;}
#OffersGrid li table th {text-align: left; height: 4em; vertical-align: top;}
#OffersGrid td { width: 60%; } 
#OffersGrid td.offerValue { text-align: right; padding-right: 1.6em; } 
.warning { color: #c00; font-weight: bold; } 


/* Begin View All Bundles*/
.bundles div.grid4-1-3r div.first div.contentBox {margin: 0 0 1em 0;}
.bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div {text-align: center;}
.bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first, .bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first div {text-align: left; text-indent: 1em; margin: 1em 0 0 0;}
.bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first p, .bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first div p {margin: 0;}
.bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first div p.offer {font-weight: bold;}
.bundles div.grid4-1-3r div.first div.contentBox div.grid-2 div.first div p.offer span {color: #c00;}
/* End View All Bundles*/

/* Begin single bundle page */
#BundleLayup div.grid-2 div {text-align: left;}
#BundleLayup div.grid-2 div.first {margin: 1em 0 0 0;}
#BundleLayup div.grid-2 div.first, #BundleLayup div.grid-2 div.first div {text-align: left;}
#BundleLayup div.grid-2 div.first p {margin: 0;}
#BundleLayup div.grid-2 div.first div {margin: 1em 0;}
#BundleLayup div.grid-2 div.first div p.offer {font-weight: bold;}
#BundleLayup div.grid-2 div.first div p.offer span {color: #c00;}
#BundleLayup div.grid-2 div.first h3 {margin: 1em 0 0 0;}
#BundleLayup ul li {list-style-type: none;}
#BundleLayup div.grid-2, #BundleLayup div.instructionArea {margin: 0 0 1em 0;}
#BundleLayup div.instructionArea div {margin: 1em;}
#BundleLayup div.instructionArea div.icon {float: left; text-align: center; width: 8em; overflow: auto;}
#BundleLayup div.instructionArea div.icon p {margin: 0;}
/* End single bundle page */

/* This adds in the feed back area */
#Feedback { position: absolute; top: 0; left: 0; width: 100%; background: #333;  z-index: 104; text-align: center; opacity:0.7; filter:alpha(opacity=70);  -moz-opacity:0.7;  }
#Feedback ul { width: 963px; margin: 0 auto; text-align: right; height: 20px; line-height: 20px; color:#fff; font-size: 11px;  } 
#Feedback li { list-style: none; float: left; } 
#Feedback #LoyaltyPointBalance { float: right; padding-right: 0.9em; } 
#Feedback a { color: #FF9202; } 


#Container { padding-top: 10px; left: auto;  } 
#Menu { top: 72px; left: auto;} 
#MiniBasket { top: 10px; left: auto;} 

/* Begin Misc feedback fixes */
#VoucherForm p.frmButton {text-align: right;}
#SignInForms {margin-top: 1em;}
#SignInForms div p {margin-bottom: 0.7em;}
div.productOffer p {font-size: 1.2em; font-weight: bold;}
div.productOffer p span {color: #c00;}
/* End Misc feedback fixes */

.linkArea { clear: both; border: 1px solid #999; padding: 0 1em 1em 1em; margin: 0 0 20px 0 !important; } 

.linkArea textarea { width: 400px; height: 80px; border: 1px solid #ccc;  padding: 1em; float: left; margin-right: 20px; } 

.factsBox {padding-bottom:50px; padding-left:30px; height:350px; border-left:1px dashed #cccccc;}
#articlebox {width:490px; margin-top:15px; }

#BadgeBlock { position: relative; }
#BadgeBlock span { position: absolute; top: 120px; left: 0px; z-index: 1000;} 
#BadgeBlock span input { width: 7em; margin-left: 1em;}

#ProductPrice span {padding-top: 0.1em; }
.rewardLogo {background: url(/images/maximuscle/icons/rewardlogo.gif) #c00; text-indent: -9999px; height: 23px; width: 95px; padding: 0; display: inline-block;}

#Lib_Dynamic_Zone3_ctl00_ReviewBlock {height: 1850px; overflow: hidden;}

div.offerList div {float: left; overflow: hidden; width: 470px; }
.offerList div {margin: 0}
.offerList div.odd {margin-right: 20px;}
