* {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.clearAll {
	clear: both;
}

/* @group header */

div#headerBackground {
	background: url(../img/header_bg.gif) repeat-x;
	height: 90px;
}

div#headerContainer {
	width: 999px;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
}

div#headerLeft {
	float: left;
	width: 200px;
	height: 90px;
}

div#headerCentre {
float: left;
width: 250px;
}

#headerLeft h1 {
	width: 200px;
	height: 90px;
	background-image: url(../img/header_logo.gif);
	text-indent: -9999px;
}

div#headerRight {
	float: right;
	width: 504px;
	background: url(../img/header_right.gif) no-repeat;
	height: 90px;
}

div#loginButtons {
	color: white;
	font-size: 11px;
	position: relative;
	top: 30px;
	text-shadow: #000000 0 0 0px;
	right: 0;
	vertical-align: middle;
	height: 30px;
	float: right;
	width: 460px;
}

div#loginButtons span {
	vertical-align: middle;
	float: right;
	display: block;
	top: 7px;
	position: relative;
	margin-right: 10px;
}

div#loginButtons a {
	vertical-align: middle;
	width: 80px;
	float: right;
}

div#loginContainer {
	float: right;
	position: relative;
	top: 30px;
	width: 430px;
	background-color: #002db5;
	text-align: center;
}

div#loginPopup {
	font-size: 10px;
	color: #ffffff;
	padding: 3px;
	border: 1px solid #5270cd;
}

#loginPopup form span {
	vertical-align: middle;
}

#loginPopup form input.submit {
	width: 34px;
	font-size: 10px;
	height: 19px;
	background-image: url(../img/loginGo.gif);
	background-color: transparent;
	border-style: none;
	border-width: 0;
	text-indent: -9999px;
}

#loginPopup form input {
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
	width: 107px;
	vertical-align: middle;
}

div#adminHeader {
	text-align: center;
}

#adminHeader a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	display: block;
	background-color: orange;
	padding-top: 3px;
	padding-bottom: 5px;
	background-image: url(../img/adminHeader_bg_gry.gif);
}

#adminHeader a:hover {
	color: #ffffff;
	background-color: yellow;
	background-image: url(../img/adminHeader_bg_yel.gif);
}

/* @end */

/* @group buttons */

.buttonStd {
	width: 80px;
	height: 30px;
	text-indent: -9999px;
	margin-left: 2px;
	margin-right: 2px;
	background-repeat: no-repeat;
	display: block;
}

a#signIn {
	background-image: url(../img/buttonStd_signIn.gif);
}

a#signIn:hover {
	background-image: url(../img/buttonStd_signIn_o.gif);
}

a#help {
	background-image: url(../img/buttonStd_help.gif);
}

a#help:hover {
	background-image: url(../img/buttonStd_help_o.gif);
}

a#viewBasket {
	background-image: url(../img/buttonStd_viewBasket.gif);
}

a#viewBasket:hover {
	background-image: url(../img/buttonStd_viewBasket_o.gif);
}

a#checkoutGrey {
	background-image: url(../img/buttonStd_checkout.gif);
}

a#checkoutGrey:hover {
	background-image: url(../img/buttonStd_checkout_o.gif);
}

a#register {
	background-image: url(../img/buttonStd_register.gif);
}

a#register:hover {
	background-image: url(../img/buttonStd_register_o.gif);
}

a#signOut {
	background-image: url(../img/buttonStd_signOut.gif);
}

a#signOut:hover {
	background-image: url(../img/buttonStd_signOut_o.gif);
}

a#account {
	background-image: url(../img/buttonStd_account.gif);
}

a#account:hover {
	background-image: url(../img/buttonStd_account_o.gif);
}

a#filter {
	background-image: url(../img/buttonStd_filter.gif);
}

a.bulk {
	text-indent: -9999px;
	background: url(../img/buttonStd_bulk.gif) no-repeat;
	width: 80px;
	height: 30px;
	margin-right: 2px;
	margin-left: 2px;
	display: block;
}

a#filter:hover {
	background-image: url(../img/buttonStd_filter_o.gif);
}

