body {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.69em;
	}

a { /* defaults */
	text-decoration:none;
	color:#ff9900; /* orange */
	}

div#header,div#middle,div#loginbar,div#searchbar {
	clear:both;
	width:755px;
	}
div#header/*,div#middle*/ {
	margin-left:5px;
	}
/*div#header,*/div#middle {
	padding-left:5px; /* IE appears to double this if it's floated and I use margin-left. Which is needs to be for the vertical separator to run full-height in FF */
	}
div#header {
	margin-top:8px;
	}
div#headercontent span {
	border-bottom:1px solid #c1bddb;
	}
div#headercontent span a {
	color:#003876;
	}
div#middle {
	background-image:url(images/menusliver.gif);
	background-repeat:repeat-y;
	float:left;
	}
div#loginbar {
	height:18px;
	background-color:#003876;
	margin-top:8px;
	float:left;
	height:26px;
	}
div#searchbar {
	text-align:center;
	height:34px;
	padding-top:5px;
	background-color:#ccc8e1;
	font-weight:bold;
	color:#003876;
	float:left;
	/*margin-top:8px;*/
	}
div#middle div#left {
	float: left;
	width: 137px;
	padding-left:11px;
	padding-right:11px;
	padding-top:17px;
	}

div#middle div#central1,div#middle div#central2 { /* whether or not there's a right-hand column */
	margin-left:160px; /* left's width plus 1px border */
/*	border-left:1px solid #ccc8e1;*/
	padding-left:21px; /* was 24px but that made it jump below the menu in IE6 */
	padding-top:17px;
	height:1%;
	}
div#middle div#central1 { /* when there IS a right-hand column */
	margin-right:173px; /* right's width */
	padding-right:23px;
	}

div#middle div#right {
	float: right;
	width: 173px;
	}
div#middle div#right div {
	margin-top:5px;
	}
div#footer {
	width:750px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	border-top:1px solid #ccc8e1;
	clear:both;
	color:#003876;
	font-size:0.91em;
	text-align:center;
	line-height:1.8em;
	}
div#footer a {
	color:#003876;
	text-decoration:none;
	margin-right:4px;
	margin-left:4px;
	}
div#footer a.brandslist {
	margin-right:0px;
	margin-left:0px;
	}
div#brandlinks,span#brandlinks {
	width:450px;
	}
div#footer a.tjslink {
	color:#AAAAAA;
	}

a.menu {
	font-weight:bold;
	color:#003876;
	margin-left:22px;
	}
a.menucurrent {
	font-weight:bold;
	color:#c80013;
	margin-left:22px;
	}
a.register {
	color:#ff9900;
	font-weight:bold;
	}

div.leftmenuheader {
	color:#00b6aa;
	font-weight:bold;
	margin-bottom:5px;
	}
ul.leftmenu {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:20px;
	padding-left:0px; /* FF */
	list-style:none;
	line-height:1.60em;
	}
ul.leftmenu li {
	padding-left:10px;
	background-image:url(images/leftmenu.gif);
	background-repeat:no-repeat;
	background-position:top left;
/*	border-top:1px solid black;*/
	}
ul.leftmenu li a {
	color:#003876;
	font-weight:bold;
	text-decoration:none;
	}
ul.leftmenu li.current a {
	color:#c80013;
	}
ul.leftmenu li.current {
	padding-left:10px;
	background-image:url(images/leftmenucurrent.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}
ul.leftsubmenu {
	margin-left:-10px;
	padding-left:0px; /* FF */
	list-style:none;
	}
ul.leftmenu li.current ul.leftsubmenu li a {
	color:#003876;
	font-weight:normal;
	}
ul.leftmenu li.current ul.leftsubmenu li.current a {
	color:#c80013;
	}
ul.leftsubmenu li.current,ul.leftsubmenu li {
	padding-left:10px;
	background-image:url(images/leftsubmenu.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}

div.breadcrumb,div.breadcrumb_search { 
/*	deliberately *not* floated. 
	http://www.w3schools.com/css/pr_class_clear.asp says 
	"This property does not always work as expected if it is used along with the "float" property.". 
	I believe it. */
	color:#003876;
	}
div#central div.breadcrumb, div#central div.breadcrumb_search {
	width:369px;
	}
div#central2 div.breadcrumb, div#central2 div.breadcrumb_search {
	width:469px;
	clear:right;
	}
div.breadcrumb {
	padding-bottom:20px; /* if this is a margin-bottom then IE mysteriously applies it to the div.product too. */
	font-size:0.91em;
	}
div.breadcrumb_search {
	margin-top:10px;
	margin-bottom:0px;
	padding-left:7px;
	padding-bottom:1px;
	float:left;
	background-color:#9891c3;
	color:#ffffff;
	width:100%;
	}
