/* structure.css */

/*
* this rule stops the scrollebar from hiding in Firefox
* and thus jumping from side to side when short pages are loaded
*/
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	margin: 0px;
	padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
/*	color: #636363;*/
	color: #182027;
	background: #fff url(../images/body_bg.jpg) no-repeat;
	background-position: center top;
}

.boldFont {
	font-weight: bold;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* pageContainer - wraps the header, sidebars, content and footer */
div.pageContainer {
/*	position: absolute;*/
	left: 0px;
/*	left: auto;
	right: auto;
	top: 0px;*/
	width: 950px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 0px none;
}


/* headerContainer - wraps the various header parts ( Logo, Title, Section Links Bar, Navigation Trail Bar ) */
div.headerContainer {
	position: absolute;
	top: 0px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	height: 195px;
/*	background-color: #f4f;
	background-image: url(../images/page_design/page_structure/darkgreystripe_yellow.gif);
	background-repeat: repeat-x;
	background-position: top left;*/
	overflow: hidden;
	z-index: 10;
}

/* midContainer - wraps the various mid parts ( columnContent, columnLeft and columnRight ) */
div.midContainer {
	position: relative;
	left: 0px;
	top: 127px;
	width: 950px;
	/*height: 500px;
	background-color: #fff;*/
	z-index: 20;
}

/* These 3 styles define the 3 main columns for the left and right modules and for the main page content */
/* columnContent - wraps the main content of the page - text, tables or product lists etc. */
div.columnContent {
	width: 470px;
/*	height: 280px;*/
	margin-top: 68px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	position: relative;
	left: 240px;
	top: 0px;
/*	background-color: #fff;*/
}
/* columnLeft - wraps the left column of modules - category box etc. */
div.columnLeft {
	width: 230px;
/*	background-color: #fff;*/
	float: left;
	position: relative;
	/*left: 0px;*/
	left: -470px;
	top: 0px;
}
/* columnRight - wraps the right column of modules - shopping cart etc. */
div.columnRight {
	width: 230px;
/*	background-color: #fff;*/
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
}



/* boxes.css */

/* Info Box */
/* boxInfo - blah blah */
div.boxInfo {
	width: 100%;
	color: #182027;
	margin-bottom: 10px;
}

div.boxInfoHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}

div.boxInfoFooting {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 12px;
	line-height: 24px;
	padding: 0px;
	background-image: url(../images/box_foot.gif);
	background-repeat: no-repeat;
}

div.boxInfoItem {
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	background-image: url(../images/box_item_bg.gif);
	background-repeat: repeat-y;
}
div.boxInfoItem a, 
div.boxInfoItem a:link, 
div.boxInfoItem a:visited {
	display: block;
	min-height: 14px;
	text-decoration: none;
	color: #182027;
	padding: 6px 10px 8px 10px;
}
div.boxInfoItem a:hover, 
div.boxInfoItem a.selected {
	background-image: url(../images/box_item_bg_over_0.gif);
	background-repeat: repeat-y;
}






/* Category Box */
/* boxCat - blah blah */
div.boxCatItem {
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	background-image: url(../images/box_item_bg.gif);
	background-repeat: repeat-y;
}
div.boxCatItem a, 
div.boxCatItem a:link, 
div.boxCatItem a:visited {
	display: block;
	min-height: 14px;
	text-decoration: none;
	color: #182027;
	padding: 0px;
}
div.boxCatItem a:hover, 
div.boxCatItem a.selected {
	background-image: url(../images/box_item_bg_over_0b.gif);
	background-repeat: repeat-y;
}
div.boxCatItem a.group_1,
div.boxCatItem a.group_2,
div.boxCatItem a.group_3,
div.boxCatItem a.group_4,
div.boxCatItem a.group_5,
div.boxCatItem a.group_6,
div.boxCatItem a.group_7,
div.boxCatItem a.group_8,
div.boxCatItem a.group_9,
div.boxCatItem a.group_10,
div.boxCatItem a.group_11,
div.boxCatItem a.group_12,
div.boxCatItem a.group_13,
div.boxCatItem a.group_15,
div.boxCatItem a.group_20
{
	padding: 0px;
	background-repeat: repeat-y;
}
div.boxCatItem a.group_0
{
	background-image: url(../images/box_item_bg_7.gif);
}
div.boxCatItem a.group_1
{
	background-image: url(../images/box_item_bg_16.gif);
}
div.boxCatItem a.group_2
{
	background-image: url(../images/box_item_bg_1.gif);
}
div.boxCatItem a.group_3
{
	background-image: url(../images/box_item_bg_2.gif);
}
div.boxCatItem a.group_4
{
	background-image: url(../images/box_item_bg_4.gif);
}
div.boxCatItem a.group_5
{
	background-image: url(../images/box_item_bg_5.gif);
}
div.boxCatItem a.group_6
{
	background-image: url(../images/box_item_bg_6.gif);
}
div.boxCatItem a.group_7
{
	background-image: url(../images/box_item_bg_7.gif);
}
div.boxCatItem a.group_8
{
	background-image: url(../images/box_item_bg_8.gif);
}
div.boxCatItem a.group_9
{
	background-image: url(../images/box_item_bg_9.gif);
}
div.boxCatItem a.group_10
{
	background-image: url(../images/box_item_bg_10.gif);
}
div.boxCatItem a.group_11
{
	background-image: url(../images/box_item_bg_3.gif);
}
div.boxCatItem a.group_12
{
	background-image: url(../images/box_item_bg_12.gif);
}
div.boxCatItem a.group_13
{
	background-image: url(../images/box_item_bg_13.gif);
}
div.boxCatItem a.group_15
{
	background-image: url(../images/box_item_bg_15.gif);
}
div.boxCatItem a.group_20
{
	background-image: url(../images/box_item_bg_20.gif);
}
div.boxCatItem a.group_1:hover, 
div.boxCatItem a.group_1_selected,
div.boxCatItem a.group_2:hover, 
div.boxCatItem a.group_2_selected,
div.boxCatItem a.group_3:hover, 
div.boxCatItem a.group_3_selected,
div.boxCatItem a.group_4:hover, 
div.boxCatItem a.group_4_selected,
div.boxCatItem a.group_5:hover, 
div.boxCatItem a.group_5_selected,
div.boxCatItem a.group_6:hover, 
div.boxCatItem a.group_6_selected,
div.boxCatItem a.group_7:hover, 
div.boxCatItem a.group_7_selected,
div.boxCatItem a.group_8:hover, 
div.boxCatItem a.group_8_selected,
div.boxCatItem a.group_9:hover, 
div.boxCatItem a.group_9_selected,
div.boxCatItem a.group_10:hover, 
div.boxCatItem a.group_10_selected,
div.boxCatItem a.group_11:hover, 
div.boxCatItem a.group_11_selected,
div.boxCatItem a.group_12:hover, 
div.boxCatItem a.group_12_selected,
div.boxCatItem a.group_13:hover, 
div.boxCatItem a.group_13_selected,
div.boxCatItem a.group_15:hover, 
div.boxCatItem a.group_15_selected
{
	color: #fff;
	padding: 0px;
	background-repeat: repeat-y;
}

div.boxCatItem a.group_20:hover, 
div.boxCatItem a.group_20_selected
{
	color: #000;
	padding: 0px;
	background-repeat: repeat-y;
}