a#continueShopping {
	background-image: url(../img/buttonStd_continueShopping.gif);
}

a#continueShopping:hover {
	background-image: url(../img/buttonStd_continueShopping_o.gif);
}

a#back {
	background-image: url(../img/buttonStd_back.gif);
}

a#back:hover {
	background-image: url(../img/buttonStd_back_o.gif);
}

a.addToBasketGld {
	width: 80px;
	height: 30px;
	margin-right: 2px;
	margin-left: 2px;
	background: url(../img/buttonGld_addToBasket.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

a.addToBasketGld:hover {
	background-image: url(../img/buttonGld_addToBasket_o.gif);
}

a#checkoutGld {
	background-image: url(../img/buttonGld_checkout.gif);
}

a#checkoutGld:hover {
	background-image: url(../img/buttonGld_checkout_o.gif);
}

a#continueGld {
	background-image: url(../img/buttonGld_continue.gif);
}

a#continueGld:hover {
	background-image: url(../img/buttonGld_continue_o.gif);
}

a#placeOrderGld {
	background-image: url(../img/buttonGld_placeOrder.gif);
}

a#placeOrderGld:hover {
	background-image: url(../img/buttonGld_placeOrder_o.gif);
}

a#makePaymentGld {
	background-image: url(../img/buttonGld_makePayment.gif);
}

a#makePaymentGld:hover {
	background-image: url(../img/buttonGld_makePayment_o.gif);
}



/* @end */

/* @group page */

div#pageContainer {
	width: 999px;
	margin-right: auto;
	margin-left: auto;
}

div#pageBackground {
	background: url(../img/page_bg.gif) repeat-x;
}

div#pageLeft {
	width: 200px;
	float: left;
}

div#pageCentre {
	margin: 0 0 0 9px;
	width: 580px;
	float: left;
}

#pageCentre p {
	font-size: 12px;
	margin-bottom: 8px;
	line-height: 16px;
	margin-left: 2px;
	margin-right: 2px;
	color: #666666;
}

#pageCentre h1 {
	font-size: 24px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #333333;
	border-bottom: 1px solid #999;
}

#pageCentre h2 {
	font-size: 18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #333333;
	border-bottom: 1px solid #999;
}

#pageCentre h2.headerAlt {
	border-bottom-style: none;
}

#pageCentre h3 {
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #333333;
	border-bottom: 1px solid #999;
}

#pageCentre h3.headerAlt {
	border-bottom-style: none;
}

#pageCentre ul {
	list-style-type: square;
	font-size: 12px;
	color: #666;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 16px;
}

#pageCentre ol {
	list-style-type: decimal;
	font-size: 12px;
	color: #666;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 16px;
}

#pageCentre ol li {
	margin-bottom: 2px;
}

#pageCentre ol ol {
	list-style-type: lower-roman;
}

#pageCentre ol ol li {
	margin-bottom: 0;
}

#pageCentre p a, #pageCentre li a {
	color: #333333;
	font-weight: bold;
}

#pageCentre p a:hover, #pageCentre li a:hover {
	color: #0066ff;
}

div#announcement {
	background-image: url(../img/announceBox_bg.gif);
	margin-bottom: 10px;
}

#announcement p {
	font-size: 12px;
	line-height: 16px;
	padding: 20px;
	margin: 0;
	background: url(../img/announceBox_bot.gif) no-repeat 0 bottom;
	color: #333333;
}

#announcement p strong {
	color: #000000;
	font-size: 14px;
}

div#logoSplash {
	width: 580px;
	height: 200px;
	margin-bottom: 10px;
}

div#pageRight {
	width: 200px;
	float: right;
}

fieldset {
	border-width: 1px;
	border-color: #ccc;
	padding: 10px;
}

fieldset legend {
	font-size: 11px;
	color: #666666;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/* @end */

/* @group global navigation */

div#globalNav {
	height: 36px;
	padding-bottom: 5px;
}

#globalNav ul {
}

#globalNav ul li {
	vertical-align: middle;
	height: 36px;
	list-style-type: none;
	float: left;
}