div.breadcrumb a {
	color:#003876;
	text-decoration:none;
	}
div.breadcrumb_search a {
	color:#ffffff;
	text-decoration:none;
	}
div.breadcrumb_search a.bc_subcat {
	font-weight:bold;
	font-size:1.27em;
	}
div.breadcrumb span,div.breadcrumb_search span {
	font-weight:bold;
	}

/*div.subcatlist {
	float:left;
	background-color:white;;
	margin-right:7px;
	margin-bottom:13px;
	font-size:1.27em;
	}
a.subcatlist {
	background-color:#eaeaea;
	color:#7e7e7e;
	font-size:1.27em;
	font-weight:bold;
	margin-bottom:0.9em;
	text-decoration:none;
	display:block;
	margin-left:0px;*//*34px*/
/*	width:335px;*/ /* 362px *//* any wider than this and it doesn't fit in IE. If you don't specify a width the non-text parts are not active in IE. Apply height:1%; to the parent DIV to prevent things vanishing in IE on hover of these. */
/*	float:right;
	}
a.subcatlist:hover {
	background-color:#9891c3;
	color:#ffffff;
	}*/
td.subcatlist_number {
	vertical-align:top;
	color:#00b6aa;
	font-weight:bold;
	width:35px;
	}
td.subcatlist {
	background-color:#eaeaea;
	padding-left:7px;
	border-bottom:13px solid #ffffff;
	cursor:pointer;
	cursor:hand; /* IE6 appears to still call it "hand", despite what http://www.quirksmode.org/css/cursor.html says */
	}
/*td.subcatlist:hover {
	background-color:#9891c3;
	}*/
td.subcatlist a {
	color:#7e7e7e;
	font-size:1.27em;
	font-weight:bold;
	width:100%;
	}
/*td.subcatlist:hover a {
	color:#ffffff;
	}*/
/* these can be applied to pretty much any element */
.center {margin-left:auto; margin-right:auto; display:block; text-align:center;} 
.nobr {white-space:nowrap; }

div#searchbar img {
	}
div#searchbar input.searchsubmitbutton { /* don't want the submit button to be 14px high! */
	height:20px;
	width:45px;
	}
div#searchbar input, div.productoption input,div#searchbar select,div#left select {
	font-size:1em;
	}
div#left select {
	margin-bottom:10px;
	}

h1 {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	font-size:1.45em;
	font-weight:bold;
	color:#00b6aa;
	margin-bottom:10px;
	}
h2 {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	font-size:1.27em;
	font-weight:bold;
	color:#00b6aa;
	margin-bottom:8px;
	}
h2 a {
	color:#00b6aa;
	}
div#related h2 {
	font-size:1.18em;
	margin-left:0px;
	margin-right:0px;
	margin-top:35px;
	margin-bottom:4px;
	}
h3 {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	font-size:1em;
	font-weight:bold;
	color:#00b6aa;
	margin-bottom:8px;
	}
h3 a {
	color:#00b6aa;
	}
div.prodlist,div.prodlistintro {
	border-bottom:1px solid #ccc8e1;
	padding-bottom:10px;
	float:left;
	width:369px;
	}
div#related {
	float: left;
	clear:right;
	margin-top:6px;
	}
div#related h2 {
	margin-top: 0px;
}
div.relatedlist {
	border-top:1px solid #ccc8e1;
	width:376px;
	padding-top:15px;
	padding-bottom:20px;
	float:left;
	}
div.prodlist {
	padding-top:20px;
	float:left;
	width:369px;
	}
div.product {
	padding-bottom:20px;
	float:left;
	clear:right;
	}
div.prodlist img.product,div.prodlistintro img.product,div.product img.product,div.relatedlist img {
	float:right;
	margin-left:20px;
	margin-right:5px;
	margin-bottom:5px;
	}
div.prodlist img.product,div.prodlistintro img.product,div.product img.product,div.relatedlist img.product {
	padding-right:23px;
	}
div.catintro {
	padding-bottom:20px;
	}
div.proddesc {
	margin-bottom:5px;
	line-height:1.25em;
	}
div.price {
	font-weight:bold;
	margin-bottom:5px;
	}
a.buy-now {
	display:block;
	background-color:#c80013;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
	width:6em;
	text-align:center;
	margin-bottom:5px;
	}

div.detailslink a,div.prodinfobox a {
	color:#ff9900;
	font-weight:bold;
	text-decoration:none;
	}
div.detailslink a:hover,div.prodinfobox a:hover {
	color:#c80013;
	}
div.detailslink span {
	font-weight:bold;
	}