div.boxCatItem a.group_0:hover, 
div.boxCatItem a.group_0_selected {
	background-image: url(../images/box_item_bg_over_7.gif);
}
div.boxCatItem a.group_1:hover, 
div.boxCatItem a.group_1_selected {
	background-image: url(../images/box_item_bg_over_16.gif);
}
div.boxCatItem a.group_2:hover, 
div.boxCatItem a.group_2_selected {
	background-image: url(../images/box_item_bg_over_1.gif);
}
div.boxCatItem a.group_3:hover, 
div.boxCatItem a.group_3_selected {
	background-image: url(../images/box_item_bg_over_2.gif);
}
div.boxCatItem a.group_4:hover, 
div.boxCatItem a.group_4_selected {
	background-image: url(../images/box_item_bg_over_4.gif);
}
div.boxCatItem a.group_5:hover, 
div.boxCatItem a.group_5_selected {
	background-image: url(../images/box_item_bg_over_5.gif);
}
div.boxCatItem a.group_6:hover, 
div.boxCatItem a.group_6_selected {
	background-image: url(../images/box_item_bg_over_6.gif);
}
div.boxCatItem a.group_7:hover, 
div.boxCatItem a.group_7_selected {
	background-image: url(../images/box_item_bg_over_7.gif);
}
div.boxCatItem a.group_8:hover, 
div.boxCatItem a.group_8_selected {
	background-image: url(../images/box_item_bg_over_8.gif);
}
div.boxCatItem a.group_9:hover, 
div.boxCatItem a.group_9_selected {
	background-image: url(../images/box_item_bg_over_9.gif);
}
div.boxCatItem a.group_10:hover, 
div.boxCatItem a.group_10_selected {
	background-image: url(../images/box_item_bg_over_10.gif);
}
div.boxCatItem a.group_11:hover, 
div.boxCatItem a.group_11_selected {
	background-image: url(../images/box_item_bg_over_3.gif);
}
div.boxCatItem a.group_12:hover, 
div.boxCatItem a.group_12_selected {
	background-image: url(../images/box_item_bg_over_12.gif);
}
div.boxCatItem a.group_13:hover, 
div.boxCatItem a.group_13_selected {
	background-image: url(../images/box_item_bg_over_13.gif);
}
div.boxCatItem a.group_15:hover, 
div.boxCatItem a.group_15_selected {
	background-image: url(../images/box_item_bg_over_15.gif);
}
div.boxCatItem a.group_20:hover, 
div.boxCatItem a.group_20_selected {
	background-image: url(../images/box_item_bg_over_20.gif);
}

div.boxCatItem a.group_999:hover, 
div.boxCatItem a.group_999_selected {
	color: #fff;
	background-image: url(../images/box_item_bg_over_999.gif);
}

div.boxCatItem a span {
	display: block;
	padding: 6px 10px 8px 10px;
}
div.boxCatItem a span.level_1 
{
	padding: 6px 10px 8px 10px;
}
div.boxCatItem a span.level_2 
{
	padding: 6px 10px 8px 25px;
}




/* Shim box for checkout shipping page */
div.boxShimDiv {
	width: 100%;
	height: 68px;
}


/* Shopping Cart Box */
/* this is quite different from the other boxes so I've given it its own set of rules */
div.boxShoppingCart {
	width: 100%;
	color: #182027;
	margin-bottom: 10px;
}
div.boxShoppingCartHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
div.boxShoppingCartHeading a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	background-image: url(../images/buttons/shopping_cart.gif);
	background-repeat: no-repeat;
}
div.boxShoppingCartHeading a:hover {
/*  color: #fff;
	background-image: url(../images/page_design/page_structure/greystripe_orange.gif);
	background-repeat: repeat-x;*/
}
div.boxShoppingCartItem {
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
/*  background-color: #fff;
	border-top: 1px solid #efefef;*/
	font-weight: normal;
	vertical-align: middle;
}
div.boxShoppingCartItem a, 
div.boxShoppingCartItem a:link, 
div.boxShoppingCartItem a:visited, 
div.boxShoppingCartItem span.empty {
	display: block;
	width: auto;
	height: 14px;
	line-height: 14px;
  	color: #636363;
	text-decoration: none;
	background-image: url(../images/box_item_bg.gif);
	background-repeat: repeat-y;
	padding: 2px 5px 4px 5px;
/*	background-position: 5px 5px;*/
	font-weight: bold;
}
div.boxShoppingCartItem span.empty {
	background-image: none;
}
div.boxShoppingCartItem a:hover {
  color: #fff;
/*	background-position: 7px 5px;
	background-image: url(../images/page_design/page_structure/shim.gif);
  background-color: #f7941d;*/
	cursor: pointer;
}
div.boxShoppingCartItem a span.qty{
	display: block;
	width: 28px;
	text-align: right;
	position: relative;
	padding: 0px 2px 0px 0px;
	margin: 0px;
	float: left;
}
div.boxShoppingCartItem a span.prod{
	text-align: left;
	position: relative;
	padding: 0px 0px 0px 2px;
	margin: 0px;
}
div.boxShoppingCartMRRPTotal,
div.boxShoppingCartYouSave,
div.boxShoppingCartGrandTotal,
div.boxShoppingCartEmpty {
	width: auto;
	height: 22px;
	line-height: 22px;
  font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #fff;
	background-color: #00529b;
	padding: 2px 10px 4px 5px;
}
div.boxShoppingCartYouSave,
div.boxShoppingCartEmpty {
	font-weight: bold;
	color: #f00;
	background-image: url(../images/box_item_bg.gif);
	background-repeat: repeat-y;
}
div.boxShoppingCartEmpty {
	text-align: center;
}
div.boxShoppingCartGrandTotal {
	font-weight: bold;
}
div.boxShoppingCart div span.label{
	display: block;
	width: 90px;
	position: relative;
	float: left;
}
div.boxShoppingCart div span.total{
	position: relative;
	top: 0px;
}
div.boxShoppingCart div span.totalpercent{
	position: relative;
	top: 0px;
}



/* Search Box */
/* boxSearchItem - additional rules for search item small and large */
div.boxSearchItem
{
	font-weight: normal;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	background-image: url(../images/box_search_bg.gif);
	background-position: left;
}
div.boxSearchItem form
{
	padding: 3px 5px 3px 5px;
	margin: 0px;
	text-align: right;
}
div.boxSearchItem input.keywords
{
	width: 150px;
	border: none;
	text-align: left;
}