#globalNav a {
	font-size: 10px;
	float: left;
	text-indent: -9999px;
}

a#navHome {
	width: 61px;
	height: 36px;
	background-image: url(../img/globalNav_home.gif);
}

a#navHome:hover {
	background-image: url(../img/globalNav_home_o.gif);
}

a#navBat {
	width: 83px;
	height: 36px;
	background-image: url(../img/globalNav_bat.gif);
}

a#navBat:hover {
	background-image: url(../img/globalNav_bat_o.gif);
}

body#bat a#navBat {
	background-image: url(../img/globalNav_bat_a.gif);
}

a#navSma {
	background-image: url(../img/globalNav_sma.gif);
	width: 168px;
	height: 36px;
	opacity: 1;
}

a#navSma:hover {
	background-image: url(../img/globalNav_sma_o.gif);
}

body#sma a#navSma {
	background-image: url(../img/globalNav_sma_a.gif);
}

a#navTah {
	width: 168px;
	height: 36px;
	background-image: url(../img/globalNav_tah.gif);
}

a#navTah:hover {
	background-image: url(../img/globalNav_tah_o.gif);
}

body#tah a#navTah {
	background-image: url(../img/globalNav_tah_a.gif);
}

a#navMed {
	width: 91px;
	height: 36px;
	background-image: url(../img/globalNav_med.gif);
}

a#navMed:hover {
	background-image: url(../img/globalNav_med_o.gif);
}

body#med a#navMed {
	background-image: url(../img/globalNav_med_a.gif);
}

a#navRem {
	background-image: url(../img/globalNav_rem.gif);
	width: 145px;
	height: 36px;
}

a#navRem:hover {
	background-image: url(../img/globalNav_rem_o.gif);
}

body#rem a#navRem {
	background-image: url(../img/globalNav_rem_a.gif);
}

a#navSun {
	width: 88px;
	height: 36px;
	background-image: url(../img/globalNav_sun.gif);
}

a#navSun:hover {
	background-image: url(../img/globalNav_sun_o.gif);
}

body#sun a#navSun {
	background-image: url(../img/globalNav_sun_a.gif);
}

div.sbox {
	float: left;
	vertical-align: middle;
	width: 195px;
	height: 36px;
	background-image: url(../img/globalNav_sbox.gif);
}

#globalNav div.sbox input {
	border-style: none;
	margin-top: 9px;
	margin-left: 33px;
	width: 145px;
	height: 13px;
	font-size: 10px;
	border-width: 0;
}

/* @end */

/* @group menu box */

.menuBoxTop {
	width: 200px;
	height: 6px;
	display: block;
	background: none no-repeat;
	position: relative;
}

body#gen .menuBoxTop {
	background-image: url(../img/menuBox_gen_top.gif);
}

body#bat .menuBoxTop {
	background-image: url(../img/menuBox_bat_top.gif);
}

body#sma .menuBoxTop {
	background-image: url(../img/menuBox_sma_top.gif);
}

body#tah .menuBoxTop {
	background-image: url(../img/menuBox_tah_top.gif);
}

body#med .menuBoxTop {
	background-image: url(../img/menuBox_med_top.gif);
}

body#rem .menuBoxTop {
	background-image: url(../img/menuBox_rem_top.gif);
}

body#sun .menuBoxTop {
	background-image: url(../img/menuBox_sun_top.gif);
}

.menuBoxBottom {
	width: 200px;
	height: 10px;
	display: block;
	background: none no-repeat;
}

body#gen .menuBoxBottom {
	background-image: url(../img/menuBox_gen_bot.gif);
}

body#bat .menuBoxBottom {
	background-image: url(../img/menuBox_bat_bot.gif);
}

body#sma .menuBoxBottom {
	background-image: url(../img/menuBox_sma_bot.gif);
}

body#tah .menuBoxBottom {
	background-image: url(../img/menuBox_tah_bot.gif);
}

body#med .menuBoxBottom {
	background-image: url(../img/menuBox_med_bot.gif);
}

