body	{
	margin: 0;
	padding: 0;
	font: 11px/1.5em Verdana, Trebuchet, Lucida, Arial, sans-serif;
	padding-bottom: 30px;
	background: #fff url(../images/body_bckg.gif);
	}
.compareIdentical
{
}
.compareDifferent
{
    COLOR: red;
	font: bold 11px/1.5em Verdana, Trebuchet, Lucida, Arial, sans-serif;
}
h5	{
	color: #999;
	font: bold 24px/20px "Arial Narrow", Helvetica, sans-serif;
	border-bottom: 1px solid #DBE9D8;
	margin: 0 0 0 0em;
	}
h6	{
	color: #999;
	font: bold 14px/14px "Arial Narrow", Helvetica, sans-serif;
	border-bottom: 1px solid #DBE9D8;
	margin: 0 0 0 0em;
	}
h1	{
	color: #999;
	font: bold 24px/20px "Arial Narrow", Helvetica, sans-serif;
	margin: 0 0 5px 0px;
	margin-left: 0px;
	padding-top: 10px;
	border-bottom: 1px solid #DBE9D8;
	}
h22	{
	background: #D3E2CB;
	width: 100%;
	margin: 0 0 0 0;
	padding: 3px 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	}
h77	{
	background: #F4FFC9;
	width: 100%;
	}
h2	{
	color: #3B565C;
	border-bottom: 1px solid #D3E2CB;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 .5em;
	}
h222	{
	color: #3B565C;
	border-bottom: 1px solid #D3E2CB;
	font: bold 15px Arial, Helvetica, sans-serif;
	}
h78	{
	color: #990000;
	border-bottom: 1px solid #D3E2CB;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 .5em;
	}
h23	{
	color: #333333;
	border-bottom: 1px solid #D3E2CB;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 0em;
	}
h24	{
	width: 100%;
    background: #D3E2CB;
	padding: 3px 3px;
	color: #333333;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 0em;
	letter-spacing: 2px;
	}
h3	{
	color: #3B565C;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 1.2em 0 0 1em;
	}
h4	{
	color: #CC3300;
	font: bold 11px/14px Verdana, Helvetica, sans-serif;
	margin: 0 0 0 1em;
	}
h5	{
	color: #CC3300;
	font: bold 11px/14px Verdana, Helvetica, sans-serif;
	margin: 0 0 0 0em;
	}
	
/* Layout Dividers */

#topbar {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	text-align:left;
	height: 45px;
	background: #F0F1F0 url(/images/tb_bckg.jpg) no-repeat top right;
	}
#topbar2 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	text-align:left;
	height: 45px;
	background: #F0F1F0 url(/images/tb_bckg.jpg) no-repeat top right;
	}

#mainnav {
	position: absolute;
	left: 0;
	margin: 0;	
	padding: 0 0 0px 0;
	border: 0;
	border-top: 1px solid #ccc;
	width: 160px;
	/*background-color: #F8FAF7;*/	
	}
	

#primarycontent {
	border: 0;
	border-top: 1px solid #ccc;
	padding: 0;
	margin: 0;
	width: auto;
	margin-left: 160px;
	}
	
#primarycontent2 {
	border: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #E9EFE5;
	border-right: 1px solid #E9EFE5;
	border-bottom: 1px solid #E9EFE5;
	padding: 0;
	margin: 0;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	}

#primaryinnerbox {
	background: #fff;
	margin: 0px;
	border-left: 1px solid #E9EFE5;
	border-right: 1px solid #E9EFE5;
	border-bottom: 1px solid #E9EFE5;
	padding: 0px 5px 5px 5px;
	width: 98%;	
	}

#bannerlogoban {
	margin: 0;
	bottom:0;
	padding: 0;
	border: 0;
	width: 600px;
	height: 45px;
	background: url(/css/d5/images/logo-nav5.gif) no-repeat 0px;
	}
#bannerlogoban h1 {
	display: none;
	}
#bannerlogoban {
	vertical-align: top;
}
#bannerlogoban2 {
	margin: 0;
	bottom:0;
	padding: 0;
	border: 0;
	width: 600px;
	height: 45px;
	background: url(/images/logo-nav5.gif) no-repeat 0px;
	}

#bannerlogoban2 h1 {
	display: none;
	}
#bannerlogoban2 {
	vertical-align: top;
}


/* Page Specific Layout Dividers */

/*
FRONT PAGE (FP)
fpContainer is an outer container divider that breaks into two columns left=79% right=19% 
Used on the front page for an outer divider.
*/
#fpContainer {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	top: 6px;

	}
