@charset "utf-8";
@import "reset.css";

/****************************************

	client:   U-Thrive
	author:   Nicola Hibbert
	agency:	  Akiko Design
	url:	  http://www.akikodesign.com

/****************************************/
/******************************************* HTML Elements */
html { height: 100%; overflow-y: scroll }
form { height: 100% } 
body { height: 100%; font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center; min-width: 955px }
a { text-decoration: none }
a:focus { outline: none; outline-width: 0 }

/******************************************* Layout */ 
#doublewrap { width: 100%; min-height: 100%; background-position: center top; background-repeat: no-repeat;
	background-attachment: fixed; background-image: url(/images/bg/bg_gym.jpg) }
#wrapper { position: relative; width: 955px; margin: 0 auto; text-align: left; overflow: auto }

#newbgwrap { position: relative; width: 865px; margin: 14px 0 }
#newbgwraptop { height: 14px; width: 865px; background: url(/images/bg/bg_bgwrap_top.png) top left no-repeat; 
	position: absolute; top: -14px; left: 0 }
#newbgwrapmid { overflow: auto; clear: both; width: 845px; padding: 0 10px 10px 10px; background: white }
#newbgwrapbtm { height: 14px; width: 865px; background: url(/images/bg/bg_bgwrap_btm.png) top left no-repeat;
	position: absolute; bottom: -14px; left: 0 }

/******************************************* Header */
#header { position: relative; width: 865px; height: 140px; background: #00538A url(/images/bg/bg_header.jpg) right 127px no-repeat } 

#logo { width: 322px; height: 140px; float: left; position: relative }
#logo a.logo img { position: absolute; left: 0; top: 0 }
	
#logo ul { height: 54px; position: absolute; top: 86px; left: 32px }
#logo li { float: left; margin-right: 8px }
#logo li#choose { height: 45px; width: 81px; background: url(/images/ico/ico_choose.png) top left no-repeat; text-indent: -9999px; margin: 0; 
	position: absolute; right: -80px; bottom: 5px; display: none }
#logo li a { position: relative; display: block; float: left; height: 46px; width: 35px;
	background-image: url(/images/ico/sprite_ico.png); background-repeat: no-repeat }
#logo .all a { background-position: 0 0 }
#logo .run a { background-position: -43px 0 }
#logo .cycle a { background-position: -86px 0 }
#logo .tri a { background-position: -130px 0 }
#logo .gym a { background-position: -173px 0 }
#logo .all a:hover, #logo ul li.all a.selected { background-position: 0 -46px }
#logo .run a:hover, #logo ul li.run a.selected { background-position: -43px -46px }
#logo .cycle a:hover, #logo ul li.cycle a.selected { background-position: -86px -46px }
#logo .tri a:hover, #logo ul li.tri a.selected { background-position: -130px -46px }
#logo .gym a:hover, #logo ul li.gym a.selected { background-position: -173px -46px }

#search { width: 486px; height: 72px; margin-top: 10px; float: right; font-size: 12px; background: url(/images/bg/bg_basket.jpg) top right no-repeat }
#search p { text-align: right; font-weight: bold; color: #0067c9; font-family: Arial, Helvetica, sans-serif }
#search input, #search select { font-size: 10px; color: black; font-family: Verdana, Geneva, sans-serif }

#search .headerbasket { width: 304px; height: 72px; margin-right: 10px; float: left }
#search .headerbasket p { padding-right: 10px }
#search .headerbasket .sitelogin { color: white; height: 21px; line-height: 21px; font-size: 11px }
#search .headerbasket .sitelogin a { color: white }
#search .headerbasket #ctl00_basket_viewBasket1_basketPanel { text-align: right; height: 28px; line-height: 27px; padding-right: 10px; font-weight: bold }
#search .headerbasket #ctl00_basketPanel { text-align: right; height: 28px; line-height: 27px; padding-right: 10px; font-weight: bold }
#search .headerbasket .sitebasket { font-size: 11px; height: 23px; line-height: 22px }
#search .headerbasket a { color: black }
#search .headerbasket .showbasket { padding-right: 12px; margin-right: 3px; background: url(/images/ico/ico_d-arrow.png) center right no-repeat }
#search .headerbasket .checkoutbasket { padding-right: 10px; background: url(/images/ico/ico_r-arrow.png) center right no-repeat }

#search .select { width: 168px; padding: 2px; height: 68px; float: right }
#search .select .keyword { width: 162px; margin-top: 22px; height: 14px }
#search .select .articles { margin-top: 2px; width: 133px; height: 18px }
#search .select .go { position: relative; top: 4px }

#nav { width: 486px; height: 14px; float: right; clear: right; position: relative; margin-top: 25px }
#nav ul { height: 14px; float: right; margin-right: 10px }
#nav li { float: left }
#nav li a { height: 14px; background-image: url(/images/bg/sprite_nav.png); background-position: left bottom; 
	background-repeat: no-repeat; text-indent: -9999px; display: block }
