/* ~~~~~~~~ Main Content ~~~~~~~~ */

body 			{ background-color:#FFFFFF;font-family:arial, Helvetica, Sans-serif;font-size:12px;margin-top:0px;}
td			{ font-family:arial, Helvetica, Sans-serif;font-size:12px;}
#pageContainer  	{ width:975px;margin-left:auto;margin-right:auto;}
img			{ border:0px;padding:0px;margin:0px 0px 0px 0px;}
.clearFloat		{ clear:both}
h6			{ font-size:10px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
h5  			{ font-size:12px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
h4			{ font-size:14px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
h3			{ font-size:16px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
h2			{ font-size:18px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
h1			{ font-size:20px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;}
.crumbs 		{ font-weight:bold;text-decoration:underline;}
.crumbs14 		{ font-weight:normal;text-decoration:none;font-size:10pt;color:#333;}





	
/* ~~~~~~~~ Side Nav~~~~~~~~ */	

.sideTitle		{ font-weight:bold;}
.sideLine 		{ width:170px;vertical-align:top;margin-top:3px;margin-bottom:3px;}

/* ~~~~~~~~ Product Grid Display  ~~~~~~~~ */	

.hbox 			{ padding:3px;}		
.PriceTag		{ font-weight:bold;font-size: 14px;color:#cc0000;}

/* ~~~~~~~~ Shopping Cart  ~~~~~~~~ */	

#divShopCart			{ position:absolute;z-index:299;width:400px;background-color:#ffffff;right:5%;}
#iframe				{ position: absolute;top: 151px;right:5%;width: 400px;z-index:298;}
#divShopCart a			{ text-decoration:none;color:#000000;}
#tabShoppingCart		{ width: 100%;height:auto;border-collapse: collapse;border: 1px solid #999999;padding:0;	margin:0;}
#tabShoppingCart td		{ vertical-align:top;padding-bottom:10px;}
#tabShoppingCart td.Currency	{ vertical-align:top;padding-bottom:3px;text-align:right;font-weight:bold;}
#tabShoppingCart div.nav25	{ width:25%;float:left;text-align:center;}
#tabShoppingCart div.nav33	{ width:33%;float:left;text-align:center;}
#tabShoppingCart div.nav50	{ width:50%;float:left;text-align:center;}
#tabShoppingCart th		{ background:#e0eaf2;border-bottom:1px solid #999999;color:#000000;font-size:10pt;}
#tabShoppingCart td.Close	{ background:#e0eaf2;border-bottom:1px solid #999999;color:#000000;padding-left:5px;padding-top:5px;}
#tabShoppingCart th.Summary	{ border-top:1px solid #999999;}
#tabShoppingCart th.Currency	{ text-align:right;border-top:1px solid #999999;}
form, img 			{ padding:0;margin:0;}
div.padBox			{ width:auto;height:auto;padding-top: 1px;padding-top: 1px;padding-right: 1px;padding-bottom:1px;padding-left:1px;margin:0;}
div.minicart			{ font-family:verdana;font-size:12px;font-weight:bold;color:#1152c0;text-decoration:underline;}
div.minicartrem			{ font-family:verdana;font-size:10px;font-weight:bold;color:#1152c0;text-decoration:underline;}
div.minicartcheck		{ font-family:verdana;font-size:12px;font-weight:bold;color:#cc0000;text-decoration:underline;}
input.GoButton			{ border:1px solid #999999;font-family: Arial;font-size: 8pt;width: 25px;height:20px;}
input.RegButton			{ border:1px solid #999999;font-family: Arial;font-size: 8pt;height:20px;}
.ZipText			{ font-family: Arial;font-size: 8pt; text-decoration: none;color: #000000;}
.InputZip			{ font-family: Arial;font-size: 8pt;width: 40px;}
.InputShip			{ font-family: Arial;font-size:8pt;width:250px;text-align:right;}
.Bold				{ color:#000000;font-size:10pt;font-weight:bold;}
#divAddCartShipCalc
{
	padding-right:5px;
	text-align:right;
}

#divAddCartShipCalc>div
{
	margin-right:0px;
	margin-left:auto;
	text-align:right;
	margin-bottom:3px;
	border:1px solid #c00;
}




/* ~~~~~~~~ Spec HR  ~~~~~~~~ */	

.mtitle			{ font-family:Helvetica,Arial,Sans-Serif; color:#ff9900; font-size:18px; font-weight:bold; }
.btitle			{ font-family:Helvetica,Arial,Sans-Serif; color:#63004a; font-size:12px; font-weight:bold; line-height:16px;}
.btext			{ font-family:Helvetica,Arial,Sans-Serif; color:#000000; font-size:12px; font-weight:normal; }
#longspecstyle2 	{ width: auto;border-left: solid 1px black;border-top: solid 1px black;}
#longspecstyle2 th 	{ border-right: solid 1px black;border-bottom: solid 1px black;}
#longspecstyle2 td 	{ border-right: solid 1px black;border-bottom: solid 1px black;}


/* ~~~~~~~~ Star Rating  ~~~~~~~~ */

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default .MwaveRating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.MwaveRating{
	width:160px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../rating/star-matrix.gif) no-repeat 0 0;
	z-index:0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
ul.MwaveRating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.MwaveRating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index:0;
}
ul.MwaveRating li.one a {left:0}
ul.MwaveRating li.two a {left:16px;}
ul.MwaveRating li.three a {left:32px;}
ul.MwaveRating li.four a {left:48px;}
ul.MwaveRating li.five a {left:64px;}
ul.MwaveRating li.six a {left:80px;}
ul.MwaveRating li.seven a {left:96px;}
ul.MwaveRating li.eight a {left:112px;}
ul.MwaveRating li.nine a {left:128px;}
ul.MwaveRating li.ten a {left:144px;}

ul.MwaveRating li a:hover {
	z-index:0;
	width:160px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../rating/star-matrix.gif) no-repeat 0 0
}
ul.MwaveRating li.one a:hover {background-position:0 -176px;}
ul.MwaveRating li.two a:hover {background-position:0 -192px;}
ul.MwaveRating li.three a:hover {background-position:0 -208px}
ul.MwaveRating li.four a:hover {background-position:0 -224px}
ul.MwaveRating li.five a:hover {background-position:0 -240px}
ul.MwaveRating li.six a:hover {background-position:0 -256px}
ul.MwaveRating li.seven a:hover {background-position:0 -272px}
ul.MwaveRating li.eight a:hover {background-position:0 -288px}
ul.MwaveRating li.nine a:hover {background-position:0 -304px}
ul.MwaveRating li.ten a:hover {background-position:0 -320px}

/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

.rater 		{ float:left;cursor: pointer;width:96px;z-index:6;}
span.mouseOn 	{ display:block;float:left;background-image:url('../rating/assets/gSelectednew.gif');background-repeat:no-repeat;width:16px;height:15px;}
span.mouseOff 	{ display:block; float:left;background-image:url('../rating/assets/bSelectednew.gif');background-repeat:no-repeat;width:16px;height:15px;}
span.blank	{ display:block;float:left;background-image:url('../rating/assets/blanknew.gif');background-repeat:no-repeat;width:16px;height:15px;}
div.clear	{ clear:both;}
h3		{ margin:0 0 2px 0;font-size:110%}


/* ~~~~~~~~ Viewproduct Grid  ~~~~~~~~ */
body 		{ font-family:Arial, Helvetica, sans-serif; color:#000000 }
img 		{ border:0px solid #FFFFFF }
.yellowLine 	{ width:100%; height:2px; font-size:2px; background-color:#FFC600; margin-bottom:5px }
.itemGray 	{ font-size:8pt; color:#999999; padding-right:20px }
.aSPprice 	{ font-size:13pt; color:#63004A; font-weight:bold; text-align:center }
.thumbnailB 	{ width:100px; height:100px; border-top:1px solid #CCCCCC; border-right:2px solid #999999; border-bottom:2px solid #999999; border-left:1px solid #CCCCCC;  }
.itemSeperator 	{ border-bottom:1px dashed #999999; font-size:1px }
.bundleCell 	{ padding-left:10px; vertical-align:top; padding-top:5px }
.bundleDrop 	{ margin-bottom:5px; font-size:7pt }
.productImage 	{ border-top:1px solid #CCCCCC; border-right:2px solid #999999; border-bottom:2px solid #999999; border-left:1px solid #CCCCCC }
.itemDescShell 	{ border-bottom:1px dashed #999999; border-left:1px dashed #999999; border-right:1px dashed #999999; background-color:#F7F7F7 }
.itemDesc 	{ height:500px; overflow:scroll; padding:10px 5px 5px 5px }
.itemDetail 	{ height:16px; background-image:url(images/gradientGreyHeader.jpg); font-weight: bold; padding:1px 0px 1px 10px; border-bottom:1px solid #DDDDDD; }
.font11pt	{ font-size:11pt }
.font11ptBold 	{ font-size:11pt; font-weight:bold }
.font10pt 	{ font-size:10pt }
.font9pt 	{ font-size:9pt }
.font8pt 	{ font-size:8pt }
.bold 		{ font-weight:bold }
.red 		{ color:#FF0000 }
.descFullPage 	{ font-size:8pt; font-weight:normal; text-decoration:none }


/* ~~~~~~~~ Notify No Stock ~~~~~~~~ */
#divStockNote	{ position:absolute; z-index:999;width:400px;background-color:#ffffff; }


/* ~~~~~~~~ Subscribe Newsletter ~~~~~~~~ */
#divSubscribeNote { position:absolute; z-index:999;width:500px;background-color:#ffffff; }


/* ~~~~~~~~ Navigation for Index Page ~~~~~~~~ */
#tabNavHPDeal {width:auto;margin-left:auto;}
#tabNavHPDeal div { width:30px;	padding:3px; text-align:center;font-weight:bold;}
#tabNavHPDeal div.Box { border:2px solid #999; color:#999; }
#tabNavHPDeal div.Selected { border:2px solid #000; color:#000;}
#tabNavHPDeal a {color:#000;text-decoration:none;}

#tabNavHPDealSub {width:auto;margin-left:auto;}
#tabNavHPDealSub div { width:30px;padding:3px; text-align:center;font-weight:bold;}
#tabNavHPDealSub div.Box { border:2px solid #999; color:#999; }
#tabNavHPDealSub div.Selected { border:2px solid #000; color:#000;}
#tabNavHPDealSub a {color:#000;text-decoration:none;}

table.tabHPDeal {width:650px; height:300px; border:0px; border-spacing:0px;}
table.tabHPSubDeal {width:975px; height:350px; border:0px; border-spacing:0px;}
input.btn { 
	  color:#000; 
  	  font: bold 84%'trebuchet ms',helvetica,sans-serif; 
	  background-color: #fed; 
	} 
input.txtbox {font-size:10px;}



/* ~~~~~~ DisplayPriceDetails ~~~~~~~*/
td.DPSpecialInfoTitle, td.DPInfoTitle { border-right:0px solid #ccc; border-bottom:0px solid #ccc;}
td.DPSpecialInfoItem, td.DPInfoItem { border-bottom:0px solid #ccc;}
td.DPSpecialInfoItem {font-size:14px;font-weight:bold;color:#c00;text-align:left;}
td.DPSpecialInfoTitle {font-size:14px;font-weight:bold;color:#c00;vertical-align:top;}

/*~~~~~~~ FOOTER ~~~~~~~~~~*/
.footer		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #000; text-decoration: none; font-weight: normal;}
.footerTitle {font-family:verdana;font-size:14px;font-weight:bold;color:#1d425f;}
td.footerBox {border-right:1px solid #fff;}
ul.footerList {margin-top:5px;padding-top:0px;padding-left:10px;margin-left:10px;}

/*~~~~~~~ FOOTER TEST ~~~~~~~~~~*/
.footern		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; text-decoration: none; font-weight: normal;}
.footerTitlen {font-family:verdana;font-size:14px;font-weight:bold;color:#1d425f;}
td.footerBoxn {border-right:1px solid #fff;}
ul.footerListn {margin-top:5px;padding-top:0px;padding-left:10px;margin-left:10px;}

/*~~~~~ SIDE PROMO ~~~~~~*/
.topsell	{ font-family:Arial;font-size:8pt;color:#000000;font-weight:normal;text-decoration:none;}

/* ~~~~~~~~ Instant Coupon ~~~~~~~~ */
#divInstantCoupon	{ position:absolute; z-index:999;width:600px;background-color:#ffffff; }

/* ~~~~~~~~ Contact Customer Type ~~~~~~~~ */
#divContactCustType	{ position:absolute; z-index:999;width:300px;background-color:#ffffff; }
