/*new*/
.darkbox { border:solid 1px #C3C3C3}
.noborder { border:0px}
body
{
	 margin: 0; padding: 0; font-size:0.80em;color:#5D5D5D; background-color:#f6f6f6; font-family:Tahoma; margin:0px; background-image:url(netalogue/images/background.png); background-repeat:no-repeat; background-attachment:fixed;
}
input{ font-size:1em}

.widetb { width:300px}

.bigsaving{ font-size:1.3em; color:#21B30E; font-weight:bold}

.button1 { z-index:0; font-size: 0.85em; background:url(images/but-75.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:75px; text-align:center}
.abutton1, a.abutton1:link, a.abutton1:visited { z-index:0; background:url(images/g-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/g-but-75.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:75px; text-align:center}
.button2 { z-index:0; font-size: 0.85em; background:url(images/but-150.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:150px; text-align:center}

.logintobuy { z-index:0; font-size: 0.85em; background:url(images/logintobuy.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:22px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:150px; text-align:center}

.button3 { background:url(images/but-200.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:200px; text-align:center}
.button4 { background:url(images/but-250.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:250px; text-align:center}

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

.button5 { background:url(images/but-300.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:300px; text-align:center}
.gbutton5 { background:url(images/g-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}

.standardNewsStory{ background-image:url(images/standardNewsStory.jpg); cursor:pointer; color:#595959; }
.selectedNewsStory{ background-image:url(images/selectedNewsStory.jpg); cursor:pointer; color:#ffffff; }

#divmycontainer{ background-color:#ffffff; width:1002px; border-left: solid 1px #636563; border-right:solid 1px #636563;}
.maincontent{background-color:#ffffff; width:1002px; border-left: solid 1px #636563; border-right:solid 1px #636563}

a.button1:link{ font-size: 0.85em; color:#595959}
a.button1:hover{ color:#595959}
a.button1:visited{font-size: 0.85em; color:#595959}
a.button2:link{font-size: 0.85em; color:#595959}
a.button2:hover{ color:#595959}
a.button2:visited{font-size: 0.85em; color:#595959}
a.button3:link{font-size: 0.85em; color:#595959}
a.button3:hover{ color:#595959}
a.button3:visited{font-size: 0.85em; color:#595959}
a.button4:link{font-size: 0.85em; color:#5F6062}
a.button4:hover{ color:#5F6062}
a.button4:visited{font-size: 0.85em; color:#5F6062}
a.button5:link{font-size: 0.85em; color:#595959}
a.button5:hover{ color:#595959}
a.button5:visited{font-size: 0.85em; color:#595959}

a.gbutton1:link{ color:#39643B}
a.gbutton1:hover{ color:#39643B}
a.gbutton1:visited{ color:#39643B}
a.gbutton2:link{ color:#39643B}
a.gbutton2:hover{ color:#39643B}
a.gbutton2:visited{ color:#39643B}
a.gbutton3:link{ color:#39643B}
a.gbutton3:hover{ color:#39643B}
a.gbutton3:visited{ color:#39643B}
a.gbutton4:link{ color:#5F6062}
a.gbutton4:hover{ color:#5F6062}
a.gbutton4:visited{ color:#5F6062}
a.gbutton5:link{ color:#39643B}
a.gbutton5:hover{ color:#39643B}
a.gbutton5: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: 675px;}

.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 				{ margin: 0 auto; width:1002px;}
#topNav ul				{ margin: 0; padding: 0 0 0 0; list-style: none; width:1002px;   }
#topNav li				{ float:left;  line-height:16px; text-align:center;  width:9%; list-style: none; border-left:solid 1px #272727;border-right:solid 1px #7d7d7d;  }
#topNav li.noleftborder1{ float: left; line-height:16px; text-align:center; vertical-align:middle; height:52px; width:8%;  list-style: none; border-left:solid 0px #272727; border-right:solid 1px #7d7d7d;}
#topNav li.norightborder1{float: left; line-height:16px; text-align:center; vertical-align:middle; height:52px;  list-style: none; border-left:solid 1px #272727;border-right:solid 0px #7d7d7d;    }

#topNav a				{ vertical-align:middle; display: block; background-image:url(images/nav-back.gif); height:52px; text-decoration: none; color: #ffffff; font-size:12px;}
#topNav a.noleftborder1	{ vertical-align:middle; display: block; background-image:url(images/left-topnav.png); background-position:left; padding-left:2px; height:52px; text-decoration: none; color: #ffffff; font-size:12px;}
#topNav a.norightborder1{ vertical-align:middle; display: block; background-image:url(images/right-topnav.png); background-position:right;  background-repeat:no-repeat; height:52px; text-decoration: none; color: #ffffff; font-size:12px;}
		
#topNav a:hover { background-image:url(images/nav-back-over.gif); color:#ffffff;}
#topNav a.noleftborder1:hover	{ vertical-align:middle; display: block; background-image:url(images/left-topnav-over.png); height:52px; text-decoration: none; color: #ffffff; font-size:12px;}
#topNav a.norightborder1:hover	{ vertical-align:middle; display: block; background-image:url(images/right-topnav-over.png); height:52px; text-decoration: none; color: #ffffff; font-size:12px;}

#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:#000000; 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:#000000; 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;}

.searchbar { background-image: url(images/main-bar.gif); background-repeat:no-repeat}
.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:#c42b20; color:#ffffff; padding:2px}
.navdescription{ text-align:left; line-height:17px}
.navdescription2{ width:100%; text-align:left; line-height:22px}
.navtitles { color:#000000; font-weight:bold}
.pnavtitles { color:#000000; 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;z-index:999;  }
.downBasket		{ width:231px; height:31px; position:relative; left:0px; overflow:hidden; clear: both; z-index:999; }
.downBasketHTML	{ height:126px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; background-color:White;z-index:999; }
.basket			{ width:192px; height:23px; background:url(images/basket-back.png);  background-repeat:no-repeat; color:White; padding-top:8px; vertical-align:middle; padding-left:40px; text-align:left; cursor:hand;z-index:999; }
.basketFooter	{ width:229px; border:solid 1px #dfdfdf; background-color:White;z-index:999; }
.basketprice	{ font-size:1.3em; font-weight:bold;z-index:999;}
/* END BASKET */

/* EMAIL MARKETING */
.editor_background
{
background-color: #ffffff; color:#6C6C6E; background-image:none; font-family:Tahoma;
}
.admindark1{ background-color:#A9B7BF; font-weight:bold; color:#000000; 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; }
.price{ color:#000; font-size:19px; font-weight:bolder; background-color:#c4c4c4}
.emarkback{ background-color:#c4c4c4}
.smallprice{color:#02365E; font-size:14px; font-weight:bolder; font-family:Impact;}
a.smallblack:link			{ color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; }
a.smallblack:visited		{ color: #000000; font-size:11px; font-weight:bolder;  text-decoration:none; }
a.smallblack:hover		{ color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; }
.paleblue{ background-color:#f7f7f7;border-right:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7}
a.bigblack:link			{ color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; }
a.bigblack:visited		{ color: #000000; font-size:14px; font-weight:bolder;  text-decoration:none; }
a.bigblack:hover		{ color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; }
.bluebox{ border:solid 1px #005479}
.lrblue{ border-right:solid 1px #a7a7a7;border-left:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7}
.lrbluenotop{ border-right:solid 1px #a7a7a7;border-left:solid 1px #a7a7a7;}
.topblue{ border-top:solid 1px #a7a7a7}
.lblue{ border-left:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7}

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


/* Left Navigation */
#leftNav				{ width:213px; vertical-align:middle;  }
#leftNav ul             { text-indent:0px; padding: 1px 0px 1px 35px; margin:0px; text-align:left; border-left:solid 1px #E6E6E6;border-right:solid 1px #E6E6E6;}
#leftNav dd				{ display:block; list-style-type:none; padding: 0; margin: 0; background-color:#F9F9F7;  }
#leftNav dl 			{ margin: 0 0 0px 0; padding: 0; background-image:url(images/left-nav-back.png); color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #E6E6E6;border-right:solid 1px #E6E6E6; }
#leftNav dl.selected	{ margin: 0 0 0px 0px; background-image:url(images/left-nav-active.png); color: #000000; font-weight: bold; }
#leftNav dt				{ margin: 0; padding:0 }

#leftNav dl.theEnd 			{ margin: 0 0 0px 0; padding: 0; color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #E6E6E6;border-right:solid 1px #E6E6E6; }
#leftNav dl.theEndselected	{ margin: 0 0 0px 0px; background-image:url(images/left-nav-active.png); color: #000000; font-weight: bold;}

#leftNav dl.selected dt a { padding-left: 30px;}
#leftNav dt a			{ color: #595959; display:block; padding: 6px 0px 6px 20px; text-decoration:none; }
						  
#leftNav dt a:hover		{ color:#5F5F61; margin: 0 0 0px 0px; padding-left:30px; padding-right:0px; background-image:url(images/left-nav-active.png); border-bottom:solid 0px #E6E6E6;}
										

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




/*

#leftNav				{ width:172px; }
#leftNav dd				{ display:inline; list-style-type:none; padding: 0; margin: 0; }
#leftNav dl 			{ margin: 0 0 1px 0; padding: 0;  background-color:#F0F1EC; color: #6F6F6F; }
#leftNav dl.selected	{ margin: 0 0 1px 0; padding: 0;  background-color:#5A98D3; color: #ffffff; }
#leftNav dt				{ margin: 0; padding:0 }

#leftNav dt a			{ color: #6F6F6F; display:block; 
						  padding: 2px 5px 4px 5px; text-decoration:none; }
						  
#leftNav dt a:hover			{ background-color:#5A98D3; color:#ffffff;}
										
#leftNav dd a			{ border-top:1px solid #FFFFFF; color:#000; 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	{ color: #5A98D3; display:block; color:#ffffff; padding: 2px 5px 4px 5px; text-decoration:none; }					
									

#leftNav dl dt a			{ }
#leftNav dl dd a 			{ background-color:#F9F9F7; color:#6F6F6F; padding:2px  5px 4px 18px; }
#leftNav dl dd a:hover		{ background-color:#DBEBFB; color:#6F6F6F}
*/


.dots{ height:1px; background-image:url(images/dot.gif); padding:0px;}

.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}

td{ color:#777777; }

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

a.link-light, a.link-light:LINK {color: #c42b20; text-decoration: underline;}
a.link-light:HOVER { color: #000;}

a:link{ color:#5f6062; text-decoration:none}
a:visited{ color:#5f6062; text-decoration:none}
a:hover{ color:#c42b20; text-decoration:underline}

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:#000000; text-decoration:none; font-weight:bold}
a.blacknav:visited{ color:#000000; text-decoration:none}
a.blacknav:hover{ color:#000000; 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}

.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}


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

.featured-product {
    background-image: url(images/featured-background.jpg);
    width: 180px;
    height: 302px; 
    display:block;
    float:left;
    margin-right:15px;
    margin-left:0px;
}

.featured-product-last {
    background-image: url(images/featured-background.jpg);
    width: 180px;
    height: 302px; 
    display:block;
    float:left;
    margin-right:0px;
    margin-left:0px;
}

.quickOrderPartNo-surround
{
	display: block;
    background-image: url(images/prod-code-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 135px;
    height: 26px;
    padding: 3px 0px 0px 4px;
}

.quickOrderQty-surround
{
	display: block;
    background-image: url(images/qty-pad.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 31px;
    height: 26px;
    padding: 3px 0px 0px 4px;
}

.quickOrderPartNo
{
	border:solid 0px #ffffff;
	width:120px;
	background-color:Transparent;
}

.quickOrderQty
{
	border:solid 0px #ffffff;
	width:21px;
	background-color:Transparent;
}

.homepagepanelfooter{ background-image:url(images/homepagepanelfooter.png); background-position:center bottom; background-repeat:no-repeat; padding-left:10px; padding-bottom:10px;}

.rbpad10{ padding-right:10px; padding-bottom:10px;}
.bpad10{ padding-bottom:10px;}

.news1{ background-color:#F3FAFE; padding-top:6px;padding-bottom:6px}
.news2{ padding-top:6px;padding-bottom:6px}

.homegrey1 {background-color:#F2F2F2; padding-top:6px;padding-bottom:6px}
.homegrey2{ padding-top:6px;padding-bottom:6px}

.featuredHeader {font-size:1.1em; margin:0px; padding:0px 0px 10px 0px; elevation:0px; font-weight:bold;}


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


.hpBox          { float:left; height:38px; padding:2px 0 0 2px; }
.hpBoxRight     { float:left;  
                  _height:1px; width:5px; height:38px; overflow:hidden; }
.hpNum          { font-size:1.1em; font-weight:normal; display:inline; color:#ffffff; float:left; padding-top:6px; margin-right:2px; margin-left:2px;  font-weight:bold; text-align:center;  width:19px; height:29px; }
     

.banner-container-first {
 float:left
}

.banner-first-left {
    display: block;
    float: left;
    margin-left: 0px;
    width: 726px;
}

.banner-first-right {
    display: block;
    float: left;
    margin-left: 18px;
    width: 221px;
}

.banner-first-right .one {
    display: block;
    float: left;
    margin-top: 5px;
}

.banner-first-right .two {
    display: block;
    float: left;
    margin: 5px 0px 0px 10px;
}

.banner-row-first {
    display: block;
    float: left;
    margin: 10px 0px 0px 0px;
    width: 310px;
    height: 252px;
  
    padding-top: 0px;
}

.banner-row-first .banner {
    display: block;
}

.banner-row-first .links {
    display: block;
    width: 310px;
    height: 99px;
    
    /*background-image: url(images/banner-footer.png);*/
    background-repeat: no-repeat;
    background-position: left center;
}

.banner-row-second {
    display: block;
    float: left;
    margin-left: 18px;
    margin-top: 10px;
    width: 310px;
    height: 252px;
 
}

.banner-row-second .banner {
    display: block;
}

.banner-row-second .links {
    display: block;
    width: 310px;
    height: 99px;
    
    /*background-image: url(images/banner-footer.png);*/
    background-repeat: no-repeat;
    background-position: left center;
}



.banner-row-third {
    display: block;
    float: left;
    margin-left: 18px;
    margin-top: 10px;
    width: 310px;
    height: 252px;

}

.banner-row-third .banner {
    display: block;
}

.banner-row-third .links {
    display: block;
    width: 310px;
    height: 99px;
    
    /*background-image: url(images/banner-footer.png);*/
    background-repeat: no-repeat;
    background-position: left center;
}



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

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

ul.banner-offers li.dark {
    background-color: #eee;
}

ul.banner-offers li a {
    display: block;
    margin-left: 5px;
    padding: 3px 0px 3px 20px;
    background-image: url(../images/arrow-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
}

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

/* ------------- END : Home Page ------------------------------*/


.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:0px}
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;}
.orange { color: #c42b20;}
.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}
.box{ border:solid 1px #E5E5E5}
.thickbox { border:solid 4px #000}
.box2{ border:solid 1px #7f9db9;}
.box3{ border:solid 1px #7f9db9; background-color:#f5f5f5; }
.largeblack{ font-size:1.3em; color:#000000; } 
.largegreen{ font-size:1.3em; color:#2F4485; }
.nav{ background-image:url(images/dot.gif); background-position:bottom; }
.red{ color:#D10101; }
.saleprice {color:#d40500}
.blue{color:#369dff;}
.green{ color:#21B30E;}
.saving{ color:#377DBE}
.lightgrey{ background-color:#E2E2E2}
.greytext{ color:#6C6C6E}
.blacktext{ color:#000000}
.dark{ background-color:#E2E2E2; height:29px; font-weight:bold }
.mid{ background-color:#ebebeb; }
.light{ background-color:#f7f7f7;}
.approval{ background-color:#FEEEEE}
.tb{ width:200px}
.dd{ width:206px}
.title{ font-size:1.3em; color:#E4A816;}
.centretext{ text-align:center}
.biggertext{ font-size:1.2em;}
.biggerblack { font-size:1.05em; color:#000000; font-weight:bold}
.biggernowprice{ font-size:1.3em; 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.1em; margin:0px; padding:0px; elevation:0px; font-weight:bold; color:#367ECA}
h2{font-size:1.15em; margin:0px; padding:0px; font-weight:bold; color:#c42b20}
h2.grey{font-size:12px; margin:0px; padding:0px; font-weight:800; color:#727272; font-family:Tahoma}
h3{font-size:1.1em; margin-bottom:0px; padding:0px; margin:0px; font-weight:bold; color:#c42b20; text-decoration:underline;}
h3.noline{font-size:1.05em; margin-bottom:0px; padding:0px; margin:0px; font-weight:bold; color:#c42b20; text-decoration: none;}

.foursides { background-color:#F4F4F4; border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6; }
.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.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/bot-left.gif) no-repeat bottom left;
	width:100%;
	   height:100%;
	   text-align:left;
}





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
{
	padding-bottom:4px;
	
	margin:0px;
	overflow:hidden;
	
}


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

/*.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;
}

.pnl1 {
 position:relative;
}

.button100 { z-index:0; background:url(images/but-75.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px;  background-repeat:no-repeat; width:75px; text-align:center}


.container {
    margin: 0 auto;
    width: 1002px;
    background-image: url(images/middle-back.png);
    background-repeat: repeat-y;
    background-position: left top;
    padding-left: 0px;
    padding-right: 0px;
   
}

.container-end {
    margin: 0 auto;
    width: 1002px;
    height: 40px;
    /*background-image: url(images/footer-background.png);
    background-repeat: no-repeat;
    background-position: left top;*/
}

.dynamic-banner-container
{
	margin: 0 auto;
    width: 1002px;
}



.clear {
    clear: both;
}

.nav-container {
    display: block;
    width: 1002;
    height: 41px;
    background-image: url(images/nav-back.png);
    background-repeat: repeat-x;
    background-position: center top;
}

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

.header-container 
{
    margin: 0 auto;
    width: 1002px;
    background-image:url(images/top-background.png);
    background-repeat:no-repeat;
    height:130px;
   
}

.header-container .logo-container {
    display: block;
    float: left;
    
    margin-top: 22px;
    margin-left:12px;
}

.header-container .header-right-container {
    display: block;
    float: right;
    
    margin-top: 10px;
}

ul.topnav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: -5px 0px 0px 5px;
    line-height:20px;
    float:right;
}

ul.topnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    height: 20px;
    margin-left: 10px;
    font-size:15px;
}

ul.topnav li.first {
    margin-left: 0px;
}

ul.topnav li a.aboutus {
    display: block;
    /*background-image: url(images/about-us.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    /*width: 82px;*/
    height: 20px;
    margin-right:8px;
   
}

ul.topnav li a.myaccount {
    display: block;
    /*background-image: url(images/myaccount.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    /*width: 82px;*/
    height: 20px;
    margin-right:8px;

}

ul.topnav li a.tips {
    display: block;
    /*background-image: url(images/handytips-topnav.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    width: 78px;
    height: 20px;
    margin-right:8px;
}

ul.topnav li a.blog {
    display: block;
    /*background-image: url(images/blog-topnav.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    width: 30px;
    height: 20px;
    margin-right:8px;
}

ul.topnav li a.a-z {
    display: block;
    /*background-image: url(images/atoz-topnav.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    /*width: 93px;*/
    height: 20px;
    margin-right:8px;
}

ul.topnav li a.brand-a-z {
    display: block;
    /*background-image: url(images/brands.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    /*width: 50px;*/
    height: 20px;
    margin-right:8px;
}

ul.topnav li a.becomeAdistributor
{
    display: block;
    /*background-image: url(images/distributor-login.png);
    background-repeat: no-repeat;*/
    background-position: left top;
   /* width: 150px;*/
    height:20px;
    margin-right:8px;
    }
    
    ul.topnav li a.distributorArea
    {
        display: block;
        /*background-image: url(images/mydistributorArea.png);
        background-repeat: no-repeat;*/
        background-position: left top;
       /* width: 150px;*/
      height:20px;
      margin-right:8px;
    }

ul.topnav li a.findAdistributor
{
   display: block;
    /*background-image: url(images/enduserenquiry.png);
    background-repeat: no-repeat;*/
    background-position: left top;
    /*width: 125px;*/
    height: 20px; 
    margin-right:8px;
}

ul.topnav li a.help {
    display: block;
    /*background-image: url(images/needhelp-topnav.png);
    background-repeat: no-repeat;*/
    background-position: left top;
   /* width: 83px;*/
    height: 16px;
    margin-right:8px;
}

ul.topnav li a.contactus {
    display: block;
    /*background-image: url(images/contactus.png);
    background-repeat: no-repeat;*/
    background-position: left top;
   /* width: 83px;*/
    height: 16px;
}

/*ul.topnav li a.myaccount:HOVER {background-image: url(images/myaccount-over.png);}
ul.topnav li a.aboutus:HOVER {background-image: url(images/about-us.png);}
ul.topnav li a.tips:HOVER {background-image: url(images/handytips-topnav-over.png);}
ul.topnav li a.blog:HOVER {background-image: url(images/blog-topnav-over.png);}
ul.topnav li a.a-z:HOVER {background-image: url(images/atoz-topnav-over.png);}
ul.topnav li a.brand-a-z:HOVER {background-image: url(images/brands-over.png);}
ul.topnav li a.help:HOVER {background-image: url(images/needhelp-topnav-over.png);}
ul.topnav li a.contactus:HOVER {background-image: url(images/contactus-over.png);}

ul.topnav li a.becomeAdistributor:HOVER {background-image: url(images/distributor-login.png);}
ul.topnav li a.distributorArea:HOVER {background-image: url(images/mydistributorArea.png);}

ul.topnav li a.findAdistributor:HOVER {background-image: url(images/enduserenquiry.png);}*/

.search-outer {
    margin-top: 15px;
}

.search-container {
    display: block;
    background-image: url(images/topsearch-back.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 633px;
    height: 50px;
    padding: 8px 10px 0px 0px;
}

.search-surround {
    display: block;
    background-image: url(images/searchbox-background.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 265px;
    height: 26px;
    padding: 5px 0px 0px 35px;
}


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



/* ---------------  Start: Breadcrumb   --------------- */

.breadcrumb-container { 
    display: block;
    background-image: url(images/breadcrumb-back.png); 
    background-repeat: no-repeat; 
    height: 37px;
    margin: 0px 0px 15px 10px; 
    font-size: 0.85em;
}

/* ---------------  End: Breadcrumb   --------------- */


/* ---------------  Start: Newsletter   --------------- */

.newsletter-container {
    display: block;
    /*background-image: url(images/newsletter-back.png); */
    background-image: url(images/breadcrumb-back.png);
    background-repeat: no-repeat; 
    width: 1002px;
    height: 37px;
    padding: 5px 0px 0px 0px;
    margin: 10px 0px 10px 10px;
   
}

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

.newsletterbox-container {
    display: block;
    background-image: url(images/newsletterbox-background.png); 
    background-repeat: no-repeat; 
    width: 260px;
    height: 26px;
    padding: 5px 0px 0px 35px;
    text-align: left;
}

/* ---------------  End: Newsletter   --------------- */

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

.myfooter
{
    display:block;
    background-image: url(images/footer-back.png);
    background-repeat: no-repeat; 
    height: 250px;
     width: 1002px;
     background-position:center;
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 0px;
    
}

.footer-container {
   /*   display: block;
    background-image: url(images/footer-back.png);
    background-repeat: no-repeat; 
    width: 1002px;
  height: 185px; */
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 0px;
}

ul.footer 
{
    display:block;
    height:260px;
    width:980px;
     background-image: url(images/footer-back.png);
    background-repeat: no-repeat; 
    margin:  0 0 0 15px;
    padding: 20px 0 0 20px;
    list-style-type: none;
}

ul.footer li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 230px;
    margin-left: 10px;
}

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

ul.footer li ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    padding: 2px 0px;
}

ul.footer li h2 {
    color: #c42b20;
    font-size: 1.2em;
}
    
.copyright-container {
    display: block;
    float: left;
    margin: 10px 0px 0px 40px;
}

.powered-container {
    display: block;
    float: right;
    margin: 10px 40px 0px 0px;
}

.arrows {
    color: #262626;
    font-size: 0.9em;
}


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

ul.footer-products li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 230px;
    margin-left: 10px;
    margin-bottom: 20px;
}

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

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

ul.footer-products li ul li a {
    font-size: 0.85em;
}

ul.footer-products li a.heading {
    font-weight: bold;
    color: #c42b20;
}

.footer-links2  {
    display: block;
    color: #c42b20; 
}

.footer-payments {
    margin-bottom: 10px;
}

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

a.maxCategories {
    text-decoration: underline;
    font-size: 0.95em;
}

a.more-products {
    color: #369dff;
    font-size: 0.85em;
    background-image: url(images/arrow.png); 
    background-repeat: no-repeat; 
    background-position: right center;
    padding: 0px 12px 0px 0px;
    
}

.nav-back {
    display: block;
    background-image: url(images/product-list-nav.png);
    background-repeat: no-repeat; 
    background-position: left top; 
    font-size: 0.85em;
}

a.grid-view {
    background-image:url(images/grid-icon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0px 17px 0px 0px;
    margin-right: 5px;
}

a.list-view {
    background-image:url(images/list-icon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0px 35px 0px 0px;
    margin-right: 5px;
}

h3.productName { 
    text-decoration: none; 
}

h3.productName a {
    color: #5f6062;
    font-weight: normal;
    font-size: 1.0em;
}

h3.productName a:HOVER {
    text-decoration: none;
    color: #369dff;
}

a.productnav:HOVER {
    color: #333;
}

.price-container { font-size: 1.4em; font-weight: bold;margin-bottom: 5px; display: block; text-align: right; color: #369dff;}
.price{ font-size:19px;}
.grid-price-container { font-size: 1.2em; font-weight: bold;margin-bottom: 5px; display: block; text-align: center; color: #369dff;}
.grid-price { font-size: 1.2em; color: #D10101; font-weight: normal;}


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

ul.product-grid li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: left;
    width: 180px;
    height: 315px;
    background-image: url(images/product-grid.png); 
    background-repeat: no-repeat;
    margin-left: 5px;
    text-align: center;
}

ul.product-grid li:HOVER {
    background-image: url(images/product-grid-over.png); 
}


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

ul.product-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    width: 740px;
    height: 145px;
    background-image: url(images/product-list.png); 
    background-repeat: no-repeat;
    padding: 5px 10px;
}

ul.product-list li:HOVER {
    background-image: url(images/product-list-over.png); 
}

ul.product-list li .photo-container {
    display: block;
    float: left;
    width: 110px;
}

ul.product-list li .description-container {
    display: block;
    float: left;
    width: 300px;
}


ul.product-list li .description-container .description-content {
    display: block;
   /* height: 50px;*/
}

ul.product-list li .basket-container {
    display: block;
    float: right;
    width: 200px;
    margin-right: 30px;
    text-align: right;
}

ul.product-grid li .rating {
    margin-bottom: 5px;
    padding-left: 0px;
}


ul.product-grid li .rating .rating-container {
    display: block;
    height: 25px;
    width: 125px;
    text-align: center;
    padding-left:33px;
}

ul.product-grid li .rating .rating-container .rating-link-container {
    padding-top: 5px;
}



/* ---------------  End: Products   --------------- */
    
/* ---------------  Start: Product Info  --------------- */

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



.product-title-container {
    display: block;
    float: left;
    width: 480px;
}

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

.product-title-container h1 {
    color: #5f6062;
    font-size: 1.25em;
    margin: 7px 0px 20px 0px;
}

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

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

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

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.85em;
    padding-left:10px;
    padding-top:5px;
}

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

ul.product-options li.last {
    float: right;
    padding-right: 20px
}

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

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

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

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

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

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

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;
}


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

ul.alternative-products li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 350px;
    height: 130px;
}

ul.alternative-products li.right {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 350px;
    height: 130px;
    padding-left:20px;
}


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 {
    height: 50px;
    color: #5F6062;
    font-weight: normal;
    text-decoration: none;
}

ul.alternative-products ul li.details h3 a:HOVER {
    text-decoration: none;
}

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

ul.alternative-products ul li.details .price-container .price {
    color: #5F6062;
    font-weight: normal;
        background-color:#ffffff;
}


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

.price-container .price {
    color: #00B3AD;    
    background-color:#ffffff;
}

a.more-info {
    display: block;
    width: 116px;
    height: 25px;
    background-image:url(images/moreinfo.png);
    background-repeat: no-repeat; 
    background-position: left center;
}

.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: 125px;
}

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

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

.sizeoptions {
    display: block;
    width: 100%;
    line-height:30px;
}


.product-selection-header {
    text-align: right;
    background-color: #f2f2f2;
    padding: 5px 10px;
    margin: 5px 0px;
    font-weight: bold;
    color: #333;
    line-height:20px;
}

.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; 
}

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

.buy { 
    display: block;
    float: right;    
}

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

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



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

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

.order-line {
    display: block; 
    height: 2px; 
    width: 100%; 
    border-top: 2px solid #c42b20;
}

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: #000;
    padding-right: 5px;
    
}

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

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

.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;
}

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

.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/stars3.gif');
    width: 20px;
    height: 25px;
    cursor: pointer;
}
    
a.star {
    display: block;
    float: left;
    background-image: url('images/stars3.gif');
    background-position: 0px 25px;
    width: 20px;
    height: 25px;
    cursor: pointer;
}
    
a.star-over, .star-over {
    display: block;
    float: left;
    background-image: url('images/stars3.gif');
    background-position: 0px 50px;
    width: 20px;
    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;
    text-decoration: underline;
}

.write-review-container {
    display: block;
    float: left;
    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/related-tab.png);
    background-position: left bottom;
    background-repeat: no-repeat; 
    padding-left: 195px;
    height: 23px;
}

.recent-products-header {
    display: block;
    background-image: url(images/recent-tab.png);
    background-position: left bottom;
    background-repeat: no-repeat; 
    padding-left: 195px;
    height: 23px;
}

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



.order-here-header {
    display: block;
    background-image:url(images/order-here.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 100%;
    height: 23px; 
    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-right: 10px;
}

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

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

.product-price-container {
    font-weight: bold;
    font-size: 1.3em;
    /*font-family: Verdana;*/
    color: #333;
}

.product-price-container .price {
    color: #D10101;
    font-size: 1.7em;
    font-weight: bold;
        background-color:#ffffff;
}

.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;
    background-color: #f7f7f7;
}

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-options-container {
    display: block;
    height: 75px;
    padding-left:15px;
}

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

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


.product-description-container .srp, .product-description-container-expand .srp {
    font-size: 1.1em;
    padding-top: 3px;
    color: #000;
    text-transform: uppercase;
}

.product-description-container .discount, .product-description-container-expand .discount {
    color: #00B3AD;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.product-description-container .reference-code, .product-description-container-expand .reference-code {
    font-weight: bold;
    color: #5F6062;
}

.product-description-container .pack-size, .product-description-container-expand .pack-size {
    font-size: 0.8em;
    font-weight: normal;
    color: #5F6062;
}

.product-description-container .stock, .product-description-container-expand .stock {
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
    font-size: 1.1em;
}

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;
}

.display {
    display: block;
}

.hide {
    display: none;
}


.email-to-friend-container {
    display: block;
    margin-bottom: 10px;
}

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

/* ---------------  End: Product Info  --------------- */    
    
    
    /* ---------------  Start: Brands Page   --------------- */

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


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

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

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


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;
    
    margin: 20px 0px;
    text-align: center;
    width: 32%;
}

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: 10px;
}

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 Page   --------------- */
    
    
    
/* ---------------  Start: Category Page   --------------- */

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


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

.category-header-container .left {
    display: block;
    float: left;
    width: 150px;
}

.category-header-container .right {
    display: block;
    float: right;
    width: 700px;
}


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

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

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

ul.category-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.category-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.category {
    float: left;
}



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

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

ul.category li .category-logo {

}

ul.category li .category-name {
    margin-top: 2px;
}

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

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

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

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

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

/* ---------------  End: Category Page   --------------- */
    
    
    
/* ---------------  End: Footer   --------------- */


a.product-nav-name {
    color: #595959;
    font-size: 1.15em;
    text-decoration: none;
}

a.product-nav-name:HOVER {
    color: #c42b20;
}







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


.nav-inside {
    margin: 0 auto;
    width: 989px;
}


#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 */
	float: left;
	width: 203px; /* width needed or else Opera goes nuts */
}

#nav li.splitter {
    display: block;
    float: left;
    background-image: url(images/nav-splitter.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 2px;
    height: 40px;
}

#nav li.home { width: 63px; padding: 0px 0px 0px 0px; }
#nav li.one, #nav li.onesfhover { width: 178px; }
#nav li.two, #nav li.twosfhover { width: 158px; }
#nav li.three, #nav li.threesfhover { width: 148px; }
#nav li.four, #nav li.foursfhover { width: 128px; }
#nav li.five, #nav li.fivesfhover { width: 128px; }
#nav li.six, #nav li.sixsfhover { width: 178px; }
#nav li.seven, #nav li.sevensfhover { width: 173px; }

#nav li a {
    height: 27px;
	display: block;
	
	background-position: left top;
    background-repeat: no-repeat;
    padding: 13px 0px 0px 30px;
    
}


#nav li a:HOVER, #nav li a.active { 
    background-image: url(images/nav-back-on.png);
    background-repeat: repeat-x;
}

#nav li.homesfhover {width: 63px;}
#nav li.home a, #nav li.homesfhover a { padding: 5px 0px 0px 18px; height: 35px; width: 45px; }

#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.onesfhover div.subnav,
#nav li.twosfhover div.subnav,
#nav li.threesfhover div.subnav,
#nav li.foursfhover div.subnav,
#nav li.fivesfhover div.subnav,
#nav li.sixsfhover div.subnav,
#nav li.sevensfhover div.subnav { /* lists nested under hovered list items */
	left: auto;
}

#nav li.one:HOVER div.subnav, #nav li.onesfhover div.subnav { left: auto; margin-left: -65px; }
#nav li.two:HOVER div.subnav, #nav li.twosfhover div.subnav { left: auto; margin-left: -100px; }
#nav li.three:HOVER div.subnav, #nav li.threesfhover div.subnav { left: auto; margin-left: -100px; }
#nav li.four:HOVER div.subnav, #nav li.foursfhover div.subnav { left: auto; margin-left: -200px; }
#nav li.five:HOVER div.subnav, #nav li.fivesfhover div.subnav { left: auto; margin-left: -330px; }
#nav li.six:HOVER div.subnav, #nav li.sixsfhover div.subnav { left: auto; margin-left: -325px; }
#nav li.seven:HOVER div.subnav, #nav li.sevensfhover div.subnav { left: auto; margin-left: -459px; }

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

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

#nav li.one .subnav .connector, #nav li.onesfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden;
    background-color: #ffb25a;
    margin-left: 65px;
    width: 178px;   
}

#nav li.two .subnav .connector, #nav li.twosfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 100px;
    width: 158px;   
}

#nav li.three .subnav .connector, #nav li.threesfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 100px;
    width: 148px;   
}

#nav li.four .subnav .connector, #nav li.foursfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 200px;
    width: 128px;   
}

#nav li.five .subnav .connector, #nav li.fivesfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 330px;
    width: 128px;   
}

#nav li.six .subnav .connector, #nav li.sixsfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 325px;
    width: 178px;   
}

#nav li.seven .subnav .connector, #nav li.sevensfhover .subnav .connector {
    display: block;
    height: 5px;
    overflow: hidden; 
    background-color: #ffb25a;
    margin-left: 459px;
    width: 173px;   
}

#nav li .subnav .inside {
    position: absolute;
    display: block;
    background-color:#FAFAFA;
    border-top: 2px solid #FFB25A;
    border-bottom: 2px solid #FFB25A;
    border-left: 1px solid #c42b20;
    border-right: 1px solid #c42b20;
    width: 610px;
    padding: 10px;
}

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

#nav li .subnav ul li a {
    display: block;
    padding: 0;
    margin: 0;
    padding: 3px 5px;
    margin: 3px;
    height: auto;
}

#nav li .subnav ul li a:HOVER {
    background-image: none;
   
}

#nav li .subnav ul li a.dark {
    /*background-color: #eee;*/
     background-color: #FAFAFA;
    border-bottom:solid 1px #ccc;
    font-weight: normal;
}

#nav li .subnav ul li a.light 
{
	border-bottom:solid 1px #ccc;
    background-color: #FAFAFA;
}

#nav li .subnav ul li a.dark:HOVER {
    /*
       background-color:#FFB25A;
    border-bottom:solid 1px #ccc;
    font-weight: normal;*/
}

#nav li .subnav ul li a.light:HOVER 
{
	/*border-bottom:solid 1px #ccc;
       background-color:#FFB25A;*/
}

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

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

.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: 200px;
    height: 26px;
}

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

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

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

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

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

.checkout-header-thankyou {
    display: block;
    background-image:url(images/checkout-header-thankyou.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 240px;
    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: 17px;
}

.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: 17px;
}

.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;
}

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: 25px;  
}

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: 259px;
    height: 55px;
    background-image:url(images/proceed-to-checkout.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 8px;
}

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

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

a.big-button {
    display: block;
     width: 259px;
    height: 55px;
    background-image:url(images/big-button.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 10px;
     color:White;
      text-align:center;
       vertical-align:middle;
    font-size:medium;
     font-weight:bold;
}

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

.grand-total-title {
    font-size: 1.2em;
    font-weight: bold;
}

.grand-total {
    font-size: 1.2em;
    color: #c42b20;
    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;
    width: 7px;
    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;
}

.carousel-price-title {
    font-size: 12px;
    font-weight: bold;
    color: #00B3AD;
}

.carousel-price {
    font-size: 12px;
    font-weight: bold;
    color: #D40500;
}

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

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

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

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

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

/* ---------------  Start: Rounded Corners   --------------- */

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;
}

*/
.round-blue .top {
width:100%;
height:10px;
background:url(images/round-top-left-blue.gif) no-repeat left top;
overflow: hidden;
}
.round-blue .top span {
display:block;
position:relative;
height:10px;
background:url(images/round-top-right-blue.gif) no-repeat right top;
overflow: hidden;
}
.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;
overflow: hidden;
}
.round-blue .bottom span {
display:block;
position:relative;
height:10px;
background:url(images/round-bottom-right-blue.gif) no-repeat right top;
overflow: hidden;
}
.round p {margin:0 0 1em 0}

/* ---------------  End: Rounded Corners   --------------- */

a.add-to-basket-large {
    display: block;
    width: 92px;
    height: 25px;
    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; 
}



.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;
overflow: hidden;
}
.round .top span {
display:block;
position:relative;
height:10px;
background:url(images/round-top-right.gif) no-repeat right top;
overflow: hidden;
}
.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;
overflow: hidden;
}
.round .bottom span {
display:block;
position:relative;
height:10px;
background:url(images/round-bottom-right.gif) no-repeat right top;
overflow: hidden;
}
.round p {margin:0 0 1em 0}

.modalPopup		 { border: solid 1px black; background-color:White; }
.modalPopup	.head { background:url(images/nav-back.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}

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

/*************    MY ACCOUNT ******************/
a.myaccount:link		{ color: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; }
a.myaccount:visited		{ color: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; }
a.myaccount:hover		{ color: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; }

h2.myaccount {font-size:1.15em; margin: 5px 0px 10px 0px; padding:0px; font-weight:bold; color:#367ECA}

.pt10 { padding-top:10px; vertical-align:top;}

.w50 { width:50px; vertical-align:top;  padding-top:10px;}

/*************   END MY ACCOUNT ***************/

/* Search Breakdown */
.breakdownTitle         { border-top:solid 1px #E6E6E6; padding-top:5px; padding-left:18px; }
.breakdownTitle1         { line-height:1px; border-top:solid 1px #E6E6E6; padding-top:8px; padding-left:0px; margin-top:25px; }
.breakdownTitleNoLine   { padding-top:5px; padding-left:18px; }
.searchApply            { float:right; padding-right:4px; clear: both;}
.accSearch{background-image:url(images/accordian-search.png); background-position:center bottom; background-repeat:no-repeat}

ul.downloads li { margin-top:5px; margin-bottom:10px}
ul.downloads li a { color:#3D73FD;}
ul.downloads li.title { color:#D10101}

.downloadstitle {color:#D10101; font-size:1.1em}

a.downloadslink:link {color:#3D73FD;}
a.downloadslink:visited {color:#3D73FD;}
a.downloadslink:hover {color:#3D73FD;}



.rptNav-Photo
{
	position:relative;	
	float:left;
	display:block;
	width:173px;
	height:175px;
}

.rptNav-PhotoLayer
{
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:block;
	width:180px;
	height:170px;
	z-index:1; /* z-index one to be behind mask */
}

.rptNav-MaskLayer
{
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:block;
	width:173px;
	height:155px;
	z-index:2; /* z-index 2 to be infront of product image */
	background:url(images/T2ProductMask.png) no-repeat; /* Mask with transparent centre and white rounded corners*/
	background-position:center center;
}