/*new*/
.darkbox { border:solid 1px #C3C3C3}
.noborder { border:0px}
body
{
	 font-size:0.75em;color:#777777; font-family:Arial; margin:0px; background-color:#f6f6f6;
}

#topNav 				{ float:none; }
#topNav ul				{ margin: 0; padding: 0; list-style: none;  }
#topNav li				{ float: left; list-style: none; border-right:solid 1px #ffffff; border-left:solid 1px #2A3C46; margin: 0 0px 0px 0px; padding: 0 0 0 0px; font-family: arial; color: black; }
#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: black; }
#topNav li.norightborder{ float: left; list-style: none; border-left:solid 1px #6E6E6E; border-right:solid 0px #ffffff; margin: 0 0px 0px 0px; margin: padding: 0 0 0 0px; font-family: arial; color: black; }
							  
#topNav a		{ display: block; padding: 9px 12px 9px 12px;text-decoration: none; color: #ffffff; font-size:12px;}

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

#topNav li.mynav3{background-image:url(images/nav-back.gif); padding: 9px 11px 9px 11px;text-decoration: none; color: #ffffff; font-size:12px;}

.blacktext{ color:#000000}

#topNav dl { padding:0px; margin:0px; text-indent:0px; overflow:auto }
#topNav dd {padding:0px; margin:0px; overflow:auto}
#topNav dd.subheader a { text-indent:0px; background-image:none; display:block; color:#000000; background-color:#F0F1EC; padding:3px; text-align:left; text-decoration:none; font-weight:bold; }
#topNav dd.subheader a:hover { text-indent:0px; background-image:none; color:#3F505A; background-color:#F4E60F; padding:3px; 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:3px; text-align:left; text-decoration:none;}
#topNav dd.subitem a:hover { text-indent:0px; background-image:none; color:#3F505A; background-color:#F4E60F; margin:0px; padding:3px; text-align:left; text-decoration:none;}
		  
#topNav li.mynav2 a { display: block; background-image:url(images/nav-back-red.jpg); background-repeat:repeat; padding: 9px 11px 9px 11px;text-decoration: none; color: #ffffff; font-size:11px; border:solod 1px black;}
#topNav li.mynav2 a:hover { background-repeat:repeat; padding: 9px 11px 9px 11px;text-decoration: none; color: #ffffff; font-size:11px;}


/* Basket */
.quantityBox	{ text-align:center; font-size:11px; width:20px; border:solid 1px #909090;  }
.downBasket		{ width:261px;  position:relative; left:10px; clear: both;  }
.downBasketHTML	{ height:35px; border-left:solid 1px #E5E5E5; border-right:solid 1px #E5E5E5; background-color:White; }
.basket			{ width:261px; height:35px;  background:url(images/myBasketHeader.gif);  background-repeat:no-repeat; color:#000000; padding-top:0px; padding-left:37px; text-align:left; cursor:hand; }
.basketFooter	{ width:259px; border:solid 1px #E5E5E5; background-color:White; }
.basketprice    { font-size:1.3em; font-weight:bold;}
/* END BASKET */


/*MAGIC ZOOM*/
.MagicZoomSmallImageCont	{ position: relative; }
.MagicZoomBigImageCont		{ overflow: hidden; position: absolute; z-index: 100; border: 1px solid #9E2F2D; background:#fff; visibility: hidden; /* display: none; */ }
.MagicZoomHeader			{ position: relative; z-index: 10; left: 0px; top: 0px; font: 10px arial, Verdana, Arial, sans-serif;
							  color:#fff; background:#9E2F2D; padding:3px; }
.MagicZoomHeader a			{ color: #fff; }
.MagicZoomPup				{ z-index: 10; visibility: hidden; position: absolute; width: 50px; height: 50px; border: 1px solid #aaa; 
             				  background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);}
/*END ZOOM*/

.pale{ background-color:#FFFDE4; padding:5px; border-left:solid 1px #F0EFF4; border-right:solid 1px #F0EFF4}
.nopale{ padding:5px; border-left:solid 1px #F0EFF4; border-right:solid 1px #F0EFF4}
.palefooter { border-top:solid 1px #F0EFF4}

/* EMAIL MARKETING */
.editor_background
{
background-color: #ffffff; color:#777777;
}
.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; filter:alpha(opacity=70); opacity:0.7; }
.price{ color:#02365E; font-size:19px; font-weight:bolder; font-family:Impact; background-image:url(images/blue-footer.gif); background-color:#7AB0DF}
.emarkback{ background-color:#7AB0DF}
.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:#EBF5FE;border-right:solid 1px #5890bf}
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 #5890BF;border-left:solid 1px #5890BF}
.topblue{ border-top:solid 1px #5890bf}
.lblue{ border-left:solid 1px #5890bf}

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

#wrapper{
position:relative;
padding:0px;
margin:0 auto;
width:975px;
height:900px;;
background:url(images/supplieswebbg.JPG) top left no-repeat;
}

#flash{
position:relative;
padding:0px 0px 0px 0px;
width:660px;
height:250px;
}

/* Left Navigation */
.leftNav				{ width:188px; }
.leftNav dd				{ display:inline; list-style-type:none; padding: 0; margin: 0;  }
.leftNav dl 			{ margin: 0 0 1px 0; padding: 0; background-image:url(images/left-nav-back.gif); color: #3B4C56; border-bottom:solid 1px #EFEFF2;border-left:solid 1px #EFEFF2;border-right:solid 1px #EFEFF2; }
.leftNav dl.selected	{ margin: 0 0 1px 0; padding: 0; background-image:url(images/left-nav-back.gif); color: #3B4C56; }
.leftNav dt				{ margin: 0; padding:0 }

.leftNav dt a			{ color: #000000; display:block; padding:5px 5px 5px 8px; text-decoration:none; }
						  
.leftNav dt a:hover		{ color:#3B4C56; font-weight:bold}
										
.leftNav dd a			{ color:#000; display:block; font-family: Verdana; margin:0; padding:2px 0 2px 11px; text-align:left; text-decoration:none; font-weight:normal; }
vleftNav dt.selected a	{ border-bottom:solid 0px #EFEFF2; display:block; color:#3B4C56; font-weight:bold; padding:5px 5px 5px 8px; text-decoration:none; }					
									
/*#leftNav dl					{ border:1px solid #2257D5;}*/
.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:#f6ddb8; color:#6F6F6F}


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

.footerhead{ background-image:url(images/footer-head.gif); height:22px}

.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; }
input{ font-size:1em}
textarea{ font-size:1em; font-family:arial;}
select{ font-size:1em}
.whitetext { color:#ffffff}

a:link{ color:#595959; text-decoration:none}
a:visited{ color:#595959; text-decoration:none}
a:hover{ color:#595959; 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:#595959; 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.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:#2F4485; text-decoration:none}
a.redlink:visited{ color:#2F4485; text-decoration:none}
a.redlink:hover{ color:#2F4485; text-decoration:none}

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

a.bluelink:link{ color:#020DFF; text-decoration:underline; font-weight:bold}
a.bluelink:visited{ color:#020DFF; text-decoration:underline; font-weight:bold}
a.bluelink:hover{ color:#020DFF; text-decoration:underline; font-weight:bold}

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}

.search{ background-color:#d2dfef; padding-top:10px; padding-bottom:10px}
.line{ background-color:#D5D5D5}
.box{ border:solid 1px #E5E5E5}
.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:#DB0000; }
.blue{color:#006EB7}
.green{ color:#2F4485;}
.white{ color:#fff;}
.saving{ color:#004c8e; font-weight:bold}
.lightgrey{ background-color:#f6f6f6}
.dark{ background-color:#2C3E49; color:#ffffff }
.yellow{ background-color:#FDFDCA}
.mid{ background-color:#FAFAAF; }
.light{ background-color:#FDFDCA;}
.tb{ width:170px}
.dd{ widows:170px}
.title{ font-size:1.3em; color:#2F4485;}
.centretext{ text-align:center}
.centreimage{ vertical-align:text-bottom;}
.biggertext{ font-size:1.2em;}
.biggernowprice{ font-size:1.2em; font-weight:bold; }
.navdark{ background-color:#3A4C56; 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; }
h1{font-size:1.4em; margin-bottom:10px; font-weight:normal; color:#377DBE}
h1.black{font-size:1.3em; margin-bottom:0px; font-weight:bold; color:#000000; margin-top:0px; padding:0px}
h2{font-size:1.0em; margin:0px; padding:0px; color:#ffffff}
h3{ font-size:1em; margin-bottom:0px; font-weight:bold;}
.ui-tabs-nav h2{
font-size: 1em;
margin-bottom: 0px;
font-weight: bold;
color: #777777;
}
a.advancedSearch { color: #006ED0; text-decoration: none;}
a.advancedSearch:HOVER {color: #000000; text-decoration: underline;}
.h1non {font-size:1.4em; margin-bottom:10px; font-weight:normal; color:#377DBE}

.accordian { background-image:url(images/accordian.gif); height:30px; text-indent:17px}
.topaccordian { background-image:url(images/top.gif); height:30px; text-indent:17px}

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

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

.top3sides { border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA}
.bottom3sides { border-bottom:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA}


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

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

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

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

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

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

div.searchbox div div div div 
{
	background:none;
	   text-align:left;
}

div.offerbox
{
    background: url(images/cat-right.gif) no-repeat top right;
	width:100%;
	height:100%;
	text-align:left;
	text-indent:10px;
	font-size:1.1em;
	color:#ffffff;
}

div.offerbox div
{
    background: url(images/cat-left.gif) no-repeat top left;
	width:100%;
	height:100%;
	text-align:left;
	padding-top:5px;
	font-size:1.1em;
	color:#ffffff
}

div.offerbox div a {
    /* color: #ffffff;*/
      color:Black;
    text-decoration: none;
}

div.offerbox div a:HOVER {
     /*color: #ffcb8c;*/
      color: White;
      text-decoration: underline;
}

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

a.maxCategories {
	background: url(images/move-down.gif) no-repeat center left;
	padding-left: 15px;
	color:#000000;
	font-size:1.1em;
}

a.minCategories {
	background: url(images/move-up.gif) no-repeat center left;
	padding-left: 15px;
	color:#000000;
	font-size:1.1em;
}

a.products {
	background: url(images/more-i.gif) no-repeat center left;
	height: 30px;
	padding: 5px 0px 5px 25px;
	color: #374953;
}
a.products:HOVER {
	background: url(images/more-i.gif) no-repeat center left;
	height: 30px;
	padding: 5px 0px 5px 25px;
	text-decoration: underline;
	color: #374953;
}

a.categoryName {
    color: #ffffff;
    text-decoration: none;
    font-size:1.1em;
    }
    
a.productName {
    color: #ffffff;
    text-decoration: none;
    }
    


a.categoryName:HOVER, a.productName:HOVER {
    color: #ffcb8c;
    text-decoration: underline;
}

a.product {
    color:#53616A;
    text-decoration:underline;
    font-size:1.1em;
    line-height:15px;
}

a.product:HOVER {
    color: #53616A;
    text-decoration: underline;
}


.rawticker {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: inline; FLOAT: left; BACKGROUND-IMAGE: url(/img/ticker_news_panel.gif); Margin:  4px 0px 4px; WIDTH: 850px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 15px; max-width: 900px
}

.rawticker .lnkcnt {
	CLEAR: none; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 5px; PADDING-LEFT: 12px; BACKGROUND-IMAGE: url(images/red-dot.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}

.rawticker .lnkcnt .lnk {
	TEXT-DECORATION: underline; color:#000000;
}

.producttable {
    color:black; background-color:#f39301;font-size:1.3em;text-align:center; font-family:Arial; font-weight:bold;
}

.productdata {
    color:black;background-color:#fff3d1; text-decoration:none; font-size:1.2em; text-align:center;font-family:Arial;
}

.productstext{ font-size:2.0em; color:Red; text-decoration:bold; font-style:italic;}

.productcenter{text-align:center;}


.search-top-bar {
    display: block;
    height: 13px;
    width: 100%;
	background-image: url('images/search-header.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 1px;
	
}

a.inkFinder {
    color: #30424d;
    text-decoration: none;
    padding-left: 15px;
    background-image: url('images/navarrow2.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

a.inkFinder:HOVER {
    color: #d60000;
    text-decoration: underline;
}



.search-drop-container {

width: 430px; position: absolute; top: 24px; left: 27px; z-index: 999; overflow-y: auto; overflow-x: hidden;
/*top: 208px;
left: 292px;*/
background-color: #fff; 
border: 1px solid #c6c3c6;
border-top: 0px; 

}

a.auto-suggest-item {
    display: block;
    height: 15px;
    padding: 3px 5px;
    text-align: left;
    z-index: 9999;
    cursor: pointer;
    color: #000;
}

a.auto-suggest-item:HOVER {
    background-color: #fffbb5; 
}

a.auto-suggest-item-active {
    display: block;
    height: 15px;
    padding: 3px 5px;
    text-align: left;
    z-index: 9999;
    cursor: pointer;
    color: #000;
    background-color: #fffbb5;
}

a.search-close {
    display: block;
    height: 15px;
    padding: 3px 5px;
    text-align: right;
    z-index: 9999;
    cursor: pointer;
    color: #000;
}

a.search-close:HOVER {
    background-color: #fffbb5;
}

/* ----------------     START: MAIN NAVIGATION     ---------------- */

.nav-container {
    display: block;
    height: 33px;
    width: 100%;
	background-image: url('images/nav-background.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	
}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background-image: url('images/nav-background.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	
	z-index: 1000;
}

#nav li {
	float: left;
	/*width: 8em;  width needed or else Opera goes nuts */
	background-image: url('images/nav-seperator.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav li a {
	display: block;
    height: 25px;
	padding: 10px 12px 0px 13px;
	color: #fff;
	text-align: center;
	height: 23px;
    background-image: url('images/nav-background.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-left: 1px;
}

#nav li a:HOVER {
    color: #3c4850;
    background-image: url('images/nav-background-over.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
}


/* drop down */

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid #e4e6e7;
}

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


#nav  li ul li {
    background-image: none;
    display: block;
    float: none;
}

#nav  li ul li a {
    display: block;
    height: auto; 
    padding: 5px 10px 5px 12px;
    text-align: left;
    color: #3c4850;
    background-image: none;
    background-color: #fff;      
}

#nav  li ul li a:HOVER {
    background-image: none;
    background-color: #fff763;
}

/* drop downs split into 2 columns */
 
#nav li.long ul {
    width: 420px;
}
#nav li.long ul li {
    float: left;
    width: 185px;
}

#nav li.long ul li a {
    float: left;
    width: 185px;
}


/* ----------------     END: MAIN NAVIGATION     ---------------- */