#nav .nav-1 a { width: 41px; background-position: left top }
#nav .nav-2 a { width: 82px; background-position: -41px top }
#nav .nav-3 a { width: 91px; background-position: -123px top }
#nav .nav-4 a { width: 119px; background-position: -214px top }
#nav .nav-5 a { width: 54px; background-position: -333px top }
#nav .nav-6 a { width: 80px; background-position: -387px top }
#nav .nav-1 .selected, #nav .nav-1 a:hover { background-position: left -15px }
#nav .nav-2 .selected, #nav .nav-2 a:hover { background-position: -41px -15px }
#nav .nav-3 .selected, #nav .nav-3 a:hover { background-position: -123px -15px }
#nav .nav-4 .selected, #nav .nav-4 a:hover { background-position: -214px -15px }
#nav .nav-5 .selected, #nav .nav-5 a:hover { background-position: -333px -15px }
#nav .nav-6 .selected, #nav .nav-6 a:hover { background-position: -387px -15px }

#breadcrumbs { height: 20px; clear: both; font-weight: bold }
#breadcrumbs .left { display: inline; float: left; color: #0067c9 }
#breadcrumbs .left a { color: #0067c9 }
#breadcrumbs .right { display: inline; float: right; color: #8FBE0D }
#breadcrumbs .right a { color: #8FBE0D }

/******************************************* Menu */
#menu { width: 184px; float: left; background: url(/images/bg/bg_dot_vert.png) 170px top repeat-y; margin-bottom: 10px }
#menu h3 { width: 160px; border-bottom: 1px #a3a3a3 dashed; text-indent: -9999px; background-image: url(/images/bg/sprite_titles.png); 
	background-repeat: no-repeat; height: 15px; line-height: 15px }
#menu #bygoal { background-position: 10px top }
#menu #byproduct { background-position: 10px -20px; margin-top: 20px }
#menu #byoffer { background-image: none; margin-top: 20px }
#menu #byoffer a { display: block; width: 160px; text-indent: -9999px; background-image: url(/images/bg/sprite_titles.png); 
	background-repeat: no-repeat; height: 15px; line-height: 15px; background-position: 10px -40px }
#menu #bybrand { background-image: none; margin-top: 20px }
#menu #bybrand a {display: block; width: 160px; text-indent: -9999px; background-image: url(/images/bg/sprite_titles.png) ;
    background-repeat: no-repeat; height: 15px; line-height: 15px;background-position: 10px -60px; }

#menu ul { width: 160px }
#menu li { border-bottom: 1px #a3a3a3 dashed }
#menu li a { display: block; line-height: 17px; padding-left: 15px; color: #0067c9; font-weight: bold }
#menu li > a:hover, #menu li.selected > a { color: white; background: url(/images/bg/bg_menu_hover.png) repeat-y }
#menu li ul li { padding-left: 15px }
#menu li ul li:last-child { border: 0 }

/******************************************* Content */
#content { position: relative; width: 479px; margin: 0 10px 10px 0; float: left }
#content #c1 { width: 100%; height: 114px; margin-bottom: 10px; background: url(/images/bg/sprite_featured.jpg) top left no-repeat }
#content #c2, #content #c3 { position: relative; width: 235px; margin-right: 9px; float: left }
#content #c3 { margin: 0 }
#content #c4, #content #c5 { clear: both }

#content #c2 ul, #content #c3 ul { padding: 0 15px 1px 0 }
#content #c2 li, #content #c3 li { position: relative; height: 105px; padding: 15px 0 0 10px; border-bottom: 1px #a3a3a3 dashed }
#content #c2 .first, #content #c3 .first { height: 105px; padding-top: 5px }
#content #c2 .paging { height: 10px; padding: 0; border: 0 }
#content #c2 .paging a { color: #8fbe0d; font-weight: bold }
#content #c2 .paging a span { color: #0067c9 }

#content #c2 li table, #content #c3 li table { height: 48px; width: 48px; position: absolute; right: 0; top: 50px }
#content #c2 li td, #content #c3 li table td { vertical-align: middle }
#content #c2 li div, #content #c3 li table div { text-align: center }
#content #c2 li.first table, #content #c3 li.first table { top: 40px }

/******************************************* Sidebar */
#sidebar { width: 172px; overflow: auto; float: left }
#sidebar div { position: relative; margin-bottom: 10px }
#sidebar #s1 { height: 95px; background: url(/images/bg/sprite_sidebar.png) left top no-repeat; padding: 10px }
#sidebar #s2 { height: 134px; background: url(/images/bg/sprite_sidebar.png) left -269px no-repeat; padding: 10px }
#sidebar #s3 div { position: static }
#sidebar #s4 { height: 117px; background: url(/images/bg/10OFF_asset3.gif) left top no-repeat }
#sidebar #s5 { height: 254px; background: url(/images/bg/sprite_sidebar.png) left -538px no-repeat }
#sidebar #s6 { height: 117px; background: url(/images/bg/special_offers.jpg) left top no-repeat }
#sidebar #s7 { height: 89px; background: url(/images/bg/creditcall.png) left top no-repeat }