body#rem .menuBoxBottom {
	background-image: url(../img/menuBox_rem_bot.gif);
}

body#sun .menuBoxBottom {
	background-image: url(../img/menuBox_sun_bot.gif);
}

#menuBox ul {
	width: 200px;
	list-style-type: none;
	background-image: none;
}

body#gen #menuBox ul {
	background-image: url(../img/menuBox_gen_bg.gif);
}

body#bat #menuBox ul {
	background-image: url(../img/menuBox_bat_bg.gif);
}

body#sma #menuBox ul {
	background-image: url(../img/menuBox_sma_bg.gif);
}

body#tah #menuBox ul {
	background-image: url(../img/menuBox_tah_bg.gif);
}

body#med #menuBox ul {
	background-image: url(../img/menuBox_med_bg.gif);
}

body#rem #menuBox ul {
	background-image: url(../img/menuBox_rem_bg.gif);
}

body#sun #menuBox ul {
	background-image: url(../img/menuBox_sun_bg.gif);
}

#menuBox ul li a {
	display: block;
	width: 181px;
	text-decoration: none;
	text-shadow: gray 0 1px 3px;
	font-size: 12px;
	margin-left: 5px;
	padding: 4px 5px;
}

body#gen #menuBox ul li a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
}

body#bat #menuBox ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

body#sma #menuBox ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

body#tah #menuBox ul li a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
}

body#med #menuBox ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

body#rem #menuBox ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

body#sun #menuBox ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

body#gen #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#bat #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#sma #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#tah #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#med #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#rem #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

body#sun #menuBox ul li a:hover {
	color: black;
	background-color: white;
}

/* @end */

/* @group tool box */

div#toolBox {
	background: url(../img/toolBox_bg.gif) repeat-y 0 34px;
	margin-bottom: 5px;
}

#toolBox h2 {
	font-size: 14px;
	text-indent: -9999px;
	width: 200px;
	height: 28px;
	margin-bottom: 5px;
	position: relative;
	margin-top: 0;
}

.toolBoxTop {
	width: 200px;
	height: 6px;
	display: block;
	background: url(../img/menuBox_gen_top.gif) no-repeat;
}

.toolBoxBottom {
	width: 200px;
	height: 10px;
	display: block;
	background: url(../img/menuBox_gen_bot.gif) no-repeat;
}

span.toolBoxButtons {
	text-align: center;
	position: relative;
}

/* @end */

/* @group basket */

h2#toolBoxBasket {
	background-image: url(../img/toolBox_header_basket.gif);
}

div.basketLine {
	width: 180px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

p.basketItem {
	float: left;
	display: inline-block;
}

p.basketItemCount {
	float: right;
	display: inline-block;
}

p.basketNotSignedIn {
	background-color: #d4d4d4;
	border: 1px solid red;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	padding: 5px;
	margin-top: 5px;
}

#toolBox div.basketLine label {
	color: #666666;
	font-size: 10px;
	float: left;
}

#toolBox div.basketLine input {
	float: left;
	width: 175px;
	margin-top: 5px;
	font-size: 14px;
	margin-left: 0;
}

div.toolBoxButtons a.buttonStd {
	float: left;
	position: relative;
	left: 16px;
}

/* @end */

/* @group menu buttons */

#menuButton_secpay a {
	background: url(../img/menuButton_secpay.gif) no-repeat;
	width: 200px;
	height: 164px;
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
}

#menuButton_payments {
	background: url(../img/menuButton_payments.gif) no-repeat;
	width: 200px;
	height: 167px;
	text-indent: -9999px;
	margin-top: 20px;
}

#menuButton_topSellers {
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9999px;
	font-size: 10px;
	margin-bottom: 5px;
}

body#gen #menuButton_topSellers {
	background-image: url(../img/tsButton_gen.gif);
}

body#bat #menuButton_topSellers {
	background-image: url(../img/tsButton_bat.gif);
}

body#tah #menuButton_topSellers {
	background-image: url(../img/tsButton_tah.gif);
}

body#sma #menuButton_topSellers {
	background-image: url(../img/tsButton_sma.gif);
}