/*Left Hand Front Page Column - Main Body*/	
#fpConOutLeft {
	float: left;
	width: 75%;
	padding: 0;
	height: auto;
	}
/*Right Hand Front Page Column - Special Offers Etc*/
#fpConOutRight {
	float: right;
   width: 24%;
   padding: 0;
   height: auto;
  }
#fpConOutRight h2 {
	background: #D3E2CB;
	width: 100%;
	margin: 0 0 0 0;
	padding: 3px 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
}
#fpConOutLeft h3 {
	border-bottom: 1px solid #D3E2CB;
}


/* Placing Images in Front Page Right Margin*/
#fpConOutRight img {
	margin: 5px;
}
/* Special Offers etc Borders*/
#fpConOutRight.allborder {
	border: 1px solid #DBE9D8;
}
#fpConOutRight hr {
	border-bottom: 1px solid #DBE9D8;
	margin: 0px;
}
#fpCentre {
   width: 100%;
   padding: 0;
   height: auto;
  }
#fpCentre h2 {
	background: #D3E2CB;
	width: 100%;
	margin: 0 0 0 0;
	padding: 3px 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
}
#fpCentre img {
	margin: 5px;
}
/* Special Offers etc Borders*/
#fpCentre.allborder {
	border: 1px solid #DBE9D8;
}
#fpCentre hr {
	border-bottom: 1px solid #DBE9D8;
	margin: 0px;
}
/* Records Navigation used in components pages */
#navRecords {	
	padding: 4px 0px;
	width: 100%;
	border: 1px solid #E5E4CF;
	text-align: right;
	color: #999;
	margin-top: 9px;
}
#navRecords a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
	/*background-color: #FCFEFE;*/
	padding: .05em 8px;
	margin: 0;
	border: 1px solid #fff;
}
#navRecords a:hover	 {
	color: #C13100;
	border: 1px solid #E5E4CF;
	}
#catSelect {
	display: block;
	width: 100%;
	margin:12px 0;
	border: 1px dotted #CCC;
	height: 25px;
	padding: 0;
	text-align: right;
	background:  url(../images/body_bckg.gif);
	}
#catSelect form {
	right: 0;
	padding: 0;
	margin: 0;
	display: inline;
}




/* Rules */
address, img.ccard {
	float: right;
	display: block;
	padding: 10px;
	border:  1px solid #D3E2CB;
	background-color: White;
	margin: 5px 0;
}
p 	{
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 1em;
	}
img {
	border: 0;
}
cite {
	color: #1C5C70;
	font-style: italic;
}
label {
	font-weight: bold;
	display: inline;
	vertical-align: text-bottom;
}