#sidebar #s1 h3, #sidebar #s2 h3 { color: white; font-size: 1.7em; /*text-indent: -9999px*/ }
#sidebar #s3 h3 { height: 22px; padding: 4px 0 4px 10px; text-indent: -9999px; background: url(/images/bg/sprite_headers.png) left -143px no-repeat }
#sidebar #s1 p, #sidebar #s2 p { color: white; line-height: 1.1em; margin-bottom: 7px; margin-top: 2px }
#sidebar #s1 .advisor { margin-bottom: 35px }
#sidebar #s1 a, #sidebar #s2 a { color: white; font-size: 1.3em; font-weight: bold }
#sidebar #s1 .more, #sidebar #s2 .more { display: block; height: 12px; width: 50px; 
	background: url(/images/bg/sprite_titles.png) left -549px no-repeat; position: absolute; bottom: 8px; text-indent: -9999px }
#sidebar #s3 .more { font-weight: bold; color: black; text-decoration: underline; float: left; clear: left; margin-bottom: 2px; display: block }
#sidebar #s4 .more, #sidebar #s6 .more { display: block; left: 0; top: 0; height: 100%; width: 100% }
#sidebar #s5 ul { padding: 35px 20px 0 10px }
#sidebar #s5 li { color: white; font-weight: bold; border-bottom: 1px dashed white; padding: 4px 0 }
#sidebar #s5 li.last { border: none }

#sidebar a.dashed { padding-bottom: 5px; margin-bottom: 7px; bottom: 0 !important; top: 58px; border-bottom: 1px dashed white; width: 148px !important }
#sidebar .related li { position: relative; padding: 15px 0; border-bottom: 1px dashed #CCC; min-height: 100px }
#sidebar .related li p { margin-bottom: 5px }
#sidebar .related li table { height: 48px; width: 48px; position: absolute; right: 5px; bottom: 5px }
#sidebar .related li table td { vertical-align: middle }
#sidebar .related li table div { text-align: center; margin: 0 }

/******************************************* Footer */
#footer { position: relative; width: 865px; height: 149px; padding-top: 20px; float: left; padding-bottom: 40px;
	margin-top: 5px; background: url(/images/bg/bg_footer.png) top left no-repeat }
#footer ul { float: left; height: 120px; padding-left: 12px; background: url(/images/bg/bg_dot_vert.png) right top repeat-y }
#footer ul li a:hover { text-decoration: underline }
#footer .first { width: 90px; margin-left: 82px }
#footer .second { width: 110px }
#footer .third { width: 111px }
#footer .fourth { width: 125px; background: none }
#footer ul h4 { color: #0067c9; font-size: 1.1em; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif }
#footer li a { color: #a3a3a3; font-weight: bold }
#footer p.grey { display: inline; position: absolute; top: 62px; right: 14px }
#footer .twitter img { margin: 5px 0 10px }
img#ctl00_imgAkiko { position: absolute; bottom: 15px; left: 40px; z-index: 1 }

/******************************************* Banners */
#banners { width: 80px; margin-left: 10px; position: absolute; top: 161px; right: 0 }
#banners img.first { margin-bottom: 10px }

/******************************************* PAGES */
/******************************************* [HOME] */
.home #sidebar { background-position: right 161px }
.home #content p { margin-bottom: 5px }
.home #content #c2, .home #content #c3 { min-height: 495px; margin-top: 10px; background: url(/images/bg/bg_dot_vert.png) right top repeat-y }
.home #content #c1 { background: url(/images/bg/sprite_featured.jpg) left -228px no-repeat }
.home #content #c1 h2 { font-size: 1.6em; padding: 12px 0 5px 16px; color: white; font-weight: bold }
.home #content #c1 p { margin-left: 17px; color: white; font-weight: bold; width: 415px }
.home #content .shop, .home #content .advice { height: 22px; width: 225px; float: left; padding: 4px 0 4px 10px; text-indent: -9999px; 
	background-image: url(/images/bg/sprite_headers.png); background-repeat: no-repeat }
.home #content .shop { background-position: left -62px; margin-right: 9px } 
.home #content .advice { background-position: right -62px }
.home #content #c2 p, .home #content #c3 p { width: 80% }

/******************************************* [LISTING] */
.listing #sidebar { background-position: right 333px }
.listing #sidebar #s1 { height: 134px; background: url(/images/bg/sprite_sidebar.png) left -115px no-repeat }

.listing #content p { margin-bottom: 3px }
.listing #content #c1 p { margin-left: 16px; color: white; font-weight: bold; width: 415px }
.listing #content #c1 h2 { font-size: 1.6em; padding: 12px 0 5px 16px; color: white; font-weight: bold }

#productlist h2 { font-size: 1.5em }
#productlist { min-height: 495px; background: url(/images/bg/bg_dot_vert_2cols.png) right top repeat-y; padding: 5px 14px 0 1px; margin-top:10px; 
	overflow: auto }
#productlist p { width: 80% } /*70%*/
#productlist li { position: relative; height: 105px; padding: 15px 0 0 9px; margin: 0 0 0 25px; border-bottom: 1px #a3a3a3 dashed; float:left; width:210px }
#productlist li.left { margin-left:0; clear: left }
#productlist li.top { padding-top:0}
#productlist li table { height: 48px; width: 48px; position: absolute; right: 0; top: 50px }
#productlist li td { vertical-align: middle }
#productlist li div { text-align: center }
#productlist li.top table { top: 35px }