/*
div.boxSpecials {
	width: 100%;
	position: relative;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #efefef;
	color: #636363;
	background-color: #FFF;
	overflow: hidden;
	text-align: center;
}
div.boxSpecials div.heading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
*/
/*
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/page_design/page_structure/greystripe_yellow.gif);
	border-top: 1px solid #a7a9ac;
	border-bottom: 1px solid #efefef;
	padding: 0px 5px;
	color: #000;
	text-align: left;
*/
/*
}
div.boxSpecials a, 
div.boxSpecials a:link, 
div.boxSpecials a:visited{
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	width: auto;
	color: #636363;
  background-color: #fff;
}
div.boxSpecials a:hover{
	cursor: pointer;
  background-color: #f7941d;
	color: #fff;
}
div.boxSpecials img{
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
div.boxSpecials h3{
	text-align: center;
  font-size: 12px;
  font-weight: bold;
	padding: 4px 5px 10px 5px;
	margin: 0px;
}
div.boxSpecials div.prices {
	padding: 4px 5px;
	margin: 0px;
	text-align: center;
  background-color: #efefef;
}
div.boxSpecials div.oldprice, 
div.boxSpecials div.specialprice {
	display: inline;
  font-size: 12px;
	padding: 0px 3px;
}
div.boxSpecials div.oldprice{
	text-decoration: line-through;
	padding: 0px 3px;
}
div.boxSpecials a:hover div.oldprice{
	color: #636363;
}
div.boxSpecials div.specialprice{
  font-weight: bold;
  color: #ed1c24;
}
*/



div.boxSpecialsHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
div.boxSpecialsHeading a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	background-image: url(../images/buttons/specials.gif);
	background-repeat: no-repeat;
}
div.boxSpecialsHeading a:hover {
}



div.boxIpodOfferHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 227px;
	line-height: 227px;
	padding: 0px;
}
div.boxIpodOfferHeading a {
	display: block;
	height: 227px;
	line-height: 227px;
	text-decoration: none;
	background-image: url(../images/buttons/ipod_offer.gif);
	background-repeat: no-repeat;
}
div.boxIpodOfferHeading a:hover {
}



div.boxConversionToolHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
div.boxConversionToolHeading a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	background-image: url(../images/buttons/conversion_tool.gif);
	background-repeat: no-repeat;
}
div.boxConversionToolHeading a:hover {
}



div.boxAccountHeading {
	display:block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding: 0px;
}
div.boxAccountHeading a {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	background-image: url(../images/buttons/login.gif);
	background-repeat: no-repeat;
}
div.boxAccountHeading a:hover {
}



/* header.css */

/* headerLogo - Container for the main logo and link */
div.headerLogo {
	float: left;
	width: 490px;
	height: 125px;
	margin-top: 2px;
	text-align: center;
}

div.headerHomeButton {
	float: left;
	width: 230px;
	height: 195px;
	padding-top: 29px;
}

div.headerFavoritesButton {
	float: right;
	width: 230px;
	height: 195px;
	padding-top: 29px;
}

div.headerButtonBlock {
	margin: 0px;
	padding: 0px;
}

div.headerButtonBlock div.headerLeftButton{
	float: left;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	width: 230px;
	height: 24px;
}

div.headerButtonBlock div.headerRightButton{
	float: right;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	width: 230px;
	height: 24px;
}

/* headerTitle - Container for the main title and link */
div.headerTitle {
	float: right;
	width: 329px;
	height: 44px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 4px;
	background-color: #00ADEF;
	color: #fff;
	text-align: right;
	line-height: 44px;
	font-size: 28px;
}

/* sectionBar - Container for the main Section Bar links */
div.sectionBar,
div.spacerBar {
	clear: both;
	margin-top: 21px;
	width: 836px;
	height: 30px;
	border-top: 1px solid #a7a9ac;
	overflow: hidden;
	background-image: url(../images/page_design/page_structure/greystripe_yellow.gif);
	background-repeat: repeat-x;
	font-size: 12px;
}
div.spacerBar {
	height: 4px;
	background:#fff;
	background-image: none;
	background-color: #fff;
}
div.sectionBar a, 
div.sectionBar a:link, 
div.sectionBar a:visited {
	display: block;
	height: 30px;
	line-height: 30px;
/*	border-right: 1px solid #fff;*/
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	float: left;
}
div.sectionBar a:hover {
	background-image: url(../images/page_design/page_structure/greystripe_orange.gif);
	background-repeat: repeat-x;
	color: #000;
}

/* sectionBarItem - Defines Section Bar item links */
div.sectionBar a.sectionBarItem {
	height: 30px;
	width: 167px;
}
div.sectionBar a.sectionBarItemSelected {
	height: 30px;
	width: 167px;
	color: #000;
	background-image: url(../images/page_design/page_structure/greystripe_orange.gif);
	background-repeat: repeat-x;
}