hr {
	color: white;
	height: 1px;
	border-bottom: 1px dotted #ccc;
}
/* Begin Shop Items Display */
		  div.item {float: left; border: 1px dotted; padding: 2px; width: 100%;}
		  div.item img {float: left; margin: 3px;}
		  
		  div.item h2, div.item em {
		  	border-bottom: 1px dotted #00CED1;
			font: normal bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		  }
		  div.item h2 { padding-right: 25px; display: inline; color: #286F82; }
		  div.item em {  margin: 0;  display: inline; }
/* End Shop Items Display  */

/* Product Table */
table.prodtable {
	width: 100%;
	font: 11px Verdana, Helvetica, sans-serif;
}
table.prodtable {
	margin-bottom: 5px;
	width: 100%;
	border: 1px solid #ccc;
}
table td {
	padding: 4px;
}

table th, table th a {
	/*color: #fff;
	
	background-color: #F6F6F1;*/
	background-color: #D6E0D1;
   color:#000;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}

/*ProdTable Cell Widths*/
th.img, td.img {
	width: 55px;
}
th.sku, td.sku {
	width: 10%;
	text-align: center;
}
th.description, td.description{
	width: 60%;
}
td.description h2 {
 	margin: 0px;
	color: #436067;
	border-bottom: 1px solid #EDF4EA;
 }
th.price, td.price {
	width: 10%;
	text-align: center;
}

th.stock, td.stock {
	width: 130px;
	text-align: center;
}
th.qty, td.qty {
	width: 30;
	text-align: center;
}
th.buy, td.buy {
	width: 80px;
	text-align: center;
}

table th img {
	margin-left: 3px;
}
table p {
	margin-left: 0;
}


/* Form Elements */
.submitdel {
	height: 12px;
	width: 11px;
	margin: 0px;
	
	border: 0;
	background: url(/images/delete.gif);
	cursor: pointer;
}
.submitrate {
	height: 17px;
	width: 15px;
	margin: 0px;
	
	border: 0;
	background: url(/rate.GIF);
	cursor: pointer;
}
.submitpay {
	height: 27px;
	width: 25px;
	margin: 0px;
	
	border: 0;
	background: url(/pay.jpg);
	cursor: pointer;
}
.submit {
	color: #00516A;
	height: 20px;
	font:  bold 11px Verdana, Trebuchet, Lucida, Arial, sans-serif;
	display: block;
	margin: 2px;
	
	border: 0;
	background: url(/css/d5/images/btn_mid_mof.gif);
	cursor: pointer;
}

.submit8 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/addtocart.gif);
	cursor: pointer;
}
.submit9 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/notify.gif);
	cursor: pointer;
}
.submit10 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/compare.gif);
	cursor: pointer;
}
.submit11 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/addbundle.gif);
	cursor: pointer;
}
.submit12 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/submit.gif);
	cursor: pointer;
}
.submit13 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/update.gif);
	cursor: pointer;
}
.submit14 {
	color: #00516A;
		height: 28px;
	width: 119px;
	border: 0;
	background: url(/css/d5/images/checkout.gif);
	cursor: pointer;
}
.submit15 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/next.gif);
	cursor: pointer;
}
.submit16 {
	color: #00516A;
		height: 28px;
	width: 119px;
	border: 0;
	background: url(/css/d5/images/confirm.gif);
	cursor: pointer;
}
.submit17 {
	color: #00516A;
		height: 28px;
	width: 167px;
	border: 0;
	background: url(/css/d5/images/secure.gif);
	cursor: pointer;
}
.submit18 {
	color: #00516A;
		height: 28px;
	width: 82px;
	border: 0;
	background: url(/css/d5/images/search.gif);
	cursor: pointer;
}

.submit:hover {
	background: url(/css/d5/images/btn_mid_mov.gif);
}

.submit8:hover {
	background: url(/css/d5/images/addtocarthover.gif);
}
.submit9:hover {
	background: url(/css/d5/images/notifyhover.gif);
}
.submit10:hover {
	background: url(/css/d5/images/comparehover.gif);
}
.submit11:hover {
	background: url(/css/d5/images/addbundlehover.gif);
}
.submit12:hover {
	background: url(/css/d5/images/submithover.gif);
}
.submit13:hover {
	background: url(/css/d5/images/updatehover.gif);
}
.submit14:hover {
	background: url(/css/d5/images/checkouthover.gif);
}
.submit15:hover {
	background: url(/css/d5/images/nexthover.gif);
}
.submit16:hover {
	background: url(/css/d5/images/confirmhover.gif);
}
.submit17:hover {
	background: url(/css/d5/images/securehover.gif);
}
.submit18:hover {
	background: url(/css/d5/images/searchhover.gif);
}

.submit:active {
	background: url(/css/d5/images/btn_mid_md.gif);
}

.submit8:active {
	background: url(/css/d5/images/addtocart.gif);
}
.submit9:active {
	background: url(/css/d5/images/notify.gif);
}
.submit10:active {
	background: url(/css/d5/images/compare.gif);
}
.submit11:active {
	background: url(/css/d5/images/addbundle.gif);
}
.submit12:active {
	background: url(/css/d5/images/submit.gif);
}
.submit13:active {
	background: url(/css/d5/images/update.gif);
}
.submit14:active {
	background: url(/css/d5/images/checkout.gif);
}
.submit15:active {
	background: url(/css/d5/images/next.gif);
}
.submit16:active {
	background: url(/css/d5/images/confirm.gif);
}
.submit17:active {
	background: url(/css/d5/images/secure.gif);
}
.submit18:active {
	background: url(/css/d5/images/search.gif);
}
input, select, textarea {
	background-color: #F5FBFC;
	font: 12px "MS Sans Serif", Geneva, sans-serif;
}
.radio, .checkbox {
	background-color: transparent;
}


/* Tableless Form Layouts */
/*Begin Temp Inline Style*/

div.formwrap {
	padding: 0;
	margin: 0px auto;
	}
div.row {
  clear: both;
  padding: 4px;
  }
div.row span.formw {
  width: 66%;
  float: right;
  text-align: left;
  } 
div.row span.label {
  width: 32%;
  float: left;
  text-align: right;
  }
div.row span.label h2 {
  text-align: left;
  }
  
 /*Floating image*/