#brandlist h2 { font-size: 1.5em }
#brandlist { min-height: 495px; background: url(/images/bg/bg_dot_vert_2cols.png) right top repeat-y; padding: 5px 14px 0 1px; margin-top:10px; overflow: auto  }
#brandlist p { margin: 0 0 10px 0 !important; font-size: 1.2em; font-weight: bold; color: #8FBE0D }
#brandlist li { position: relative; height: 150px; padding-top: 15px; margin: 0 16px; /*padding: 15px 0 0 9px; margin: 0 0 0 25px;*/ 
	border-bottom: 1px #a3a3a3 dashed; float:left; width:200px; overflow: hidden  }
#brandlist li td { vertical-align: middle }
#brandlist li div { text-align: center }

#resultsbar { color: #0067c9; height: 10px; margin-top: 15px }
.resultsbar-left { width: 50%; float: left }
.resultsbar-right { width: 50%; float: right }
#pagination { clear: both }
#pagination li { display: inline; font-weight: bold; padding: 0 1px }
#pagination a { color: #8fbe0d }

/******************************************* [DETAIL] */
.detail #content { background: url(/images/bg/bg_dot_vert.png) 475px top repeat-y } 

.detail #content #c2 { width: 200px; margin-right: 15px }
.detail #content #c3 { height: auto }
.detail #content #c2 p, body.detail #content #c3 p { font-weight: bold }
.detail #content #c2 p.qty, body.detail #content #c3 p.qty { margin-bottom: 5px }
.detail #c2 table { height: 200px; width: 200px; border: 1px solid #CCC; margin-bottom: 10px; background: white; position: relative; margin-top: 1px }
.detail #c2 table td { vertical-align: middle }
.detail #c2 table td div { text-align: center }

.detail #content #c3 { width: 250px; margin-bottom: 10px; position: relative }
.detail #content #c3 h2 { font-size: 1.6em !important }
.detail #content #c3 h2, body.detail #content #c5 h2 { background: none; color: #0067c9; font-size: 1.3em; margin-bottom: 5px; width: 100% }
.detail #c3 p { clear: left; line-height: 1.4em }
.detail #c3 select, .detail #c5 select { width: 130px; float: left; clear: left; margin-bottom: 5px }
.detail #c3 .addtobasket { float: left; clear: left }

.detail #c4 { border-top: 1px dashed #CCC; padding-top: 10px; margin-right: 12px; width: 465px }
.detail #c4 h2 { width: 138px; height: 14px; background: url(/images/bg/sprite_titles.png) left -299px no-repeat; text-indent: -9999px; font-size: 1.5em }
.detail #c4 ul.offers { float: left; width: 100%; margin: 5px 0 20px }
.detail #c4 ul.offers li { float: left; width: 25%; height: 64px; background-image: url(/images/bg/sprite_bubbles.png); 
	background-repeat: no-repeat; text-indent: -9999px }
.detail #c4 ul.offers li.three { background-position: center -294px }
.detail #c4 ul.offers li.weekly { background-position: center -359px }
.detail #c4 ul.offers li.monthly { background-position: center -69px }

.detail #c4 .tabs { clear: left }
.detail #c4 .tabs > div { width: 444px; padding: 15px 10px; background: #e8e8e8; color: #7d7d7d }
.detail #c4 .tabs > div p { min-height: 156px }
.detail #c4 .tabnav { width: 348px; height: 24px; background: url(/images/bg/sprite_headers.png) left -93px no-repeat }
.detail #c4 .tabnav li { float: left; width: 116px }
.detail #c4 .tabnav li a { display: block; height: 16px; padding-top: 8px; line-height: 10px; text-indent: -9999px }
.detail #c4 .tabnav li .selected, .detail #c4 .tabnav li a:hover { background-image: url(/images/bg/sprite_headers.png); background-repeat: no-repeat }
.detail #c4 .tabnav .tab-1 .selected, .detail #c4 .tabnav .tab-1 a:hover { background-position: left -118px }
.detail #c4 .tabnav .tab-2 .selected, .detail #c4 .tabnav .tab-2 a:hover { background-position: -116px -118px }
.detail #c4 .tabnav .tab-3 .selected, .detail #c4 .tabnav .tab-3 a:hover { background-position: -232px -118px }
.detail #c4 .tabnav .tab-4 .selected, .detail #c4 .tabnav .tab-4 a:hover { background-position: -348px -118px }

.detail #c4 ul.tabnav li a:focus { outline: 0 }
.detail #c5 { width: 247px; position: relative; padding: 0 0 10px 20px; margin: 20px 12px 0 0; float: right; 
	background: url(/images/bg/bg_dot_vert.png) left top repeat-y }
.detail #c5 .addtobasket { position: absolute; bottom: 5px; right: 0 }
.detail #sidebar { background: none }

.detail #ctl00_middle_basketPanel p { margin-bottom: 10px }
.detail #ctl00_middle_quantity { margin-left: 5px }