body#med #menuButton_topSellers {
	background-image: url(../img/tsButton_med.gif);
}

body#rem #menuButton_topSellers {
	background-image: url(../img/tsButton_rem.gif);
}

body#sun #menuButton_topSellers {
	background-image: url(../img/tsButton_sun.gif);
}

#menuButton_register {
	background-image: url(../img/menuButton_register.gif);
	display: block;
	width: 200px;
	height: 70px;
	margin-top: 5px;
	text-indent: -9999px;
	font-size: 10px;
}

#menuButton_offers {
	background-image: url(../img/menuButton_offers.gif);
	display: block;
	width: 200px;
	height: 70px;
	margin-top: 5px;
	text-indent: -9999px;
	font-size: 10px;
}

#menuButton_minOrder {
	background-image: url(../img/menuButton_minOrder.gif);
	display: block;
	width: 200px;
	height: 70px;
	margin-top: 5px;
	text-indent: -9999px;
	font-size: 10px;
}

#menuButton_lgeOrders {
	background-image: url(../img/menuButton_lgeOrders.gif);
	display: block;
	width: 200px;
	height: 70px;
	margin-top: 5px;
	text-indent: -9999px;
	font-size: 10px;
}
/* @end */

/* @group category landing page */

#categoryBar {
	background-image: none;
	width: 580px;
	height: 53px;
}

#categoryBar h2 {
	text-indent: -9999px;
	float: left;
	border-style: none;
}

body#bat #categoryBar {
	background-image: url(../img/categoryBar_bat.gif);
}

body#sma #categoryBar {
	background-image: url(../img/categoryBar_sma.gif);
}

body#tah #categoryBar {
	background-image: url(../img/categoryBar_tah.gif);
	color: #333333;
}

body#med #categoryBar {
	background-image: url(../img/categoryBar_med.gif);
}

body#rem #categoryBar {
	background-image: url(../img/categoryBar_rem.gif);
}

body#sun #categoryBar {
	background-image: url(../img/categoryBar_sun.gif);
}

#categoryBar p {
	float: right;
	position: relative;
	top: 15px;
	right: 10px;
	color: #ffffff;
}

#categoryBar p a {
	text-decoration: none;
	padding: 5px;
	background-color: transparent;
	color: #ffffff;
}

#categoryBar p a:hover {
	text-decoration: underline;
	color: #ffffff;
}

body#tah #categoryBar p a {
	color: #333333;
}

body#tah #categoryBar p a:hover {
	color: #333333;
}

div.categoryTile {
	float: left;
	width: 180px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}

#pageCentre div.categoryTile p a img {
	border-style: none;
}

#pageCentre div.categoryTile p a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}

#pageCentre div.categoryTile p a:hover {
	color: #0066ff;
}

#topSellerBar {
	width: 580px;
	height: 53px;
}

#topSellerBar h2 {
	text-indent: -9999px;
	float: left;
	border-style: none;
}

body#bat #topSellerBar {
	background-image: url(../img/topSellerBar_bat.gif);
}

body#sma #topSellerBar {
	background-image: url(../img/topSellerBar_sma.gif);
}

body#tah #topSellerBar {
	background-image: url(../img/topSellerBar_tah.gif);
	color: #333333;
}

body#med #topSellerBar {
	background-image: url(../img/topSellerBar_med.gif);
}

body#rem #topSellerBar {
	background-image: url(../img/topSellerBar_rem.gif);
}

body#sun #topSellerBar {
	background-image: url(../img/topSellerBar_sun.gif);
}

div.tsBox {
	width: 290px;
	background: url(../img/tsBox_bot.gif) no-repeat 0 bottom;
	margin-bottom: 5px;
	position: relative;
	float: left;
}

div.tsBoxTop {
	height: 5px;
	width: 290px;
	background: url(../img/tsBox_top.gif) no-repeat 0 top;
	float: none;
}

div.tsBoxBot {
	height: 5px;
	width: 290px;
	background: url(../img/tsBox_bot.gif) no-repeat;
	display: block;
}