.largetitle {
	font: 1.2em Tahoma, Verdana, Arial, sans-serif;
	color: #5A86B3;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 4px;
	}
	
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px; background: url(/images/dots.gif) repeat-x; }

/* FLOATER */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 480px;
	height: 1px;
	z-index: 1000;
}
/*View Configuration Box*/
#viewconfig {
	padding: 0;
	border: 1px solid #EDF3E5;
	width: 250px;
	margin: auto;
	text-align: center;
}
#viewconfig label {
	right: 0;
	left: 0;
	background-color: #F3F6EF;
	display: block;
	height: 20px;
}
#viewconfig input {
	margin: 5px;
}

#viewconfig input.submit {
	margin: auto;
}

/*Two and three column layout odds and sods*/
 img.left, div.coltwo img, div.colthree img {
   float: left;
	margin: auto;
 }
 
 div.colone ul, div.coltwo ul, div.colthree ul, ul.square {
	width: auto;
	margin: 5px 0;
	margin-left: 15px;
 }
 div.colone li, div.coltwo li, div.colthree li, ul.square li {
 	list-style: none;
 	background: url(/images/bullet.gif) no-repeat left center;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
 	padding: 2px 0 0 10px;
 }
  div.colone si, div.coltwo si, div.colthree si, ul.square si {
 	list-style: none;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	 padding: 2px 0 0 0px;
 }
/* End Two Column Content layout odds and sods*/


 /* One Pixel Dotted Border */ 
 .tborder {
 	border-top: 1px dotted #ccc;
 }
 .bborder {
 	border-bottom: 1px dotted #ccc;
 }
 .lborder {
 	border-left: 1px dotted #ccc;
 }
 .rborder {
 	border-right: 1px dotted #ccc;
 }
 .allborder {
 	border: 1px dotted #ccc;
 }
 .allborderfont {
 	border: 1px dotted #ccc;
		font: 11px/1.0em Verdana, Trebuchet, Lucida, Arial, sans-serif;
 }
  .allborderfont2 {
 	border: 1px dotted #ccc;
		font: 11px/1.5em Verdana, Trebuchet, Lucida, Arial, sans-serif;
 }
   .allborderfont3 {
 	border: 1px dotted #ccc;
		font: 10px/1.0em Verdana, Trebuchet, Lucida, Arial, sans-serif;
 }
  .allborderfonthome {
 	border: 1px dotted #ccc;
 }
 table.buildallborder td{
 	border: 1px dotted #ccc;
  }
  table.noallborder td{
 	border: 0px dotted #ccc;
	border-bottom: 0px solid #D1D2AD;;
 	border-right: 0px solid #D1D2AD;
 	border-left: 0px solid #D1D2AD;
		font: 11px/1.5em Verdana, Trebuchet, Lucida, Arial, sans-serif;
  }
 table.specallborder td{
	border-bottom: 1px solid #D1D2AD;;
 	border-right: 1px solid #D1D2AD;
 	border-left: 1px solid #D1D2AD;
  }
/* Begin Configure PC Page */
div.container h2 {
	background: url(../../../images/h2tlborder.gif) no-repeat top left;
	font: bold 13px/1.8em "MS Sans Serif", Geneva, sans-serif;
	padding-left: 5px;
	margin: 15px auto 0 15px;
}

div.container ul {
	list-style: none;
	margin: 0px 0px 15px 15px;
	border: 1px inset #D1D2AD;
	background-color: #F7FCF6;
	padding: 10px;
}
/*Used in the configure_pc page to highlight the selected item*/
.checked {
	display: block;
	width: 100%;
	font-weight: bold;
	background-image: url(../images/bckg-chkd.gif);
	height: 25px;
	border-left: 1px solid #DDE1DD;
	border-right: 1px solid #E0E3E0; 
	}

div.container input.submit {
	margin-left: 15px;
}

 .note {
	color: red;
}
/* End Configure PC Page */
.center {
	margin: auto;
	text-align: center;
}
.clear {
  clear: both;
  padding: 1px;
  }

ul.none {
	list-style: none;
}
.noborder {
	border: 0;
}
.inline {
	display: inline;
}

/*Widths useful for buttons*/
.w70 {
	width: 70px;
}
.w85 {
	width: 85px;
}
.w200 {
	width: 200px;
}
.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w400 {
	width: 400px;
}
.w500 {
	width: 500px;
}
.pc100 {
	width: 100%;
}

.help {
	cursor: help;
}
.dim {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #AFAFAF;
}