/******************************************* [EVENTS] */
.Cycle #doublewrap { background-image: url(/images/bg/bg_cycling.jpg) }
.Cycle #content #c1 { background: url(/images/bg/sprite_featured.jpg) left -114px no-repeat }
.Tri #doublewrap { background-image: url(/images/bg/bg_swimming.jpg) }
.Tri #content #c1 { background: url(/images/bg/sprite_featured.jpg) left -456px no-repeat }
.Run #doublewrap { background-image: url(/images/bg/bg_run.jpg) }
.Run #content #c1 { background: url(/images/bg/sprite_featured.jpg) left -342px no-repeat }
.Gym #doublewrap { background-image: url(/images/bg/bg_gym.jpg) }
.Gym #content #c1 { background: url(/images/bg/sprite_featured.jpg) left -228px no-repeat }

/******************************************* [BASKET] */
.basket #content { background: url(/images/bg/bg_dot_vert.png) 475px top repeat-y; width: 469px; padding-right: 10px } 
.basket .s-basket h2 { width: 186px; height: 23px; background: url(/images/bg/sprite_titles.png) left -270px no-repeat; text-indent: -9999px; margin-bottom: 5px }
.basket .s-basket p { font-weight: bold; line-height: 1.4em }
.basket .s-basket table { margin-bottom: 5px }
.basket .s-basket table th,
.basket .s-basket table td { width: 15%; font-size: 1.2em; font-weight: bold; vertical-align: middle; text-align: center }
.basket .s-basket table td { border-left: 1px dashed #CCC }
.basket .s-basket table th.item,
.basket .s-basket table td.item { width: 38%; text-align: left; border: none; padding: 10px 0 }
.basket .s-basket table td.item table { height: 48px; width: 48px }
.basket .s-basket table td.item table div { text-align: left; margin: 0 }
.basket .s-basket table td.item table td { border: none }
.basket .s-basket table td.item p { padding-right: 10px }
.basket .s-basket table td.item p.first { font-weight: bold; color: #0067c9; margin: 5px 0 }
.basket .s-basket table td.item p.grey { font-size: 0.9em }
.basket .s-basket table td.spacer { border: 0; height: 20px; background: url(/images/bg/bg_dot_horz.png) left center repeat-x }
.basket .s-basket table input[type=text] { width: 45px; text-align: center }
.basket .s-basket table input[type=checkbox] { display: inline; float: none; margin: 0 }

.basket fieldset { height: 63px; background-position: left bottom !important }
.basket fieldset .shopping { float: left }
.basket fieldset .update { float: right; margin-right: 60px }

.basket .promotion, .basket .total { float: left; font-weight: bold; color: #a3a3a3; margin: 12px 0 0 0; font-size: 1.2em }
.basket .promotion { width: 47%; height: 216px; padding-right: 6%; background: url(/images/bg/bg_dot_vert.png) 233px top repeat-y }
.basket .promotion h2 { width: 155px; height: 18px; background: url(/images/bg/sprite_titles.png) left -570px no-repeat; text-indent: -9999px; margin-bottom: 20px }
.basket .promotion p { width: 80%; float: left; margin-bottom: 10px; line-height: 1.4em }
.basket .promotion input { float: left }
.basket .promotion input[type=text] { width: 125px; margin-right: 10px }

.basket .total { width: 47% }
.basket .total h2 { width: 103px; height: 18px; background: url(/images/bg/sprite_titles.png) left -350px no-repeat; text-indent: -9999px; margin-bottom: 14px }
.basket .total table { width: 95%; margin-bottom: 20px }
.basket .total table td { height: 30px; width: 50%; text-align: left; vertical-align: middle; border-left: 1px dashed #CCC }
.basket .total table td:first-child { border: none }
.basket .total table td.right { text-align: right; color: black }
.basket .total table td.spacer { height: 10px; border: none; background: url(/images/bg/bg_dot_horz_fade.png) -207px center no-repeat }

.basket #sidebar { background: none }
.basket #sidebar #s3 h3 { background-position: right -143px }

/******************************************* [ACC CREATED] */
.acc-created #content { width: 646px; margin-left: 5px; min-height: 640px }
.acc-created #content h2 { width: 148px; height: 17px; background: url(/images/bg/sprite_titles.png) left -119px no-repeat; text-indent: -9999px; 
	margin-bottom: 10px }
.acc-created #content h3 { width: 243px; height: 15px; background: url(/images/bg/sprite_titles.png) left -150px no-repeat; text-indent: -9999px;  
	margin: 15px 0 5px }
.acc-created #content p { font-weight: bold; line-height: 1.5em; margin-bottom: 15px }

/******************************************* [MY ACCOUNT] */
.myaccount #content { color: #7D7D7D; font-weight: bold }
.myaccount #c1 { color: white }
.myaccount #content #c1 h2 { font-size: 1.6em; padding: 12px 0 5px 16px; color: white; font-weight: bold }
.myaccount #content #c1 p { margin-left: 17px; color: white; font-weight: bold; width: 415px }
.myaccount #content h4 { margin: 10px 0 5px; font-size: 1.2em; color: black }
.myaccount #content td { line-height: 1.4em; padding-bottom: 3px }
.myaccount #content a { color: #0067c9 } 
.myaccount #content a:hover { text-decoration: underline }
.myaccount #content ul { padding: 15px 0 15px 112px; height: 19px }
.myaccount #content li { float: left; padding-right: 20px }
.myaccount #content li.tab-3 { padding: 0 }
.myaccount #content li a { margin-bottom: 5px; background: none; color: #0067c9; font-size: 16px; margin-bottom: 5px }
.myaccount #content .tabs div { clear: left }
.myaccount #content select { width: 149px }

/******************************************* [LOGIN] */
.login #content { width: 646px; margin: 0 0 20px 5px; color: #7D7D7D; font-weight: bold }
.login #content div.underline { clear: both; margin-bottom: 15px }
.login #content p { line-height: 1.4em; margin-bottom: 5px }
.login #content #c1, .login #content #c2, .login #content #c3, .login #content #c4 { position: relative; width: 40%; padding-right: 6%; 
	height: auto; float: left; margin: 0 }
.login #content #c1 { background: none; height: 305px }
.login #content #c2 { padding-right: 14%; height: 305px }
.login #content #c3 { clear: left; height: 650px }
.login #content #c4 { clear: none; padding-right: 14%; height: 650px }

.login #content h2, .login #content h3 { margin-bottom: 5px; background: none; color: #0067c9; font-size: 22px; margin-bottom: 5px; width: 100% }
.login #content h3 { font-size: 18px }
.login #content span { color: red }
.login #content span.black { color: black }
.login #content label, .checkout-1 #content #c2 a.black { display: block; margin: 5px 0 }
.login #content input[type=text], .login #content input[type=password] { width: 90% }
.login #content select { width: 92% }
.login #content input[type=checkbox] { float: left; height: 20px; margin-right: 10px }

.login #content #c1 h3, .login #content #c2 h3 { background: url(/images/bg/sprite_titles.png) left top no-repeat; text-indent: -9999px;
	margin-bottom: 5px }
