html{color:#000;background:#FFF;}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:0;}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;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {  margin:0; padding:0;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; text-align: center; }table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
blockquote,ul,ol,dl { margin:1em;}
ol,ul,dl { margin-left:2em; }
ol li {	list-style: decimal outside;	}
ul li {list-style: disc outside;}
a { text-decoration: none; color: #990; } 
a:hover { text-decoration: underline; }
div { margin: 0 0 20px 0; }
h1,h2,h3 { font-weight: bold; }
h1 { font-size: 28px; width: 720px; margin-left: 240px; color: #EE2D24; line-height: 40px; } 
h2, h3 { font-size: 16px; } 
p { margin: 0 0 1em 0; line-height: 1.5em;font-size:14px; }
strong { font-weight: bold; }

/* Page structure and basic layout */
#Background { margin: 0; padding: 0;  background: #DDDDDD url(/Images/Container/1px_vert.jpg) repeat-x fixed; } 
#Container { margin: 0 auto; padding: 0 0 20px 0; width: 1174px; background: url(/Images/Container/1px_hori.png) repeat-y center fixed; position: relative; }
#Body {  width: 960px; text-align: left; margin: 0 auto;  background: #fff url(/Images/maxifuel/chrome/top-nav.jpg) repeat-x 0 0px; overflow: auto; position: relative; padding-top: 136px; }


#Head { height: 76px; z-index: 2; position: absolute; top: 0px; left: 0px; }
#Logo { margin: 15px 0 0 20px; } 

#FooterBanner { height: 65px; padding-top: 20px ;  } 

#Footer { width: 960px; margin: 0 auto; background: #3C3D3F; overflow: hidden; text-align: left; color: #fff; font-size: 11px; position: relative; top: 0px;  } 
#Footer div { width: 20%; float: left;  margin: 1em 0;}
#Footer h3 { font-size: 12px; color: #999; font-weight: normal; margin: 0 20px; }
#Footer ul { margin: 0 20px;  } 
#Footer li { list-style: none;   line-height: 2em;  } 
#Footer a { color: #eee; } 
#Footer p { clear: both; text-align: center; padding: 1em; font-size: 11px; }

#Menu { width: 100%; margin: 0 auto; height: 134px; text-align: left; position: absolute; top: 20px; left: 0; }
#Menu li { list-style: none; display: inline;  }
#Menu ul { margin: 0 auto;  width: 960px; margin-top: 84px; position: relative; } 
#Menu ul.nav li { height: 30px; float: left; }
#Menu ul.nav li ul { background: #000; position: absolute; width: 14em; top: 22px; left: -999em; margin: 0; padding: 0px 0px 0px 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; } 
#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 0 5px 0; padding: 0; }
#Menu .nav li ul li a:hover { background: #333; }
#Menu .nav ul.wideMenu,#Menu .nav ul.wideMenu li, #Menu .nav ul.wideMenu li a, #Menu .nav ul.wideMenu li a:hover {width: 18em;}

/*
#Menu { top: 72px; left: auto;} 
#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 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 { width: 100%; margin: 0 auto; height: 134px; text-align: left; position: absolute; top: 0px; left: 0; }
#Menu ul { margin: 0 auto;  width: 960px; margin-top: 84px; } 
#Menu #SystemNavigation { padding-left: 5px; margin-top: 13px;  } 
#Menu li { list-style: none; display: inline;  }
#Menu a { padding: 0 1.5em; border-left: 1px solid #fff; color: #eee; }
#Menu li.first a { border: 0;} 
#Menu #SystemNavigation li a { border-color: #333; color: #000; }   
*/

#BasketInformation { width: 960px; margin: 0 auto;  position: relative; top: -110px; height: 3em; color: #000;  }
#BasketInformation p { float: right; clear: right; width: 280px; padding: 0 10px; margin: 0 40px 0 0;  border-left: 1px solid #999; border-right: 1px solid #999;  } 
#BasketInformation a { border: 0; padding: 0; color: #000; } 
#BasketInformation .bDetail { position: absolute; right: 60px; top: 30px; }
#BasketInformation .bLogin, #BasketInformation .bBasket { width: 80px; display: block; float: left;  }
#BasketInformation .bQuantity, #BasketInformation .bTotal { text-align: right; width: 50px; display:block; float: left; padding-right: 1em; } 
#BasketInformation .bQuantity a, #BasketInformation .bTotal a {  color: #990; }
#BasketInformation .basketAction { float: right;  } 


#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 p { width: 963px; margin: 0 auto; text-align: right; height: 20px; line-height: 20px; color:#fff; font-size: 11px;  } 
#Feedback p a { color: #FF9202; } 
#Body { top: 20px;  } 
#Body .mainArea a, #Body .mainArea a:visited { text-decoration: underline;  }

#Menu { top: 20px; } 

/* Forms and buttons */
.frmSinglePurchase label { display: none; } 
.frmSinglePurchase input { width: 3em; border: 1px solid #d5d5d5; } 

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(/images/maxifuel/chrome/orng-but1.jpg) no-repeat; border: none; width: 60px; height: 21px; line-height: 21px; padding: 0; cursor: pointer; } 
button.btnMedium { background: url(/images/maxifuel/chrome/orng-but2.jpg) no-repeat; border: none; width: 97px;  }
button.btnWide { background: url(/images/maxifuel/chrome/orng-but3.jpg) no-repeat; border: none; width: 155px;  }
button.btnSecondary { background: url(/images/maxifuel/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 10px; } 
.sideForm input, .sideForm select { margin-left: 1em; width: 170px; } 
.sideForm table { margin: 0 10px; }
.sideForm table td { vertical-align: top; } 
.sideForm td.detail { width: 5em } 
.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; }

/* Grids and page organisation */
div.grid4-1-3, div.grid4-1-3r, div.grid, div.grid2 { clear: both; overflow: auto; margin: 0 0 20px 0; position: relative; background: #fff;  }
div.sideMenu { float: left; width: 240px; margin: 0; }
div.mainArea { width: 720px; float: left; margin: 0; }

div.grid4-1-3r div.sideMenu, div.grid4-3-1 div.mainArea { float: left;  } 
div.grid4-1-3r div.mainArea { float: right; }
div.grid4-121 .mainArea { width: 480px; float: left; } 
div.grid3 div { width: 33%; float: left; } 

ul.grid3 { margin: 0; padding: 0; }
ul.grid3 li { width: 240px; list-style: none; float: left; margin: 0; padding:0;} 

div.grid-2 { clear: both; overflow: auto; } 
div.grid-2 div { width: 470px; float: left; } 
div.grid-2 div.first { width: 470px; margin-right: 20px; float: left; } 
div.grid2 div { width: 360px; float: left; } 

/* Common page features */
#MainContent { position: relative; top: -24px;background: transparent; }
#MainContent .mainArea { position: relative; padding-top: 24px; }
h1.sectionHead { display: none; } 

body.imageHeader h1.imageOnly, .imageHeader h1.imageOnlyFullWidth { margin: 0 0 10px 0; text-indent: -999em; height: 206px; background: #000 url(/Images/Maximuscle/chrome/modules-shadow.jpg) bottom repeat-x; margin-left: 240px;  } 
body.imageHeader h1.imageOnlyFullWidth { margin-left: 0; width: 960px;}
body.imageHeader h1.imageOnly span { width: 720px; height: 198px; display: block; } 
body.imageHeader h1.imageOnlyFullWidth span { width: 960px; display: block; height: 198px; margin: 0;}
body.imageHeader #MainContent { top: -200px; }
body.imageHeader #MainContent .mainArea { padding-top: 200px;  }

.contentBox, .sideForm { border: 1px solid #d5d5d5; background: #fff; } 
.contentBox h2, .sideForm h3, .sideForm h2 { margin: 0 0 10px 0; line-height: 30px; text-indent: 10px; background: #EBEBEB url(/Images/maxifuel/chrome/top-nav.jpg) repeat-x 0 -106px }
.contentBox p { margin: 10px; }


.productRow {  height: 167px; margin: 0 0 16px 0; padding:0; }
.productRow div { position: relative; margin: 0; padding: 0; height: 167px;   }
.productRow h2 a { color: #000; } 
.productRow .moreInfo { z-index: 2; position: absolute; bottom: 2em; } 
.productRow .rowImage { position:absolute; left: 10px; top: 30px; z-index: 2; } 
.productRow p { padding-left: 140px; }
.productRow form, .productRow .priceDetails { position: absolute; bottom: 0;  left: 0px;  }
.productRow .priceDetails, .productRow .price { font-weight: bold;} 
.productRow .price {  }

/* Variations of product Row for special offers etc */
.productRow .wideImage p { padding-left: 190px; }

#MainContent .sideMenu .sideForm, #MainContent .sideMenu .contentBox { width: 220px; } 
#SideWhyBuy { width: 220px; overflow: hidden; text-indent: -10px; }   
#ShopByMenu  { border: 1px solid #ccc; margin: 0 0 20px 0; width: 220px;  display: block; height: 400px; overflow: auto; padding:0;  } 
/*	#ShopByMenu ul { padding: 0 0 300px 0; margin: 0 0 1em 0px; } */
#ShopByMenu ul { padding: 0 0 0 0; margin: 0 0 1em 0px; } 
#ShopByMenu ul ul { margin-left: 20px; padding: 0; } 
#ShopByMenu li { margin: 0;padding: 0; list-style:none;   } 
#ShopByMenu li li { padding: 5px 0; }
#ShopByMenu h4 { line-height: 24px; background: #4D4D4D url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -90px repeat-x; no-repeat; line-height: 24px; } 
#ShopByMenu h4 a { display: block; text-indent: 10px; color: #000; } 

#ShopByMenu li.clothing h4, h2.clothing, .clothing .lbClose { text-indent: -999em;background: #4D4D4D url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -90px repeat-x;  } 
#ShopByMenu li.accessories h4, h2.accessories, .accessories .lbClose {text-indent: -999em; background: #4D4D4D url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -90px repeat-x;   } 
#ShopByMenu li.bundles h4, h2.bundles , .bundles .lbClose {text-indent: -999em; background: #4D4D4D url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -90px repeat-x;   } 
#ShopByMenu li.deals h4, h2.deals , .deals .lbClose {text-indent: -999em; background: #4D4D4D url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -90px repeat-x; no-repeat;  } 

#ShopByMenu li.MFFocus h4, h2.MFFocus, .MFFocus .lbClose { background: #98AF20 url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 0px repeat-x;  } 
#ShopByMenu li.MFEnergy h4, h2.MFEnergy, .MFEnergy .lbClose { background: #7F6A1B url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -30px repeat-x;  } 
#ShopByMenu li.MFRecovery h4, h2.MFRecovery, .MFRecovery .lbClose { background: #7F6A1B url(/Images/Maxifuel/chrome/stripestripsprite.jpg) 0 -60px repeat-x;  } 
h2.MFFocus a, h2.MFEnergy a, h2.MFRecovery a { color: #000; } 
#ShopByMenu.homepageShopByMenu {height: 240px;}


#EmptyBasket { width: 700px; } 


.carousel { width: 960px;  padding:0; height: 150px; overflow: hidden; text-align: center; position: relative; }
.carousel ul { margin: 0 auto; padding:0; text-align: left; width: auto; height: 150px;  position: absolute; left: 0px; }
.carousel li { list-style: none; display: block; float: left; width: 239px; height: 150px; overflow: hidden; background: #D8D8D8; }
.carousel ul.length1 { width: 240px; } 
.carousel ul.length2 { width: 480px; } 
.carousel ul.length3 { width: 720px; }
.carousel ul li { border-left: 1px solid #ccc; } 
.carousel ul li.first { border-left: 1px solid #000; } 

.carousel .prevArrow, .carousel .nextArrow { position: absolute; width:26px; height:37px; top: 56px; right: 20px; background: url(/images/maxifuel/chrome/arrow-right.png); text-indent: -999em; } 
.carousel .prevArrow { left: 20px;  background: url(/images/maxifuel/chrome/arrow-left.png); } 
.MFAccessory .carousel { background: #C1C1C1 url(/Images/maxifuel/chrome/prodback-apparell.jpg) repeat-x 0 -444px;} 

.articleList { margin: 0; }
.articleList li { list-style:none; height: 84px; padding:0; margin:0 20px 20px 0; border-bottom: 1px solid #d5d5d5; position: relative; width: 340px; float: left; }
.articleList h3 { text-indent: 69px;  }
.articleList h3 a { color: #000; } 
.articleList li .readMore { position: absolute; bottom: 14px; right: 20px; } 
.articleList li img { width: 64px; height: 64px; background: #444; display: block; float: left; margin: -1em 5px 0 0; } 

#EventGuide { background: #eee; height: 235px; width: 240px; text-transform: uppercase; }
#EventGuide h2 { height: 2em; line-height: 2em; margin: 0; text-indent: 20px;}
#EventGuide ul { height: 185px; border: 1px solid #d5d5d5; margin: 0 20px; overflow: auto; } 
#EventGuide li { margin: 0 10px; list-style: none; padding: 5px 0px;  border-top: 1px solid #d5d5d5; }
#EventGuide li.first { border-top: 0; }
#EventGuide span { display: block; color: #666; }
#EventGuide .readMore { text-align: right; font-size: 11px; }

.event { border-bottom: 1px solid #999; height: 100px; padding-left: 120px; }

/* Taken from http://www.clker.com/search/sports+pictogram+olympic+triathlon/1 - need to be replaced before going live */
.tennis { background: url(/images/maxifuel/icons/tennis.png) no-repeat; } 
.triathlon { background: url(/images/maxifuel/icons/triathlon.png) no-repeat; } 
.roadRacing, .roadCycling, .cycling { background: url(/images/maxifuel/icons/cycling.png) no-repeat; }
.duathlon { background: url(/images/maxifuel/icons/triathlon.png) no-repeat; } 
.athletics, .roadRunning { background: url(/images/maxifuel/icons/athletics.png) no-repeat; } 
.rowing { background: url(/images/maxifuel/icons/rowing.png) no-repeat; } 
.golf { background: url(/images/maxifuel/icons/golf.png) no-repeat;}
.openWaterSwimming {background: url(/images/maxifuel/icons/swimming.png) no-repeat;}

/* Specific page features */
#MaxifuelHeaderHolder { position: relative; width: 960px; overflow: hidden; margin: 0; height: 444px; } 
#MaxifuelHeaderHolder embed, #MaxifuelHeaderHolder object { position: relative; left: -120px; } 
.homepage .articleList { margin: 0 0 0 20px; width: 440px; } 
.homepage .articleList li { width: 440px; margin: 0 0 0 0px; height: 79px;  } 
.homepage .articleList .readMore { right: 0; } 

#ProductHeader { position: relative; width: 960px; height: 444px; margin: 0; overflow: hidden; } 
body.MFFocus #ProductHeader {  background: #98AF20 url(/Images/maxifuel/chrome/prodback-focus.jpg) repeat-x; }
body.MFEnergy #ProductHeader {  background: url(/Images/maxifuel/chrome/prodback-energy.jpg) repeat-x; }
body.MFRecovery #ProductHeader  {  background: #C4931C url(/Images/maxifuel/chrome/prodback-recovery.jpg) repeat-x; }
body.MFAccessory #ProductHeader { background: #C4931C url(/Images/maxifuel/chrome/prodback-apparell.jpg) repeat-x; } 

#ProductHeader h1 { margin:0 0 0 10px;  width: 326px; height: 139px; text-indent: -999em; }
#ProductHeader h1.ViperBoost { background: url(/Images/maxifuel/headers/productHeaderViperBoost.png);  } 
#ProductHeader h1.ViperBoostBar { background: url(/Images/maxifuel/headers/productHeaderViperBoostBar.png);  } 
#ProductHeader h1.ViperBoostCapsules { background: url(/Images/maxifuel/headers/productHeaderViperBoostCapsules.png);  } 
#ProductHeader h1.ViperBoostGel { background: url(/Images/maxifuel/headers/productHeaderViperBoostGel.png);  } 
#ProductHeader h1.ViperActive { background: url(/Images/maxifuel/headers/productHeaderViperActive.png);  } 
#ProductHeader h1.ViperActiveCapsules { background: url(/Images/maxifuel/headers/productHeaderViperActiveCapsules.png);  } 
#ProductHeader h1.ViperActiveGel { background: url(/Images/maxifuel/headers/productHeaderViperActiveGel.png);  } 
#ProductHeader h1.ViperActiveSportsDrink { background: url(/Images/maxifuel/headers/productHeaderViperActiveSportsDrink.png);  } 
#ProductHeader h1.AcheFree { background: url(/Images/maxifuel/headers/productHeaderAcheFree.png);  } 
#ProductHeader h1.BCAAs	{ background: url(/Images/maxifuel/headers/productHeaderBCAAs.png);  } 
#ProductHeader h1.Recovermax { background: url(/Images/maxifuel/headers/productHeaderRecovermax.png);  } 
#ProductHeader h1.SportsVitamin { background: url(/Images/maxifuel/headers/productHeaderSportsVitamin.png);  } 
#ProductHeader h1.Protrient { background: url(/Images/maxifuel/headers/productHeaderProtrient.png);  } 
#ProductHeader h1.ImmuneSupport { background: url(/Images/maxifuel/headers/productHeaderImmuneSupport.png);  } 
#ProductHeader h1.WaterBottle { background: url(/Images/maxifuel/headers/productHeaderWaterBottle.png); } 
#ProductHeader h1.Shaker { background: url(/Images/maxifuel/headers/productHeaderShaker.png); } 
#ProductHeader h1.MaxifuelRucksack{ background: url(/Images/maxifuel/headers/productHeaderRucksack.png); }
#ProductHeader h1.ViperActiveBars { background: url(/Images/maxifuel/headers/productHeaderViperActiveBars.png);  } 
#ProductHeader h1.CreatamaxCapsules { background: url(/Images/maxifuel/headers/productHeaderCreatamaxCaps.png);  } 
 
#ProductHeader li { list-style:none;}
#ProductPrice { margin-left: 10px; color: #fff; font-size: 26px; font-weight: bold; } 
#ProductPrice span { font-size: 16px; font-weight: normal; position: relative; top: -2px; } 
#SinglePurchase { margin-left: 10px; width: 230px;color: #fff;  } 
#SinglePurchase select { width: 190px; float:right; margin-bottom: 5px; } 

#SystemRangeNavigation { width: 298px;  height: 23px; margin-top: 14px; border: none; } 
#SystemRangeNavigation h2 { width: 298px;border: 1px solid #d5d5d5; position: absolute; z-index: 3; margin: 0; line-height: 21px; background: #fff; font-size: 14px; height: 21px; text-indent: 10px; background: #fff url(/images/maxifuel/chrome/systemRangeDown.png) no-repeat right; } 
#SystemRangeNavigation ul { margin: 21px auto 0 auto; padding: 10px 0; border: 1px solid #d5d5d5; background: #eee; z-index: 2; position: absolute; left: -999em; width: 297px; }
#SystemRangeNavigation li { line-height: 2em; margin: 0 1em; } 
#SystemRangeNavigation a { display: block; color: #000;  } 
#SystemRangeNavigation:hover ul { left: auto; } 

#FamilyFeatures { overflow: auto; width: 298px; position:absolute; top: 56px; right: 29px; } 
#FamilyFeatures ul { margin: 0; padding:0; position: static; }
#FamilyFeatures li { color: #fff; margin: 0 0 21px 0; height: 29px; line-height: 29px; text-indent: 10px; background: url(/images/maxifuel/chrome/key-point-bar.png); width: 298px; } 

#ProductHeader .whyBuyDetails { margin:0; padding: 0; height: 251px; position: absolute; bottom: 0;right: 29px; text-indent: -999em; width: 301px; }
body.MFEnergy #ProductHeader .whyBuyDetails {  background: url(/images/maxifuel/modules/whyBuy-energy.png) no-repeat 0px bottom;  }
body.MFFocus #ProductHeader .whyBuyDetails { background: url(/images/maxifuel/modules/whyBuy.png) no-repeat 0px bottom; }
body.MFRecovery #ProductHeader .whyBuyDetails  { background: url(/images/maxifuel/modules/whyBuy-recovery.png) no-repeat 0px bottom; }
body.MFAccessory #ProductHeader .whyBuyDetails  { background: url(/images/maxifuel/modules/whyBuy-apparell.png) no-repeat 0px bottom; }

.basket h1, .checkout h1 { margin-left: 0; }
.basket div.sideMenu div.sideForm { margin: 0 0 20px 0; width: 238px !important; } 

#BasketContent { margin: 0 20px 1em auto; width: 700px; border: 1px solid #bbb;}
#BasketContent th { font-weight: bold; line-height: 22px; background: #EBEBEB url(/Images/maxifuel/chrome/top-nav.jpg) repeat-x 0 -106px  } 
#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; }
#UpsellArea ul.grid3 { width: 698px; } 
#UpsellArea ul.grid3 li { width: 232px; }
 
#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 .contentBox { overflow: auto; } 

#NonEmptyBasket .sideForm { width: 350px; float: right; margin-right: 20px; } 

#UpsellArea { clear: both; width: 700px; } 
#UpsellArea li { text-align: center; height: 270px; position: relative; } 
#UpsellArea li button { position: absolute; bottom: 10px; margin-left: -50px; ; } 
#UpsellArea li span { display: block; } 
#AccessoriesClothing li {height: 230px;}


.checkout .contentBox { margin: 0 0 1em 0; }
.checkout .grid4-3-1 .first .contentBox { margin-right: 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 0px 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 { list-style: none; padding: 0.2em;  } 
.checkout li label, .checkout li label span  {margin-left: 10px;}
#PaymentMethod { overflow: auto; background: #fff; padding: 0; } 
#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; }
.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; } 



/* 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;} 



/* Carousel (v2.0) */
#CarouselStrip { width: 960px;  padding:0; height: 150px; overflow: hidden; text-align: center; position: relative; }
#CarouselStrip ul {margin: 0 auto; padding:0; text-align: left; width: auto; height: 150px;  position: absolute; left: 0px; }
#CarouselStrip ul li { list-style: none; display: block; float: left; width: 240px; height: 150px; overflow: hidden; background: #D8D8D8; }
#CarouselStrip .prevArrow, #CarouselStrip .nextArrow { position: absolute; width:26px; height:37px; top: 56px; right: 20px; background: url(/images/maxifuel/chrome/arrow-right.png); text-indent: -999em; } 
#CarouselStrip .prevArrow { left: 20px;  background: url(/images/maxifuel/chrome/arrow-left.png); } 

/* SEO product page */
.product .grid4-1-3r {margin-top: 20px;}
.grid3-2-1 div {width: 480px; float: left;}
.grid3-2-1 div.productModules {width: 220px; margin-left: 20px; overflow: hidden;}
.product .productList { margin:0; padding:0; text-align:center; } 
.product .productList li { text-align: center; position: relative; height: 180px; list-style:none;margin:0 0 20px 0; padding:0; }
.product .productList li img { display: block; margin: 0 auto; } 
.product .productList span  { clear: both; display: block; text-align: center; }
.product .productList input { position: absolute; bottom: 0em; margin: 0 auto; left: 60px; } 
#SinglePurchase {margin: 0; padding: 0; width: 350px;}
#SinglePurchase .flavourPicker li {display: block; height: 2.0em;}
#SinglePurchase .flavourPicker li label, #SinglePurchase .flavourPicker li span.singleFlavourLabel {line-height: 1.8em; margin-left: 10px; font-weight: bold;}
#SinglePurchase .flavourPicker li span.singleFlavourLabel {display: block; width: 155px;}
#SinglePurchase .flavourPicker li span, #SinglePurchase .flavourPicker span input {width: 25px;}
#SinglePurchase .flavourPicker li span {margin-right: 10px; display: block; float: left;}
#SinglePurchase .flavourPicker label:hover{cursor: pointer;}
#SinglePurchase button { float:right; margin-right: 40px; }

#LikeButton { clear: both; display: block; } 

/* Offer list used on the dynamic offer pages */
div.offers_TwoOptions div { height: 245px; } 
div.offers_ThreeOptions div { height: 271px; } 
div.offers_FourOptions div { height: 297px; } 
div.offers_FiveOptions div { height: 323px; } 
div.offers_SixOptions div { height: 349px; } 
div.offers_SevenOptions div { height: 375px; } 
div.offers_EightOptions div { height: 401px; } 
div.offers_NineOptions div { height: 427px; } 
div.offers_TenOptions div { height: 453px; } 


#MainContent div.offerList div.offerContainer { float: left; margin: 0 0 20px 20px; width: 348px; border: 1px solid #ccc;  }
#MainContent div.offerList div.odd { margin: 0 0 20px 0; }
.noMenuPage #Body div.offerList div.offerContainer { float: left; width: 468px;  border: 1px solid #ccc; margin: 0 0 20px 20px; }
.noMenuPage #Body div.offerList div.odd { margin: 0 0 20px 0; }

div.offerList img { float: left; } 
div.offerList div.offerContainer ul { margin: 0 0 20px 0; padding: 0; width: 160px; float: right; } 
.noMenuPage div.offerList  div.offerContainer ul  { width: 240px; } 
div.offerList div.offerContainer li { margin: 0; padding: 0; list-style: none; } 
div.offerList div.offerContainer p { width: 160px; float: right; display: block; clear: right; margin: 0 0 5px 0; } 
.noMenuPage div.offerList div.offerContainer p { width: 240px; } 
div.offerList div.offerContainer p.frmButton button { margin: 0 0 0 46px; } 
div.offerList select { width: 90%; }