div.prodinfobox {
	border:1px solid #003876;
	width:210px;
	margin-top:20px;
	padding-top:7px;
	padding-bottom:9px;
	padding-left:12px;
	padding-right:13px;
	color:#000000;
	}
div.prodinfobox div.heading {
	font-weight:bold;
	color:#003876;
	margin-bottom:5px;
	}
div.prodinfobox img {
	float:left;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:0px;
	}

div.productoption {
	background-color:#b9ece9;
	padding-left:13px;
	padding-right:13px;
	padding-top:9px;
	padding-bottom:7px;
	border-bottom:1px solid #ffffff;
	width:542px;
	float:left;
	clear:none;
	}
form > div.productoption { /* IE6 doesn't support child selectors i.e. doesn't see these */
	width:545px; /* makes it the same width in IE7 and FF as in IE6 */
	}
div.productoption div.optiondesc {
	margin-right:60px;
	float:left;
	}
div.productoption span.heading {
	font-weight:bold;
	}
div.productoption div.price {
	margin-top:3px;
	font-weight:bold;
	}
div.productoption div.qty {
	margin-left:45px;
	font-weight:bold;
	vertical-align:bottom;
	}
div.productoption div.qty input {
	margin-left:5px;
	width:30px;
	}
input.addbutton {
	float:right;
	margin-top:6px;
	margin-bottom:6px;
	display:block;
	}
div.signpost {
	border:1px solid #003876;
	padding:12px;
	color:#003876;
	}
div.signpost span.heading {
	font-size:1.18em;
	font-weight:bold;
	color:#00b6aa;
	}
div#related div.signpost {
	float:right;
	width:149px;
	}

div.bestsellers0 {
	font-size:0.91em; /*10px equiv*/
	border:1px solid #003876;
	padding:12px;
	color:#000000;
	}
div.bestsellers0 a {
	font-size:1.1em; /*10px equiv*/
	font-weight:bold;
	color:#00b6aa;
	}
div.bestsellers0 img {
	margin-top:10px;
	margin-bottom:10px;
	}
div.bestsellers0 a.detailslink {
	color:#ff9900;
	}
div.bestsellers0 a.detailslink:hover {
	color:#c80013;
	}

div#bestsellers {
	padding:10px 13px; /* 1px more because the border has been removed */ /* top&bottom left&right */
	background-color:#ff9900;
	color:#ffffff;
	}
div#bestsellers span.heading {
	font-size:1.27em;
	font-weight:bold;
	}
div#bestsellers ul {
	margin:0px 0px 0px 0px; /* margin-top margin-right margin-bottom margin-left */
	padding:0px;
	list-style-position:inside;
	font-weight:bold;
	}
div#bestsellers ul li {
	border-bottom:1px solid #ffbd59;
	padding:5px 0px; /* top&bottom left&right */
	}
div#bestsellers ul li a {
	color:#ffffff;
	}
div#bestsellers ul li a:hover {
	color:#c80013;
	}
div#bestsellers ul li.final {
	border-bottom:none;
	}

table.cart {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1px;
	}
table.cart thead {
	background-color:#9891c3;
	color:#FFFFFF;
	text-align:left;
	}
table.cart th {
	border-bottom:8px solid white;
	padding-top:12px;
	padding-bottom:7px;
	}
table.cart tbody,table.cart tfoot {
	background-color:#ededed;
	}
table.cart .desc {
	padding-left:14px;
	}
table.cart td.desc,table.cart td.price,table.cart td.subtotal {
	padding-top:13px;
	padding-bottom:2px;
	}
table.cart td.desc a {
	color:#000000;
	}
table.cart td.desc a:hover {
	color:#ff9900;
	}
table.cart td.qty {
	padding-top:13px;
	padding-bottom:0px;
	}
table.cart td.qty,table.cart th.qty {
	text-align:center;
	}
table.cart tbody td.qty input {
	width:30px;
	font-size:0.8em;
	}
table.cart .price {
	text-align:right;
	}
table.cart .subtotal {
	text-align:right;
	padding-right:26px;
	}
table.cart tfoot td.subtotal,table.cart tfoot td.qty {
	padding-bottom:15px;
	}

div#cartsummary {
	background-color:#eae9f1;
	color:#003876;
	font-size:1.27em;
	font-weight:bold;
	text-align:right;
	width:100%;
	padding-top:14px;
	padding-bottom:15px;
	margin-bottom:22px;
	}



hr {
    display: block;
	height:1px;
	color:#ccc8e1;
	background-color:#ccc8e1;
	border:0px;
	}
img {
	border:none;
	}
form {
	margin:0px;
	padding:0px;
	}

div.notification,span.notification {
	color:red;
	}