.login #content #c1 h3 { width: 116px; height: 14px; padding-bottom: 4px; background-position: left -410px }
.login #content #c2 h3 { width: 155px; height: 18px; background-position: left -169px }
.login #content #c3 .underline { background-position: -98px bottom }
.login #content #c3 .last { margin-bottom: 15px }
.login #content #c4 h3 { margin-bottom: 33px }

/******************************************* [CHECKOUT PAGES] */
.checkout-1 #content, .checkout-2 #content, .checkout-3 #content { width: 646px; margin: 0 0 20px 5px; color: #7D7D7D; font-weight: bold }
.checkout-1 #content .underline, .checkout-2 #content .underline, .checkout-3 #content .underline { clear: both; margin-bottom: 15px }
.checkout-1 #content p, .checkout-2 #content p, .checkout-3 #content p { line-height: 1.4em; margin-bottom: 5px }

/******************************************* [CHECKOUT 1] */
.checkout-1 #content #c1, .checkout-1 #content #c2, .checkout-1 #content #c3, .checkout-1 #content #c4 { width: 40%; padding-right: 6%; 
	height: auto; float: left; margin: 0; position: relative }
.checkout-1 #content #c1 { background: none; height: 305px }
.checkout-1 #content #c2 { padding-right: 14%; height: 305px }
.checkout-1 #content #c3 { clear: left; height: 650px }
.checkout-1 #content #c4 { clear: none; padding-right: 14%; height: 650px }

.checkout-1 #content h2, .checkout-1 #content h3 { margin-bottom: 5px; background: none; color: #0067c9; font-size: 22px; margin-bottom: 5px; width: 100% }
.checkout-1 #content h3 { font-size: 18px }
.checkout-1 #content span { color: red }
.checkout-1 #content span.black { color: black }
.checkout-1 #content label, .checkout-1 #content #c2 a.black { display: block; margin: 5px 0 }
.checkout-1 #content input[type=text], .checkout-1 #content input[type=password] { width: 90% }
.checkout-1 #content select { width: 92% }
.checkout-1 #content input[type=checkbox] { float: left; height: 20px; margin-right: 10px }

.checkout-1 #c1 h3, .checkout-1 #c2 h3 { background: url(/images/bg/sprite_titles.png) left top no-repeat; text-indent: -9999px; margin-bottom: 5px }
.checkout-1 #content #c1 h3 { width: 116px; height: 14px; padding-bottom: 4px; background-position: left -410px }
.checkout-1 #content #c2 h3 { width: 155px; height: 18px; background-position: left -169px }
.checkout-1 #content #c3 .underline { background-position: -98px bottom }
.checkout-1 #content #c3 p.last { margin-bottom: 15px }
.checkout-1 #content #c4 h3 { margin-bottom: 33px }

.checkout-1 #content #c1 .createaccount, .checkout-1 #content #c2 .signin,
.checkout-1 #content #c3 .back, .checkout-1 #content #c4 .continue,
.login #content #c1 .createaccount, .login #content #c2 .signin,
.login #content #c3 .back, .login #content #c4 .continue { position: absolute; left: 0; bottom: 0 }

