/*new*/
.darkbox { border:solid 1px #C3C3C3}
.noborder { border:0px}
body
{
	 font-size:0.80em;color:#333; font-family:Arial; margin:0px; /*background-color:#EFEBEf*/ background: url("../images/background.png"); background-repeat: repeat-x; background-position: left top;
}

.clear {
    clear: both;
}
td{ color:#727272}
input{ font-size:1em}

.bigsaving{ font-size:1.3em; color:#21B30E; font-weight:bold}
.abutton1 { z-index:0; background:url(../images/but-75.png); cursor:pointer; border:0px; color:#39643B; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px;  background-repeat:no-repeat; width:75px; text-align:center}
.gbutton1 { z-index:0; background:url(../images/but-75.png); cursor:pointer; border:0px; color:#ffffff; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:75px; text-align:center}
.button2 { z-index:0; background:url(../images/but-150.png); cursor:pointer; border:0px; color:#ffffff; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:150px; text-align:center}
.button3 { background:url(../images/but-200.png); cursor:pointer; border:0px; color:#ffffff; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:200px; text-align:center}
.button4 { background:url(../images/but-250.png); cursor:pointer; border:0px; color:#ffffff; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:250px; text-align:center}

.gbutton4 { background:url(../images/but-250.png); cursor:pointer; border:0px; color:#39643B; font-size:18px; display:inline-block; vertical-align:middle; height:42px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:250px; text-align:center}

.button5 { background:url(../images/but-300.png); cursor:pointer; border:0px; color:#ffffff; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:300px; text-align:center}
.gbutton5 { background:url(../images/but-300.png); cursor:pointer; border:0px; color:#39643B; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:300px; text-align:center}


a.button2:link{ color:#ffffff}
a.button2:hover{ color:#ffffff}
a.button2:visited{ color:#ffffff}
a.button3:link{ color:#ffffff}
a.button3:hover{ color:#ffffff}
a.button3:visited{ color:#ffffff}
a.button4:link{ color:#ffffff}
a.button4:hover{ color:#ffffff}
a.button4:visited{ color:#ffffff}
a.button5:link{ color:#ffffff}
a.button5:hover{ color:#ffffff}
a.button5:visited{ color:#ffffff}

a.gbutton1:link{ color:#fff}
a.gbutton1:hover{ color:#fff}
a.gbutton1:visited{ color:#fff}
a.gbutton2:link{ color:#fff}
a.gbutton2:hover{ color:#fff}
a.gbutton2:visited{ color:#fff}
a.gbutton3:link{ color:#fff}
a.gbutton3:hover{ color:#fff}
a.gbutton3:visited{ color:#fff}
a.gbutton4:link{ color:#fff}
a.gbutton4:hover{ color:#fff}
a.gbutton4:visited{ color:#fff}
a.gbutton5:link{ color:#fff}
a.gbutton5:hover{ color:#fff}
a.gbutton5:visited{ color:#fff}
a.abutton1:link{ color:#39643B}
a.abutton1:hover{ color:#39643B}
a.abutton1:visited{ color:#39643B}
.loginTable {background:url(../images/login-background.jpg); background-repeat: no-repeat; width: 678px; height: 386px;}
.loginTableXL {background:url(../images/login-backgroundXL.jpg); background-repeat: no-repeat; width: 678px; height: 530px;}

.loginBox {background:url(../images/login-box.png); background-repeat: no-repeat; width: 341px; height: 356px; }
.loginBoxLarge {background:url(../images/login-box-large.png); background-repeat: no-repeat; width: 648px; height: 356px; }
.loginBoxSmall {background:url(../images/login-box-small.png); background-repeat: no-repeat; width: 285px; height: 356px;}
.loginText {padding-left: 10px; padding-right: 10px; }
a.blueLink:hover {color: #377dbe; text-decoration: underline; }
a.blueLink:link {color: #377dbe; text-decoration: underline; }
a.blueLink:visited {color: #377dbe; text-decoration: underline; }



 
.inputlist {
   /* nothing really needed here */
}
.inputlist label {
      white-space: nowrap;
}
 
 
label.video	{ display:block; width:120px !important; text-align:left; float:left; padding-top:2px; }
 
#topNav 				{ float:none;}
#topNav ul				{ margin: 0; padding: 0; list-style: none;  }
#topNav li				{ float: left; list-style: none; background: url("../../images/topnav/topnavdivider.gif") no-repeat left top; border-right:solid 1px #272727; border-left:solid 1px #6E6E6E; margin: 0 0px 0px 0px; padding: 0 0 0 0px; font-family: Arial; color: #727272; }
#topNav li.noleftborder	{ float: left; list-style: none; border-right:solid 1px #272727; border-left:solid 0px #ffffff; margin: 0 0px 0px 0px; padding: 0 0 0 0px; font-family: Arial; color: #727272; }
#topNav li.norightborder{ float: left; list-style: none; border-left:solid 1px #6E6E6E; border-right:solid 0px #ffffff; margin: 0 0px 0px 0px; padding: 0 0 0 0px; font-family: Arial; color: #727272; }
							  
#topNav a				{ display: block; background-image:url(../images/nav-back.gif); padding: 9px 10px 9px 10px; text-decoration: none; color: #ffffff; font-size:11px;}

#topNav a:hover { background-image:url(../images/nav-back.gif); color:#E19F10}

#topNav dl { padding:0px; margin:0px; text-indent:0px; }
#topNav dd {padding:0px; margin:0px}
#topNav dd.subheader a { text-indent:0px; background-image:none; display:block; color:#727272; background-color:#F0F1EC; padding:5px; text-align:left; text-decoration:none; font-weight:bold; }
#topNav dd.subheader a:hover { text-indent:0px; background-image:none; color:#ffffff; background-color:#1D7FB1; padding:5px; text-align:left; text-decoration:none; font-weight:bold; }

#topNav dd.subitem a { text-indent:0px; background-image:none; color:#727272; background-color:#F0F1EC; margin:0px; padding:5px; text-align:left; text-decoration:none;}
#topNav dd.subitem a:hover { text-indent:0px; background-image:none; color:#ffffff; background-color:#1D7FB1; margin:0px; padding:5px; text-align:left; text-decoration:none;}


.rightborder{ border-right:solid 10px #ffffff}
.accordian { background-image:url(../images/accordian.gif); height:30px; text-indent:17px}
.topaccordian { background-image:url(../images/top.gif); height:30px; text-indent:17px}

.bluehighlight{ background-color:#377DBE; color:#ffffff; padding:2px}
.navdescription{ text-align:left; line-height:17px}
.navdescription2{ width:100%; text-align:left; line-height:22px}
.navtitles { color:#727272; font-weight:bold}
.pnavtitles { color:#727272; font-weight:bold; padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:1px;}

.optiontitle { font-size:1.2em; font-weight:bold}

/* Basket */
.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090;  }
.downBasket		{ width:230px;  position:relative;  clear: both; z-index:999 }
.downBasketHTML	{ height:126px; border-left:solid 1px #E5E5E5; border-right:solid 1px #E5E5E5; background-color:White; }
.basket			{ width:230px; height:40px;  background:url(../images/basket-background.png); background-repeat:no-repeat; color:White; padding-top:0px; cursor:hand; }
.basketFooter	{ width:200px; padding-top: 8px; padding-left: 35px; /*border-left:solid 1px #E5E5E5;border-right:solid 1px #E5E5E5;border-bottom:solid 1px #E5E5E5; background-color:White;*/ }
.basketprice    { font-size:1.1em; font-weight:bold;}

.basketFooter a, .basketFooter a:LINK, .basketFooter a:VISITED {color: #fff;}

/* END BASKET */

/* EMAIL MARKETING */
.editor_background
{
background-color: #ffffff; color:#6C6C6E; background-image:none; font-family:Arial;
}
.admindark1{ background-color:#A9B7BF; font-weight:bold; color:#727272; padding-top:5px; padding-bottom:5px}
.admindark{ font-size:12px; background-color:#CE0606; font-weight:bold; color:#ffffff; padding-top:7px; padding-bottom:7px}
.modalBackground { background-color:Gray; -ms-filter:alpha(opacity=70); -ms-opacity:0.7; -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.modalBackgrounds { background-color:Black; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }	
.emarkback{ background-color:#7AB0DF}
.smallprice{color:#02365E; font-size:14px; font-weight:bolder; font-family:Impact;}
a.smallblack:link			{ color: #727272; font-size:11px; font-weight:bolder; text-decoration:none; }
a.smallblack:visited		{ color: #727272; font-size:11px; font-weight:bolder;  text-decoration:none; }
a.smallblack:hover		{ color: #727272; font-size:11px; font-weight:bolder; text-decoration:none; }
.paleblue{ background-color:#EBF5FE;border-right:solid 1px #5890bf}
a.bigblack:link			{ color: #727272; font-size:14px; font-weight:bolder; text-decoration:none; }
a.bigblack:visited		{ color: #727272; font-size:14px; font-weight:bolder;  text-decoration:none; }
a.bigblack:hover		{ color: #727272; font-size:14px; font-weight:bolder; text-decoration:none; }
.bluebox{ border:solid 1px #005479}
.lrblue{ border-right:solid 1px #5890BF;border-left:solid 1px #5890BF}
.topblue{ border-top:solid 1px #5890bf}
.lblue{ border-left:solid 1px #5890bf}

.categorypromotion{ background-color:#E9E9E9; color:#727272; font-size:1.2em; font-weight:bold; padding:3px}
.greybox{ border:solid 1px #d1d1d1;}
/* END EMAIL MARKETING */

/* Left Navigation */
#leftNav				{ width:188px; vertical-align:middle; }
#leftNav dd				{ display:inline; list-style-type:none; padding: 0; margin: 0;  }
#leftNav dl 			{ margin: 0 0 0px 0; padding: 0; border-top:solid 0px #ffffff; border-bottom:solid 1px #FFFFFF;border-left:solid 1px #FFFFFF;border-right:solid 1px #FFFFFF; }
#leftNav dl.selected	{ margin: 0 0 0px 0px;  color: #de0000; }
#leftNav dt				{ margin: 0; padding:0 }

#leftNav dt a			{ font-weight: normal; font-size:1.2em ; color: #1aabf7; display:block; padding:6px 26px 6px 10px; text-decoration:none; }
						  
#leftNav dt a:hover		{ font-weight: normal; font-size:1.2em ;color:#303030; margin: 0 0 0px 0px; padding-left:10px; padding-right:26px; }
										
/*#leftNav dd a			{ color:#5F5F61; display:block; font-family: Verdana; margin:0; padding:2px 0 2px 11px; text-align:left; text-decoration:none; font-weight:normal; }
#leftNav dt.selected a	{ border-bottom:solid 1px #E6E6E6; display:block; color:#5F5F61; height:30px; font-weight:bold; padding:0px 5px 0px 18px; text-decoration:none; }					
									
#leftNav dl					{ border:1px solid #2257D5;}
#leftNav dl dt a			{ }
#leftNav dl dd a 			{ background-color:#F9F9F7; color:#6F6F6F;  }
#leftNav dl dd a:hover		{ background-color:#f6ddb8; color:#6F6F6F; }*/


#leftNav a.hoverNav:link, #leftNav a.hoverNav:visited {text-decoration: none; }
#leftNav a.hoverNav:hover {color: #de0000;}

.dots{ height:2px; background-image:url(../images/dot.gif); padding:0px; margin: 5px 10px 0px 10px; width:950px; }

.leftnavtitle{ background-color:#4F4E53; color:#ffffff; padding:7px; font-weight:bold}
.vertdots{background-image:url(../images/vertdot.gif); width:1px}
.navbox { background-color:#f9f9f9; border:solid 1px #efeff2}


textarea{ font-size:1em; font-family:Arial;}
select{ font-size:1em}
.whitetext { color:#ffffff}

a:link{ color:#727272; text-decoration:none}
a:visited{ color:#727272; text-decoration:none}
a:hover{ color:#727272; text-decoration:none}

a.whitenav:link{ color:#ffffff; text-decoration:none}
a.whitenav:visited{ color:#ffffff; text-decoration:none}
a.whitenav:hover{ color:#ffffff; text-decoration:none}

a.tier2link:link{ color:#595959; text-decoration:underline}
a.tier2link:visited{ color:#595959; text-decoration:underline}
a.tier2link:hover{ color:#F29708; text-decoration:underline}

a.blacknav:link{ color:#727272; text-decoration:none; font-weight:bold}
a.blacknav:visited{ color:#727272; text-decoration:none}
a.blacknav:hover{ color:#727272; text-decoration:none}

a.darknav:link{ color:#595959; text-decoration:none; font-weight:bold}
a.darknav:visited{ color:#595959; text-decoration:none; font-weight:bold}
a.darknav:hover{ color:#595959; text-decoration:none; font-weight:bold}

a.darklink:link{ color:#595959; text-decoration:none;}
a.darklink:visited{ color:#595959; text-decoration:none;}
a.darklink:hover{ color:#595959; text-decoration:none; }


a.leftnav:link{ color:#777777; text-decoration:none}
a.leftnav:visited{ color:#777777; text-decoration:none}
a.leftnav:hover{ color:#6E46C3; text-decoration:none}

a.greennav:link{ color:#31B530; text-decoration:none}
a.greennav:visited{ color:#31B530; text-decoration:none}
a.greennav:hover{ color:#E33432; text-decoration:none}

a.greenlink:link{ color:#777777; text-decoration:none}
a.greenlink:visited{ color:#777777; text-decoration:none}
a.greenlink:hover{ color:#777777; text-decoration:none}

a.redlink:link{ color:#c80000; text-decoration:none}
a.redlink:visited{ color:#c80000; text-decoration:none}
a.redlink:hover{ color:#c80000; text-decoration:none}

a.standard:link{ color:#377DBE; text-decoration:none;}
a.standard:visited{ color:#377DBE; text-decoration:none; }
a.standard:hover{ color:#377DBE; text-decoration:underline;}

a.bluelink:link{ color:#377DBE; text-decoration:none; }
a.bluelink:visited{ color:#377DBE; text-decoration:none; }
a.bluelink:hover{ color:#377DBE; text-decoration:none; }

a.bluenav:link{ color:#30449A; font-size:1.1em; text-decoration:none; font-weight:bold}
a.bluenav:visited{ color:#30449A; font-size:1.1em; text-decoration:none; font-weight:bold}
a.bluenav:hover{ color:#c10001; font-size:1.1em; text-decoration:underline; font-weight:bold}


a.dark, a.dark:LINK a.dark:VISITED {
    color: #1AABF7;
    text-decoration: underline;
    background-color: #fff;
    cursor: pointer;
}

a.dark:HOVER {
    color:#303030;
}

.toptab { background-image:url(../images/top-tab.png); border-right: solid 8px #ffffff; width:150px; background-repeat:no-repeat; text-align:left; height:27px; text-indent:10px}
.toplogout {text-align:right; padding-top:15px; padding-bottom:32px}
.breadcrumbbar { height:28px; padding-bottom:14px}

.bluearea{ background-color:#F4F4F4; border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6}

ul{ list-style:none; text-indent:0px; margin-left:0px; margin-top:5px; line-height:17px; padding-left:10px}
li.mylist0{ background-color:#ffffff;padding:4px; }
li.mylist1{ background-color:#F7F7F7;padding:4px}

ul.bull{ list-style-type:disc; text-indent:15px;}

.newslight{ background-color:#F4F4F4;}

.comparison{ background-image:url(../images/compare-dot.gif); background-position:bottom}
.search{ background-color:#d2dfef; padding-top:10px; padding-bottom:10px}
.checkoutbar { background-color:#F4F4F4;}
.line{ background-color:#D5D5D5}
.header-line{ background-color:#ffffff}
.newsletter-text{ color:#ffffff;}
.newsletter-title{ color:#ffffff; font-size:1.4em;}
.box{ border:solid 1px #ffffff}
.box2{ border:solid 1px #7f9db9;}
.box3{ border:solid 1px #7f9db9; background-color:#f5f5f5; }
.largeblack{ font-size:1.3em; color:#727272; } 
.largegreen{ font-size:1.3em; color:#2F4485; }
.nav{ background-image:url(../images/dot.gif); background-position:bottom; }
.red{ color:#D10101; }
.blue{color:#006EB7}
.green{ color:#21B30E;}
.saving{ color:#377DBE}
.saleprice {color:#d40500}
.lightgrey{ background-color:#E2E2E2}
.greytext{ color:#6C6C6E}
.blacktext{ color:#727272}
.dark{ background-color:#E2E2E2; }
.mid{ background-color:#ebebeb; }
.light{ background-color:#f7f7f7;}
.tb{ width:200px}
.dd{ widows:200px}
.centretext{ text-align:center}
.biggertext{ font-size:1.2em;}
.biggerblack { font-size:1.05em; color:#727272; font-weight:bold}
.navdark{ background-color:#2F4485; color:#ffffff;}
.frontlog{ color:#4e4d53; font-size:16px; font-weight:bold; }
.frontred{ color:#db1a13;font-size:16px; font-weight:bold; }
.frontblue{color:#2f4497; font-size:14px; font-weight:bold; }
.frontloglight{ color:#4e4d53; font-size:14px; }
.offer{ background-color:#F8F7EB; padding:8px; border-left:solid 1px #CACACA; border-right:solid 1px #CACACA; border-bottom:solid 1px #CACACA}

h1{font-size:1.65em; margin:0px;margin:5px 0 5px 10px; padding:0px; elevation:0px; font-weight:bold; color:#000;}

h2.grey{font-size:1.15em; margin:0px; padding:0px; font-weight:bold; color:#727272;}
h3{font-size:1.2em; margin-bottom:0px; padding:0px; margin:0px; font-weight:normal; color:#727272;}
h3.noline{font-size:1.1em; margin-bottom:0px; padding:0px; margin:0px; font-weight:bold; color:#377DBE;}

.top3sides { border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA}
.bottom{border-bottom:solid 1px #E6E6E6}
.leftside{border-left:solid 1px #E6E6E6;}
.rightside{border-right:solid 1px #E6E6E6;}
.twosides{ border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6}
.tworightsides{border-bottom:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6}
.bottom3sides{ border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6}

.yellowsides{ background-color:#FFFFDB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD}
.yellowbottom{ border-bottom:solid 1px #F1E5BD; padding-bottom:0px}
.orangesides{ background-color:#FFF3DB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD}
.yellowbottom3sides{ background-color:#FFFFDB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD; border-bottom:solid 1px #F1E5BD;}

div.clearcurve {
	   background: url(../images/top-right-curve.gif) no-repeat top right;
	   width:100%;
	   text-align:left; 
	}
div.clearcurve div {
	background: url(../images/top-left-curve.gif) no-repeat top left;
	width:100%;
	   text-align:left;
}

div.newscurve {
	   background: url(../images/news-right-curve.gif) no-repeat top right;
	   width:100%;
	   text-align:left; 
	}
div.newscurve div {
	background: url(../images/news-left-curve.gif) no-repeat top left;
	width:100%;
	   text-align:left;
}

div.yellowcurve {
	   background: url(../images/top-right-yellow.jpg) no-repeat top right;
	   width:100%;
	   height:100%;
	   text-align:left;
	   
	}
div.yellowcurve div {
	background: url(../images/top-left-yellow.jpg) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
	   
}

div.priceroundcorner {
	   background: url(../images/price-top-right.gif) no-repeat top right;	   
	   width:100%;
	   height:100%;
	   text-align:left;
	}
	
div.priceroundcorner div {
	background: url(../images/price-top-left.gif) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.priceroundcorner div div {
	background: url(../images/price-bot-right.gif) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.priceroundcorner div div div {
	background: url(../images/price-bot-left.gif) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:center;
}



div.panelroundcorner {
	   background: url(../images/panel-top-right.png) no-repeat top right;	   
	   width:100%;
	   height:100%;
	   text-align:left;
}
	
div.panelroundcorner div.one {
	background: url(../images/panel-top-left.png) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.panelroundcorner div.one div.two {
	background: url(../images/panel-bot-right.png) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.panelroundcorner div.one div.two div.three {
	background: url(../images/panel-bot-left.png) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:center;
}





div.productroundcorner {
	   background: url(../images/p-top-right.gif) no-repeat top right;	   
	   width:100%;
	   height:100%;
	   text-align:left;
	}
	
div.productroundcorner:hover
{
	  background: url(../images/p-top-right-over.gif) no-repeat top right;
}
	
	
div.productroundcorner div {
	background: url(../images/p-top-left.gif) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.productroundcorner:hover div
{
	  background: url(../images/p-top-left-over.gif) no-repeat top left;
}
	

div.productroundcorner div div {
	background: url(../images/p-bot-right.gif) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.productroundcorner:hover div div {
	background: url(../images/p-bot-right-over.gif) no-repeat bottom right;
}

div.productroundcorner div div div {
	background: url(../images/p-bot-left.gif) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:center;
}

div.productroundcorner:hover div div div {
	background: url(../images/p-bot-left-over.gif) no-repeat bottom left;
}

div.productroundcornerover {
	   background: url(../images/p-top-right-over.gif) no-repeat top right;
	   width:100%;
	   height:100%;
	   text-align:left;
	}
div.productroundcornerover div {
	background: url(../images/p-top-left.gif) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.productroundcornerover div div {
	background: url(../images/p-bot-right.gif) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.productroundcornerover div div div {
	background: url(../images/p-bot-left.gif) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:center;
}



div.roundcorner {
	   background: url(../images/top-right.gif) no-repeat top right;
	   width:100%;
	   height:100%;
	   text-align:left;
	}
div.roundcorner div {
	background: url(../images/top-left.gif) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.roundcorner div div {
	background: url(../images/bot-right.gif) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.roundcorner div div div {
	background: url(../images/searchbar/bot-left.gif) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.product-list-rounded {
	   background: url(../images/product-list-top-right.png) no-repeat top right;
	   width:100%;
	   height:100%;
	   text-align:left;
	}
div.product-list-rounded div.product-list-rounded-1 {
	background: url(../images/product-list-top-left.png) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.product-list-rounded div.product-list-rounded-1 div.product-list-rounded-2 {
	background: url(../images/product-list-bot-right.png) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.product-list-rounded div.product-list-rounded-1 div.product-list-rounded-2 div.product-list-rounded-3 {
	background: url(../images/product-list-bot-left.png) no-repeat bottom left;
    height:100%;
    text-align:left;
    width:100%;
}
div.searchbar {
	   background: url(../images/searchbar/top-right.png) no-repeat top right;
	   width:100%;
	   height:100%;
	   text-align:left;
	}
div.searchbar div {
	background: url(../images/searchbar/top-left.png) no-repeat top left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.searchbar div div {
	background: url(../images/searchbar/bot-right.png) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.searchbar div div div {
	background: url(../images/searchbar/bot-left.png) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:left;
}

div.searchbar div div div div
{
	
}

div.offerbox
{
    background: url(../images/offer-top-right.jpg) no-repeat top right;
	width:100%;
	height:100%;
	text-align:left;
	text-indent:10px;
}

div.offerbox div
{
    background: url(../images/offer-top-left.jpg) no-repeat top left;
	width:100%;
	height:100%;
	text-align:left;
	padding-top:7px;
}

div.curvedfooter
{
	background: url(../images/prod-rightcorner.gif) no-repeat bottom right;
	width:100%;
	height:100%;
	text-align:left;
}

div.curvedfooter div
{
	background: url(../images/prod-leftcorner.gif) no-repeat bottom left;
	width:100%;
	height:100%;
	text-align:left;
}


/* Accordion */
.accordionHeader
{
	width:188px;
    color: #777777;
    /*height:30px;*/
    cursor: pointer;
    font-weight:bold;
    vertical-align:middle;
    z-index:2;
    margin-bottom: 1px;
}


.accordionHeader img {
    display: block;
    width:188px;
    /*height:30px;*/
}


.header
{
	width:188px;
    color: #777777;
    background-image:url(../images/accordian.gif); 
    /*height:22px;*/
    text-indent:10px;
    padding-top:8px;
    cursor: pointer;
    font-weight:bold;
    vertical-align:middle;
     z-index:2;
}

a.b2cPreview {
    display: block;
    border: 5px solid #eaeaea;
    margin-top: 15px;
    width: 300px;
    height: 199px;
}

a.b2cPreview:HOVER {
    border: 5px solid #aaaaaa;
}

/* ---------------  Start: Header  --------------- */

/* de0000 */

.header-container {
    width: 100%;
   /* padding-left: 10px;*/
    margin-bottom: 3px;
   /* background-color:#fff */
    
}

.header-container .container .left-delivery {
    display: block;
    float: left;
    margin-top: 3px;
}

.header-container .line {
    display: block;
    height: 100px;
    width: 100%;
    
}

.header-container .container .left {
    display: block;
    float: left;
   /* width: 100px;*/
   width: 320px;
    height: 77px;
    padding-top: 5px;
   /* padding-right:155px*/
}

.header-container .container .right {
    display:block;
    float:right;/*
    height:90px;
    width:450px;*/
    position: relative;
    height: 72px;
    width: 640px;
}

.header-container .container .orderline {
    margin-top: 3px;
    padding-left: 25px;
    float: right
}

.header-container .container .right-find {
    /*display:block;
    float:right;*/
    /*height:90px;*/
    /*margin-top:-34px;*/
    width:160px;
    z-index: 200;
    position: absolute;
    top: 20px;
    left: 65%;
}

ul.top-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 3px;
    font-size: 0.9em;
}

ul.top-links li {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 3px;
    font-size: 0.9em;
}

ul.top-links li a.home-link {
    color: #aaa;
    padding-left: 22px;
    background-image: url(../images/home.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

ul.top-links li a.home-link:HOVER {
    color: #eee;
    text-decoration: underline;
}

ul.top-links li a {
    text-decoration: none;
    padding: 0px 5px;
    color: #aaa;
    font-weight: normal;
}

ul.top-links li a:HOVER {
    text-decoration: underline;
    color: #eee;
}

ul.top-links li a.bright {
    display: block;
    padding: 3px 0px 0px 10px;
    font-weight: bold;
    color: #18aaf7;
    text-decoration: underline;
}

ul.top-links li a.bright:HOVER {
    color: #000;
}



a.top-links-view-basket {
    display: block;
    float: right;
    width: 136px;
    height: 28px;
    margin: 0px 0px 0px 5px;
    background-image: url(../images/view-basket.png);
    background-repeat: no-repeat;
    background-position: right top;
}



/* ---------------  End: Header  --------------- */

/* ---------------  Start: General  --------------- */

ul.refine-search {
    margin: 0;
    padding: 0;
}

ul.refine-search li {
    background-color: #303030;
    border-bottom: 1px solid #6d6d6d;
}

ul.refine-search li a {
    color: #fff;
}

h2 {
    font-size: 1.15em; 
    margin: 0px; 
    padding: 0px; 
    font-weight: bold; 
    color: #333;
}

a:link, a:visited { 
    color:#333; 
    text-decoration:none; 
    font-size:1.2em ; 
   /* font-weight:bold;*/
    color: #303030;
}

a:hover { 
    color:#303030; 
    text-decoration:underline;
}

a.light, a.light:LINK a.light:VISITED {
    color:#fff;
    text-decoration: underline;
    background-color: #fff;
    cursor: pointer;
}

a.light:HOVER {
    color: #303030;
}

.content-surround {
    width: 100%;
    /*padding-left: 10px;
    background-color:#fff; */  
}
.footer-surround {
    margin: 0 auto;
    width: 1002px;
    display: block;
    height: 30px;
    margin-top: 5px;
}

.outer-container {
   /* background-color:#FFFFFF;
    border-bottom:3px solid #DE0000;
    border-left:1px solid #CACACA;
    border-right:1px solid #CACACA; */
    margin:0 auto;
    max-width:1002px;
    width:99%;
}

.container {
    margin: 0 auto;
    width: 983px;
/*    max-width:1400px;
    min-width:968px;*/
    /*background-color: #fff;*/
}

.searchbar-container {
    margin : 0px 15px 0px 15px;
    display: block;
}

.content {
    /*background-color:#FFFFFF;
    border-left:3px solid #ffffff;
    border-right:3px solid #ffffff;*/
}

.display {
    display: block;
}

.hide {
    display: none;
}

.tab-container {
    margin-top: 10px;
    padding-right: 20px;
}

a.more-info {
    display: block;
    cursor: pointer;
    width: 90px;
    height: 30px;
    background-image:url(../images/moreinfo.png);
    background-repeat: no-repeat; 
    background-position: left top;
}

.breadcrumb {
    display: block;
    width:50%;
    padding: 7px 15px;
    float: left;
    color: #303030;
  /*  background-image:url(../images/basket-left.png);
    background-repeat: no-repeat; 
    background-position: left top; */
}

.breadcrumb-container {
    display: block;
    height: 28px;
    /*background-color: #EAEAEA;*/
    font-size:  1.0em;
    width:  100%;
    margin-bottom: 7px;
}

.breadcrumb a {
    font-size: 1.0em;
    color: #303030;
    font-weight: normal;
}


a.button1 { 
    z-index: 0; 
    background: url(../images/button1.png); 
    cursor: pointer; 
    border: 0px; 
    color: #fff; 
    display: inline-block; 
    vertical-align: middle; 
    height: 27px; 
    top: -1px; 
    padding-top: 3px; 
    position: relative; 
    background-repeat: no-repeat; 
    width: 110px; 
    text-align: center;
    letter-spacing: 0.5px;
}

a.button1:HOVER {
    text-decoration: underline;
}

.refine-search-heading {
    color:#bababa;
    font-size:1.2em;
    font-weight:normal;
}

.refine-search-count {
    color: #bababa;
    font-size: 1.2em;
    font-weight:normal;
}

a.refine-search, a.refine-search:HOVER {
    font-weight: normal;
}

.left-navigation-container {
    padding-right: 5px;   
}

main-content-container {

}

.basket-header {
    display: block;
    height: 20px;
    width: 300px;
    color: #fff;
    padding: 5px 0px 0px 0px;
    font-size: 1.3em;
    text-align: center;
    font-weight: bold;
}

.basket-header a {
    color: #fff;
    padding: 0px 0px 0px 0px;
    font-size: 1.0em;
}

/* ---------------  End: General  --------------- */

/* ---------------  Start: Footer  --------------- */

.outside-footer {
    display: block;
    width: 100%;
    height: 125px;
    background-image:url(../images/bottom-grad.gif);
    background-repeat: repeat-x; 
    background-position: left top;
}

.newsletter-signup-container {
    display: block;
    float: right;
    width: 318px;
    height: 136px;
    background-image:url(../images/newsletter-background.png);
    background-repeat: no-repeat; 
    background-position: left top;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.newsletter-signup-container2 {
    display: block;
    float: right;
    width: 318px;
    height: 143px;
    background-image:url(../images/newsletter-background2.png);
    background-repeat: no-repeat; 
    background-position: left top;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.newsletter-signup {
    padding: 0px 10px 0px 10px;
    text-align: left;
}

.newsletter-signup .watermark {
    display: block;
    width: 285px;
    border: 1px solid #aaa;
    /*margin-bottom: 10px;*/
    padding: 3px;
    
    color: #aaa;
}

.newsletter-signup .newsletter-textbox {
    display: block;
    width: 285px;
    border: 1px solid #aaa;
    margin-bottom: 0px;
    padding: 3px;
}

.newsletter-button {
    display: block;
    width: 134px;
    height: 26px;
    background-image: url(../images/newsletter-button.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.newsletter-signup h1 {
    color: #333;
    margin-left: 0px;
}

.footer-links-container {
    display: block;
    float: left;
    width: 660px;
    margin-top: 10px;
}

.brand-links {
    margin: 10px 0px 10px 0px;
    color: #aaaaaa;
    line-height: 140%;
    font-size: 0.8em;
}

.brand-links a {
    color: #666;
    margin: 3px 0px;
    text-transform: capitalize;
    font-weight: normal;
    color: #000;
}

.brand-links a:HOVER {
    color: #de0000;
}

ul.footer-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.footer-links li {
    display: block;
    float: left;
    width: 33%;
}

ul.footer-links li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.footer-links li ul li {
    display: block;
    float: none;
    padding: 2px 0px;
    width: 100%;
}

ul.footer-links li ul li a {
    padding-left: 5px;
    color: #727272;
    font-weight: normal;
}

ul.footer-links li ul li h1 {
    font-size: 1.25em;
    letter-spacing: 0.2px;
    margin-left: 0px;
    font-family: Times New Roman;
}

.footer-intro {
    display: block;
    background-image: url(../images/footer-intro.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    height: 43px;
}

.footer-orderline {
    text-align: right;
    padding: 18px 10px 0px 650px;
}

.copyright {
    display: block;
    float: left;
    font-size: 0.9em;
    margin-left: 0px;
    line-height: 130%;
    color: #727272;
}

.ecommerce-provider {
    display: block;
    float: right;
    margin-right: 20px;
}

.payment-container {
    /*margin-left: 20px;*/
}

/* ---------------  End: Footer  --------------- */


/* ---------------  Start: Search Bar  --------------- */

.searchBar {
  display: block;
  height: 56px;
}

ul.search {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.search li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.search li.left2 {
    display:block;
float:left;
height:50px;
padding-left:160px;
padding-right:50px;
width:100px;
}

ul.search li.middle {
    width: 450px;
    padding: 5px 0px 0px 0px;
}

ul.search li.right {
    width: 150px;
    /*padding: 10px 0px 30px 0px;*/
}

.search-textbox {
    display: block;
    float: left;
}

.search-textbox input {
    padding: 5px 0px;
    width: 360px;
}

.search-textbox input.search-watermark {
    color: #aaaaaa;
}


a.search-icon {
    display: block;
    float: left;
    background-image:url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 64px;
    height: 25px;
    margin: 0px 0px 0px 0px;
}

a.search-spinner {
    display: block;
    float: left;
    background-image:url(../images/indicator.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 64px;
    height: 25px;
    margin: 0px 0px 0px 0px;
}

/* ---------------  End: Search Bar  --------------- */

/* ---------------  Start: Main Navigation  --------------- */

ul.main-navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.main-navigation li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.main-navigation a {
    display: block;
    float: left;
}

ul.main-navigation a.icon {
    display: block;
    float: left;
    background-image:url(../images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 17px;
    height: 17px;
    margin-left: 5px;  
}

.sub-nav {
    position: absolute; 
    top: 20px; 
    z-index: 10; 
    width: 150px; 
    height: 200px; 
    border: 1px solid #aaaaaa; 
    background-color: #fff;
}


/* ---------------  End: Main Navigation  --------------- */


/* ---------------  Start: Products Page  --------------- */

.carousel-header {
    display: block;
    background-image:url(../images/carousel-header.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 29px;  
}

ul.latest-products {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.latest-products li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 165px;
    height: 180px;
    margin: 10px 10px 0px 10px;
}

ul.latest-products li a.title {
    font-size: 0.8em;
}

.product-header {
    display: block;
    background-image:url(../images/product-category-header.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 29px;    
}

ul.product-nav {
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    margin-top: 5px;
}

ul.product-nav li {
    display: block;
    float: left;
    margin: 0; 
    padding: 0; 
    list-style-type: none;    
    width: 198px; 
    height: 240px;
    background-image:url(../images/product-category.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin:20px 37px 0 0;
    
}

ul.product-nav li .product-photo {
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;
    width: 190px;
}
ul.product-nav li .product-link {
    display: block;
    width: 190px;
    height: 55px;
}

ul.product-nav li .product-link a {
/*
    display: block;
    width: 160px;
    background-image:url(../images/product-category-icon.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    color: #5f6062;
    text-align: right;
    margin: 0px 5px 0px 0px;
    padding: 10px 20px 0px 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    */
    color: #1AABF7;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 5px;
    width: 180px;
    vertical-align: text-bottom;
    height: 55px;
    display: block;
    
    height: 35px;
    padding-top: 20px;
    
}

ul.product-nav li .product-link a:HOVER {
    color: #de0000;
}   

ul.product-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
}

ul.product-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height:160px;
    margin-top:10px;
    background-image: url(../images/product-list.png);
    background-repeat: no-repeat;
    background-position: left top;
    
}

ul.product-list li:HOVER, ul.product-list li.active {
    background-image: url(../images/product-list-active.png);
    background-repeat: no-repeat;
    background-position: left top;
}

ul.product-list li .product-title {
    display: block;
    padding: 5px 0px 0px 10px;
    height: 30px;
}

ul.product-list li .product-title h1 a {
    color: #333;
    margin-top: 0px;
    font-size: 0.7em;
}

ul.product-list li .product-title h1 a:HOVER {
    color: #333;
}

ul.product-list li .product-photo {
    display: block;
    float: left;
    width: 15%;
    text-align: center;
    
}

ul.product-list li .product-description {
    display: block;
    float: left;
    width: 35%;
    margin-top: 30px;
}

ul.product-list li .product-description a, ul.product-list li .product-description a:LINK, ul.product-list li .product-description a:VISITED {
    color: #000;
    font-size: 1.0em;
    font-weight: normal;
}

ul.product-list li .product-description .stock {
    color: green;
    /*font-weight: bold;*/
    font-size: 1.45em;
}

ul.product-list li .discount-icon {
    position: absolute;
    top: 40px;
    left: 120px;
}

ul.product-list li .product-buy {
    display: block;
    float: right;
    width: 330px;
    text-align: right;
    margin-right: 20px;
    position: relative;
}

ul.product-list li .product-buy .price-container {
    font-family: Arial;
    font-size: 1.5em;
    color: #000000;
}

ul.product-list li .product-buy .price-container .price {
    color: #ac0000;
    font-size: 1.2em;
}

ul.product-list li .product-buy .srp {
    color: #727272;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-decoration: line-through;
    margin: 0px 0px 0px 0px;
}
 .srpGrid {
    color: #787878;
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-decoration: line-through;
    margin: 0px 0px 0px 0px;
    
     text-align:center;
}

ul.product-list li .product-buy .saving {
    color: #de0000;
    font-size: 1.1em;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

ul.product-list li .product-buy .qty-container {
    display: block;
    float: left;
    width: 75px;
    margin-top: 3px;
    color: #6f6f6f;
}

ul.product-list li .product-buy .buy-container {
    display: block;
    float: left;
    width: 115px;
    margin-left: 220px;
}

ul.product-grid {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 10px 10px 0px 10px;
}

ul.product-grid li {
    display: block;
    float: left;
    /*margin:0 35px 0 0;*/
    padding: 0;
    list-style-type: none;
    width: 198px;
    height: 372px;
    width: 24%;
    padding: 0px 2px;
    background-image:url(../images/product-grid.png);
    background-position: left top;
    background-repeat: no-repeat;
}

ul.product-grid li .grid-container {
position: relative;
    width: 180px;
}

ul.product-grid li:HOVER, ul.product-grid li.active {
    background-image:url(../images/product-grid-active.png);
    background-position: left top;
    background-repeat: no-repeat;
}

ul.product-grid li .product-photo {
    margin: 10px 0px 10px 0px;
    text-align: center;
}

ul.product-grid li .product-title {
    margin: 0px 10px 0px 10px;
    display: block;
    height: 50px;
    text-align: center;
}
ul.product-grid li .product-title a {
    color:#333;
    font-size: 1.10em;
    font-weight: bold;
}
ul.product-grid li .product-title a:HOVER {
    text-decoration: underline;
}

ul.product-grid li .product-price {
    margin-bottom: 10px;
    font-family: Arial;
    font-size: 1.45em;
    color: #000000;
    text-align: center;
}

ul.product-grid li .price {
    color: #ac0000;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center; 
    margin-bottom: 5px;  
}

ul.product-grid li .discount-icon {
    position: absolute;
    top: 3px;
    right: 10px;
}

ul.product-grid li .product-buy {
    margin: 0px 0px 0px 45px;
}

ul.product-grid li .stock {
    margin-top: 5px;
    margin-bottom: 5px;
    color: green;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}


ul.product-navigation {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-position: left top;
    background-repeat: no-repeat;
    height: 22px;
    margin:0 0 0px 10px;
    padding-bottom: 10px;
    font-size: 0.85em;
}

ul.product-navigation li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-top: 8px;
    height: 22px;
    text-align: left;
}

ul.product-navigation li.num-of-products {
    margin-left: 0px;
    width: 13%;
}

ul.product-navigation li.list-type {
    width: 25%;
}

ul.product-navigation li.per-page {
    width: 20%;
}

ul.product-navigation li.sort-by {
    width: 25%;
}

ul.product-navigation li.paging {
    width: 15%;
    text-align: right;
}

ul.product-navigation li.list-type a.grid {
    background-image:url(../images/grid-icon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0px 20px 0px 0px;
    margin-right: 5px;
}

ul.product-navigation li.list-type a.list {
    background-image:url(../images/list-icon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 30px;
}

ul.product-navigation li.list-type a.active, ul.product-navigation li.list-type a.active {
    color: #303030;
    text-decoration: underline;
}

ul.product-navigation li.per-page .box {
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 3px 5px;
}

.highlight {
    background-color: #303030;
    color: #fff;
    padding: 2px;
}

.stock .green { color: green; }
.stock .amber { color: #ff7529; }
.stock .red { color: #D10101; }


/* ---------------  End: Products Page  --------------- */


/* ---------------  Start: Product Info  --------------- */

.rating-header {
    display: block;
    float: left;
    padding: 3px 5px 0px 0px;
}

.product-title-container {
    display: block;
    float: left;
    width: 100%;
    padding-left: 10px;
}

.product-brand-container {
    display: block;
    float: right;
    width: 130px;
    text-align: right;
}

.product-title-container h1 {
    color: #333;
    font-size: 1.75em;
    margin: 7px 0px 10px 0px;
}

ul.product-details {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 29px;
    border-bottom: 2px solid #303030;
}

ul.product-details li {
    display: block;
    float: left;
    margin:0 2px 0 0;
    padding: 0;
    list-style-type: none;
    height: 29px;
    width: 195px;
}

ul.product-details li a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 29px;
    width: 195px;
}

ul.product-details li a.details {
    background-image:url(../images/product-details.png); 
}

ul.product-details li a.details-active, ul.product-details li a.details:HOVER {
    background-image:url(../images/product-details-active.png); 
}

ul.product-details li a.details-active {
    cursor: default;
}

ul.product-details li a.directions {
    background-image:url(../images/product-directions.png); 
}

ul.product-details li a.directions-active, ul.product-details li a.directions:HOVER {
    background-image:url(../images/product-directions-active.png); 
}

ul.product-details li a.directions-active {
    cursor: default;
}

ul.product-details li a.reviews {
    background-image:url(../images/product-reviews.png); 
}

ul.product-details li a.reviews-active, ul.product-details li a.reviews:HOVER {
    background-image:url(../images/product-reviews-active.png); 
}
ul.product-details li a.reviews-active {
    cursor: default;
}

ul.product-details li a.benefits {
    background-image:url(../images/product-benefits.png); 
}

ul.product-details li a.benefits-active, ul.product-details li a.benefits:HOVER {
    background-image:url(../images/product-benefits-active.png); 
}
ul.product-details li a.benefits-active {
    cursor: default;
}

ul.product-options {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    font-size: 0.8em;
}

ul.product-options li {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 5px;
}

ul.product-options li.share {
    float: none;
    margin-top: 5px;
    font-size: 1.1em;
}

a.speak-to-expert {
    display: block;
    background-image:url(../images/expert-icon.png);
    background-repeat: no-repeat; 
    background-position: left center;
    padding-left: 20px;
    color: #333;
}

a.speak-to-expert:HOVER {
    text-decoration: underline;
    color: #dfad21;
}

a.print-page {
    display: block;
    background-image:url(../images/printer.png);
    background-repeat: no-repeat; 
    background-position: left center;
    padding-left: 20px;
    color: #333;
}

a.print-page:HOVER {
    text-decoration: underline;
    color: #dfad21;
}

a.email-friend {
    display: block;
    background-image:url(../images/envelope.png);
    background-repeat: no-repeat; 
    background-position: left center;
    padding-left: 20px;
    color: #333;
}

a.email-friend:HOVER {
    text-decoration: underline;
    color: #dfad21;
}

.email-to-friend {
    display: block;
    height: 27px;
    background-image: url(../images/send.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.technical-sheet {
    display: block;
    background-image:url(../images/pdf-icon.png);
    background-repeat: no-repeat; 
    background-position: left center;
    padding-left: 20px;
}

a.technical-sheet:HOVER {
    text-decoration: underline;
    color: #dfad21;
}


ul.alternative-products {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*height: 170px;*/
}

ul.alternative-products li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 49%;
    height: 200px;
}

ul.alternative-products li.left {
    float: left;
}

ul.alternative-products li.right {
    float: right;
}

ul.alternative-products ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.alternative-products ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.alternative-products ul li.photo {
    float: left;
    width: 170px;
}

ul.alternative-products ul li.details {
    float: left;
    text-align: right;
    width: 180px;
}

ul.alternative-products ul li.details h3 {
    font-size: 0.9em;
    height: 70px;
}

ul.alternative-products ul li.details .more-info {
    margin-left: 70px;
}

.price-container {
    margin: 5px 0px;
    font-weight: bold;
    font-family: Arial;
    font-size: 1.2em;
}

.price-container .price {
    color: #000000;
    font-size: 0.7em;
}

.price-container .amount {   
    padding-left: 5px;   
    color: #d30000; 
}

.product-reviews-container {
    display: block;
    width: 100%;
    height: 85px;
}

.product-reviews-container-expand {
    display: block;
    width: 100%;
    height: 100px;
}

.product-reviews-container .icons, .product-reviews-container-expand .icons {
    margin: 5px 0px 10px 200px;
}

.product-reviews-container .icons-expand, .product-reviews-container-expand .icons-expand {
    margin: 5px 0px 10px 70%;
}

.product-selection-header {
    text-align: right;
    background-color: #303030;
    background-color: #a5a6a5;
    padding: 5px 10px;
    margin: 5px 0px;
    font-weight: bold;
    color: #fff;
}

.selection {
    margin: 20px;
}

.order-left {
    display: block;
    float: left;
    width: 9px;
    height: 57px;
    background-image:url(../images/order-left.png);
    background-repeat: no-repeat; 
    background-position: left top; 
}

.order-right {
    width: 100%;
    height: 57px;
    background-image:url(../images/order-right.png);
    background-repeat: no-repeat; 
    background-position: right top; 
}


.options {
    display: block;
    float: left;
    padding-top: 14px;
    font-weight: bold;
    color: #333;
}

.buy { 
    display: block;
    width: 205px;
    height: 70px;
    /*float: left; */   
    margin: 20px 0px 0px 10px;
    text-align: left;
}

.buy .quantity {
    float: left;
    padding: 15px 20px 0px 10px;
}

.buy .add-to-basket {
    float: right;
    padding: 13px 10px 0px 0px;
}

.buy .waiting {
    color: #000;
    font-weight: bold;
    padding: 30px 0px 0px 10px;
    font-size: 12pt;
}



a.add-to-basket {
    display: block;
    width: 90px;
    height: 30px;
    background-image:url(../images/add-to-basket.png);
    background-repeat: no-repeat; 
    background-position: left top;
     
}

a.add-to-basket-large {
    display: block;
    width: 194px;
    height: 56px;
    background-image:url(../images/add-to-basket-large.png);
    background-repeat: no-repeat; 
    background-position: left top;
     
}

a.add-to-basket-large-disabled {
    display: block;
    width: 194px;
    height: 56px;
    background-image:url(../images/addtobasket-disabled-large.png);
    background-repeat: no-repeat; 
    background-position: left top;
    cursor: default; 
}

.header-line {
    display: block; 
    /*height: 28px;*/
    height: 2px; 
    width: 100%; 
    border-top: 2px solid #303030;
}

ul.reviews {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.reviews li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px dotted #eeeeee;

}
/*
ul.reviews li ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 10px 0px;
    border-bottom: 1px solid #eeeeee;
}

ul.reviews li ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}


ul.reviews li ul li.reviewer {
    width: 200px;
}

ul.reviews li ul li.review {
    width: 400px;
}

*/

ul.reviews li .reviewer {
    float: left;
    width: 200px;
    margin: 15px 0px 0px 10px;
}

ul.reviews li .rating {
    float: right;
    width: 200px;
    margin: 15px 10px 0px 0px;
}

ul.reviews li .review {
    margin:10px 0px 20px 0px;
    padding: 5px 10px;
    font-family: Arial;
    background-color: #ecf2f2;
}

.reviewer .title {
    color: #333;
    padding-right: 5px;
    font-weight: bold;
}

.reviewer .author {
    color: #de0000;
    font-weight: bold;
}

a.review-button {
    background-color: #333;
    color: #fff;
    padding: 10px 30px;
    font-weight: bold;  
}

a.review-button:HOVER {
    background-color: #303030;
}

.review-complete {
    background-color: #fbf8be;
    border: 1px solid #f3ef9a;
    width: 100%;
    color: #333;
}

.review-complete .review-success p, .review-complete .review-failed p {
    padding: 20px 70px;
}

.review-complete .review-success p a, .review-complete .review-failed a {
    text-decoration: underline;
}

.review-complete a.review-close {
    display: block;
    margin-left: 70px;
    padding: 0px 0px 20px 0px;
    text-align: left;
    text-decoration: underline;
}

.review-error {
    display: block;
    float: left;
    color: red;
}

.new-review {
    /*background-color: #f7f7f7;*/
    border: 1px solid #eaeaea;
    padding: 10px 10px 10px 10px;
}

.entry-title {
    display: block;
    float: left;
    width: 100px;
    margin-right: 30px;
    padding: 15px 0px;
}

.entry {
    display: block;
    float: left;
    padding: 0px 0px 10px 0px;
}

.entry .textbox {
    padding: 5px 0px;
    margin: 3px 0px;
    width: 300px;
}

.review-close {
    color: #aaaaaa;
    text-align: right;
}

.review-close a {
    color: #aaaaaa;
    text-decoration: underline;
}


a.star-blank, .star-blank {
    display: block;
    float: left;
    background-image: url('../images/stars.png');
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.star-blank-right {
    display: block;
    float: right;
    background-image: url('../images/stars.png');
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.star-over-right {
    display: block;
    float: right;
    background-image: url('../images/stars.png');
    background-position: 0px 50px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
    
a.star {
    display: block;
    float: left;
    background-image: url('../images/stars.png');
    background-position: 0px 25px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
    
a.star-over, .star-over {
    display: block;
    float: left;
    background-image: url('../images/stars.png');
    background-position: 0px 50px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.star-blank, .star-over {
    cursor: default;
}

.rating-message {
    float: left;
    width: 100px;
    padding: 5px 0px 0px 10px;
    font-style: italic;
}

rating-spinner {
    padding-left: 10px;
}

.review-header {
    height: 32px;
    width: 100%;
    background-image: url(../images/review-bar-right.png);
    background-position: right top;
    background-repeat: no-repeat; 
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}

.review-header-left {
    display: block;
    float: left;
    height: 32px;
    width: 10px;
    background-image: url(../images/review-bar-left.png);
    background-position: left top;
    background-repeat: no-repeat;  
}

a.write-review {
    display: block;
    background-image: url(../images/write-review-icon.png);
    background-position: left bottom;
    background-repeat: no-repeat; 
    padding-left: 20px;
    height: 18px;
    color: #333;
    font-weight: normal;
}

.write-review-container {
    display: block;
    float: left;
    width: 300px;
    padding: 8px 0px 0px 0px; 
    margin-left: 10px;
}

.review-counter-container {
    display: block;
    float: right;
    width: 300px;
    margin-right: 10px;
    text-align: right;
    padding: 8px 0px 0px 0px;
}

.related-products-header {
    display: block;
    background-image: url(../images/relateditems.png);
    background-position: left bottom;
    background-repeat: no-repeat; 
    padding-left: 195px;
    height: 29px;
}
.associated-products-header {
    display: block;
    background-image: url(../images/associateditems.png);
    background-position: left bottom;
    background-repeat: no-repeat; 
    padding-left: 195px;
    height: 29px;
}

.order-container {
    display: block;
    float: left;
    width: 100%;
}

.order-here-header {
    display: block;
    background-image:url(../images/order-here.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 100%;
    height: 29px; 
    text-align: left;
}

a.image-zoom-link {
    display: block;
    background-image:url(../images/zoom.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 0.9em;
}

.product-additional-container {
    border: 1px solid #efebef;
    border-bottom: 0px;
    padding: 10px 5px; 
}

.product-additional-bottom {
    display: block;
    background-image:url(../images/prod-rightcorner.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
    height: 6px;
}

.product-additional-bottom .left {
    background-image:url(../images/prod-leftcorner.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 7px;
    height: 6px;
}

.photo-container {
    margin-bottom: 10px;
}

.product-left {
    display: block; 
    float: left; 
    width: 302px; 
    margin: 0px 10px 0px 10px;
}



.quantity-container {
    display: block;
    float: right;
    margin: 15px 10px 0px 0px;
}

.quantity-container .quantity {
    font-weight: bold;
    color: #333;
}

.product-right-large {
    display: block; 
    float: right;   
    text-align: right;
    width: 450px;
}

.product-right-small {
    display: block; 
    float: right;   
    text-align: right;
    width: 340px;
}

.product-price-container {
    font-weight: bold;
    font-size: 1.90em;
    font-family: Arial;
    color: #333;
}

.product-price-container .price {
    color: #ac0000;
}

.associated-products-container {
    display: block;
    float: right; 
    width: 130px; 
    text-align: center;
    padding-left: 10px;
}

ul.associated-products {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.associated-products li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.associated-products li h3 {
    font-size: 0.8em;
    text-align: center;
    line-height: 1.2em;
}

ul.associated-products li h3 a {
    text-decoration: none;
    color: #727272;
}


ul.associated-products li .price-container {
    font-size: 0.75em;
    margin: 0px 0px 10px 0px;
}

.product-actions-container {
    margin: 10px 0px 20px 0px;
}


.product-description-container {
    display: block;
    width: 100%;
    line-height: 1.4em;
    height: 160px;
}

/* set the height when there are no select options available */
.product-description-container-expand {
    display: block;
    width: 100%;
    line-height: 1.4em;
    height: 160px;
}


.product-description-container .price-container .srp, .product-description-container-expand .price-container  .srp {
    color: #000;
    text-decoration: line-through;
    font-size: 1.5em;
    margin-top: 10px;
    font-weight: normal;
}

.product-description-container .discount, .product-description-container-expand .discount {
    font-weight: bold;
    color: #de0000;
    margin-bottom: 20px;
    font-size: 1.3em;
}

.product-description-container .price-container .reference-code, .product-description-container-expand .price-container .reference-code {
    font-weight: normal;
    color: #333;
}

.product-description-container .stock, .product-description-container-expand .stock {
    color: green;
    font-weight: bold;
    font-size: 1.45em;
}

.product-description-container .face-icon, .product-description-container-expand .face-icon {
    display: block;
    float: left;
    width: 45%;
}

.product-description-container .price-container, .product-description-container-expand .price-container {
    display: block;
    float: right;
    width: 45%;
}

ul.mini {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 15px;
}

ul.mini li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    margin-right: 10px;
    height: 50px;
}




/* ---------------  End: Product Info  --------------- */


/* ---------------  Start: ShowFile  --------------- */

.showfile {
    margin-top: 30px;
    padding: 0px 10px 0px 0px;
    background-image: url(../images/showfile-background.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #fff;
}

.showfile-nav {
    display: block;
    float: left;
    width: 280px;
    height: 500px; /* this is just to give the page a min height when there is little content */
    margin-top: 10px;
}

.showfile-content {
    display: block;
    float: left;
    width: 65%;
    margin-top: 10px;
}

.showfile-content h1 {
    margin-left: 0px;
}

.showfile-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.showfile-nav ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.showfile-nav ul li a {
    display: block;
    width: 250px;
    height: 23px;
    border-bottom: 0px dotted #eee;
    padding: 10px 0px 2px 10px;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 0.1px;
    text-decoration: none;
    
    background-image: url(../images/nav100.png);
    background-repeat: no-repeat;
    background-position: left top;
    
    text-transform: capitalize;
}

.showfile-nav ul li a:HOVER {
    background-image: url(../images/nav100-over.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-decoration: none;
}

.showfile-nav ul li a.active {
    background-image: url(../images/nav100-active.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    
    text-transform: capitalize;
}

.showfile-nav ul li a.active:HOVER {
    color: #fff;
}

.showfile-nav .nav-top {
    display: block;
    width: 100%;
    height: 5px;
    background-image: url(../images/nav100-top.png);
    background-repeat: no-repeat;
    background-position: left top;
}

ul.product-categories {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.product-categories li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 300px;
    margin-top: 30px;
}

ul.product-categories li.right {
    margin-left: 40px;
}

ul.product-categories li ul li {
    padding: 3px;
    margin-top: 0px;
}

ul.product-categories li ul li h2 {
    border-bottom: 1px solid #eee;
    padding: 3px;
}

ul.product-categories li ul li a {
    cursor: pointer;
}

ul.product-brands {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.product-brands li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 130px;
    margin-right: 40px;
}

ul.product-brands li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.product-brands li ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 3px;
}

ul.sitemap-additional {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.sitemap-additional li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 300px;
}

ul.sitemap-additional li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.sitemap-additional li ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 3px;
}

ul.sitemap-additional li ul li h2 {
    border-bottom: 1px solid #eee;
    padding: 3px;
}

ul.sitemap-additional li.right {
    margin-left: 40px;
}
/* ---------------  End: ShowFile  --------------- */

/* ---------------  Start: Advanced Search   --------------- */


.advanced-search label {
    display: block;
    float: left;
    width: 200px;
    padding-top: 5px;
    height: 25px;
}

.advanced-search .field {
    display: block;
    float: left;
    width: 400px;
}

.advanced-search fieldset {
     border: 0px solid #eaeaea;
}

.advanced-search fieldset legend {
    color: #303030;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.advanced-search .search {
    display: block;
    float: left;
    margin-left: 200px;
    background-color: #fff;
}

.advanced-search .clear-fields {
    display: block;
    float: right;
    margin-top: 20px;
}

a.advanced-search {
    display: block;
    background-image: url(../images/advanced-search-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    text-decoration: underline;
}

/* ---------------  End: Advanced Search   --------------- */


/* ---------------  Start: Brands  --------------- */

.brands-container {
    padding: 0px 40px;
}


.brand-header-container {
    display: block;
    width: 100%;
    height: 50px;
}

.brand-header-container .left {
    display: block;
    float: left;
    width: 200px;
}

.brand-header-container .right {
    display: block;
    float: right;
    width: 600px;
}


ul.brand-letters {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.brand-letters li {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.brand-letters li.title {
    font-size: 0.85em;
    font-style: italic;
    padding-right: 3px;
}

ul.brand-letters li a {
    display: block;
    margin: 0px 1px;
    background-image: url(../images/brands-letter.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 18px;
    width: 18px;
    text-align: center;
    font-weight: bold;
    color: #c6c6c6;
    font-size: 0.95em;

}

ul.brand-letters li a:HOVER {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/brands-letter-over.gif);
}

.letter-border {
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #eee;
  margin-top: 0px;  
}

h1.brand {
    float: left;
}



ul.brands {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.brands li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 32%;
    margin: 30px 0px 30px 0px;
    text-align: center;
}

ul.brands li .brand-logo {

}

ul.brands li .brand-name {
    margin-top: 10px;
}

ul.brands li.heading {
    display: block;
    float: none;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #eee;
    clear: both;
    margin: 0;
    margin-top: 20px;
}

ul.brands li.heading .left {
    display: block;
    float: left;
    margin-left: 5px;
}

ul.brands li.heading .middle {
    display: block;
    float: left;
    margin-left: 400px;
    padding-top: 8px;
}

ul.brands li.heading .middle a.brand-top {
    font-size: 1.0em;
}

ul.brands li.heading .right {
    display: block;
    float: right;
    text-align: right;
    margin-right: 5px;
}


/* ---------------  End: Brands  --------------- */

span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(../images/select.png) no-repeat;
   overflow: hidden;
}


.end

.round {
width:100%;
margin:0px auto;
/*background:#fff url(http://www.search-this.com/rounded/leftside.gif) repeat-y left top;*/

}
.round .top {
width:100%;
height:10px;
background:url(../images/round-top-left.gif) no-repeat left top;
}
.round .top span {
display:block;
position:relative;
height:10px;
background:url(../images/round-top-right.gif) no-repeat right top;
}
.round .center-content {
position:relative;
/*background:url(http://www.search-this.com/rounded/rightside.gif) repeat-y right top;*/
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
padding:0px;
margin:-1px 0 0px 0;
}

.round .center-content .pad {
    padding: 0px 10px 0px 10px;
}

.round .bottom {
width:100%;
height:10px;
background:url(../images/round-bottom-left.gif) no-repeat left bottom;
border: 0;
}
.round .bottom span {
display:block;
position:relative;
height:10px;
background:url(../images/round-bottom-right.gif) no-repeat right top;
}
.round p {margin:0 0 1em 0}






.round-blue .top {
width:100%;
height:10px;
background:url(../images/round-top-left-blue.gif) no-repeat left top;
}
.round-blue .top span {
display:block;
position:relative;
height:10px;
background:url(../images/round-top-right-blue.gif) no-repeat right top;
}
.round-blue .center-content {
position:relative;
/*background:url(http://www.search-this.com/rounded/rightside.gif) repeat-y right top;*/
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
padding:0px;
margin:-1px 0 0px 0;
background-color: #e7f3ff;
}

.round-blue .center-content .pad {
    padding: 0px 10px 0px 10px;
}

.round-blue .bottom {
width:100%;
height:10px;
background:url(../images/round-bottom-left-blue.gif) no-repeat left bottom;
border: 0;
}
.round-blue .bottom span {
display:block;
position:relative;
height:10px;
background:url(../images/round-bottom-right-blue.gif) no-repeat right top;
}
.round p {margin:0 0 1em 0}


/*--------------- ACCORDION STYLES ----------------------*/

.accFadePane {

 color:Gray;

 text-align:left;

  height:32px;

 

}

.paymentaccordion
{
	overflow:hidden;
	
}
 

 

.accHighlightPane {

 color:#727272;

text-align:left;

 height:32px;

 

}

 

.pnlOnAccountHeader {

color:gray;

 /*height:32px;*/

 padding-top:10px;

}

 

.AccordionPaneAccount

{

 

}

 

 

.pnlCreditCardHeader

{

color:gray;

 /*height:32px;*/

}

 

.AccordionPaneCreditCard

{

}

 

.pnlGoogleHeader{

color:gray;

 /*height:32px;*/

}

 

.AccordionPaneGoogle {

}

 

.pnlPayPalHeader{

color:gray;

 /*height:32px;*/

}

 

.AccordionPanePayPal{

}

 

.pnlSagePayHeader{

color:gray;

 /*height:32px;*/

}

 

.AccordionPaneSagePay{

}



/* ---------------  Start: Checkout Process   --------------- */

.checkout-main-container {
    margin: 0 auto;
    max-width: 968px;
}

.checkout-header-container {
    margin-top: 15px;
    display: block;
    width: 100%;
    height: 65px;
    border: 0px solid #aaa;
    background-image:url(../images/checkout-progress-line.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.pnlOnAccountHeader {
color:gray;
 height:32px;
 padding-top:10px;
}


.checkout-header-stage1 {
    display: block;
    background-image:url(../images/checkout-header-st1.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-stage1-active {
    display: block;
    background-image:url(../images/checkout-header-st1-active.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-stage2 {
    display: block;
    background-image:url(../images/checkout-header-st2.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-stage2-active {
    display: block;
    background-image:url(../images/checkout-header-st2-active.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-stage3 {
    display: block;
    background-image:url(../images/checkout-header-st3.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-stage3-active {
    display: block;
    background-image:url(../images/checkout-header-st3-active.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 220px;
    height: 22px;
}

.checkout-header-thankyou {
    display: block;
    background-image:url(../images/checkout-header-thankyou.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 290px;
    height: 26px;
}

.pnlCreditCardHeader
{
color:gray;
 height:32px;
}

.checkout-header-bullet {
    display: block;
    background-image:url(../images/checkout-header-bullet.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 23px;
}

.checkout-header-bullet-active {
    display: block;
    background-image:url(../images/checkout-header-bullet-active.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 23px;
}

.pnlGoogleHeader{
color:gray;
 height:32px;
}

h1.checkout {
    color: #727272;
    margin-top: 0px;
    font-family: Arial;
    font-weight: normal;
    font-size: 26px;
}

.pnlPayPalHeader{
color:gray;
 height:32px;
}

ul.checkout-options {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.checkout-options li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-right: 20px;
}

ul.checkout-options li a {
     text-decoration: underline;
     font-size: 0.9em;
}

ul.checkout-options li a.continue-shopping {
    display: block;
    background-image:url(../images/checkout-continue-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;  
}

ul.checkout-options li a.order {
    display: block;
    background-image:url(../images/checkout-order-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;  
}

ul.checkout-options li a.save {
    display: block;
    background-image:url(../images/checkout-savebasket-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;  
}

ul.checkout-options li a.clear-basket {
    display: block;
    background-image:url(../images/checkout-clearbasket-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;  
}

a.proceed-to-checkout {
    display: block;
    width: 257px;
    height: 53px;
    background-image:url(../images/proceed-to-checkout.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 10px;
}

a.review-order {
    display: block;
    width: 257px;
    height: 53px;
    background-image:url(../images/review-order.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 20px;
}

a.confirm-order {
    display: block;
    width: 257px;
    height: 53px;
    background-image:url(../images/confirm-order.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 8px;
}

.checkout-processing {
    display: block;
    width: 257px;
    height: 54px;
    background-image:url(../images/checkout-processing.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 8px;
}

a.big-button {
    display: block;
    background-image:url(../images/big-button.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 10px;
}

h1.checkout-summary {
    margin-top: 0px;
    text-align: right;
}

.grand-total {
    color: #de0000;
    font-weight: bold;
}

.tbl-header-middle {
    background-image: url(../images/tbl-header-middle.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
}

.tbl-header-left{
    display: block;
    background-image: url(../images/tbl-header-left.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 32px;
}

.tbl-header-right {
    display: block;
    background-image: url(../images/tbl-header-right.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 7px;
    height: 32px;
}

a.checkout-forgotten-password {
    font-size: 0.85em;
}


a.forgotten-password {
    color: #1AABF7;
    text-decoration: underline;
    font-size: 0.9em;
}

a.forgotten-password:HOVER {
    color: #333;
}

/* ---------------  End: Checkout Process   --------------- */


/* ---------------  Start: Top Nav   --------------- */

a.topnav-header {
    display: block;
    height: 25px;
    width: 93%;
    background-color: #eee;
    padding: 5px 10px 0px 10px;
    color: #333;
    margin: 0px 0px 10px 0px;
}

a.topnav {
    font-weight: normal;
    font-size: 1.0em;
}

div.shopall, div.shopall-haircare, div.shopall-cosmetics, div.shopall-ped, div.shopall-body
{
	background-image:none;
}

div.shopall div
{
	background-image:none;
	background : url(../images/shop-all-top-left.png) no-repeat top left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall-haircare div
{
   background-image:none;
   background: url(../images/topnav-haircare-over.gif) no-repeat top left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall-cosmetics div
{
   background-image:none;
   background: url(../images/topnav-cosmetics-over.gif) no-repeat top left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall-ped div
{
   background-image:none;
   background: url(../images/topnav-pedandman-over.gif) no-repeat top left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall-body div
{
   background-image:none;
   background: url(../images/topnav-body-over.gif) no-repeat top left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall div div, div.shopall-haircare div div, div.shopall-cosmetics div div, div.shopall-ped div div, div.shopall-body div div
{
	/*margin-top:10px;*/
  background :  url(../images/shop-all-top-right.png) no-repeat top right ;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall div div div, div.shopall-haircare div div div, div.shopall-cosmetics div div div, div.shopall-ped div div div, div.shopall-body div div div
{
  background : url(../images/shop-all-bottom-left.png) no-repeat bottom left;
   width:100%;
   height:100%;
   text-align:left;
}

div.shopall div div div div, div.shopall-haircare div div div div, div.shopall-cosmetics div div div div, div.shopall-ped div div div div, div.shopall-body div div div div
{
  background : url(../images/shop-all-bottom-right.png) no-repeat bottom right;
   width:100%;
   height:100%;
   text-align:left;
}

.doubleheight {
    background-color: #fff;
}
/* ---------------  End: Top Nav   --------------- */

/* ---------------  Start: Currency   --------------- */
.currency                   { float:right; padding-top: 3px; }
.currency ul				{ margin: 0; padding: 0; list-style-type: none; }
.currency ul li				{ display:inline; margin: 0; padding: 0; list-style-type: none; }
.currency ul li a			{ float:left; display:block; text-decoration:none; padding-left:5px; 
                 			  color:White; font-size:1.5em; }
.currency ul li a.selected	{ color:#ccc; }
.currency ul li a:hover		{ color:#F5161F; cursor:hand; }

.currency-title { 
    float:right; 
    padding-top: 7px; 
    color:#aaa; 
    font-size:0.9em; 
    padding-left: 0px;
}
/* ---------------  End: Currency   --------------- */


.pnlSagePayHeader{
color:gray;
 height:32px;
}



.accord {
    overflow: hidden;
    overflow: hidden !important;
}


/* ---------------  Start: Home   --------------- */

.saving-key {
    margin-bottom: 10px;
}

.offers-header {
    display: block;
    width: 188px;
    height: 50px;
    
    background: url(../images/top-ten.png) no-repeat left top;
}

.offers-header2 {
    display: block;
    width: 188px;
    height: 50px;
    
    background: url(../images/last-few.png) no-repeat left top;
}

ul.home-offers {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.home-offers li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
    display: block;
    padding: 5px 3px;
    background-color: #eee;
    height: 48px;
}

ul.home-offers li.alt {
    background-color: #fff;
}

ul.home-offers li a {
    display: block;
    height: 15px;
    font-weight: normal;
    color: #000;
}

ul.home-offers li .title {
    display: block;
    height: 32px;
    clear: both;
}

ul.home-offers li .price {
    display: block;
    float: left;
    width: 75px;
    margin-top: 2px;
    color: #DE0000;
    font-size: 1.6em;
}

ul.home-offers li .was {
    display: block;
    float: right;
    margin-top: 2px;
    color: #000;
    font-size: 1.0em;
    text-decoration: line-through;
    font-weight: bold;
}


.home-main-offers-container {
    display: block;
    width: 99%;
    border: 3px solid #DE0000;
    border-top: 0px;
    
}

.home-main-offers-top-header {
    /*background-color: #DE0000;*/
    width: 100%;
    height: 64px;
   /*border-left: 3px solid #DE0000;
   border-right: 3px solid #DE0000;*/
   text-align: center;
   background-image: url(../images/home-banner-background.gif);
   background-repeat: repeat-x;
   background-position: left bottom;
   

}

/*
ul.home-main-offers {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.home-main-offers li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 20%;
    margin: 0px 10px 0px 10px;
}
*/

.home-main-offers {
    padding: 0px 10px 0px 10px;
}

.home-main-offers .product-photo {
    margin: 18px 0px 18px 0px;
    text-align: center;
}

.home-main-offers .product-title a {
    font-weight: bold;
    color: #000;
    text-align: center;
    display: block;
    height: 50px;
}

.home-main-offers .product-title a:HOVER {
    text-decoration: none;
    color:#303030;
}

.home-main-offers .product-price {
   /* margin-bottom: 10px;*/
    font-family: Arial;
    font-size: 1.45em;
    color: #000000;
    text-align: center;
}

.home-main-offers .price {
    color: #D10101;
    font-family: Arial;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center; 
    margin-bottom: 5px; 
} 

.home-main-offers .product-buy {
    margin: 0 auto;
    width: 110px;
}


.home-main-left {
    display: block;
    width: 100%
}

.home-main-right {
    display: block;
    width: 100%
}

.home-main-left .offer-header {
    display: block;
    height: 55px;
    margin-top: 20px;
    background-image: url(../images/home-header-must-clear.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    border-bottom: 3px solid #DE0000;
}

.home-main-right .offer-header {
    display: block;
    height: 55px;
    margin-top: 20px;
    background-image: url(../images/home-header-gotto-go.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 3px solid #DE0000;
}


ul.offer-main-sides {

}

ul.offer-main-sides li {
    margin: 10px 0px;
    padding: 10px 0px;
    background-color: #eee;
}

ul.offer-main-sides li.alt {
    background-color: #fff;
}



ul.offer-main-sides li .product-photo {
    display: block;
    float: left;
    width: 45%;
    margin-left: 10px;
}

ul.offer-main-sides li .product-photo a {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
}

ul.offer-main-sides li .product-content {
    display: block;
    float: right;
    width: 45%;
    text-align: right;
    margin-right: 10px;
}

ul.offer-main-sides li .product-content .product-description {
    display: block;
    margin: 5px 0px;
    height: 30px;
}

ul.offer-main-sides li .product-content .product-was {
    text-decoration: line-through;
    display: block;
    color: #000;
    font-weight: bold;
}

ul.offer-main-sides li .product-content .product-price {
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0px;
}

ul.offer-main-sides li .product-content .product-price .title {
    color: #1AABF7;
}

ul.offer-main-sides li .product-content .product-price .price {
    color: #303030;
}

ul.offer-main-sides li .product-content .product-moreinfo {
    display: block;
    float: right;
    margin-top: 5px;
}



/* ---------------  End: Home   --------------- */



div.round-x {
	   background: url(../images/x-bot-right.png) no-repeat bottom right;
	   width:100%;
	   
	   text-align:left;
	}
div.round-x div {
	background: url(../images/x-bot-left.png) no-repeat bottom left;
	width:100%;
	 
	   text-align:left;
}

div.round-x div div {
	background: url(../images/x-top-right.png) no-repeat top right;
	width:100%;
	  
	   text-align:left;
}

div.round-x div div div {
	background: url(../images/x-top-left.png) no-repeat top left;
	width:100%;
	  
	   text-align:left;
}

div.round-x div div div .pad
{
	 padding: 0px 10px 0px 10px;
}
/*
div.round-blue {
	   background: url(../images/bot-right-blue.png) no-repeat bottom right;
	   width:100%;
	   
	   text-align:left;
	}
div.round-blue div {
	background: url(../images/bot-left-blue.png) no-repeat bottom left;
	width:100%;
	 
	   text-align:left;
}

div.round-blue div div {
	background: url(../images/top-right-blue.png) no-repeat top right;
	width:100%;
	  
	   text-align:left;
}

div.round-blue div div div {
	background: url(../images/top-left-blue.png) no-repeat top left;
	width:100%;
	  
	   text-align:left;
}

div.round-blue div div div .pad
{
	 padding: 0px 10px 0px 10px;
}
*/

.meta-footer { width:75%

}
.meta-intro { width:75%

}
.search-container {
    display: block;
    width: 100%;
    background-image: url(../images/search-bar-middle.png);
    background-repeat: repeat-x;
    background-position: left top;
}

.search-container .start {
    display: block;
    float: left;
    width: 10px;
    height: 56px;
    background-image: url(../images/search-bar-left.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.search-container .end {
    display: block;
    float: right;
    width: 10px;
    height: 56px;
    background-image: url(../images/search-bar-right.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.searchtitle
{
	padding: 18px 5px 10px 0px;
	float:left;
}

.searchcategory
{
	padding:18px 0px 10px  0px;
	font-size:1.3em;
	font-weight:bold;
	float:left;
}

.searchdropdown
{
	/*padding: 5px 20px 10px 0px;*/
	margin-top: 12px;
	font-weight:bold;
	float:left;
}

.searchpricerange
{
	padding:20px 0px 10px 0px;
	font-size:1.2em;
	font-weight:bold;
	float:right;
}

.searchminprice
{
	padding:20px 0px 10px 0px;
	font-size:1.2em;
	font-weight:bold;
	float:right;
	color:#303030;
	width: 55px;
	text-align: right;
}

.searchpriceslider
{
	padding:20px 0px 0px 0px;
	float:right;
}

.searchmaxprice
{
	padding:20px 0px 10px 5px;
	font-size:1.2em;
	font-weight:bold;
	float:right;
	color:#303030;
	width: 55px;
}

.searchresultsummary a
{
	padding:20px 0px 10px 0px;
	float:right;
	
}

.metacontrol-content {
    margin: 5px;
}


/************** Start: Home Page Carousel ***************/

.carousel-header-this-week {
    display: block;
    width: 100%;
    height: 50px;
    background-image: url(../images/thisweek-left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.carousel-header-hot-sellers {
    display: block;
    width: 100%;
    height: 50px;
    background-image: url(../images/hotSellers-left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.carousel-header-just-arrived {
    display: block;
    width: 100%;
    height: 50px;
    background-image: url(../images/justarrived-left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#horizontal_carousel_home ul li .product-title a {
    color: #000;
    font-size: 0.9em;
}

#horizontal_carousel_home ul li .product-title a:HOVER {
    color: #303030;
    text-decoration: underline;
}

#horizontal_carousel_home ul li .price-container .price {
    color: #de0000;
    font-size: 1.0em;
}

#horizontal_carousel_home ul li .product-buy {
    margin-left: 30px;
    *margin-left: 20px;
    _margin-left: 20px;
}

#horizontal_carousel_home ul li .srpGrid {
    font-size: 1.1em;
    margin-top: 3px;
}

#horizontal_carousel_home_2 ul li .product-title a {
    color: #000;
    font-size: 0.9em;
}

#horizontal_carousel_home_2 ul li .product-title a:HOVER {
    color: #1AABF7;
    text-decoration: none;
}

#horizontal_carousel_home_2 ul li .price-container .price {
    color: #de0000;
    font-size: 1.0em;
}

#horizontal_carousel_home_2 ul li .product-buy {
    margin-left: 20px;
    *margin-left: 10px;
    _margin-left: 10px;
}

#horizontal_carousel_home_2 ul li .srpGrid {
    font-size: 1.1em;
    margin-top: 3px;
}


#horizontal_carousel_home_3 ul li .product-title a {
    color: #000;
    font-size: 0.9em;
}

#horizontal_carousel_home_3 ul li .product-title a:HOVER {
    color: #1AABF7;
    text-decoration: none;
}

#horizontal_carousel_home_3 ul li .price-container .price {
    color: #de0000;
    font-size: 1.0em;
}

#horizontal_carousel_home_3 ul li .product-buy {
    margin-left: 20px;
    *margin-left: 10px;
    _margin-left: 10px;
}

#horizontal_carousel_home_3 ul li .srpGrid {
    font-size: 1.1em;
    margin-top: 3px;
}


/************** End: Home Page Carousel ***************/



  div.slider { width:256px; /*margin:10px 0;*/ background-color:#ccc; height:10px; position: relative; }


  div#zoom_element { width:50px; height:50px; background:#2d86bd; position:relative; }

.handle-min {
background:transparent url(../images/slider-handle-min.png) no-repeat scroll right top;
width: 21px;
height: 30px;
 cursor:move; position: absolute;
 margin-top: -8px;
}

.handle-max {
background:transparent url(../images/slider-handle-max.png) no-repeat scroll right top;
width: 21px;
height: 30px;
 cursor:move; position: absolute;
 margin-top: -8px;
}

.slider {
    background:transparent url(../images/slider-images-track-right.png) no-repeat scroll right top;
}

.slider-left {
    background:transparent url(../images/slider-images-track-left.png) no-repeat scroll left top;
    height:9px;
    position:absolute;
    width:5px;
}

.slider .handle {
    width:21px; 
    height:30px; 
    cursor:move; 
    position: absolute;
    margin-top: -8px;
}

.modalPopup		 { border: solid 1px black; background-color:White; }
.modalPopup	.head { /*background:url(images/UI/commentsHeader.gif) top left repeat-x;*/ color:White; 
           	        font-weight:bold; padding:5px; cursor:move; }
.modalPopup	.body { padding:5px;  z-index:5000; }
.modalPopup	.dialog { padding:10px; font-size:1.1em; }
.top4sides { border-bottom:solid 1px #EAEAEA; border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA}







/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 180px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
height: 130px;
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #E6E6E6;
border-bottom-width: 0;
}

.markermenu ul li a{
background: #fff url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
color: #333;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #E6E6E6;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #00b2ad;
background: #f9f9f9;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: #f9f9f9;
color: #00b2ad;
}



/*-----------------START: NEWSLETTER -----------------*/

.vipclub {
    display: block;
    width: 186px;
    height: 223px;
    background-image: url(../images/vipnewsletter.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.vipclub-content {
    padding: 30px 0 0;
    height: 100px;
    color: #ffffff;
    
}

.vipclub-textbox, .vipclubSignup-watermarked {
    color: #9b9b9b;
    font-style: italic;
    border: 1px solid #aaaaaa;
    width: 170px;
    margin-left: 15px;
}

.vipclubSignup-watermarkedError {
    color: #e38787;
    font-style: italic;
    border: 1px solid #aaaaaa;
    width: 170px;
    margin-left: 15px;
}

.vipclubSignup-watermarkedThankYou {
    color: #a7de85;
    font-style: italic;
    border: 1px solid #aaaaaa;
    width: 170px;
    margin-left: 15px;
}

.vipclubSignup-textbox {
    color: #000000;
    font-style: normal;
    padding-left:10px;

}

.vipclubSignup-textbox-container {
    color: #000000;
    font-style: normal;
    padding-left:18px;

}

.vipclubSignup-button-container {
    padding-top: 20px;
    padding-left: 35px;
}

a.vipclubSignup-button {
    background-image:url(../images/button1.png);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    display:block;
    height:27px;
    padding-left:26px;
    padding-top:5px;
    width:110px;
}

a.vipclubSignup-button:HOVER {
    background-image: url(../images/button1.png);
}

/*------------------END: NEWSLETTER-------------------*/






/* -------------------------------------------------------------------- */
/*                          TOP NAVIGATION                              */
/* -------------------------------------------------------------------- */



/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu {
    display: block;
    height: 37px;
    margin: 15px 0px 0px 8px;
}

.mattblackmenu ul{
-x-system-font:none;
font-family:Century Gothic;
font-size:16px;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
list-style-type:none;
margin-bottom:-13px;
margin-left:8px;
overflow:hidden;
padding:22px 0 0;
width:100%;
}

.mattblackmenu li{
display: block;
float: left;   
margin: 0;
}

.mattblackmenu li a {
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 11px; /*padding inside each tab*/
/*border-right: 1px solid white;*/ /*right divider between tabs*/
color: #fff;
/*background: #414141;*/

background-image: url(../images/topnav-icon.gif);
background-position: right center;
background-repeat: no-repeat;

background-image: url(../images/nav-left.png);
background-position: left top;
height: 37px;
}

.mattblackmenu li a.first{
    background-image:url(../images/nav-left.png);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
height:37px;
margin:0;
padding:0px 0 0 11px;
text-decoration:none;
}


.mattblackmenu li a:visited{
color: #fff;
}

.mattblackmenu li a:hover{
/*background: black;*/ /*background of tabs for hover state */


/*background-image: url(../images/topnav-icon-over.gif);
background-position: right center;
background-repeat: no-repeat;*/
}

.mattblackmenu a.selected{
/*background: black;*/ /*background of tab with "selected" class assigned to its LI */

/*background-image: url(../images/topnav-icon-over.gif);
background-position: right center;
background-repeat: no-repeat;*/
}



.mattblackmenu li a span {
    display: block;
    background-image: url(../images/nav-right.png);
    background-position: right top;
    background-repeat: repeat-x; 
  /*  padding: 13px 30px 9px 20px;
    padding: 13px 25px 9px 22px;*/
    height: 28px;
    padding-top: 12px;
    padding-left: 0px;
    cursor : hand;
    
}



.mattblackmenu li a.first span {  
  /*  padding: 13px 33px 9px 20px;
    padding: 13px 23px 9px 17px;*/
}

.mattblackmenu li a span.one {
    width: 116px;
    height: 37px;

}

.mattblackmenu li a span.two {
    width: 52px;
    height: 37px;
    
    

}

.mattblackmenu li a span.three {
    width: 54px;
    height: 37px;

}

.mattblackmenu li a span.four {
    width: 86px;
    height: 37px;
}

.mattblackmenu li a span.five {
    width: 89px;
    height: 37px;
}

.mattblackmenu li a span.six {
    width: 61px;
    height: 37px;
}

.mattblackmenu li a span.seven {
    width: 71px;
    height: 37px;
}

.mattblackmenu li a span.eight {
    width: 71px;
    height: 37px;
}

.mattblackmenu li a span.nine {
    width: 63px;
    height: 37px;
}

.mattblackmenu li a span.ten {
    width: 66px;
    height: 37px;
}

.mattblackmenu li a span.eleven {
    width: 117px;
    height: 37px;
}











/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 12px arial;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #D9D9D9;
/*border-top: 0px;*/
/*border-bottom-width: 0;*/
visibility: hidden;
z-index: 100;

padding: 5px 0px;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background-color: #fff;
text-decoration: none;
padding: 6px 8px;
margin: 0px 5px;
border-bottom: 0px solid #D9D9D9;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #de0000;
color: #fff;
text-decoration: none;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
font: bold 16px Century Gothic;
/*letter-spacing: -0.2px;*/
list-style-type: none;
/*border-bottom: 1px solid gray;*/
/*background: #414141;*/
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: block;
float: left;   
margin: 0;
}

.mattblackmenu li a {
display: block;
text-decoration: none;
/*border-right: 1px solid white;*/ /*right divider between tabs*/
color: #fff;
/*background: #414141;*/

background-image: url(../images/topnav-icon.gif);
background-position: right center;
background-repeat: no-repeat;

background-image: url(../images/nav-left.png);
background-position: left center;

}














.footer-divider {
    display: block;
    width: 100%;
    height: 112px;
    background-image: url(../images/footer-background.png);
    background-repeat: repeat-x;
    background-position: left top;
}




.search-outer {
    display: block;
    padding: 18px 0px 25px 0px;
}

.search-container {
    display: block; 
    background-image:url(../images/search-background.png); 
    background-repeat:no-repeat; 
    height:32px; 
    width:382px;
    padding: 6px 0px 0px 10px;

}

.searchbox {
    display: block; 
    background-image:url(../images/searchbox.png); 
    background-repeat:no-repeat; 
    height:26px; 
    width:283px;
    padding: 4px 0px 0px 10px;
}

.splits1 {
    background-color: #fff; text-align: left; color: #000; width: 75px;
}

.splits2 {
    background-color: #fff; text-align: left; color: #000;
}

.splits3 {
    background-color: #303030; text-align: left; color: #fff;
}

a.reviewsTotal, a.reviewsTotal:link, a.write-review-top, a.write-review-top:link {
    color: #333;  
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;  

}

a.reviewsTotal:hover, a.write-review-top:hover {
    color: #dfad21;     
}

.product-left .center-content {
    border-color: #303030;
}

.product-left .center-content .pad {
    background-color: #fff;
}

.product-left .top {
    background-image: url(../images/round-top-left-dark.png);
}

.product-left .top span {
    background-image: url(../images/round-top-right-dark.png);
}

.product-left .bottom {
    background-image: url(../images/round-bottom-left-dark.png);
}

.product-left .bottom span {
    background-image: url(../images/round-bottom-right-dark.png);
}

.product-nav-bar {
    display: block;
    background-image: url(../images/product-nav.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 31px;
}

.home-page-intro {
    display: block;
    background-image: url(../images/home-page-intro-back.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 935px;
    height: 150px;
    padding: 10px 20px;
}

.hpContainer { position:absolute; z-index:500;top: 335px; left: 30px; }

.hpNum          { font-size:1.0em; display: block; float: left; height: 20px; width:24px; margin: 0px 5px; padding-top: 4px; font-weight:bold; text-align:center; color: #fff; background:url(../images/buttons/slider-button-back.png) no-repeat; }
.hpOffer        { }

.hpBox          { /*float:left; background:url(../images/box/greyBox.gif) no-repeat;*/ height:30px; padding:4px 0 0 4px; }
.hpBoxRight     { float:left; background:url(../images/box/greyBoxRight.gif) no-repeat; 
                  _height:1px; width:5px; height:30px; overflow:hidden; }

.blueArrow		{ padding-left:12px; background: url(../images/UI/arrow.gif) center left no-repeat; }


.secure-logo {
    background-image:url(../images/secure-logo.png);
    background-position:left top;
    background-repeat:no-repeat;
    height:100px;
    left:978px;
    position:absolute;
    top:20px;
    width:114px;
}


/* ---------------  Start: MAIN NAVIGATION  --------------- */ 

.nav-container-outside {
    display: block;
    width: 100%;
    height: 41px;
}

ul.nav-container {
    margin: 0;
    padding: 0;
    list-style-type: none;  
    /*width: 640px;*/
    height: 41px;
    margin-left: 0px;
}

ul.nav-container li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: right; 
    border-top: 1px solid #6d6d6d;
    border-left: 1px solid #6d6d6d; 
    height: 41px;
}

ul.nav-container li.first {
    border-left: 0px;
}

ul.nav-container li.selected {
    background-image: url(../images/nav-over.png);
    background-position: left top;
    background-repeat: repeat-x;
}

ul.nav-container li a {
    display: block;
    padding: 8px 25px;
    color: #aaa;
    font-family: Times New Roman;
    font-size: 1.2em;
    font-weight: bold;
}

ul.nav-container li a:HOVER {
    color: #fff;
    text-decoration: underline;
}

ul.nav-container li a:HOVER {
    background-image: url(../images/nav-over.png);
    background-position: left top;
    background-repeat: repeat-x;
}



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	/*margin-left: 218px;
	_margin-left: 215px;
	*margin-left: 216px;*/
}

#nav li { /* all list items */
	margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: right; 
    border-top: 1px solid #6d6d6d;
    border-left: 1px solid #6d6d6d; 
}

#nav li.one {
    border-left: 0px;
}

#nav li.selected {
    background-image: url(../images/nav-over.png);
    background-position: left top;
    background-repeat: repeat-x;
}

#nav li a {
    display: block;
    padding: 8px 22px;
    color: #aaa;
    font-size: 1.2em;
    font-weight: bold;  
}

#nav li a:HOVER, #nav li a.active {
    color: #fff;
    text-decoration: underline;
    background-image: url(../images/nav-over.png);
    background-position: left top;
    background-repeat: repeat-x;
}

#nav li a span {
/*
    display: block;
    background-image: url(../images/nav-right.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding-top: 13px;
    padding-left: 22px;
    height: 27px;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer; */
}


#nav li div.subnav { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover div.subnav, #nav li.sfhover div.subnav { /* lists nested under hovered list items */
	left: auto;
}

#nav li.one .subnav .inside { width: 102px; }
#nav li.two .subnav .inside { width: 127px; }
#nav li.three .subnav .inside { width: 150px; }
#nav li.four .subnav .inside { width: 119px; }
#nav li.five .subnav .inside { width: 119px; }
#nav li.six .subnav .inside { width: 106px; }
#nav li.seven .subnav .inside { width: 100px; }

#content {
	clear: left;
	color: #ccc;
	
}

#nav li .subnav {
    z-index: 600;
}

#nav li .subnav .inside {
    position: absolute;
    display: block;
    /*background-color:#fff;
    
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 10px;*/
}

#nav li .subnav .inside ul {
    margin: 0;
    padding: 0;
}

#nav li .subnav .inside ul li  {
    margin: 0;
    padding: 0;
    border: 0px;
    display: block;
    width: 100%;
    background-color: #303030;
    margin-bottom: 1px;
    
}


#nav li .subnav .inside ul li a {
    display: block;
    padding: 0;
    margin: 0;
    padding: 9px 5px;
    /*margin: 3px;*/
    height: auto;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    background-color: #303030;
    text-align: center;
}

#nav li .subnav ul li a.dark {
     color: #fff;   
}

#nav li .subnav ul li a.light {
    color: #fff;
}

#nav li .subnav ul li a.dark:HOVER {
    background-color: #6c6c6c;
}

#nav li .subnav ul li a.light:HOVER {
    background-color: #6c6c6c;
}



/* ---------------  End: MAIN NAVIGATION  --------------- */