#pageCentre div.tsBox img {
	left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	float: left;
	width: 100px;
	border-style: none;
	border-width: 0;
}

#pageCentre div.tsBox p.tsProduct {
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	margin-right: 15px;
	margin-left: 0;
	float: right;
	width: 170px;
}

#pageCentre div.tsBox p.tsProduct a {
	text-decoration: none;
	color: #666666;
}

#pageCentre div.tsBox p.tsProduct a:hover {
	color: #0066ff;
	text-decoration: underline;
}

#pageCentre div.priceGroup {
	width: 175px;
	margin-right: 15px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

#pageCentre div.priceGroup p.pgPrice {
	font-weight: bold;
	font-size: 20px;
	text-align: right;
}

#pageCentre div.priceGroup p.pgPrice span {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

#pageCentre div.priceGroup p.pgPriceOld {
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	text-decoration: line-through;
}

#pageCentre div.priceGroup p.pgPriceOld span {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

#pageCentre div.priceGroup p.pgPriceOffer {
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	color: #cc0000;
}

#pageCentre div.priceGroup p.pgPriceOffer span {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

#pageCentre div.priceGroup p.pgAdd {
	height: 30px;
}

#pageCentre div.priceGroup p.pgAdd span {
	float: right;
	margin-right: 10px;
	margin-top: 6px;
}

#pageCentre div.priceGroup p.pgAdd input {
	width: 30px;
	font-size: 14px;
	float: right;
	margin-right: 6px;
	margin-top: 4px;
}

#pageCentre div.priceGroup p.pgAdd a.buttonStd {
	float: right;
}

#pageCentre div.priceGroup p.pgStatus {
	height: 30px;
	position: relative;
}

#pageCentre div.priceGroup p.pgStatus span {
}

#pageCentre div.priceGroup p.pgStatus a.buttonStd {
	float: right;
}

/* @end */

/* @group product list */

#productListBar h2 {
	width: 570px;
	height: 32px;
	font-size: 16px;
	padding-top: 7px;
	padding-left: 10px;
	border-style: none;
}

body#gen #productListBar h2 {
	background: url(../img/productListHeader_gen.gif) no-repeat;
	color: #333333;
	text-shadow: #000000 0 1px 2px;
}

body#bat #productListBar h2 {
	background: url(../img/productListHeader_bat.gif) no-repeat;
	color: #ffffff;
	text-shadow: #000000 0 1px 2px;
}

body#sma #productListBar h2 {
	background: url(../img/productListHeader_sma.gif) no-repeat;
	color: #ffffff;
	text-shadow: #000000 0 1px 2px;
}

body#tah #productListBar h2 {
	background: url(../img/productListHeader_tah.gif) no-repeat;
	color: #333333;
	text-shadow: #000000 0 1px 1px;
}

body#med #productListBar h2 {
	background: url(../img/productListHeader_med.gif) no-repeat;
	color: #ffffff;
	text-shadow: #000000 0 1px 2px;
}

body#rem #productListBar h2 {
	background: url(../img/productListHeader_rem.gif) no-repeat;
	color: #ffffff;
	text-shadow: #000000 0 1px 2px;
}

body#sun #productListBar h2 {
	background: url(../img/productListHeader_sun.gif) no-repeat;
	color: #ffffff;
	text-shadow: #000000 0 1px 2px;
}

div#listFilter {
	float: left;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	width: 580px;
}

div#listFilterCol1 {
	width: 190px;
	float: left;
	margin-left: 8px;
}

#listPageSelector p a {
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
}

#listPageSelector p a:hover {
	color: #333333;
	background-color: #cccccc;
}

#listPageSelector p a.listPageActive {
	color: #fff;
	background-color: #666666;
}

p#listItemsPerPage select {
	font-size: 11px;
}

p#listItemCount {
	background-color: #cccccc;
	color: #333333;
	display: block;
	margin-bottom: 5px;
	padding: 5px 5px 5px 7px;
	font-size: 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

div#listFilterCol2 {
	width: 280px;
	float: left;
}