.login #c3 h3, .login # c4 h3, .checkout-1 #c3 h3, .checkout-1 #c4 h3 { background: none; text-indent: 0 }

/******************************************* [CHECKOUT 2] */
.checkout-2 #content h2, .checkout-2 #content h3 { background: url(/images/bg/sprite_titles.png) left top no-repeat; text-indent: -9999px }
.checkout-2 #content h2 { width: 214px; height: 22px; margin-bottom: 5px; background-position: left -615px }
.checkout-2 #content h3 { width: 159px; height: 15px; margin-bottom: 5px; background-position: left -663px }
.checkout-2 #content h4 { margin: 10px 0 5px; font-size: 1.2em; color: black }
.checkout-2 #content p { line-height: 1.4em }

.checkout-2 #content #c1, .checkout-2 #content #c2, 
.checkout-2 #content #c3 .region, .checkout-2 #content #c3 .type { width: 45%; height: auto; float: left; background: none }
.checkout-2 #content #c3 { width: 100%; height: auto; clear: left; margin-bottom: 10px }
.checkout-2 #content #c3 h3 { background-position: left -685px; height: 18px; width: 237px }
.checkout-2 #content #c3 input[type=radio] { margin-right: 10px; float: left }

.checkout-2 table { width: 100%; margin-bottom: 10px }
.checkout-2 table th, .checkout-2 table td { padding: 10px 0; border-bottom: 1px dotted #CCC; text-align: right }
.checkout-2 table th { background: #0067c9; font-size: 1.2em; color: white }
.checkout-2 table td { width: 25% }
.checkout-2 table td a { color: black }
.checkout-2 table .product { padding-left: 10px; text-align: left }
.checkout-2 table td.qty { padding-right: 22px }
.checkout-2 table .price { padding-right: 13px }
.checkout-2 table .subtotal { padding-right: 50px }
.checkout-2 table td.totals, .checkout-2 table td.total { text-align: right; padding-right: 10px }
.checkout-2 table td.total { color: black; padding-right: 50px}
.checkout-2 table td input { float: left; margin-right: 10px }
.checkout-2 table td.terms p { margin-top: 3px; text-align: left }

/******************************************* [CHECKOUT 3] */
.checkout-3 #content #c1 { background: none; min-height: 650px }
.checkout-3 #content h2, .checkout-3 #content h3 { background: url(/images/bg/sprite_titles.png) left top no-repeat; text-indent: -9999px }
.checkout-3 #content h2 { width: 214px; height: 22px; margin-bottom: 5px; background-position: left -638px }

/******************************************* [THANKS] */
.paystatus {}
.paystatus #content h2, .paystatus h3 { margin-bottom: 5px; color: #0067c9; font-size: 22px; margin-bottom: 5px; width: 100% }
.paystatus #content h3 { font-size: 18px }
.paystatus #content p { font-size: 10px }
.paystatus #content p strong { font-size: 12px; color: #8fbe0d }
.paystatus #content td { padding: 10px 0; border-bottom: 1px dotted #CCC; border-right: 1px dotted #CCC; text-align: center }
.paystatus #content td.right { border-right: 0; font-weight: bold; color: #a3a3a3 }

/******************************************* [ALL BRANDS] */
.brands #content #c1 { background: url(/images/bg/sprite_featured.jpg) top left no-repeat !important }

/******************************************* [STATIC PAGES] */
.staticpage #content { color: #7D7D7D; font-weight: bold }
.staticpage #content #c1 h2 { font-size: 1.6em; padding: 12px 0 5px 16px; color: white }
.staticpage #content #c1 p { margin-left: 17px; color: white; font-weight: bold; width: 415px }
.staticpage #content h2 { color: #9ac332; font-size: 22px }
.staticpage #content h3 { color: #0071c3; margin-top: 15px; font-size: 18px; clear: both }
.staticpage #content p, .staticpage #content ul { width: 85% }
.staticpage #content p { margin-bottom: 10px; width: auto }
.staticpage #content ul { margin: 10px 0 10px 25px }
.staticpage #content li { margin-bottom: 5px; list-style-type: disc }
.staticpage #content .underline { clear: both; margin-bottom: 15px }
.staticpage #content a { color: #0071c3 }
.staticpage #content a.shopping { margin: 15px 0 }
.staticpage #content img { float: right; margin-left: 15px }

/******************************************* [NEWSLETTER] */
.newsletter #content { background: url(/images/bg/bg_dot_vert.png) 475px top repeat-y; width: 469px; padding-right: 10px }
.newsletter #content div { overflow: auto; background: url(/images/bg/newsletter.jpg) 260px 360px no-repeat }
.newsletter #content h2 { color: #0071c3; font-size: 37px }
.newsletter #content h3 { color: #9ac332; font-size: 22px; margin-bottom: 15px }
.newsletter #content p { font-size: 10px; line-height: 15px; color: #0071c3; clear: left }
.newsletter #content label { display: block; width: 70px; float: left; font-weight: bold }
.newsletter #content input { float: left; margin: 0 0 15px 15px; font-size: 10px; color: #0067c9; font-family: Verdana, Geneva, sans-serif; 
	font-weight: bold }
.newsletter #content input[type=text] { width: 160px; float: left }
.newsletter #content input.sign-up { margin: 0 }
.newsletter #content a { float: left; clear: left; color: #0071c3; font-weight: bold; text-decoration: underline; margin: 10px 0 }
.newsletter #content a.shopping { margin: 0 }

/******************************************* Modal Dialog */
#overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; display: none; background: #002a53 }
#dialog { position: absolute; z-index: 100; height: 216px; width: 345px; background-color: #fff; display: none }
#dialog .modal-close { width: 35px; height: 35px; display: inline; z-index: 101; position: absolute; top: 6px; right: 12px; cursor: pointer }
#dialog p { position: absolute; top: 59px; left: 105px; width: 225px; text-align: left; color: #797979; line-height: 1.4em }
#dialog p strong { color: black }

/******************************************* Global Classes */
/* Header */
h2.header { height: 22px; padding: 4px 0 4px 10px; background: url(/images/bg/sprite_headers.png) left 0 no-repeat; color:#fff; text-align:center; 
	line-height:20px; font-size: 1.6em }

/* Products */
p.productname { float: left; text-align: left }
p.articletitle, p.productname a { font-size: 1.2em; font-weight: bold; color: #8fbe0d }
p.rrp { font-size: 1.2em; font-weight: bold }
p.p-price { font-size: 1.2em }
p.t-price { font-size: 1.2em; color: red; font-weight: bold; margin-bottom: 10px }
p.price { font-size: 1.2em; font-weight: bold; color: black; float: left; clear: left; text-align: left }

/* Buttons & Stickers */
.instock { height: 65px; width: 90px; background: url(/images/bg/sprite_bubbles.png) -5px top no-repeat; 
	position: absolute !important; bottom: 10px; left: 0 }
.addtobasket { display: block; text-indent: -9999px; height: 48px; width: 76px; border: 0; cursor: pointer;
	background: url(/images/bg/sprite_bubbles.png) left -422px no-repeat }
.checkout, .shopping, .update, .createaccount, .back, .continue, .signin { display: block; height: 50px; width: 115px; border: 0; 
	background: url(/images/bg/sprite_bubbles.png) top left no-repeat; cursor: pointer }
.updatecode { display: block; height: 22px; width: 59px; border: 0; background: url(/images/btn/btn_submit.png) top left no-repeat; cursor: pointer }
.checkout:focus, .shopping:focus, .update:focus, .createaccount:focus, .back:focus, .continue:focus, .signin:focus, .updatecode:focus,
.checkout::-moz-focus-inner, .shopping::-moz-focus-inner, .update::-moz-focus-inner, .createaccount::-moz-focus-inner, 
.back::-moz-focus-inner, .continue::-moz-focus-inner, .signin::-moz-focus-inner, .updatecode::-moz-focus-inner { border: 0; outline: 0 }

.checkout { background-position: center -470px  }
.shopping { background-position: center -524px }
.update { background-position: center -578px }
.createaccount { background-position: center -136px }
.back { background-position: center -242px }
.continue { background-position: center -189px }
.signin { background-position: center -631px }

/* Star Ratings*/
p.stars { width: 97px; height: 17px; background: url(/images/ico/sprite_star.png) top left no-repeat }
p.stars.one { background-position: left -20px }
p.stars.two { background-position: left -40px }
p.stars.three { background-position: left -60px }
p.stars.four { background-position: left -80px }
p.stars.five { background-position: left -100px }

/* IE6 Warning */
#upgrade-browser { font-family:Arial, Helvetica, sans-serif; color:#000; padding:20px; background: #fff url(/images/ico/grad.png) repeat-x bottom left }
#upgrade-browser p { font-size:12px; background:url(/images/ico/warning-icon.png) no-repeat; padding-left:35px; margin:0}
#upgrade-browser a { text-decoration:underline; font-weight:bold; color:#000}
#upgrade-browser a:hover { text-decoration:none; color:#000}

/* Miscellaneous */
.underline { height: 4px; width: 100%; background: url(/images/bg/bg_dot_horz.png) left center repeat-x }
#lp-img { position: absolute; padding: 10px; background: white; border: 1px solid #CCC; z-index: 20 }

a.more, a.buy { font-weight: bold; color: black; text-decoration: underline; position: absolute; left: 9px; bottom: 18px }
a.buy { bottom: 6px }
span.offers { float: left; clear: left; text-align: left; font-weight: bold }
#sidebar li a.more, #sidebar a.buy { left: 0 }

/******************************************* Generic Classes */
.fl { float: left }
.fr { float: right }
.blue { color: #0067c9 } 
.green { color: #8fbe0d }
.orange { color: #f27c24 }
.black { color: black }
.grey { color: #a3a3a3 }
.nobdr { border: 0 !important }

ul#tempnav { position: absolute; top: 10px; left: 10px; height: 135px; width: 100px; background: #FFF }