body { 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: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%;}



/* Fonts and basic sizes */
html, body { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; }
h1, h2, h3 { font-size: 14px; clear; both;  font-weight: bold;}
p, ul, ol, dl { margin: 0 0 1.621em 0; line-height: 1.621em; padding: 0; }
ol li { margin-left: 10px; padding-left: 0em; text-indent:0 }
ul li { margin-left: 10px; padding-left: 0em; text-indent:0}
#Content ul li { list-style: disc inside; } 
#Content ol li { list-style: decimal inside; } 

dl dt { font-weight: bold; } 
dl dd { margin: 0px 10px 20px 10px;  }
strong { font-weight: bold; } 

div, blockquote, table { margin: 0 0 16px 0; }
a, a:visited { text-decoration: none; color: #6c466f;  }
a:hover { text-decoration: underline; }
#Content p a, #Content p a:visited { text-decoration: underline; }

dfn a, dfn a:visited { color: #000; } 
dfn a:hover { color: #333; text-decoration: none; } 

/* Page Grids and Structure */
body { margin: 0; padding: 0; text-align: center; background: url(/Images/Container/1px_vert.jpg) repeat-x fixed; }
#PageBorder { width: 1174px;  background: url(/Images/Container/1px_hori.png) repeat-y center; margin:0 auto; text-align: center; }
#Container { width:974px; min-height: 99%; margin: 0 auto; padding: 0px 0px 10px 0px; text-align: left; position: relative;  }
#PrimaryNav { width:974px; margin: 0; height: 105px; position: absolute; left: 0; top: 0;}
#Body {  padding: 121px 0 0 0; margin: 0; position: relative; }

#SecondaryNav { width: 230px; padding: 0; overflow: hidden; }
#Content { width: 728px; float: right; margin: 0; overflow: hidden;  } 
#Footer { width:974px; clear: both;  text-align: center; margin: 0px; padding:0; }


/* Top Page Navigation and Site Logo inc. Drop down menu */
#SiteLogo { position: absolute; top: 15px; left: 0px; }
#BasketInformation { position: absolute; right: 0; top: 25px;  text-indent: 5px; }
#BasketInformation .summary { background: url(/Images/Container/basketInfoSurround.png) no-repeat; height: 21px; position: relative; width: 323px; line-height: 19px; margin: 0; }
#BasketInformation .summaryLoggedIn { background: url(/Images/Container/basketInfoSurroundLong.png) no-repeat; height: 21px; position: relative; width: 397px; line-height: 19px; margin: 0; }
#BasketInformation .summary img, #BasketInformation .summaryLoggedIn img { position: absolute; right: 0; top: 0;}
#BasketInformation span { }
#BasketInformation .bLogout {position: absolute; right: 340px; width: 55px;}
#BasketInformation .bLogin, #BasketInformation .bAccount {position: absolute; right: 280px;}
#BasketInformation .bBasket { position: absolute; right: 210px; background: url(/Images/maxitone/basket_icon.gif) 4px 3px no-repeat; text-indent: 20px; }
#BasketInformation .bQuantity {  color: #8d6b90; position: absolute; right:150px; ; text-align: right; top:0; }
#BasketInformation .bTotal {color: #8d6b90; position: absolute; right: 95px; top:0; }
#BasketInformation  .tel { color: #8d6b90; font-weight: bold;}

#PrimaryNav #Menu { background: url(/Images/Container/dropDownMenu.png) no-repeat #f2f2f2; width: 974px; height: 25px; position: absolute; top: 80px; left:0; z-index: 10; }
#PrimaryNav #Menu a { color: #000; padding: 0px 5px; }
#PrimaryNav #Menu li { line-height: 23px; list-style: none; display: inline; margin:0 0 0 25px; padding:0; }
#PrimaryNav #Menu ul li { float: left; position: relative; left: 20px;  }
#PrimaryNav #Menu ul li.headlink a { display: block; }
#PrimaryNav #Menu ul li.headlink ul {  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;  display: none; border: 1px black solid; text-align: left; background: #fff; }
#PrimaryNav #Menu ul li ul li {  margin: 0; text-indent: 0; left: 0; } 
#PrimaryNav #Menu ul li.headlink:hover ul { display: block; position: absolute; width: 260px;  }
#PrimaryNav #Menu ul li.headlink:hover ul li { display: list-item; float: none; margin: 0px; }
#PrimaryNav #Menu ul li.headlink li:hover { background: #ccc; color: #666;}


/* Secondary LHS Menu */
#SecondaryNav p { line-height: 1em; margin: 0 0 16px 0; padding: 0; }
#SecondaryNav div { margin: 0 0 0px 0; }
#SecondaryNav #BadgeList { margin: 0; } 
#SecondaryNav #BadgeList li { text-align: center; width: 100%; margin: 0; padding:0; }
#SecondaryNav #BadgeList li img { margin: 0 auto; } 

/* Page Footer */
#Footer {  border-top: 1px solid #ccc; clear: both; text-align: center; padding-top: 0; margin-top: 0; }
#Footer ul { margin: 1em auto; }
#Footer li { list-style: none; display: inline; padding: 1em 1em;  }
#Footer #AddressFooter p { color: #333; font-size: 11px; margin: 0; }

/* Page Grid Structure and Control for structure */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.grid4-121 .mainArea {  width: 494px; float: left; }
.grid4-121 .sideMenu { float: left; width: 240px; } 

/* Form related */

.frmTxtBox, .frmDropBox { margin: 0 0 0.6em 0;  } 
.frmTxtBox input, .frmDropBox select,#PageContent .frmListBoxCentered select { width: 195px;  } 
.frmDropBox label, .frmTxtBox label, .frmMonthYear label { width: 90px; 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;  } 

.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; }

.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; } 
.frmNotes { font-size: 82%;  }

/*
Note: this is replicated for the past orders page (see .orderOptions) - replicated because .orderOptions class is page specific
where "button" is generic
*/
button { 
  border:0; 
  background: url(/Images/Maxitone/button.png) left no-repeat;
  cursor:pointer; 
  font-weight:bold; 
  color: #fff; 
  width: 120px;
  height: 21px; 
  text-align:center; 
}




/* Page Content */
h1 { margin-bottom: 16px; } 
h1.image { background-color: transparent; background-repeat: no-repeat; padding-top: 150px; }
h1.imageOnly { 	background-color: transparent; background-repeat: no-repeat;padding-top: 131px; margin-bottom: 0; text-indent: -999em; }

.grid-2 .first { margin-left: 0; }

.contentBox { background: url(/Images/Maxitone/contentBox_bot.png) no-repeat bottom left; padding-bottom: 10px;  } 
.contentBox div {background: url(/Images/Maxitone/contentBox_top.png) no-repeat top left; overflow: hidden; }
.contentBox div div { background: none; overflow: hidden; } 
.grid-2 {  width: 100%; clear: both; margin: 0; overflow: auto; margin-bottom: 16px; /* Remove this if large gaps start to appear */ } 
.grid-2 div { width: 356px; float: left; background: none;margin: 0 0 0 16px;  }
.grid-2 div.first { margin: 0; } 

.grid-2 .contentBox { margin: 0 0 16px 0; width: auto; float:none; background: url(/Images/Maxitone/contentBox_grid-2_bot.png) no-repeat bottom left; width: 100%; overflow: auto; }
.grid-2 .contentBox div { width: 356px; margin: 0 0 16px 16px; float: left; background: url(/Images/Maxitone/contentBox_grid-2_top.png) no-repeat top left;  } 
.grid-2 .contentBox div.first { margin-left: 0; } 
.grid-2 .contentBox div table { margin: 0 0 0 16px; }
.grid-2 div .contentBox { margin: 0 0 16px 0; padding; 0; } 
.grid-2 div .contentBox h2 { background: #ccc; text-indent: 10px; margin: 0;  background: url(/Images/Maxitone/contentBox_grid-2_top.png) no-repeat top left; }


#Content ul.grid4 li { float: left; list-style: none; width: 182px;  margin: 0px ;} 

.contentBox h2,.contentBox h3 { line-height: 22px; } 
.contentBox .mainImage { margin: 0 10px 10px 0px;  } 
.contentBox div p, .contentBox ul, .contentBox h2, .contentBox div ol, .grid-2 div .contentBox p, .grid-2 div .contentBox ul, .grid-2 div .contentBox ol { margin: 0 10px 10px 10px; }
body.wideContent .contentBox h2, body.wideContent .contentBox h3 { margin: 0px; text-indent: 10px; background: url(/Images/Maxitone/contentBox_system_topfull.png) 0px -92px no-repeat;  }
body.wideContent .contentBox { background: url(/Images/Maxitone/contentBox_botfull.png) no-repeat bottom; }

.warning, .error { color: #c00; font-weight: bold; } 

/* HomePage related content */
.pageContentHeader #SecondaryNav .portal { display: none; } 

#ContentHeader { width: 100%; height: 250px; background: #ebcee2; }
#ContentHeader ul.first,  #SecondaryNav ul.portal { background: url(/Images/Container/quadNav.jpg) no-repeat top left; height: 248px;    width: 228px; margin: 1px 18px 1px 0;  padding: 0;   float: left; }
#SecondaryNav ul.portal { margin-bottom: 16px;  }
#ContentHeader ul.first li,  #SecondaryNav ul.portal li { text-indent: 0;   list-style: none;  margin: 0;  padding: 0; }
#ContentHeader ul.first li a,  #SecondaryNav ul.portal li a { display: block; width: 228px; height: 62px;   margin: 0;  padding: 0; text-indent: -99em; }

#ContentHeader ul.first li.portalShop a:hover, #SecondaryNav li.portalShop a:hover  { background: url(/Images/Container/quadNav.jpg) no-repeat 0 -250px;  } 
#ContentHeader ul.first li.portalNewToMaxitone a:hover, #SecondaryNav li.portalNewToMaxitone a:hover  { background: url(/Images/Container/quadNav.jpg) no-repeat 0 -312px; }
#ContentHeader ul.first li.portalNutrition a:hover, #SecondaryNav li.portalNutrition a:hover  { background: url(/Images/Container/quadNav.jpg) no-repeat 0 -374px; } 
#ContentHeader ul.first li.portalNeedAdvice a:hover, #SecondaryNav li.portalNeedAdvice a:hover { background: url(/Images/Container/quadNav.jpg) no-repeat 0 -436px; } 

#ContentHeader .portalPages {  float: left; position: relative; height: 250px; width: 728px; margin: 0;}
#ContentHeader .portalPages .page { z-index: 1; position: absolute; top: 0px; left; 0px; background: #ebcee2 url(/Images/Maxitone/portalBackground.jpg) no-repeat 0px 1px;  height: 250px; margin: 0; width: 728px; }
#ContentHeader .portalPages .active { z-index:2; display: block; }
#ContentHeader #Page2 { background: #ebcee2 url(/Images/Maxitone/portalBackground.jpg) no-repeat 0 -250px; z-index: 0; display: none; } 
#ContentHeader #Page3 { background: #ebcee2 url(/Images/Maxitone/portalBackground.jpg) no-repeat 0 -500px; z-index: 0; display: none;  }

#ContentHeader .portalPages h2 , #ContentHeader .portalPages h1 { margin: 30px 0 0 0; font-size: 24px; font-weight: normal;text-indent: -999em; }  
#ContentHeader .portalPages p { width: 480px; } 

#ContentHeader #TypeAhead { z-index: 2; width: 570px; position: relative; margin: 0; padding:0;}
#ContentHeader label { font-weight:bold; line-height: 1.6em;  display: block; } 
#ContentHeader .searchInput { cursor: text;  z-index: 2; width: 490px; overflow: hidden; background: #fff url(/Images/maxitone/handhold_nobutton_bg.png) no-repeat; height: 24px; line-height: 24px; font-size: 11px; text-indent: 4px;  }
#ContentHeader .searchInput span {  background: #ddd; padding: 0.15em 0 ; border: 1px solid #ddd; }
#ContentHeader .searchInput span:hover {  border: 1px solid #999; cursor: pointer; }

#ContentHeader #TypeAhead ul, #ContentHeader  #TypeAhead li, #ContentHeader #TypeAhead a, #ContentHeader #TypeAhead img { margin:0;padding:0;width: auto;height: auto; background: none; text-indent: 0; }
#ContentHeader #TypeAhead ul { display: none; position: absolute; top: 173px; left: 40px; background: #891B62; }
#ContentHeader #TypeAhead li a { padding: 0.1em 1em; color: #ddd; border: 1px solid #891B62; display: block; }
#ContentHeader #TypeAhead li a:hover { border: 1px solid #ccc; background: #C3268C;}
#ContentHeader #TypeAhead img { height: 16px; position: relative; top: 4px; } 


/* Specialised aspects of the page furniture */
.articleRow, .productRow { overflow: hidden; width: 100%;background: url(/Images/Maxitone/contentBox_articleNavigation_bot.png) no-repeat bottom left; height: 107px; margin: 0 0 16px 0; padding:0; }
.articleRow div, .productRow div { position: relative; margin: 0; padding: 0; height: 107px; background: url(/Images/Maxitone/contentBox_articleNavigation_top.png) no-repeat top left;  }
.articleRow .rowImage, .productRow .rowImage { position: absolute; z-index: 1; top: 1px; left: 0; } 
.articleRow h2, .productRow h2 { position: absolute; margin: 0; padding:0; left:0; text-indent: 150px; height: 107px; background: url(/Images/Maxitone/contentBox_articleHeading.png) no-repeat top left; z-index: 2; }
.articleRow p, .productRow p { padding-top: 20px; padding-left: 140px; margin: 0; } 
.articleRow ul { padding-left: 140px; }
.articleRow ul a, .articleRow p a { z-index: 2; position: absolute; } 
.articleRow p.read { position: absolute; bottom: -8px; right: 0px; } 
.articleRow p.read a { position: static; } 

.productRow { background: url(/Images/Maxitone/contentBox_bot.png) no-repeat bottom left; height: auto; }
.productRow div { background: url(/Images/Maxitone/contentBox_top.png) no-repeat top left; height: 150px; }
.productRow h2 { background: none; z-index: 1; } 
.productRow .moreInfo { padding: 0 0 0 140px; z-index: 2; position: absolute; } 
.productRow .rowImage { left: 10px; top: 10px; z-index: 2; } 

.productRow form, .productRow .priceDetails { position: absolute; bottom: 0;  left: 0px;  }
.productRow .priceDetails, .productRow .price { font-weight: bold;} 
.productRow .price { width: 5em; padding-right: 1em; text-align: right; display: block; float: left; }
.productRow .priceDetails s { color: #c00;  }  
.productRow form label { display: none; } 
.productRow form input { width: 4em; } 
.productRow form select { width: 160px; } 
.productRow .frmButton { position: absolute; bottom: 0px; right: 0px; width: 120px;  } 

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


.rangeNavigation div { background: url(/Images/Maxitone/contentBox_system_bot.png) no-repeat bottom left;  padding-bottom: 10px; overflow: auto; width: 100%; }
.rangeNavigation div div { height: auto; width: 25%; margin: 0; padding: 0;float: left; background: transparent;}
.rangeNavigation div div ul { margin-left: 5px; } 
#Content .rangeNavigation ul li { list-style: none; } 
.rangeNavigation h2 { text-indent: 10px; height: 23px; font-weight: normal; font-size: 12px; line-height: 23px; color: #eee; background: url(/Images/Maxitone/contentBox_system_top.png) no-repeat; }
.rangeNavigation .rangeToning h2  { background-position: -182px 0px;  }
.rangeNavigation .rangeWellBeing h2  { background-position: -364px 0px;  }
.rangeNavigation .rangeAccessories h2  { background-position: -546px 0px;  }


.footerNavigation {  background: url(/Images/Maxitone/contentBox_linkfooter_top.png) no-repeat top left; }
.footerNavigation .grid2 { overflow: auto; padding: 0; width: 100%; background: url(/Images/Maxitone/contentBox_linkfooter_bot.png) no-repeat bottom left;}
.footerNavigation .grid2 div { width: 50%; margin: 0; padding: 0; float: left; } 
.footerNavigation .grid2 div h2 { line-height: 23px;  background: url(/Images/Maxitone/contentBox_linkfooter_top.png) no-repeat top right; }
.footerNavigation .grid2 div * { text-indent:10px; }
#Content .footerNavigation ul { text-indent: 0px; margin: 8px 0 12px 0; padding: 0 0 6px 0; background: url(/Images/Maxitone/footerNavigationListBackground.png) repeat-y; list-style: none; } 
#Content .footerNavigation li { list-style: none outside; margin: 0 0 0 20px;; padding: 0; height: 20px; text-indent: 0;  } 
.footerNavigation .grid2 div.first h2 { background-position: top left; }

/* Tabbed Navigation */
.tabNavigation { height: 44px; background: url(/Images/Maxitone/tabNavigation.png) no-repeat bottom left; }
.tabNavigation ul { margin: 0; } 
.tabNavigation li { list-style: none; text-indent: 0; display: inline; background: url(/Images/Maxitone/tabNavigationTab.png) no-repeat 0px -31px; width: 95px; margin:0 0 0 10px; padding: 0; height: 28px; display: block; float: left; text-align: center; } 
.tabNavigation li a { margin: 0; padding: 0; line-height: 32px; } 
.tabNavigation .active { background-position: 0 0px; height: 30px; } 
.tabNavigation .active a { color: #fff; } 

/* In Page content */
.rightSideImage { margin: 0 0 0 10px; float: right; } 
blockquote.hiLight { padding: 10px; margin: 0; background: #f2f2f2; } 

/* Product Page Specific */
.finesseSystem {  padding: 0; }
.sculptressSystem { padding: 0; }
.definitySystem { padding: 0; }

.productGrid { width: 100%; overflow: auto; } 
.productGrid div, .productGrid div div, .productGrid h2 { margin: 0; padding: 0; width: auto; position: static; } 
.productGrid div p { text-indent: 0; margin: 0 0 16px 0; } 
.productGrid div { float: left; }
.productGrid div.first { width: 485px;  margin-left: 10px; } 
.productGrid div div { float: none; } 

.contentBox .productGrid .heading { margin: 0 0 10px 0; padding: 0; display: block; background: url(/Images/Maxitone/contentBox_system_topwide.png) 0px 0px; height: 23px; line-height: 23px; color: #efefef; font-weight: bold; text-indent: 10px; } 
.contentBox .productGrid .heading a { color: #eee; } 
.definitySystem .productGrid .heading { background-position: 0 -46px; }  
.finesseSystem .productGrid .heading { background-position: 0 -23px; } 
.gymbagSystem .productGrid .heading, .hoodieSystem .productGrid .heading, .accessoriesSystem .productGrid .heading { background-position: 0 -69px;  } 

.productGrid #MainImage { width: 211px; height: 300px; display: block; } 

#ProductOptionSelection { text-align: center; }
#ProductOptionSelection p { margin: 0.3em; } 
#ProductOptionSelection label { display: none; }
#ProductOptionSelection input { width: 3em ; } 
#ProductOptionSelection select { width: 12em; } 
#KeyProductPoints { width: 214px; height: 174px; background: url(/Images/maxitone/KeyProductPoints.jpg) no-repeat; margin: 16px 0 0 0; } 
#KeyProductPoints li { text-indent: -999em; } 

.contentBox .productGrid h1 { font-size: 36px; font-weight: normal; line-height: 36px; } 
.contentBox .productGrid h2 { position: static; margin: 0 0 10px 0; } 
.productGrid p.contents { margin: 0; } 
.productGrid p.price{ font-size: 26px; margin: 0 0 16px 0;  } 

.productGrid #AlsoAvailable h2 { margin: 0; padding: 0; } 
.productGrid #AlsoAvailable li{ list-style: none; margin: 0; } 

.contentBox .productOffer {  width: 210px; }


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

.carousel { width: 974px; padding:0; height: 150px; overflow: hidden; text-align: center; position: relative; background: #999; }
.carousel ul { padding:0; text-align: left; width: 970px; height: 150px;  position: absolute; margin-left: 7px; margin-right: 7px; }
.carousel li { list-style: none; display: block; float: left; width: 240px; height: 150px; overflow: hidden; background: #D8D8D8; margin: 0; }
.carousel li img {  } 
.carousel span.leftMargin { position: absolute; top: 0px; left: 0px; width: 7px; height: 150px; background: #000; z-index: 2; } 
.carousel span.rightMargin {  position: absolute; top: 0px; right: 0px; width: 7px; height: 150px; background: #000; z-index: 2; } 
.carousel .prevArrow, .carousel .nextArrow { cursor: pointer;  position: absolute; width:26px; height:37px; top: 0px; right: 2px; background: url(/images/maxitone/chrome/arrow-right.png); text-indent: -999em; z-index: 3; } 
.carousel .prevArrow { left: 2px; background: url(/images/maxitone/chrome/arrow-left.png) no-repeat 0; } 

/* Basket */
#BasketItems table, #PaymentMethod table { width: 100%; background: url(/Images/Maxitone/contentBox_bot.png) no-repeat left bottom; } 
#PaymentMethod table { background: none; } 
#BasketItems thead { height: 23px; } 
#BasketItems td, #BasketItems th { background: url(/Images/Maxitone/contentBox_system_topwide.png) 0px 23px; text-indent: 1em; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0.2em 0; } 
#BasketItems .itemDesc, #BasketItems .itemPrice, #BasketItems .itemTotal  { background-position: -23px 23px; } 
#BasketItems .itemRemove { background-position: 152px 23px; }
#BasketItems .itemTotal strong {color: #ba1b6b;}

#PaymentMethod tbody tr { background: none; } 
#BasketItems td {background: #f2dae9 ; }
#BasketItems th { border-top: 0; } 
#BasketItems td.itemQuantity { width: 10em; text-align: center; border-left: 1px solid #000;  border-left: 2px solid #ccc;   } 
#BasketItems td.offerInfo { border-left: 1px solid #000;  border-left: 2px solid #ccc; text-indent: 4.5em;} 
#BasketItems .itemPrice, #BasketItems .itemTotal, #BasketItems .itemRemove { width: 85px; text-align: right; padding-right: 1em; } 
#BasketItems .delivery td { text-align: right; padding-right: 1em;  } 
#BasketItems .delivery .itemQuantity { text-align: center; } 
#BasketItems .tableFooter .basketUpdateQuantity { text-align: right; padding-right: 1em; } 
#BasketItems .tableFooter td { font-size: 16px; background: transparent; } 
#BasketItems td.basketUpsell {border-left: 1px solid #000;  border-left: 2px solid #ccc; text-align:right;padding-right: 1em; }
#IsisIdisBasket { text-align: right; } 

#BasketVoucher table {width: 100%; }
#BasketVoucher td {padding: 0; margin: 0; background: url(/images/container/dropdownmenu.png) no-repeat; height: 25px; text-indent: 1em;}
#BasketVoucher td.submitter {width: 152px; text-align: center; background-position: -823px 0px; text-indent:0}
#BasketVoucher td.entry {width: 102px; text-align: center; background-position: -32px 0px; text-indent:0}
#BasketVoucher td.entry input {width: 92px;}

/* Login or register including catalogue request */
.checkoutNav { display: none; } 

.sectionHead { font-size: 16px; margin: 0 0 16px 0; } 
#Content .grid-2 div div.loginBox, #FullRegistrationForm  .contentBox { float: none; margin: 0 0 16px 0; padding: 0; height: 180px; background: url(/Images/maxitone/contentBox_grid-2_bot.png) no-repeat bottom left;  } 
#Content .grid-2 div div.loginBox div { margin: 0; padding: 0; background: none; width: 100%; background: url(/Images/maxitone/contentBox_grid-2_top.png) no-repeat top left; } 
#Content .loginBox h2, #FullRegistrationForm  h2, #RegisterForm h2 { clear: both; position: static; width: 100%; height: 23px; line-height: 23px; display: block;  } 
.loginBox .frmButton, .loginBox .boxFooter { padding-left: 90px; } 

#FullRegistrationForm div, #FullRegistrationForm div.contentBox, #FullRegistrationForm div h2 { margin: 0; padding: 0; overflow: visible; height: auto; background: none; } 
#FullRegistrationForm div.grid-2 div, #RegisterForm div.grid-2 div.contentBox { width: 356px; margin: 0 0 16px 16px; float: left; }
#FullRegistrationForm div.grid-2 div.firstInList, #RegisterForm div.grid-2 div.firstInList { margin: 0 0 16px 0px; }
#FullRegistrationForm div.grid-2 div div h2, #RegisterForm div.grid-2 div h2 { margin: 0; height: 23px; background:url(/Images/maxitone/contentBox_grid-2_top.png) no-repeat top left; text-indent: 10px;  width: 100%;  } 
#FullRegistrationForm div.grid-2 div div.contentBox { width: 100%; margin: 0 0 16px 0; background: url(/Images/maxitone/contentBox_grid-2_bot.png) no-repeat bottom left; } 
#FullRegistrationForm div.grid-2 div div p, #RegisterForm div.grid-2 div p { margin: 0 0 10px 10px; } 

#Lib_Dynamic_Zone3_ctl01_ConfirmationForm h2 {  margin: 0; height: 23px; background:url(/Images/maxitone/contentBox_top.png) no-repeat top left; text-indent: 10px; line-height: 23px; } 
#Lib_Dynamic_Zone3_ctl01_ConfirmationForm p,#Lib_Dynamic_Zone3_ctl01_ConfirmationForm h3 { margin: 0 0 10px 10px; } 

/* Account Home */
#Content #AccountOptions ul, #Content #AccountOptions li { list-style: none; float: left; }
#Content #AccountOptions ul { clear: left; width: 100%; } 
#AccountDetails .tabSet { display: none; } 

#AddressesBlock .contentBox { width: 356px; float: left; margin: 0 0 16px 16px; background: url(/Images/maxitone/contentBox_grid-2_bot.png) no-repeat bottom left; } 
#AddressesBlock .contentBox h2,#CredentialsBlock h2 { background: url(/Images/maxitone/contentBox_grid-2_top.png) no-repeat top left; margin: 0; text-indent: 10px; } 
#AddressesBlock .firstInList { margin: 0 0 16px 0; } 
#AddressesBlock .contentBox p,#CredentialsBlock .contentBox p, #CredentialsBlock  h3 { margin: 0 10px 10px 10px; clear: both; } 

.contentHidden { margin: 0; } 
#CredentialsBlock, #CredentialsBlock.grid-2, #CredentialsBlock div { margin: 0; } 
#CredentialsBlock div { width: 356px; margin: 0 0 16px 16px; float: left;  }
#CredentialsBlock div div { width: auto; margin: 0; } 
#CredentialsBlock div.firstInList { margin: 0; } 
#CredentialsBlock #Credentials { margin: 0 0 16px 0; } 
#CredentialsBlock #Credentials.contentBox { width: 356px; } 

/* Order details + Media Code selection */
#orderDetails .grid-3 {  overflow: auto; width: 100%;  background: url(/Images/maxitone/contentBox_grid-2_bot.png) no-repeat bottom left;  clear: both;  padding-bottom: 10px; } 
#orderDetails .grid-3  div { width: 356px; float: left; margin: 0 0 0 16px; padding: 0;  margin-bottom: 10px; } 
#orderDetails .grid-3  div.firstInList { margin-left: 0; } 
#orderDetails li { list-style: none; } 
#orderDetails table {  width: 100%; } 
#orderDetails table thead {  width: 100%; background: url(/Images/maxitone/contentBox_grid-2_top.png) no-repeat;  } 
#orderDetails table td, #orderDetails table th { padding: 0 10px; } 
#orderDetails table th { padding: 10px; font-weight: bold; } 
#orderDetails table input { margin-right: 10px; } 
#Content #MediaCodeSelection li { list-style: none; }
#Content #MediaCodeSelection li input { margin-right: 5px; }

/* Payment Methods */
#PaymentMethod { width: 100%; overflow: automatic;  background: url(/Images/maxitone/contentBox_bot.png) no-repeat bottom left; } 
#PaymentMethod #CreditCardPayment { background: url(/Images/maxitone/contentBox_top.png) no-repeat top left; text-align: center; padding-top: 10px;  }
#PaymentMethod #CreditCardPayment .firstInList { margin: 0px auto; width: 400px; text-align: left; } 

#CreditCardPayment .frmInfoArea label,  #CreditCardPayment .frmInpShort  label { display: block; float: left; } 
#CreditCardPayment .frmInfoArea span { display: block; float: left; width: 19em; } 
#CreditCardPayment label { width: 12em; }

#PaymentMethod #Intro h1 { background: url(/Images/maxitone/contentBox_top.png) no-repeat top left; line-height: 23px; text-indent: 10px; } 
#PaymentMethod #Intro p, #PaymentMethod .printbox { margin: 0 0 10px 10px; } 
#PaymentMethod #AchieveGoals { display: none; } 
#PaymentMethod .basketItems { width: 100%; }

/* Pop up help window */
#main h1 { margin: 0px; padding: 0px; margin-bottom: 5px; color: #333333; font-size: 16px; font-weight: bold; clear: both; }
#main h2 {font-size: 11px;}
#main #LogoImage { display: none; } 
#main {background: #fff; padding: 1.261em; border: 1px solid #000; margin: 0px auto; text-align: left; }
#main #header {margin: 0 0 1.4em 0; text-align: center;}
#main #content {margin: 0px; padding: 4px; border: 1px solid #666666; background-color: #ffffff;}
#main #footer {margin: 0px; text-align: center;}

#main #header ul { list-style: none; } 
#main #header ul li { list-style-type: none; float: left; padding: 0 1em 0 0 ; }
#main #header .titleArea {clear:both; padding: 1em 0 0 0;}


/* Bundle Page */
.tabNavigation p {float: left;}
#BundleArea ul li { list-style: none; } 
#BundleArea div ul li span {font-weight: bold;}
#BundleArea table.offerPrice {margin-left: 10px;}
#BundleArea table.offerPrice td {padding: 2px; text-align: right;}
#BundleArea table.offerPrice td.amount {text-align: left;}
#WeightLossEstimate { font-size: 14px; clear: both;  font-weight: bold; border-bottom: 1px solid #b4217c; display: inline-block; padding-right: 0.5em;  }
#WeightLossEstimate span {color: #b4217c;}


/* Meal plan (on-screen) */
.wideContent #Content {width: 974px;}
.wideContent #SecondaryNav {display: none;}
.wideContent #Content table.mealPlanDay thead th, .wideContent #Content table.mealPlanDay td, #Summary td, #Summary thead th {width: 135px;}
table.mealPlanDay, #Summary {width: 100%; background: url(/Images/Maxitone/contentBox_botfull.png) no-repeat left bottom; clear: both; } 
table.mealPlanDay tbody td {text-align: left; vertical-align: top;}
table.mealPlanDay thead th, #Summary thead th { background: url(/Images/Maxitone/contentBox_system_topfull.png) -23px 23px; height: 23px;} 
#MealPlan table.mealPlanDay th.first, .mealPlan table.mealPlanDay th.first, #Summary thead th.first { background: url(/Images/Maxitone/contentBox_system_topfull.png) 0px 23px; height: 23px; width: 130px; font-weight: bold; text-indent: 10px;} 
/*
Keep this in case we put the summary back in
#MealPlan table.mealPlanDay th.last, #Summary thead th.last { background: url(/Images/Maxitone/contentBox_system_topfull.png) -835px 23px; height: 23px; width: 130px;} 
*/
#MealPlan table.mealPlanDay th.last6, .mealPlan table.mealPlanDay th.last6  { background: url(/Images/Maxitone/contentBox_system_topfull.png) -835px 23px; height: 23px; width: 130px;} 
#MealPlan table.mealPlanDay th.last5, .mealPlan table.mealPlanDay th.last5 { background: url(/Images/Maxitone/contentBox_system_topfull.png) -812px 23px; height: 23px; width: 130px;} 
#Summary thead th {font-weight: bold;} 
#Summary td.first {text-align: right;}
#Summary td.first span {padding-right: 10px;}
table.mealPlanDay tbody td, #Summary td {padding-bottom: 10px;}
.planItemQuantity {display: block;}

#PlanDealColumn p.frmDropBox, #PlanDealColumn p.frmButton { margin-left: 60px;  } 
#PlanDealColumn #KeyProductPoints { margin-left: 60px; } 


/* Training Plans */
#TrainingPlanDetail .contentBox h2 {background: url(/Images/Maxitone/contentBox_top.png) no-repeat top left; overflow: hidden; padding: 0 4px; margin: 0; border-bottom: 1px solid #ddd;}
#TrainingPlanDetail .contentBox div {background: none;}
#TrainingPlanDetail .contentBox div table {margin: 0 8px;}
#TrainingPlanDetail .contentBox div table th {font-weight: bold;}
#TrainingPlanDetail table { width: 99%; margin:0; padding:0;  }
#TrainingPlanDetail td, #TrainingPlanDetail th  {  border: none; text-align: center; width: 15%; } 
#TrainingPlanDetail td.activityName { text-align: left; width: 40%; } 
#TrainingPlanDetail th.activityName { text-indent: -999em; } 
#TrainingPlanDetail .cbContent { margin:0; } 
#TrainingPlanDetail .restDay { line-height: 3em;  } 
#TrainingPlanDetail h2 a { color: #111; }

#Content #TrainingPlanActivities .rowOdd, #Content #TrainingPlanActivities .rowEven {  display: block;  clear: both;  border-bottom: none; background: url(/Images/Maxitone/contentBox_bot.png) no-repeat left bottom; clear: both; position: relative; margin-bottom: 16px;}
#TrainingPlanVideoGuide, #TrainingPlanActivities {background: none;}
#TrainingPlanActivities div h3 {background: url(/Images/Maxitone/contentBox_top.png) no-repeat top left; overflow: hidden; position: absolute; top: 0; left: 0; display: block; width: 100%; padding: 8px;text-indent: 0px;}
#TrainingPlanActivities img { display: none; }
#TrainingPlanActivities .video { display: inline; float: right; margin: 10px 1.231em 10px 0; padding: 0;  background: none; }
#TrainingPlanActivities p {margin-top: 32px;}

#TrainingPlanDetail .contentBox div, #TrainingPlanDetail .contentBox h2, #Content #TrainingPlanActivities .rowOdd, #Content #TrainingPlanActivities .rowEven {height: 1%;}
html>body #TrainingPlanDetail .contentBox h2, html>body #TrainingPlanDetail .contentBox h2, html>body #Content #TrainingPlanActivities .rowOdd, html>body #Content #TrainingPlanActivities .rowEven {height: auto;}

#TrainingPlanDetail {clear: both;}

/* Ask the Expert submission form */
#ExpertsForm p.frmRadioButton span, #ExpertsForm p.frmTxtArea span {display: block; text-indent: 90px;}
#ExpertsForm p.frmTxtArea label {display: block; width: 100%; margin-left: 10px;}
#ExpertsForm p.frmButton {text-align: right;}

/* Body of... Finalists summary content boxes */
#BodyOfFinalists .contentBox {height: 227px; position: relative;}
#BodyOfFinalists .contentBox .frmButton {position: absolute; top: 205px; left: 587px;}

/* Refer-a-friend object overrides */
#K2ReferalHead .grid-2 div, #K2ReferalHead .grid-2 div div {height: auto; width: auto; overflow: auto; background: none; margin: auto; padding: auto; float: none;}
#K2ReferalHead .grid-2 div h2 {background: none;}
#K2ReferalHead .grid-2 div {width: 356px; float: left; background: none;margin: 0 0 0 16px;}
#K2ReferalHead .grid-2 #DetailCapture {margin: 0;}
#K2ReferalHead .grid-2 div div {height: 280px;}
#K2ReferalHead .grid-2 div div div {height: auto;}
#K2ReferalHead .grid-2 div .listHead {height: 100px;}
#K2ReferalHead .grid-2 .contentBox { margin: 0 0 16px 0; width: auto; float:none; background: url(/Images/Maxitone/contentBox_grid-2_bot.png) no-repeat bottom left; width: 100%; overflow: hidden; }
#K2ReferalHead .grid-2 #DetailCapture .listHead div, #K2ReferalHead .grid-2 #DetailCapture h2 { width: 356px; margin: 0 0 16px 0; float: left; background: url(/Images/Maxitone/contentBox_grid-2_top.png) no-repeat top left;  }
#K2ReferalHead .grid-2 #ReferalInfo h2 { background: url(/Images/Maxitone/contentBox_grid-2_top.png) no-repeat top left;}

#DetailCapture form p label {display: block; width: 7em; float: left; text-align: right; padding-right: 0.5em;}
#DetailCapture form p input {width: 15em; }
#DetailCapture form p select {width: 15.35em;}
#DetailCapture .formFooter input {margin-left: 7em; width: auto;}
#DetailCapture .listHead div {padding-top: 16px;}
#DetailCapture .listHead p {font-family: arial; font-weight: bold; text-align: center; font-size: 1.3em; margin: 0;}
#DetailCapture .listHead p span {color: #d00;}

#ReferalInfo .listHead p {font-family: arial; font-weight: bold;font-size: 3.2em; text-align: right; padding-right: 0.25em; margin: 0;}

#K2ReferalHead .grid-2 #ReferalInfo div div {margin: 0 10px; background: none; height: 220px; overflow: auto; width: 330px;}
#ReferalInfo div table {margin: 0 10px; font-size: 0.8em;}
#ReferalInfo div div {margin: 0;}
#ReferalInfo .nameColumn {width: 105px;}
#ReferalInfo .dateColumn {width: 75px; text-align: center;}
#ReferalInfo .registerColumn, #ReferalInfo .orderedColumn {width: 60px; text-align: center;}


*html #K2ReferalHead .grid-2 div div {height: 280px; margin: 0;}
*html #K2ReferalHead .grid-2 div div div, *html #K2ReferalHead .grid-2 div div form {height: auto;}
*html #K2ReferalHead .grid-2 div .listHead {height: 120px; margin: 0 0 16px 0;}

#Feedback {text-align: right; width: 100%; margin-top: 10px;}

.errorMessage {color: Red;}
.delivery td select {width: 300px;}

#ListNoBullets ul li {list-style-type: none;}

#Paginator {text-align: center; padding-bottom: 5px; }
#Paginator ul li, #Paginator ol li {display: block; list-style-type: none; width: 50px; float: left;}
#Paginator ul li.currentPage, #Paginator ol li.currentPage {font-weight: bold;}
#Paginator.withTotalPages {width:728px; text-align: left;}
#Paginator.withTotalPages ol {width:607px; text-align: center; float:left;}
#Paginator.withTotalPages p {width:121px; text-align: right; float:left;}
#Paginator.withTotalPages ol li {width: 55px;}

.orderBlock {border-top: 1px solid #ccc;}
.orderBlock .orderOptions {width: 100%; text-align: right;}

/*
The background etc., settings here are the same as general "button" settings - held separately as they are specific to the
past orders page
*/
.orderOptions input, .orderOptions a { 
  border:0; 
  background: url(/Images/Maxitone/button.png) left no-repeat;
  cursor:pointer; 
  font-weight:bold; 
  color: #fff; 
  width: 120px;
  height: 21px; 
  text-align:center; 
}
.orderOptions a {display: block; float: left;}
.orderOptions a:hover {text-decoration: none;}

.sizeForcer {clear: both;}

/* Blog Editor/Post Viewer */
.editor {padding-left: 10px; display:block;}
.editor button {background: url(); color: #111;}
.editor table {margin: 0;}

/* Temporary fix to display homepage modules as carousel does not work on ie7 */
.lockedList {overflow: auto; height: 150px;}
.lockedList ul { padding:0; text-align: left; width: 972px; height: 150px;  position: absolute; margin-left: -8px; margin-right: 12px; }
.lockedList li { list-style: none; display: block; float: left; width: 240px; height: 150px; overflow: hidden; margin: 0; margin-left: 4px;}
.lockedList li.first {padding: 0; margin: 0;}
.lockedListAlign ul li {margin-left: 16px; margin-bottom: 16px;}

/* Referral page header */
.referPage h1 { background: url(/images/maxitone/headers/refer-header.jpg); height: 141px; text-indent: -9999px;}

/* Carousel v2.0 */
#CarouselStrip {width: 976px;height: 150px;overflow: hidden;position: relative;}
#CarouselStrip ul {display: inline;position: absolute;width: auto;height: 150px;top: 0px;left: 0px;}
#CarouselStrip ul li {float: left; width: 238px; height: 150px;margin: 0;padding: 0;margin-left: 8px;}
#CarouselStrip .prevArrow, #CarouselStrip .nextArrow { position: absolute; width:26px; height:37px; top: 56px; right: 20px; background: url(/images/maxitone/chrome/arrow-right.png); text-indent: -999em; } 
#CarouselStrip .prevArrow { left: 20px;  background: url(/images/maxitone/chrome/arrow-left.png); } 
#CarouselStrip ul li.first {margin-left: 0;}