div.trailBar {
	/*position: relative;
	left: 0px;
	top: -68px;*/
	clear: both;

	width: 836px;
	height: 30px;
	background-color: #E6E6E6;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
span.trailBarItem, a.trailBarItem, a.trailBarItem:link, a.trailBarItem:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	color:#003994;
	float: left;
	background-image: url(../images/page_design/page_structure/shim.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 16px;
	margin-right: 6px;
}
a.trailBarItem:hover {
	background-image: url(../images/page_design/page_structure/shim.gif);
	background-position: 6px center;
}




/* footer.css */

/* footerContainer - wraps the various footer parts */
div.footerContainer {
/*	position: absolute;
	top: 400px;
	left: 10px;*/
	width: 470px;
/*	padding: 4px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;

/*	margin-left: auto;
	margin-right: auto;
	left: 240px;
	height: 44px;
  color: #003994;
	background-image: url(../images/page_design/page_structure/greystripe_yellow.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	border-top: 1px solid #a7a9ac;*/
	overflow: hidden;
	visibility: hidden;
	font-size: 11px;
}
div.footerContainer a, 
div.footerContainer a:link, 
div.footerContainer a:visited {
  color: #003994;
}
div.footerContainer a:hover {
  color: #FF0000;
}
div.footerContainer div.date {
	clear: left;
	float: left;
	width: 50%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.footerContainer div.stats {
	float: right;
	width: 50%;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
div.footerContainer div.info {
	clear: left;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}



/* css.css */

/* COMMON
--------------------------------------------------------------------------------
* sets basic common rules
* small text for header comments and input/submit buttons
*
*/
form, 
img {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}


a, 
a:link {
	color: #636363;
	text-decoration: none;
}
a:hover {
	color: #000;
}

.small{
	font-weight: normal;
  font-size: 9px;
}

td {
	text-align: center;
}

input.submit {
	margin-left: 2px;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 1px 1px;
	background-color: #fff;
	background-image: url(../images/form_button_bg.gif);
	background-repeat: repeat-x;
	color: #636363;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	cursor: pointer !important;
	cursor: hand;
	vertical-align: top;
}
input.submit:hover,
input.submit:focus
{
	border: 3px double;
	border-color: #fdd68d #f7941d #f7941d #fdd68d;
}

input.normalTextField, 
input.requiredTextField
{
	font-family: "Myriad Web", Arial, Helvetica, sans-serif;
  font-size: 12px;
	margin: 0px;
	vertical-align: middle;
	padding: 2px 0px 2px 4px;
	width: auto;
	text-align: left;
	border: solid 0 #fff;
	background: transparent url(../images/input.gif) no-repeat fixed;
	background-position: top left;
}
input.requiredTextField
{
	background: transparent url(../images/input_required.gif) no-repeat fixed;
}
td>input.normalTextField, 
td>input.requiredTextField, 
div>input.normalTextField, 
div>input.requiredTextField
{
	background: transparent url(../images/input.gif) no-repeat;
}
td>input.requiredTextField, 
div>input.requiredTextField
{
	background: transparent url(../images/input_required.gif) no-repeat;
}



/* categories.css */

/* Category Message
* --------------------------------------------------------------------------------
* rules for the block containing the category message.
*
*/
div.boxCategoryMessage {
	width: auto;
	position: relative;
	padding: 5px;
	margin: 0px;
	color: #182027;
	border-top: 1px solid #babcbe;
/*	background-color: #fff;*/
}



/* Category Products Message
* --------------------------------------------------------------------------------
* rules for the block containing the category prducts message.
*
*/
div.boxCategoryProductsMessage {
	width: auto;
	position: relative;
	padding: 5px;
	margin: 0px;
	color: #182027;
	border-top: 1px solid #babcbe;
/*	background-color: #fff;*/
}



/* Category Selector
* --------------------------------------------------------------------------------
* rules for the block containing the category selections and the category links.
*
*/
div.boxCategorySelectorRow,
div.boxCategorySelectorRow_group_1,
div.boxCategorySelectorRow_group_2,
div.boxCategorySelectorRow_group_3,
div.boxCategorySelectorRow_group_4,
div.boxCategorySelectorRow_group_5,
div.boxCategorySelectorRow_group_6,
div.boxCategorySelectorRow_group_7,
div.boxCategorySelectorRow_group_8,
div.boxCategorySelectorRow_group_9,
div.boxCategorySelectorRow_group_10,
div.boxCategorySelectorRow_group_11,
div.boxCategorySelectorRow_group_12,
div.boxCategorySelectorRow_group_13,
div.boxCategorySelectorRow_group_15,
div.boxCategorySelectorRow_group_20,
div.boxCategorySelectorRow_group_999,
div.boxSpecialsSelectorBlock {
	width: auto;
	height: 186px;
	position: relative;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #babcbe;
	color: #182027;
	background: url(../images/heading_bg_group_0.gif) repeat-x;
}
div.boxCategorySelectorRow div,
div.boxCategorySelectorRow_group_1 div,
div.boxCategorySelectorRow_group_2 div,
div.boxCategorySelectorRow_group_3 div,
div.boxCategorySelectorRow_group_4 div,
div.boxCategorySelectorRow_group_5 div,
div.boxCategorySelectorRow_group_6 div,
div.boxCategorySelectorRow_group_7 div,
div.boxCategorySelectorRow_group_8 div,
div.boxCategorySelectorRow_group_9 div,
div.boxCategorySelectorRow_group_10 div,
div.boxCategorySelectorRow_group_11 div,
div.boxCategorySelectorRow_group_12 div,
div.boxCategorySelectorRow_group_13 div,
div.boxCategorySelectorRow_group_15 div,
div.boxCategorySelectorRow_group_20 div,
div.boxCategorySelectorRow_group_999 div,
div.boxSpecialsSelectorBlock div {
	display: block;
}
div.boxSpecialsSelectorBlock {
	border-top: 1px solid #babcbe;
	border-bottom: none;
	height: 186px;
}
div.boxCategorySelectorRow_group_999 {
	background-image: none;
}
/*
div.boxCategorySelectorBlock a,
div.boxCategorySelectorBlock a:link, 
div.boxCategorySelectorBlock a:visited,
div.boxSpecialsSelectorBlock a,
div.boxSpecialsSelectorBlock a:link,
div.boxSpecialsSelectorBlock a:visited
*/
div.boxCategorySelectors a,
div.boxCategorySelectors a:link, 
div.boxCategorySelectors a:visited,
div.boxSpecialsSelectorBlock a,
div.boxSpecialsSelectorBlock a:link,
div.boxSpecialsSelectorBlock a:visited
{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	width: 150px;
	height: 186px;
	color: #182027;
	background-color: inherit;
}
div.boxCategorySelectors a:hover,
div.boxSpecialsSelectorBlock a:hover{
	cursor: pointer;
	color: #000;
  background-color : #babcbe;
}
div.boxCategorySelectors a.group_1:hover,
div.boxCategorySelectors a.group_2:hover,
div.boxCategorySelectors a.group_3:hover,
div.boxCategorySelectors a.group_4:hover,
div.boxCategorySelectors a.group_5:hover,
div.boxCategorySelectors a.group_6:hover,
div.boxCategorySelectors a.group_7:hover,
div.boxCategorySelectors a.group_8:hover,
div.boxCategorySelectors a.group_9:hover,
div.boxCategorySelectors a.group_10:hover,
div.boxCategorySelectors a.group_11:hover,
div.boxCategorySelectors a.group_12:hover,
div.boxCategorySelectors a.group_13:hover,
div.boxCategorySelectors a.group_15:hover,
div.boxCategorySelectors a.group_999:hover
{
	color: #fff;
}

div.boxCategorySelectors a.group_20:hover
{
	color: #000;
}
div.boxCategorySelectors a.group_1:hover{
	background-color : #194A7B;
}
div.boxCategorySelectors a.group_2:hover{
	background-color : #3366ff;
}
div.boxCategorySelectors a.group_3:hover{
	background-color : #339966;
}
div.boxCategorySelectors a.group_4:hover{
	background-color : #ff9900;
}
div.boxCategorySelectors a.group_5:hover{
	background-color : #800080;
}
div.boxCategorySelectors a.group_6:hover{
	background-color : #ff0000;
}
div.boxCategorySelectors a.group_7:hover{
	background-color : #99cc00;
}
div.boxCategorySelectors a.group_8:hover{
	background-color : #969696;
}
div.boxCategorySelectors a.group_9:hover{
	background-color : #99ccff;
}
div.boxCategorySelectors a.group_10:hover{
	background-color : #008000;
}
div.boxCategorySelectors a.group_11:hover{
	background-color : #33cccc;
}
div.boxCategorySelectors a.group_12:hover{
	background-color : #800000;
}
div.boxCategorySelectors a.group_13:hover{
	background-color : #cc99ff;
}
div.boxCategorySelectors a.group_15:hover{
	background-color : #3c3c3c;
}
div.boxCategorySelectors a.group_20:hover{
	background-color : #F8D926;
}
div.boxCategorySelectors a.group_999:hover{
	background-color : #939495;
}


div.boxCategorySelectors a.boxCategorySelectorItem,
div.boxSpecialsSelectorBlock a.boxSpecialsSelectorItem {
}
div.boxCategorySelectors a.boxCategorySelectorItemRight,
div.boxSpecialsSelectorBlock a.boxSpecialsSelectorItemRight {
	border-right: none;
}
div.boxCategorySelectors img,
div.boxSpecialsSelectorBlock img{
	border-left:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}
div.boxCategorySelectorRow_group_999 img {
	/*border-top:1px solid #dfdfdf;*/
}
div.boxCategorySelectors h2,
div.boxSpecialsSelectorBlock h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	padding: 4px 5px 10px 5px;
	margin: 0px;
	height: 50px;
}





/* Specials specific styles */
div.boxSpecialsSelectorBlock div.prices{
	border-bottom: 1px solid #dfdfdf;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 30px;
  font-size: 14px;
	line-height: 30px;
  background-color: #efefef;
	text-align: center;
}
div.boxSpecialsSelectorBlock a:hover h2{
	color: #fff;
}
div.boxSpecialsSelectorBlock div.prices span.oldprice, 
div.boxSpecialsSelectorBlock div.prices span.specialprice{
	padding: 0px 4px;
	line-height: 30px;
}
div.boxSpecialsSelectorBlock div.prices span.oldprice{
	text-decoration: line-through;
  font-weight: normal;
}
div.boxSpecialsSelectorBlock a:hover div.prices span.oldprice{
	color: #000;
}
div.boxSpecialsSelectorBlock div.prices span.specialprice{
  font-weight: bold;
  color: #f00;
}
div.boxSpecialsSelectorBlock a:hover div.prices span.specialprice{
/*	color: #fff;*/
}




div.boxCategorySelectorRow span.image,
div.boxSpecialsSelectorBlock span.image
{
	display: block;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border: 1px solid #dfdfdf;
	margin-left: auto;
	margin-right: auto;
}


/* category_heading.css */

/* Category Heading
* --------------------------------------------------------------------------------
* rules for the Category Heading in the category/product list pages - shows the 
* title of the category being viewed and the cropped/full images of the category.
*
*/
div.boxCategoryHeading, 
div.boxCategoryHeading_group_1, 
div.boxCategoryHeading_group_2, 
div.boxCategoryHeading_group_3, 
div.boxCategoryHeading_group_4, 
div.boxCategoryHeading_group_5, 
div.boxCategoryHeading_group_6, 
div.boxCategoryHeading_group_7, 
div.boxCategoryHeading_group_8,
div.boxCategoryHeading_group_9,
div.boxCategoryHeading_group_10,
div.boxCategoryHeading_group_11,
div.boxCategoryHeading_group_12,
div.boxCategoryHeading_group_13,
div.boxCategoryHeading_group_15,
div.boxCategoryHeading_group_20
{
	width: auto;
	height: 166px;
	line-height: 166px;
	color: #182027;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #babcbe;
	background: url(../images/category_heading_bg_group_0.gif) repeat-x;
}
div.boxCategoryHeading_group_1
{
	background: url(../images/category_heading_bg_group_16.gif) repeat-x;
}
div.boxCategoryHeading_group_2
{
	background: url(../images/category_heading_bg_group_1.gif) repeat-x;
}
div.boxCategoryHeading_group_3
{
	background: url(../images/category_heading_bg_group_2.gif) repeat-x;
}
div.boxCategoryHeading_group_4
{
	background: url(../images/category_heading_bg_group_4.gif) repeat-x;
}
div.boxCategoryHeading_group_5
{
	background: url(../images/category_heading_bg_group_5.gif) repeat-x;
}
div.boxCategoryHeading_group_6
{
	background: url(../images/category_heading_bg_group_6.gif) repeat-x;
}
div.boxCategoryHeading_group_7
{
	background: url(../images/category_heading_bg_group_7.gif) repeat-x;
}
div.boxCategoryHeading_group_8
{
	background: url(../images/category_heading_bg_group_8.gif) repeat-x;
}
div.boxCategoryHeading_group_9
{
	background: url(../images/category_heading_bg_group_9.gif) repeat-x;
}
div.boxCategoryHeading_group_10
{
	background: url(../images/category_heading_bg_group_10.gif) repeat-x;
}
div.boxCategoryHeading_group_11
{
	background: url(../images/category_heading_bg_group_3.gif) repeat-x;
}
div.boxCategoryHeading_group_12
{
	background: url(../images/category_heading_bg_group_12.gif) repeat-x;
}
div.boxCategoryHeading_group_13
{
	background: url(../images/category_heading_bg_group_13.gif) repeat-x;
}
div.boxCategoryHeading_group_15
{
	background: url(../images/category_heading_bg_group_15.gif) repeat-x;
}
div.boxCategoryHeading_group_20
{
	background: url(../images/category_heading_bg_group_20.gif) repeat-x;
}
div.boxCategoryHeadingTextShell {
	width: auto;
	height: 166px;
	line-height: 166px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
h1.boxCategoryHeadingText,
p.boxCategoryHeadingText,
span.boxCategoryHeadingText {
	width: auto;
	padding: 0px;
	margin: 35px 0px 0px 0px;
	text-align: center;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
}
div.boxCategoryHeadingMainImage {
	float: left;
	width: 166px;
	height: 166px;
/*	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;*/
	margin: 0px;
	background-repeat: no-repeat;
}



/* Product Listing Table
* --------------------------------------------------------------------------------
* rules for the table containing the product listing and all it's parts.
*
*/

div.boxProductListContent {
	padding: 0px;
	margin: 0px;
}
div.boxProductListContent form{
	padding: 0px;
	margin: 0px;
}

table.tableProductListing {
	background-color: #fff;
	border-top: #a7a9ac solid 1px;
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

table.tableProductListing td {
	border: 1px solid #fff;	
	text-align: center;
	padding: 2px;
	margin: 0px;
}

table.tableProductListing th {
	border: 1px solid #fff;	
	border-bottom: 3px solid #fff;	
}



table.tableProductListing thead.tableProductListingHead {
}
table.tableProductListing tr.tableProductListingCartHeadingRow
{
	/*background: url(../images/heading_bg_group_0.gif) repeat-x;*/
	background-color: #CDCDCD;
}
table.tableProductListing tr.tableProductListingHeadingRow_group_1,
table.tableProductListing tr.tableProductListingHeadingRow_group_2,
table.tableProductListing tr.tableProductListingHeadingRow_group_3,
table.tableProductListing tr.tableProductListingHeadingRow_group_4,
table.tableProductListing tr.tableProductListingHeadingRow_group_5,
table.tableProductListing tr.tableProductListingHeadingRow_group_6,
table.tableProductListing tr.tableProductListingHeadingRow_group_7,
table.tableProductListing tr.tableProductListingHeadingRow_group_8,
table.tableProductListing tr.tableProductListingHeadingRow_group_9,
table.tableProductListing tr.tableProductListingHeadingRow_group_10,
table.tableProductListing tr.tableProductListingHeadingRow_group_11,
table.tableProductListing tr.tableProductListingHeadingRow_group_12,
table.tableProductListing tr.tableProductListingHeadingRow_group_13,
table.tableProductListing tr.tableProductListingHeadingRow_group_15,
table.tableProductListing tr.tableProductListingHeadingRow_group_20
{
	/*background: url(../images/heading_bg_group_0.gif) repeat-x;*/
	background-color: #CDCDCD;
}


table.tableProductListing tr.tableProductListingCartHeadingRow th,
table.tableProductListing tr.tableProductListingHeadingRow_group_1 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_2 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_3 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_4 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_5 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_6 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_7 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_9 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_10 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_11 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_12 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_13 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_15 th,
table.tableProductListing tr.tableProductListingHeadingRow_group_20 th,
table.tableProductListing tr.tableProductListingHeadingRow th
{
	color: #000;
	font-weight: bold;
	vertical-align: top;
	height: 28px;
}

table.tableProductListing tr.tableProductListingCartHeadingRow th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_1 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_2 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_3 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_4 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_5 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_6 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_7 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_9 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_10 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_11 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_12 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_13 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_15 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow_group_20 th.cellName,
table.tableProductListing tr.tableProductListingHeadingRow th.cellName
{
	text-align: left;
}
table.tableProductListing tr.tableProductListingCartHeadingRow th.cellBuyQty, 
table.tableProductListing tr.tableProductListingHeadingRow_group_1 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_2 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_3 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_4 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_5 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_6 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_7 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_9 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_10 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_11 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_12 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_13 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_15 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow_group_20 th.cellBuyQty,
table.tableProductListing tr.tableProductListingHeadingRow th.cellBuyQty
{
	padding: 4px 5px 4px 5px;
}
table.tableProductListing tr.tableProductListingHeadingRow th a ,
table.tableProductListing tr.tableProductListingHeadingRow_group_1 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_2 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_3 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_4 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_5 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_6 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_7 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_9 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_10 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_11 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_12 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_13 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_15 th a,
table.tableProductListing tr.tableProductListingHeadingRow_group_20 th a
{
	display: block;
	color: #000;
	padding: 4px 5px 4px 5px;
	min-height: 28px;
}
table.tableProductListing tr.tableProductListingHeadingRow th a:hover ,
table.tableProductListing tr.tableProductListingHeadingRow_group_1 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_2 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_3 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_4 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_5 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_6 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_7 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_8 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_10 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_11 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_12 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_13 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_15 th a:hover,
table.tableProductListing tr.tableProductListingHeadingRow_group_20 th a:hover
{
  color: #000;
  background-color: #dfdfdf;
}


table.tableProductListing tr.tableProductListingHeadingRow th {
	/*background: url(../images/heading_bg_group_0.gif) repeat-x;*/
	background-color: #CDCDCD;
	color: #000;
}
table.tableProductListing tr.tableProductListingHeadingRow th a {
	padding: 0px;
	color: #000;
}
table.tableProductListing tr.tableProductListingHeadingRow th a:hover {
	background-color: #DFDEDE;
	color: #000;
}

table.tableProductListing tr.tableProductListingBodyRow {
	text-align: center;
	border-collapse: collapse;
}
table.tableProductListing tr.tableProductListingBodyRow td {
	border-top: #efefef solid 1px;
}
.cellModel, 
.cellPackSize, 
.cellMRRP, 
.cellPrice, 
.cellSave {
	text-align: center;
	vertical-align: top;
	padding: 4px 5px 4px 5px;
}
.cellMRRP {
	font-weight: normal;	
}
th.cellName {
	padding: 4px 5px 4px 5px;	
}
th.cellName a {
	padding-left: 4px;	
}
th.cellName a:hover {
	padding-left: 4px;	
}

.cellSave {
	color: red;
}
td.cellModel{
	font-weight: normal;
}

.name a {
	color: #000;
}

.name a:hover {
	color: #000;
}

.tableProductListingBodyRow-even {	
	background-color: #fff;
}

.tableProductListingBodyRow-odd {	
	background-color: #EFEFEF;
}
.cellName_group_999 a{
	
	text-align: left;
}
.cellName a,
.cellName_group_999 a,
.cellName_group_1 a,
.cellName_group_2 a,
.cellName_group_3 a,
.cellName_group_4 a,
.cellName_group_5 a,
.cellName_group_6 a,
.cellName_group_7 a,
.cellName_group_8 a,
.cellName_group_9 a,
.cellName_group_10 a,
.cellName_group_11 a,
.cellName_group_12 a,
.cellName_group_15 a,
.cellName_group_20 a,
.cellName_group_13 a
{
	display: block;
	color: #000;
	min-height: 20px;
	text-align: left;
	padding: 4px 5px 4px 5px;
}
.cellName a:hover,
.cellName_group_999 a:hover,
.cellName_group_1 a:hover,
.cellName_group_2 a:hover,
.cellName_group_3 a:hover,
.cellName_group_4 a:hover,
.cellName_group_5 a:hover,
.cellName_group_6 a:hover,
.cellName_group_7 a:hover,
.cellName_group_8 a:hover,
.cellName_group_9 a:hover,
.cellName_group_10 a:hover,
.cellName_group_11 a:hover,
.cellName_group_12 a:hover,
.cellName_group_13 a:hover,
.cellName_group_15 a:hover
{
  color: #fff;
}
.cellName_group_20 a:hover
{
  color: #000;
}
.cellName a:hover 
{
  background-color : #969696;
}
.cellName_group_999 a:hover 
{
  background-color : #969696;
}
.cellName_group_1 a:hover {
  background-color : #103A6B;
}
.cellName_group_2 a:hover {
  background-color : #3366ff;
}
.cellName_group_3 a:hover {
  background-color : #339966;
}
.cellName_group_4 a:hover {
  background-color : #ff9900;
}
.cellName_group_5 a:hover {
  background-color : #800080;
}
.cellName_group_6 a:hover {
  background-color : #ff0000;
}
.cellName_group_7 a:hover {
  background-color : #99cc00;
}
.cellName_group_8 a:hover {
  background-color : #969696;
}
.cellName_group_9 a:hover {
  background-color : #99ccff;
}
.cellName_group_10 a:hover {
  background-color : #008000;
}
.cellName_group_11 a:hover {
  background-color : #33cccc;
}
.cellName_group_12 a:hover {
  background-color : #800000;
}
.cellName_group_13 a:hover {
  background-color : #cc99ff;
}
.cellName_group_15 a:hover {
  background-color : #3c3c3c;
}
.cellName_group_20 a:hover {
  background-color : #F8D926;
}

table.tableProductListing tr.tableProductListingBodyRow td.cellPrice span.normal {
	color: #000;
	font-weight: normal;
	text-decoration: line-through;
}
table.tableProductListing tr.tableProductListingBodyRow td.cellPrice span.special {
	color: #ed1c24;
	font-weight: bold;
	padding: 0px 0px 0px 4px;
}

table.tableProductListing tr.tableProductListingBodyRow td.cellSave {
	color: #ed1c24;
	font-weight: bold;
}




/* Buy Qty Cell Table for the field and add/subtract buttons */
table.tableProductListing tr.tableProductListingBodyRow td.cellBuyQty {
	text-align: center;
	vertical-align: top;
	padding: 4px 5px 4px 5px;
}

table.tableBuyQty
{
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
}
table.tableBuyQty, 
table.tableBuyQty tr td
{
	border: 0;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.tableBuyQty tr td input.buyqty {
	font-family: "Myriad Web", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 26px;
	margin: 0px 1px 0px 1px;
	padding: 0px;
	border: none;
	background-image: url(../images/input.gif);
	background-position: top left;
}




/* sub total */
table.tableProductListing tr.tableProductListingCartSubtotalRow {
	text-align: right;
	border-collapse: collapse;
}
table.tableProductListing tr.tableProductListingCartSubtotalRow td.cartSubtotal {
	border-top: #a7a9ac solid 1px;
	color: #000;
	font-size: 12px;
	text-align: right;
	background-color: #efefef;
	padding: 3px 5px 5px 5px;
}



/* button_bar.css */

/* Button Bar
* --------------------------------------------------------------------------------
* rules for the Button Bar and parts - consists of left, 
* middle and right button holders
*
*/
div.boxButtonBar {
	clear: left;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	width: auto;
	height: 24px;
}
div.boxButtonBar a, 
div.boxButtonBar img, 
div.boxButtonBar input {
	margin: 0px;
	padding: 0px;
}
div.boxButtonBar div.left {
	clear: left;
	float: left;
	width: 148px;
	line-height: 24px;
	height: 24px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.boxButtonBar div.middle {
	float: left;
	width: 148px;
	line-height: 24px;
	height: 24px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div.boxButtonBar div.right {
	float: right;
	width: 148px;
	line-height: 24px;
	height: 24px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}


/* count_bar.css */

/* Count Bar
--------------------------------------------------------------------------------
* displays the number of items found and number of pages
*
*/
div.boxCountBar {
	clear: both;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	width: auto;
/*	border: 1px solid #a7a9ac;*/
/*	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;*/
  color: #777;
/*	background: url(../images/pagestyle/header_bg.gif) repeat-x;*/
	background-color: #efefef;
  font-size: 11px;
	line-height: 20px;
	text-align: right;
}
div.boxCountBar span.display {
	display: block;
	float: left;
}
div.boxCountBar span.results {
	display: block;
}
div.boxCountBar a.pageResults {
	padding: 2px 4px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
div.boxCountBar a.pageResults:hover {
	background-color: #dfdfdf;
}



/* customer_checkout.css */

/* Content Table
* --------------------------------------------------------------------------------
* Content Table is used to mimick a table. It has Standard Rows and Row Headers.
* The Row Header have a heading and info part, the other rows can have parts for
* form fields - label, field and info.
*
*/
div.contentTable 
{
	border: 1px solid #babcbe;
	border-bottom: 1px solid #babcbe;
	border-left: 1px solid #babcbe;
	border-right: 1px solid #babcbe;
	padding: 0px;
	margin: 0px;
	color: #182027;
}
div.headerRow 
{
	clear: left;
	padding: 5px;
	margin: 0px;
	background: url(../images/heading_bg_group_0.gif) repeat-x;
	height: 20px;
  color: #182027;
}
div.headerRow div.heading, 
div.headerRow div.heading_wide, 
div.headerRow div.addressHeading
{
	clear: left;
	float: left;
	width: 45%;
	height: 20px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.headerRow div.heading_wide
{
	width: auto;
}
div.headerRow div.info,
div.headerRow div.heading2,
div.headerRow div.addressInfo
{
	float: right;
	width: 45%;
	height: 20px;
	line-height: 15px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
div.headerRow div.heading2
{
	text-align: left;
	font-weight: bold;
}
/*div.headerRow div.info a, 
div.headerRow div.info a:link, 
div.headerRow div.info a:visited
{
	font-weight: bold;
  color: #fff;
}
div.headerRow div.info a:hover
{
  color: #f00;
}*/
div.headerRow div a, 
div.headerRow div a:link, 
div.headerRow div a:visited
{
	font-weight: bold;
  color: #182027;
	text-decoration: underline;
}
div.headerRow div a:hover
{
  color: #f00;
}

div.contentTable div.contentTableSpacerRow 
{
	clear: left;
	padding: 0px;
	margin: 0px;
	height: 5px;
}

div.contentTable div.contentRow, 
div.contentTable div.contentTableRow, 
div.contentTable div.contentTableAddressRow, 
div.contentTable div.contentPaymentDetailsRow
{
	clear: left;
	padding: 5px;
	margin: 0px;
}
div.contentTable div.contentPaymentDetailsRow
{
	text-align: right;
}
div.contentTable div.contentTableRow, 
div.contentTable div.contentTableAddressRow 
{
	height: 20px;
}
div.contentTableRow div.fieldName {
	clear: left;
	float: left;
	width: 30%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
div.contentTableRow div.fieldComp {
	float: left;
	width: 45%;
	height: 20px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.contentTableRow div.fieldInfo {
	float: right;
	width: 22%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.contentTableRow input {
	font-family: "Myriad Web", Arial, Helvetica, sans-serif;
  font-size: 12px;
	padding: 1px;
	margin: 0px;
	vertical-align: middle;
}
div.contentTableRow .normal, 
div.contentTableRow .required, 
div.contentTableRow .normalAreaCode, 
div.contentTableRow .requiredAreaCode,
div.contentTableRow .normalTelephone, 
div.contentTableRow .requiredTelephone
{
	padding: 2px 0px 2px 4px;
	width: 95%;
	text-align: left;
	border: solid 0 #fff;
	background: transparent url(../images/input.gif) no-repeat fixed;
	background-position: top left;
}
div.fieldComp>input.normal, 
div.fieldComp>input.required, 
div.fieldComp>input.normalAreaCode, 
div.fieldComp>input.requiredAreaCode,
div.fieldComp>input.normalTelephone, 
div.fieldComp>input.requiredTelephone {
	background: transparent url(../images/input.gif) no-repeat;
}
div.contentTableRow .normalAreaCode, 
div.contentTableRow .requiredAreaCode
{
	width: 20%;
}
div.contentTableRow .normalTelephone, 
div.contentTableRow .requiredTelephone
{
	width: 65%;
}
div.contentTableRow .required,
div.contentTableRow .requiredAreaCode,
div.contentTableRow .requiredTelephone
{
	/* the "fixed" attribute makes absolutely fixed (disappears) in FF */
	background: transparent url(../images/input_required.gif) no-repeat fixed;
}
	/* so we use a selector here that IE won't read so that both browsers
	 * and hence FF will read this and overrids the last style without
	 * the fixed attribute - beautiful! */
div.fieldComp>input.required, 
div.fieldComp>input.requiredAreaCode,
div.fieldComp>input.requiredTelephone {
	background: transparent url(../images/input_required.gif) no-repeat;
}
div.contentTableRow div.fieldComp span.optLabel {
	line-height: 20px;
	margin: 0px;
	padding: 0px 12px 0px 3px;
}
div.contentTable div.contentRow textarea
{
	padding: 0px;
	margin: 0px;
	width: 99%;
}



/* Address Book and Address styles - use with Content Table
* --------------------------------------------------------------------------------
* DescriptionAddressRow is for a description or message with an address to the right.
* SubHeadRows can be used for table headings such as for the order items sub heading.
* Address and OrdereItem Rows are links.
*
*/
div.descriptionAddressRow{
	clear: left;
	padding: 5px;
	margin: 0px;
	height: 126px;
}
div.descriptionAddressRow div.description {
	clear: left;
	float: left;
	width: 45%;
	height: 100px;
	margin: 0px 18px 0px 0px;
	padding: 0px;
}
div.descriptionAddressRow div.address {
	float: right;
	width: 45%;
	margin: 0px;
	padding: 0px;
}
div.headerRow div.addressInfo
{
	text-align: left;
}

/* sub heading rows */
div.subHeadRow {
	clear: left;
	padding: 5px;
	margin: 0px;
	height: 15px;
	background-color: #efefef;
}
div.subHeadRow div.heading {
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 45%;
	height: 15px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
}
div.subHeadRow div.info,
div.subHeadRow div.heading2 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 45%;
	height: 15px;
	line-height: 15px;
	text-align: right;
}
div.subHeadRow div.heading2 {
	font-weight: bold;
}

/* address rows */
div.addressRow,
a.addressRow,
a.addressRow:link,
a.addressRow:visited {
	display: block;
	clear: left;
	margin: 0px;
	padding: 5px 38px 5px 38px;
	border-bottom: 1px solid #babcbe;
	text-decoration: none;
}
a.addressRow:hover {
	background-color: #babcbe;
}


/* Account/Orders styles - for use with div.contentTable */
div.ordersHeadRow,
a.linkRow,
a.linkRow:link,
a.linkRow:visited
{
	display: block;
	clear: left;
	padding: 5px 5px 5px 19px;
	margin: 0px;
	height: 15px;
}
a.linkRow,
a.linkRow:link,
a.linkRow:visited
{
	border-top: none;
	border-bottom: solid #efefef 1px;
	text-decoration: none;
}
div.ordersHeadRow
{
	background-color: #efefef;
}
a.linkRow:hover
{
	background-color: #efefef;
	cursor: pointer;
}
div.orderItems
{
	padding: 0px;
	margin: 0px;
	height: 15px;
	line-height: 15px;
}
div.orderItems div.orderInfo,
div.orderItems div.orderInfoBold
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 25%;
	height: 15px;
	line-height: 15px;
	text-align: center;
}
div.orderItems div.orderInfoBold
{
	font-weight: bold;
}

/* order rows */
a.orderRow, 
a.orderRow:link, 
a.orderRow:visited {
	display: block;
	clear: left;
	margin: 0px;
	padding: 5px;
	border-bottom: solid #efefef 1px;
	text-decoration: none;
}
a.orderRow:hover {
	background-color: #efefef;
	cursor: pointer;
}



/* page_body.css */

div.pageWrapTop,
div.pageWrapTopIpodOffer
{
	width: auto;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wrapper_full_top.gif);
	background-repeat: no-repeat;
}
div.pageWrapMid,
div.pageWrapMidIpodOffer
{
	width: auto;
	padding: 6px 10px 6px 10px;
	margin: 0px;
	background-image: url(../images/wrapper_full_mid.gif);
	background-repeat: repeat-y;
}
div.pageWrapBot,
div.pageWrapBotIpodOffer
{
	width: auto;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wrapper_full_bot.gif);
	background-repeat: no-repeat;
}

div.pageWrapTopIpodOffer
{
	background-image: url(../images/wrapper_full_top_ipod_promo.gif);
}
div.pageWrapMidIpodOffer
{
	background-image: url(../images/wrapper_full_mid_ipod_promo.gif);
}
div.pageWrapBotIpodOffer
{
	background-image: url(../images/wrapper_full_bot_ipod_promo.gif);
}


div.widgetWrapTop {
	width: auto;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wrapper_half_top.gif);
	background-repeat: no-repeat;
}
div.widgetWrapMid {
	width: auto;
	padding: 6px 10px 6px 10px;
	margin: 0px;
	background-image: url(../images/wrapper_half_mid.gif);
	background-repeat: repeat-y;
}
div.widgetWrapBot {
	width: auto;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wrapper_half_bot.gif);
	background-repeat: no-repeat;
}

div.widgetTickerMid {
	width: auto;
	padding: 6px 10px 6px 10px;
	margin: 0px;
	background-image: url(../images/ticker_full_mid.gif);
	background-repeat: no-repeat;
	color: #fff;
}



/* Page Content
* --------------------------------------------------------------------------------
* rules for main body content - eg Defines styles for use in any content page
*
*/
div.boxPageContent {
	width: auto;
	padding: 0px;
	margin: 0px;
  font-size: 12px;
	font-weight: normal;
	text-align: left;
/*	border-top: 1px solid #a7a9ac;
	background: url(../images/page_design/page_structure/greystripe_yellow.gif) repeat-x #fff;*/
}
div.boxPageContent form{
	padding: 0px;
	margin: 0px;
}
div.boxPageContent div.boxPageHeadingRow, 
div.boxPageContent h1.boxPageHeadingRow,
div.boxProductListContent h1.boxPageHeadingRow
{
	clear: left;
/*	height: 26px;
	line-height: 26px;*/
	padding: 0px 0px 5px 0px;
	margin: 0px;
  font-size: 18px;
	font-weight: bold;
}
div.boxProductListContent h1.boxPageHeadingRow
{
	margin: 5px 0px;
}
div.boxPageContent div.boxPageItem {
/*	clear: left;
	width: 478px;
	padding: 5px;
	margin: 0px;
  font-size: 12px;
  color: #003994;*/
}
div.boxPageContent a,
div.boxPageContent a:link,
div.boxPageContent a:visited
{
  color: #000;
	font-weight: bold;
}
div.boxPageContent a:hover {
  color: #f00;
}









table.tableStyled,
table.tableStyledNarrow {
	background-color: #fff;
	border-top: #a7a9ac solid 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.tableStyledNarrow {
	width: 200px;
	margin: auto;
}
table.tableStyled td,
table.tableStyledNarrow td {
	text-align: left;
	padding: 0px;
	margin: 0px;
/*	border-right: #e8eaed solid 1px;*/
}

table.tableStyled thead tr,
table.tableStyledNarrow thead tr {
	background: url(../images/page_design/page_structure/greystripe_yellow.gif) repeat-x;
	height: 28px;
}
table.tableStyled thead tr th,
table.tableStyledNarrow thead tr th {
	color: #636363;
	font-weight: bold;
	text-align: center;
	padding: 2px 5px;
/*	border-right: #a7a9ac solid 1px;*/
}

table.tableStyled tbody tr,
table.tableStyledNarrow tbody tr {
/*	text-align: center;*/
	border-collapse: collapse;
/*	border-bottom: #dfdfdf solid 1px;*/
}
table.tableStyled tbody tr td,
table.tableStyledNarrow tbody tr td {
	text-align: center;
	vertical-align: top;
	padding: 1px 5px 1px 5px;
}

td.cellPrice span.normal {
	color: #000 !important;
	font-weight: normal !important;
	text-decoration: line-through !important;
}
td.cellPrice span.special {
	color: #ed1c24 !important;
	font-weight: bold !important;
	padding: 0px 0px 0px 4px !important;
}

/* Special Category Pages */
.specialCategoryBG {
	position: relative;
	width: 465px;
	padding: 0;
	margin: 0 auto;	
}

.specialCategoryBGAlpha {	
	position: relative;
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
	width: 445px;
	background: url("../images/special_gradient_bg.png") repeat-y;
}

.specialCategoryLandingImage {		
	text-align: center;	
	margin-bottom: 10px;
}

.specialCategoryGallery {
	text-align: center;
	width: 450px;	
}

.boxSpecialCategoryHeading{	
	position: absolute;
	width: 450px;
	height: 170px;
	padding: 0;
}

.boxSpecialCategoryHeadingAlpha {
	position: absolute;
	width: 450px;
	height: 170px;
	border-top: 1px solid #babcbe;
	background: url("../images/special_gradient_bg2.png") no-repeat bottom left;
}

.boxSpecialCategoryHeadingImg{
	position: relative;
	float: left;
}

.boxCategoryText{
	margin-top: 20px;
	margin-left: 186px;
	text-align: center;
}

.boxSpecialCategorySelector,
.boxSpecialCategoryProducts,
.boxSpecialCategoryNoProducts {
	position: relative;
	top: 170px;
	padding-bottom: 170px;	
	z-index: 10;
}
h1.boxSpecialCategoryHeadingText{
	font-size: 20px;
}
.boxSpecialCategoryProducts {
	padding: 0 0px 180px 0px;
}
.boxSpecialCategoryNoProducts {
	padding: 0 10px 380px 10px;
}
.boxSpecialCategoryMessage{
	top: 170px;
}