/*
Stylesheet by Worth Digital for Lucozadeshop.com

Created on 06/01/09 by Russell Beech
russell.beech@worthdigital.com

CONTENTS
--------
[1] Reset CSS
[2] Generic Styles & Typography
[3] Header styles (inc. main menu)
[4] Centre column styles
[5] Left column styles
[6] Right column styles
[7] Footer styles
*/

@import url("layout.css");

/*###-[1]---- START: Reset CSS based on http://meyerweb.com/eric/tools/css/reset/ (v1.0 | 20080212) ----[1]-###*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, .form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;background:url(../images/bg-body.gif) repeat-x #eee;font:62.5% Arial, Helvetica, Verdana, sans-serif;padding-bottom:5em;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}/* remember to define focus styles! */
ins {text-decoration:none;}/* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/*###-[1]---- END: Reset CSS ----[1]-###*/


/*###-[2]---- START: Generic Styles & Typography ----[2]-###*/
p, ul, ol, dl, table, td, th, address, blockquote, fieldset, pre, .form div {font-size:1.1em;}
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, .form div div, .form div p, fieldset div, table .form div {font-size:1.1em;}/* compensate for inherited font sizing */
p, ul, ol, dl, address, table, blockquote, pre, fieldset, .form {margin-bottom:1.5em;}
p {margin-top:0.8em;font-family:Verdana, Helvetica, sans-serif;color:#646464;line-height:1.4;}
ul ul, ol ol, ol ul, ul ol {margin-bottom:0;}
h1 {font-size:2em;font-weight:bold;margin:0.5em 0 1em 0;line-height:1;clear:both;color:#036;}
h2 {font-size:1.8em;font-weight:bold;margin:0 0 1em 0;color:#036;}
h3 {font-size:1.4em;font-weight:bold;margin:0 0 1em 0;color:#036;clear:both;}
h4 {font-size:1.2em;font-weight:bold;margin:0.8em 0 0.2em 0;}
h1 span, h2 span, h3 span {font-weight:bold;}
blockquote {font-style:italic;margin-left:1.5em;margin-right:1.5em;}
blockquote cite, blockquote em {font-style: normal;}
ul.bullets, ul.bullets ul {list-style-type:disc;margin-left:1.5em;}
ol {list-style-type:decimal;margin-left:2.5em;}
dt {font-size:1.4em;font-weight: bold;margin:2em 0 0.5em 0;}
dl dl {margin-left:1em;}
dl dl dt {font-size:1.4em;}
/*table {border-bottom: 1px solid #666;}*/
caption {font-weight:bold;padding-bottom:0.8em;font-size:1.4em;}
/*thead th {border-top:1px solid #666;border-bottom:3px solid #666;padding-top:0;padding-bottom:0.7em;}*/
/*tbody {border-top:3px solid #666;*//* no show in IE6 + 7 }*/
/*tbody tr th, tbody tr td {border-top: 1px solid #ddd;}*/
th, td {text-align:left;padding:0.4em 0.7em 0.3em 0.7em;}
a {text-decoration:none;color:#00AAEE;} 
a:hover {text-decoration:underline;}
strong, b, .bold {font-weight:bold;}
em {font-style:italic;}
hr {background:silver;height:1px;margin:1.5em 0;clear:both;}

/*-- .forms --*/
fieldset {position:relative;padding:4em 1em 0.5em 0;}
legend {font:1.8em Arial, Helvetica, sans-serif bold;color: #414141;}
legend span {position:absolute;left:0;font-weight:bold;margin-top:0.5em;} /* see also: ie.css */
label {display:block;font-size:1.1em;cursor:pointer;}
/*input, textarea, select, button {font-family:inherit;font-size:1.1em;}*/
textarea, input[type='text'], input[type='password'], select {border:1px solid #999;border-bottom-color:#ccc;border-right-color:#ccc;padding:0 1px 1px 1px;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {background:#FEFFAF;}
textarea {width:99%;display:block;}
button {cursor:pointer;width:auto;overflow:visible;background-color:#09f;color:#fff;font-family: Calibri,"Trebuchet MS","Helvetica Neue",Arial,Helvetica;font-weight:bold;padding:0.5em 2em;border-width:2px;border-style:solid;border-top-color:#2bf;border-right-color:#08e;border-bottom-color:#07d;border-left-color:#1af;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius: 0.5em;}
button:hover, button:focus {background-color:#06c;border-top-color:#28e;border-right-color:#05b;border-bottom-color:#04a;border-left-color:#17d;}
button:active {background-color:#039;border-top-color:#25b;border-right-color:#14a;border-bottom-color:#017;border-left-color:#028;}
.inputArea {clear:both;background:#FAF4E5;border:1px solid #FFE39F;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.inputArea fieldset {margin:1em;background:white;border:1px solid #FFE39F;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:4em 0 2em 0;}
.inputArea legend span {margin:1em 0;padding:0;font-size:0.7em;left:1em;color:#FF7F00;}
.inputArea h2 {margin: 0.5em 0 0 0.6em;}
.inputArea h4 {margin:2em 0 1em 2em;clear:both;}
.inputArea label {float:left;width:30%;margin-top:3px;margin-left:30px;}
.inputArea input {float:left;}
.inputArea input.textInput {margin:0 1em 0.5em 0;width:30%;}
.inputArea select {float:left;width:31%;margin:0 1em 0.5em 0;}
.inputArea input.radio, .inputArea input.checkbox {margin-left:30px;clear:left;}
.inputArea label.radioLabel, .inputArea label.checkboxLabel {margin:0 0 1em 0;width:85%;}
.inputArea input.continueButt {float:right;margin:0 0.7em 1em 0;clear:both;}
.inputArea div.container {margin:0 15px 2px 15px;padding:0.2em; font-size:12px}
.inputArea div.container label {float:left;margin:3px 0 0 15px;width:30%; font-size:12px}
.inputArea div.container input {float:left;}
.inputArea div.container input.textInput {width:30%;}
.inputArea div.container input.radio, .inputArea div.container input.checkbox {/*margin-left:30px;*/clear:left;}
.inputArea div.container label.radioLabel, .inputArea div.container label.checkboxLabel {margin:0 0 0 0;width:auto}
.inputArea div.container ul li{ padding-top:13px; padding-bottom:13px}

.validError {background:#FFDFDF;border:1px solid #faa;/*padding:0.3em;*/display:block;}
.invalid {background:#FFDFDF;border:1px solid #faa;}
.validNotice {padding:1em;text-align:center;font-weight:bold;margin:2em 0;border:3px solid #ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.validNotice span.invalid {padding:0.4em;color:#b33;font-weight:normal;}
.validNote {float:left;margin:0.1em 0 0 1em;color:#b33;}
/*-- end .forms --*/
.lucNavy {color:#036;}
.blue {color:#0ae;}
.orange {color:#FF6511;}
.instock {color:#090;}
.instockrd {color:#FF0000;}
.instockrdsl {margin-left:90px;}
.outstock {color:#c00;}
.first {margin-top:0;}
.last, .last a {border:none !important;padding-right:0 !important;}
.right {float:right;}
.left {float:left;}
.txtRight {text-align:right;}
.txtCtr {text-align:center;}
.smaller {font-size:80%;}
.light {font-weight:100;}
.halfWidth {width:50%;}
.inline {display:inline;}
.hide {visibility:hidden;}
hr.hide {margin:1em 0;}
.hideTxt {text-indent:-9999px;height:0;line-height:0;margin:0;}
.noMargin {margin:0 !important;}
.clear {clear:both;}
.pointer {}
.pointer:hover {cursor:pointer;}
.help:hover {cursor:help;}
.helpLink {color:#0ae;}
.helpLink:hover {text-decoration:underline;cursor:pointer;}
.fir {text-indent:-9999px;}
.fir a {display:block;height:100%;}
.shopNow a {width:98px;height:33px;background:url(../images/button-more-info.gif) left -33px no-repeat;}
.shopNow a:hover {background-position:left top;}
/* Clearing method */
.cleared:after, .wrapper:after, .container:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.cleared, .wrapper, .container {display: inline-block;}
/*\*/
.cleared, .wrapper, .container {display: block;}
/* End clearing */
/*###-[2]---- END: Generic Styles & Typography ----[2]-###*/


/*###-[3]---- START: Header styles ----[3]-###*/
p.branding {text-indent:-9999px;height:0;width:30em;margin:0;}
img.homeLink {width:510px;height:80px;float:left;}

div#mainNav {position:absolute;bottom:0;left:0;width:992px;margin:0;height:4.8em;background:url(../images/bg-header-menu.gif) repeat-x;border-left:1px solid #DEDCDD;border-right:1px solid #DEDCDD;}
div#mainNav ol {list-style:none;float:left;height:31px;margin:0.7em 0 0 1em;background:url(../images/bg-main-menu-left.gif) no-repeat;padding:0 0 0 0.4em;}
div#mainNav ol li {float:left;background:url(../images/bg-main-menu-noncurrent.gif) right -1px no-repeat;}
div#mainNav ol li a {display:block;padding:0.7em 0.8em 0.7em 0.8em;color:#1c3f9c;font-size:1.1em;font-weight:bold;}
div#mainNav ol li a:hover {}
div#mainNav ol li.current {background:url(../images/bg-main-menu-current-left.gif) no-repeat;}
div#mainNav ol li.current a {color:white;background:url(../images/bg-main-menu-current-right.gif) right top no-repeat;}
div#mainNav ol li.end {margin:0;}
div#mainNav ol li.end a {background:url(../images/bg-main-menu-right.gif) right top no-repeat;padding-right:1.2em;}
div#mainNav ol li.current:last-child a {background:url(../images/bg-main-menu-current-end.gif) right top no-repeat;}


ul.headerNav {position:absolute;top:3.6em;right:0;}
ul.headerNav2 {position:absolute;top:3.6em;right:0;}
ul.headerNav li {float:left;margin:0;border-right:1px solid #E5E5E5;font-weight:bold;}
ul.headerNav2 li {float:left;margin:0;border-right:1px solid #E5E5E5;font-weight:bold;}
ul.headerNav li a {color:white;padding:0.2em 1em;display:block;}
ul.headerNav2 li a {font-weight: bold; font-size:10px; color:#AFAFAF; text-transform: uppercase; padding:0.2em 1em;display:block;}
ul.headerNav li label {float:left;color:white;display:inline;padding:0;margin:0.2em 0.2em 2em 1em;font-size:1em;}
ul.headerNav2 li label {float:left;color:white;display:inline;padding:0;margin:0.2em 0.2em 2em 1em;font-size:1em;}
ul.headerNav li input {margin:0 0 0 0.2em;float:left;} /* See also ie.css */
ul.headerNav2 li input {margin:0 0 0 0.2em;float:left;} /* See also ie.css */
ul.headerNav li input#headerSearch {width:10em;height:1.2em;}
ul.headerNav2 input.SearchRez {margin-left: 20px; position: relative; top: -7px; width:166px;height: 26px; border: solid #DEDCDD 1px; font: normal 12px/26px arial}
/*###-[3]---- END: Header styles ----[3]-###*/


/*###-[4]---- START: Centre column styles ----[4]-###*/
ul.crumbTrail {margin:0 0 0 0.5em;}
ul.crumbTrail li {float:left;margin:0.5em 0.5em 0.5em 0;}
.container .content {padding:0 1em;}
#columnCentre input {padding:2px;}

#columnCentre div.generic {clear:both;padding:0 2em 2em 2em;margin:0.6em 0.5em 0 0.5em;border:1px solid #cbcbcb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/bg-generic-heading.gif) repeat-x;}
#columnCentre div.generic h1 {border:1px solid white;color:#036;margin:0 -20px;padding:0.7em 0.5em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;position:relative;}
div.generic h3, div.category h3, div.product h3 {padding:0.5em 0.7em;margin:2em 0 0 0;background: url(../images/bg-product-sub-heading-default.gif) left bottom repeat-x #f3f6fb;}

#columnCentre div.merch {clear:both;}
#columnCentre div.merch a.prodImg {display:block;border:3px solid white;text-align:center;height:140px;} /* N.B. explicit height needed for equal-height jQuery plugin in Webkit browsers */
#columnCentre div.merch a.prodImg:hover {border:3px solid /*#0ae*/#CFF1FF;}
#columnCentre div.merch ul.merchProd li {float:left;width:180px;margin:0.2em 1em 0 0;position:relative;padding-bottom:3.2em;}
/*#columnCentre div.merch ul.merchProd li {float:left;width:184px;margin:0.2em 1em 0 0;background:pink;}*/
#columnCentre div.merch ul.merchProd h4 {font-size:1.4em;margin:0;}
#columnCentre div.merch ul.merchProd h4 a {display:block;padding:0.8em 0.5em;height:100%;}
#columnCentre div.merch ul.merchProd .productData {background:#f4f4f4;position:absolute;bottom:0;width:100%;padding:0.5em 0;}
#columnCentre div.merch ul.merchProd .productData p.packSize {float:left;margin:0 0 0 0.5em;color:#2E5A88;font-weight:bold;font-size:0.9em;}
#columnCentre div.merch ul.merchProd .productData p.price {float:left;clear:left;margin:0 0 0 0.5em;color:#FF801A;font-weight:bold;font-size:1em;}
#columnCentre div.merch ul.merchProd .productData p.shopNow {position:absolute;bottom:-15px;right:0;}
/*#columnCentre div.merch ul.merchProd .productData p img {/*position:absolute;right:-6px;bottom:-6px;}*/
#columnCentre div.merch li.end {margin-right:0 !important;}
#columnCentre div.merch li.hydration {background:url(../images/bg-merchprod-heading-hydration.gif) left 148px repeat-x;}
#columnCentre div.merch li.fuel {background:url(../images/bg-merchprod-heading-fuel.gif) left 148px repeat-x;}
#columnCentre div.merch li.focus {background: url(../images/bg-merchprod-heading-focus.gif) left 148px repeat-x;}
#columnCentre div.merch li.recovery {background:url(../images/bg-merchprod-heading-recovery.gif) left 148px repeat-x;}
#columnCentre div.merch li.strength {background:url(../images/bg-merchprod-heading-strength.gif) left 148px repeat-x;}

/*-- Homepage --*/
div.needStates {border:0px solid #bfbfbf;background:white;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:1em;} /* CSS3 rounded corners not available in all browsers */
.needStates ol {list-style:none;padding:0;margin:0;}
.needStates ol li {float:left;width:122px;text-align:center;font-size:1.5em;font-weight:700;border-right:0px solid #bfbfbf;margin:0px;position:relative;}
* html .needStates ol li {width:125px;}
.needStates ol li img {position:absolute;top:-13px;left:46px;}
.needStates ol li a {display:block;width:100%;color:#143067;border-right:0px solid white;padding:0 0 0 0;display: block; height: 196px; width: 125px}
.needStates ol li a:hover {text-decoration:none;color:#00AAEE;}
.needStates ol li.hydration {background:url(../images/hCategoryEnergy.jpg) center -1px no-repeat;}
.needStates ol li.hydration2 {background:url(../images/hCategoryEnergy.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.hydration2:hover {background:url(../images/hCategoryEnergy.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.fuel2 {background:url(../images/hCategorySportHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.fuel2:hover {background:url(../images/hCategorySportHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.focus2 {background:url(../images/hCategorySportLiteHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.focus2:hover {background:url(../images/hCategorySportLiteHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.recovery2 {background:url(../images/hCategoryAlertPlusHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.recovery2:hover {background:url(../images/hCategoryAlertPlusHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.strength2 {background:url(../images/hCategoryNutritionHover.jpg) center -1px no-repeat; height: 196px; width: 125px}
.needStates ol li.strength2:hover {background:url(../images/hCategoryNutritionHover.jpg) center -1px no-repeat; height: 196px; width: 125px}

div#promoOne, div#promoTwo, div#promoThree {float:left;width:208px;height:135px;margin:2em 0;}
div#promoOne a {background:url(../images/home-promo-01.jpg) left top no-repeat;}
div#promoOne a:hover {background-position:left -135px;}
div#promoTwo a {background:url(../images/home-promo-02.jpg) no-repeat;}
div#promoTwo a:hover {background-position:left -135px;}
div#promoThree a {background:url(../images/home-promo-03.jpg) no-repeat;}
div#promoThree a:hover {background-position:left -135px;}
div#promoOne p, div#promoTwo p, div#promoThree p {margin:0;}
div#promoOne a, div#promoTwo a, div#promoThree a {display:block;width:208px;height:131px;}

div#newsBox {clear:both;}
div#newsBox h2 {background:url(../images/bg-homepage-news-heading.gif) left bottom no-repeat white;font-size:1.7em;font-weight:700;margin:0 0 1em 0;}
div#newsBox h2 a {display:block;color:#143067;padding:0.3em 0 0.6em 0.8em;}
div#newsBox h2 a:hover {text-decoration:none;color:#00AAEE;}
div#newsBox div.newsBoxMain {float:left;width:57%;padding:0 1em 0 1.3em;}
div#newsBox div.newsBoxMain h3 {margin:0 0 0.2em 0;}
div#newsBox div.newsBoxMain p.newsDate {font-size:1em;font-weight:bold;margin:0;}
div#newsBox div.newsBoxMain p.readMore {font-weight:bold;}
div#newsBox div.newsBoxOther {float:right;width:39%;background:#e4f1f7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
div#newsBox div.newsBoxOther h3 {color:#143067;margin:1em;}
div#newsBox div.newsBoxOther li {list-style:url(../images/bullet-other-news.gif) outside;font-size:0.9em;margin-right:0.5em;}
div#newsBox div.newsBoxOther li p {font-size:0.9em;margin-top:0;}
/*-- END Homepage --*/

/*-- Category & Product pages --*/
/*-- N.B. See ui-tabs.css for styles relating to the tabbed product descriptions --*/
div.category, div.product {clear:both;padding:0 2em 2em 2em;margin:0.6em 0.5em 0 0.5em;border:1px solid #cbcbcb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/bg-product-heading-default.gif) repeat-x;}
div.category h1, div.product h2.category {border:1px solid white;color:#036;margin:0 -20px;padding:0.7em 0.5em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;position:relative;}
div.category h1 {font-size:1.8em;}
div.category h1 img, div.product h2.category img {position:absolute;top:-12px;right:-10px;}
div.category img.catImg {margin:2.1em 0 2em 0;}
div.category .intro, div.product .intro {float:right;clear:right;width:50%;margin-top:1em;}
div.category .intro {width:47%;}
div.product .intro p.sku {text-align:right;}
div.product .buyOptions {margin:2em 0;clear:both;height:12em;background:#eee;}

#hydration {background:url(../images/bg-product-heading-hydration.gif) repeat-x;}
#hydration h3 {background: url(../images/bg-product-sub-heading-hydration.gif) left bottom repeat-x #f7f7f7;}
#fuel {background:url(../images/bg-product-heading-fuel.gif) repeat-x;}
#fuel h3 {background: url(../images/bg-product-sub-heading-fuel.gif) left bottom repeat-x #EFF7FF;}
#focus {background:url(../images/bg-product-heading-focus.gif) repeat-x;}
#focus h3 {background: url(../images/bg-product-sub-heading-focus.gif) left bottom repeat-x #FEFDDF;}
#recovery {background:url(../images/bg-product-heading-recovery.gif) repeat-x;}
#recovery h3 {background: url(../images/bg-product-sub-heading-recovery.gif) left bottom repeat-x #fbf2f3;}
#strength {background:url(../images/bg-product-heading-strength.gif) repeat-x;}
#strength h3 {background: url(../images/bg-product-sub-heading-strength.gif) left bottom repeat-x #f5f3fb;}

ul.productList {margin:-1.5em 0 0 0;}
ul.productList li {float:left;width:182px;margin:1em 1em 0 0;/*padding-bottom:1.8em;*/border:1px solid #e2e2e2;position:relative;background: url(../images/blank-white.gif) left bottom repeat-x #f4f4f4;}
ul.productList h4 {font-size:1.4em;margin:0;border:2px solid white;border-bottom:none;/*min-height:3.5em;*height:2.4em;*/background:url(../images/bg-product-list-heading-default.gif) left bottom repeat-x #E5EEFF;}
ul.productList h4 a {display:block;padding:0.5em;height:100%;color:#333;}
ul.productList h4 a:hover {color:#0ae;text-decoration:none;}
ul.productList li a.prodImg {display:block;border:3px solid white;text-align:center;background:white;}
ul.productList li a.prodImg:hover {border:3px solid #CFF1FF;}
ul.productList p.price {float:left;margin:0;padding:0.3em 0.5em;color:#036;font-size:0.9em;color:#2e5a88;font-weight:bold;border-left:2px solid white;}
ul.productList p.price span {color:#ff801a;font-size:1.1em;}
ul.productList p.shopNow {float:right;margin:0.1em 0;border-right:2px solid white;}
ul.productList li.end {margin-right:0 !important;}
ul.productList li.hydration h4 {background:url(../images/bg-product-sub-heading-hydration.gif) left bottom repeat-x #f7f7f7;}
ul.productList li.fuel h4 {background:url(../images/bg-product-sub-heading-fuel.gif) left bottom repeat-x #f5f3fb;}
ul.productList li.focus h4 {background:url(../images/bg-product-sub-heading-focus.gif) left bottom repeat-x #FEFDDF;}
ul.productList li.recovery h4 {background:url(../images/bg-product-sub-heading-recovery.gif) left bottom repeat-x #fbf2f3;}
ul.productList li.strength h4 {background:url(../images/bg-product-sub-heading-strength.gif) left bottom repeat-x #f5f3fb;}

/*- Split 2-column layout (within central column of main layout) for Strength category -*/
#strength {padding-bottom:0;}
#strength .splitContainer {margin:0 -1.9em 0.1em -1.9em;padding:0 1.9em 2em 1.9em;background:url(../images/bg-category-strength-splitcontainer.gif) repeat-x #e3def5;}
#strength .intro {float:none;width:auto;font-size:1.2em;}
#strength .splitCat {float:left;width:282px;padding-bottom:1em;background:url(../images/bg-category-strength-subcat-right.gif) right top no-repeat white;}
#strength .splitCat h2 {background:url(../images/bg-category-strength-subcat-left.gif) left top no-repeat;color:white;margin:0;padding:0.7em 0.5em 0.5em 0.6em;}
#strength .splitCat .subIntro {background:white;padding:1em;margin:0;}
#strength #muscleMass {margin-right:1em;}
#strength .productList li {width:91%;margin:1em;} /* See also ie.css */

div.sports div.intro {width:61%;}
/*-- END: Category & Product pages --*/

/*-- START: All product pages --*/
#allProducts ul {float:right;border-top:1px solid #cdcdcd;width:33em;margin:1em 0 0 0;}
#allProducts li {border-bottom:1px solid #cdcdcd;padding:0.9em 0;position:relative;color:#9a9a9a;}
#allProducts li a {font-weight:bold;}
#allProducts li span {position:absolute;right:105px;color:#333;font-weight:bold;}
#allProducts li span.shopNow {right:0;top:0;}
#allProducts img.groupShot {float:left;margin:1em 0 2em 0;}
#allProducts .moreInfo {width:98px;height:33px;background:url(../images/button-more-info.gif) left -33px no-repeat;}
#allProducts span a {display:block;}
/*-- END: All product pages --*/

/*-- START: Register pages --*/
#register1 .intro, #register3 .intro {font-size:1.4em;font-weight:bold;}
#register1 ul {padding-left:1.5em;margin-bottom:2.5em;}
#register1 li {margin-bottom:1em;font-weight:bold;color:#555;background:url(../images/bullet-blue-arrow-trans.gif) left 0.2em no-repeat;padding-left:1.5em;font-size:120%;}
#register2 .inputArea select#title {width:10%;margin-right:30%;}
#register3 .halfWidth {float:left;}
#register3 .halfWidth label.checkboxLabel {width:80%;}
#register3 .halfWidth input.textInput {width:50%;}
fieldset#marketing {background:none;border:none;padding:0;}
fieldset#marketing label {font-size:1em;color:#777;}
fieldset#marketing input.termsCheck {float:right;}
fieldset#marketing label.termsLabel {float:right;width:85%;text-align:right;font-size:1.1em;color:#333;}
/*-- END: Register pages --*/

/*-- START: User account pages --*/
#userAccount div.generic {background:none;position:relative;margin-top:5em;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0;border-top-left-radius:0;padding-top:1em;}
#userAccount div.generic h1 {border:none;}
#userAccount ul#userAccMenu {position:absolute;top:-44px;left:-1px;} /* see also ie.css */
#userAccount ul#userAccMenu li {float:left;margin:4px 2px 0 0;background:url(../images/bg-user-menu-left.gif) left top no-repeat;font-size:1.4em;}
#userAccount ul#userAccMenu li a {padding:12px 10px 9px 10px;display:block;background:url(../images/bg-user-menu-right.gif) right top no-repeat;font-weight:bold;}
#userAccount ul#userAccMenu li.current {background-image:url(../images/bg-user-menu-active-left.gif);margin-top:0;}
#userAccount ul#userAccMenu li.current a {background-image:url(../images/bg-user-menu-active-right.gif);color:black;padding:16px 10px 11px 10px;}
/*-- END: User account pages --*/

/*-- For checkout page styles see checkout.css --*/

/*###-[4]---- END: Centre column styles ----[4]-###*/


/*###-[5]---- START: Left column styles ----[5]-###*/
#columnLeft div.bannerList {margin:1em;background:#ffffff}
#columnLeft div.container {margin:1em;background:#f5f5f5;padding:5px;}
#columnLeft div.container2 {margin:1em;background:#fff;padding:5px;border: 1px #ECEDEE solid}
#columnLeft h3 {background:url(../images/bg-left-column-heading.gif) repeat-x #e3e3e3;color:#FF7F00;padding:0.2em 0.4em;margin:-5px -5px 0 -5px;}
#columnLeft div.container2 h3, #columnLeft div.container2 .h3 {font-size: 12px; font-family: arial; font-weight: bold; text-transform: uppercase; background:#AFAFAF;color:#fff;padding:0.2em 0.4em;margin:-5px -5px 0 -5px;}
#columnLeft .banner {margin:1em 0 0 1em;}
#columnLeft .banner a {display:block;height:100%;}
#columnLeft .banner p {margin:0;}

#columnLeft .leftNav2 li {display: block; background:url(../images/array_menu.jpg) left center no-repeat; padding: 0 0 0 13px; margin: 5px 0 0 0}
#columnLeft .leftNav {margin:0;padding:0.2em 0;list-style:none;font-size:1.2em;}
#columnLeft .leftNav2 {margin:0;padding:0.2em 0;list-style:none;font-size:10px; font-weight: bold}
#columnLeft .leftNav a {color:#535353;display:block;padding:0.2em 0 0.2em 0.2em;margin:0;}
#columnLeft .leftNav2 a {color:#222222;display:block;padding:0.2em 0 0.2em 0.2em;margin:0; text-transform:uppercase}
#columnLeft .leftNav li.current a {background-color:#dbf4ff;color:#0ae;font-weight:bold;}
#columnLeft .leftNav2 li.current a {background-color:#fff;color:#FFC323;font-weight:bold;}
#columnLeft .leftNav li.current2 a {color:#0ae;font-weight:bold;}
#columnLeft .leftNav2 li.current2 a {color:#FFC323;font-weight:bold;}
* html #columnLeft .leftNav li a {width:120px;}
#columnLeft .leftNav a:hover {background-color:#eaeaea;text-decoration:none;color:#000;}
#columnLeft .leftNav2 a:hover {background-color:#fff;text-decoration:none;color:#FFC323;}
#columnLeft ol.leftNav a:hover {background-color:#dbf4ff;color:#0ae;}
#columnLeft ol.leftNav2 a:hover {background-color:#fff;color:#FFC323;}

#columnLeft li.hydration a {background:url(../images/bullet-goal-hydration.gif) left 2px no-repeat;padding:0.3em 0 0.3em 2.2em;}
#columnLeft li.fuel a {background:url(../images/bullet-goal-fuel.gif) left 2px no-repeat;padding:0.3em 0 0.3em 2.2em;}
#columnLeft li.focus a {background:url(../images/bullet-goal-focus.gif) left 2px no-repeat;padding:0.3em 0 0.3em 2.2em;}
#columnLeft li.recovery a {background:url(../images/bullet-goal-recovery.gif) left 2px no-repeat;padding:0.3em 0 0.3em 2.2em;}
#columnLeft li.strength a {background:url(../images/bullet-goal-strength.gif) left 2px no-repeat;padding:0.3em 0 0.3em 2.2em;}
#columnLeft ol li.current a {background-color:#dbf4ff;color:#0ae;font-weight:bold;}

#columnLeft .promoFreeCat p {width:160px;height:68px;background:url(../images/leftpromo-free-catalogue.gif) no-repeat;}

#columnLeft div.helpChoose div {background:#d9d9d9;margin:0 0 0.4em 0;padding:0.2em;}
#columnLeft div.helpChoose label {color:#9c9c9c;font-weight:bold;float:left;/*margin-top:0.4em;*/line-height:1.7;padding-left:0.1em;}
#columnLeft div.helpChoose select {float:right;width:80px;}
/*###-[5]---- END: Left column styles ----[5]-###*/


/*###-[6]---- START: Right column styles ----[6]-###*/
#columnRight .container {margin:0.5em 1em 0.5em 1.2em;}

#minicart {background:url(../images/bg-right-container-bottom.gif) left bottom no-repeat;padding:0 0.5em 1.5em 0.5em;}
#minicart h3 {background:url(../images/bg-right-container-minicart-top.gif) left top no-repeat;margin:0 -3px 0 -5px;color:#333;font-size:1.3em;padding:0.8em 0.3em 0.3em 1em;}
#minicart #cartContents p {font-size:1.2em;margin:1em 1em 1em 0.5em;text-align:center;}
#minicart #cartContents p.vat {margin:-1em 1em 0.5em 0;text-align:right;font-size:1em;}
#minicart ul {margin:0.8em 0.6em 1em 0.3em;border-bottom:1px solid #DEDCDD;padding-bottom:0.5em;}
#minicart li {background:url(../images/bullet-blue-arrow-trans.gif) left 3px no-repeat;padding:0.2em 0 0.2em 1em;}
#minicart .fir {width:135px;height:32px;margin:0 0 0 0.4em;}
#minicart .fir a {background:url(../images/button-minicart-checkout-hover.gif) left top no-repeat;}
#minicart .fir a:hover {background-position:left -32px;}
#minicart #phoneHelp img {float:left;margin-left:1px;}
#minicart #phoneHelp p {float:left;margin:0;font-style:normal;font-size:0.9em;font-family:Arial, Helvetica, sans-serif;line-height:1.1;}
#minicart #phoneHelp p span {color:#ed7b00;font-size:1.6em;font-weight:bold;}

#columnRight .merch {background:url(../images/bg-rightpromo-merch.gif) repeat-y;padding:0 !important;}
#columnRight .merch h3 {background:url(../images/bg-rightpromo-merch-heading.gif) no-repeat;margin:0;color:white;font-size:1.3em;}
#columnRight .merch h3 span {display:block;background:url(../images/bg-rightpromo-merch-heading-bottom.gif) left bottom no-repeat;padding:0.8em 0.3em 1em 1em;}
#columnRight .merch a.prodImg {display:block;border:3px solid white;border-left:none;border-right:none;text-align:center;margin-top:3px;}
#columnRight .merch a.prodImg:hover {border-color:#CFF1FF;}
#columnRight .merch ul.merchProd {margin:0;}
#columnRight .merch ul.merchProd li {padding:0 1em 0 0.6em;position:relative;z-index:0;}
#columnRight .merch ul.merchProd h4 {font-size:1.3em;margin:0;}
#columnRight .merch ul.merchProd h4 a {display:block;padding:0 0.4em 0.2em;color:#333;height:1%;}
#columnRight .merch ul.merchProd h4 a:hover {color:#0ae;text-decoration:none;}
#columnRight .merch ul.merchProd .productData {background:#f4f4f4;border-bottom:2px solid #93C7E8;}
#columnRight .merch ul.merchProd .productData p.packSize {float:left;margin:0.5em 0 0 0.5em;color:#2E5A88;font-weight:bold;font-size:0.9em;}
#columnRight .merch ul.merchProd .productData p.price {float:right;margin:0.5em 0.5em 0 0;color:#FF801A;font-weight:bold;font-size:1em;}
#columnRight .merch ul.merchProd .productData p.shopNow {margin:0;clear:both;}
#columnRight .merch ul.merchProd .productData p.shopNow a {float:right;}
#columnRight .merch ul.merchProd li.end {background: url(../images/bg-rightpromo-merch-footer.gif) left bottom no-repeat;padding-bottom:1em;}
#columnRight .merch ul.merchProd li.end .productData {border:none;}
#columnRight .merch .hydration h4 a:hover {background:#E8E8E6;}
#columnRight .merch .fuel h4 a:hover {background:#e9f6fb;}
#columnRight .merch .focus h4 a:hover {background:#FCFAD3;}
#columnRight .merch .recovery h4 a:hover {background:#fbebe9;}
#columnRight .merch .strength h4 a:hover {background:#efecf9;}

#columnRight .banner a {display:block;height:100%;}
#columnRight .banner p {margin:0;}
#columnRight .promoFreeShip p {width:156px;height:68px;background:url(../images/rightpromo-free-delivery.gif) no-repeat;}
#columnRight .promoIntShip p {width:156px;height:67px;background:url(../images/rightpromo-international-delivery.gif) no-repeat;}
#columnRight .promoReg p {width:156px;height:80px;background:url(../images/rightpromo-register.gif) no-repeat;}
#columnRight .promoFreeCat p {width:156px;height:220px;background:url(../images/rightpromo-free-catalogue.gif) no-repeat;}
/*###-[6]---- END: Right column styles ----[6]-###*/


/*###-[7]---- START: Footer styles ----[7]-###*/
#footer {padding-top:0.8em;background:url(../images/bg-footer.gif) right top no-repeat white;}
#footer #gskLink {padding:0.8em;float:left;width:35em;}
#footer #gskLink img {float:left;}
#footer #gskLink p {float:left;color:#828282;font-size:0.9em;font-weight:bold;margin:0.8em 0 0 1em;width:33.2em;}

#footer #footLogos {float:right;width:62.8em;}
#footer #footLogos img {float:right;}

#footLinks {clear:both;}
#footLinks ul {margin:0;padding:1em 0;background:#eee;}
#footLinks li {float:left;margin-right:1em;}
#footLinks li a {color:#555;}
/*###-[7]---- END: Footer styles ----[7]-###*/

/*###-[10]---- CrumbTrail styles ----[10]-###*/

#crumb {border-top: 1px #E5E5E5 solid; position: absolute; width: 992px; height: 4.8em; left: 50%; top: 92px; margin: 0 0 0 -496px;}
#crumb ol {list-style:none;float:left;height:31px;margin:0.7em 0 0 1em;background:url(../images/bg-main-menu-left.gif) no-repeat;padding:0 0 0 0.4em;}
#crumb ol li {float:left;background:url(../images/bg-main-menu-noncurrent.gif) right -1px no-repeat;}
#crumb ol li a {display:block;padding:0.7em 0.8em 0.7em 0.8em;color:#1c3f9c;font-size:1.1em;font-weight:bold;}
#crumb ol li a:hover {}
#crumb ol li.current {background:url(../images/bg-main-menu-current-left.gif) no-repeat;}
#crumb ol li.current a {color:white;background:url(../images/bg-main-menu-current-right.gif) right top no-repeat;}
#crumb ol li.end {margin:0;}
#crumb ol li.end a {background:url(../images/bg-main-menu-right.gif) right top no-repeat;padding-right:1.2em;}
#crumb ol li.current:last-child a {background:url(../images/bg-main-menu-current-end.gif) right top no-repeat;}
/*###-[10]---- END: CrumbTrail styles ----[10]-###*/
.bdaybannercenter 
{
    width: 755px;
    height: 107px;
    float: left;
    margin-bottom: 44px;
}

.checkout1giftbann {margin-bottom: 15px;}
.checkout1giftbanna {font: 12px Arial; text-decoration:underline;}
.checkout1giftbanna:hover {text-decoration:none;}