#listFilterCol2 span {
	float: left;
	margin-bottom: 5px;
}

#listFilterCol2 span label {
	font-size: 11px;
	width: 70px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

#listFilterCol2 span input {
	float: left;
	font-size: 11px;
	width: 190px;
}

#listFilterCol2 span select {
	font-size: 11px;
}

div#listFilterCol3 {
	float: left;
	width: 85px;
	margin-right: 10px;
}

div.listBox {
	float: left;
	width: 575px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

div.listBox img {
	float: left;
	margin-bottom: 10px;
	/*width: 100px;*/
	border-style: none;
	border-width: 0;
}

div.listBoxCol2 {
	float: left;
	width: 270px;
}

#pageCentre div.listBox div.listBoxCol2 p.listProduct {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0;
}

#pageCentre div.listBox div.listBoxCol2 p.listProduct a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

#pageCentre div.listBox div.listBoxCol2 p.listProduct a:hover {
	color: #0066ff;
	text-decoration: underline;
}

#pageCentre div.listBox div.listBoxCol2 p.listpartNo {
	font-size: 10px;
	color: #999;
}

#pageCentre div.listBox div.listBoxCol2 p.listDescription {
	font-size: 12px;
}

div.listBoxCol3 {
	float: right;
	width: 180px;
	padding-top: 10px;
	margin-right: 0;
}

a.addToBasketGld {
	float: right;
}

.priceGroup span.productOutStock {
	color: #660000;
	width: 80px;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
	height: 30px;
	float: right;
	background-image: url(../img/buttonRed_outOfStock.gif);
	text-indent: -9999px;
	margin-left: 5px;
	margin-right: 2px;
}

.priceGroup span.productInStock {
	color: #660000;
	width: 80px;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
	height: 30px;
	float: right;
	background-image: url(../img/buttonGrn_inStock.gif);
	text-indent: -9999px;
	margin-left: 5px;
	margin-right: 2px;
}

/* @end */

/* @group product page */

#productPage img {
	float: left;
	margin-right: 10px;
	/*width: 300px;*/
	border-style: none;
	border-width: 0;
}

#productPage fieldset {
	float: left;
	width: 240px;
	border-width: 1px;
	border-color: #ccc;
	padding: 10px;
}

#productPage fieldset p {
	font-size: 11px;
	float: left;
	text-align: right;
	width: 70px;
	margin-left: 10px;
	font-weight: normal;
	font-style: normal;
}

#productPage fieldset p.product_description {
	font-size: 11px;
	float: left;
	text-align: right;
	width: auto;
	margin-left: 10px;
	margin-top: 5px;
	font-weight: normal;
	font-style: normal;
}

#productPage fieldset p.part_no {
	margin-top: 5px;
}

#productPage fieldset p.part_no_value {
	margin-top: 5px;
	width: 80px;
	text-align: left;
	font-weight: bold;
}


#productPage fieldset p.value {
	width: 80px;
	text-align: left;
	font-weight: bold;
}

#productPage div.listBoxCol3 p.listPrice {
	text-align: right;
	font-size: 23px;
	font-weight: bold;
}

#productPage div.listBoxCol3 p.listPrice span {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

#productPage div.listBoxCol3 p.listPriceOld {
	text-align: right;
	font-size: 23px;
	font-weight: bold;
	text-decoration: line-through;
}

#productPage div.listBoxCol3 p.listPriceOld span {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
	text-decoration: none;
}

#productPage div.listBoxCol3 p.listPriceOffer {
	text-align: right;
	font-size: 23px;
	font-weight: bold;
	color: #ff0000;
}

#productPage div.listBoxCol3 p.listPriceOffer span {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

/* @end */

/* @group basket */

div#pageCentre.basket {
	margin: 0 0 0 9px;
	width: 785px;
}

h2#basket {
	background-image: url(../img/basketHeader_basket.gif);
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border-style: none;
}

h2#shipping {
	background-image: url(../img/basketHeader_shipping.gif);
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border-style: none;
}

h2#confirmation {
	background-image: url(../img/basketHeader_confirmation.gif);
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border-style: none;
}

h2#payment {
	background-image: url(../img/basketHeader_payment.gif);
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border-style: none;
}

h2#complete {
	background-image: url(../img/basketHeader_complete.gif);
	height: 50px;
	text-indent: -9999px;
	margin-bottom: 10px;
	border-style: none;
}

div#basketProgress {
	background: url(../img/basketProgress_bg.gif) no-repeat;
	height: 24px;
	margin-bottom: 10px;
}

#basketProgress ul {
	list-style-type: none;
	margin-left: 20px;
}

#basketProgress ul li {
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 24px;
}

li#bpBask {
	background-image: url(../img/basketProgress_01.gif);
	width: 89px;
}

li#bpShip {
	background-image: url(../img/basketProgress_02.gif);
	width: 89px;
}

li#bpConf {
	background-image: url(../img/basketProgress_03.gif);
	width: 89px;
}

li#bpPaym {
	background-image: url(../img/basketProgress_04.gif);
	width: 89px;
}

li#bpComp {
	background-image: url(../img/basketProgress_05.gif);
	width: 99px;
}

li#bpBask.bpActive {
	background-image: url(../img/basketProgress_01_a.gif);
	width: 89px;
}

li#bpShip.bpActive {
	background-image: url(../img/basketProgress_02_a.gif);
	width: 89px;
}

li#bpConf.bpActive {
	background-image: url(../img/basketProgress_03_a.gif);
	width: 89px;
}

li#bpPaym.bpActive {
	background-image: url(../img/basketProgress_04_a.gif);
	width: 89px;
}

li#bpComp.bpActive {
	background-image: url(../img/basketProgress_05_a.gif);
	width: 99px;
}

table#basket {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
}

#basket tbody tr th {
	text-align: left;
	font-weight: bold;
	color: #333333;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#basket tbody td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #999999;
	padding-right: 10px;
}

#basket tbody tr td.nounderline {
	border-bottom-style: none;
}

#basket tbody tr th.tdPrice {
	text-align: right;
}

#basket tbody tr td.tdPrice {
	text-align: right;
}

#basket tbody tr td input {
	width: 20px;
}

#basket tbody tr td.nounderline a.basketRefresh {
	width: 65px;
	height: 18px;
	display: block;
	background-image: url(../img/basketRefresh.gif);
	text-indent: -9999px;
}

#basket tbody tr th.tdQty {
	text-align: center;
}

#basket tbody tr td.tdQty {
	text-align: center;
}

#basket tbody tr td a.basketDelete {
	width: 17px;
	height: 17px;
	display: block;
	background-image: url(../img/basketDelete.gif);
	text-indent: -9999px;
	margin-left: 10px;
}

#basket tbody tr td.tdPrice span.basketSubTotal {
	font-weight: bold;
	font-size: 12px;
}

#basket tbody tr td.tdPrice span.basketGrandTotal {
	font-weight: bold;
	font-size: 12px;
	color: red;
}

table.shipping {
	font-size: 11px;
	color: #666666;
	margin-bottom: 5px;
}

#pageCentre fieldset table.shipping tbody tr th {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
}

#pageCentre fieldset table.shipping tbody tr td {
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.basket fieldset legend {
	font-size: 13px;
}

.basket fieldset {
	margin-bottom: 20px;
}

p#checkoutButtonLeft {
	float: left;
}

p#checkoutButtonRight {
	float: right;
}

div#basketCompleteError {
	background: url(../img/basketIconsLge_alert.gif) no-repeat;
	padding-left: 140px;
	height: 140px;
	margin-bottom: 10px;
}

div#basketCompleteOk {
	background: url(../img/basketIconsLge_ok.gif) no-repeat;
	padding-left: 140px;
	height: 140px;
	margin-bottom: 10px;
}

/* @end */

/* @group footer */

div#footer {
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 10px;
	color: #666666;
	border-top: 1px solid #999999;
	padding-bottom: 20px;
}

#footer p a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

#footer p a:hover {
	color: #0066ff;
	text-decoration: underline;
}



/* @end */