/********************************************************************************************************
 Stylesheet
 ********************************************************************************************************/

/* Supergroups */

.cables			{ background-color: #2257D5 }
.educational	{ background-color: #C60000 }
.electrical		{ background-color: #7C7C7C }
.electronic		{ background-color: #930FA5 }
.office			{ background-color: #348C35 }
.tools			{ background-color: #F95602 }

/* Homepage */

.homepageBlue			{ color: #D3DBE3 }
.homepageBlueBox		{ border: solid 1px #D3DBE3 }
.homepageOrange			{ background-color: #FDE9DE }
.promoFiller			{ color: White; font-size:1.2em; }

/* Top Navigation */

#topNav 				{ float: left; width: 100%; background: url("../images/topnav/topnavback.gif") }
#topNav ul				{ margin: 0; padding: 0; list-style: none; }
#topNav li				{ float: left; list-style: none; background: url("../images/topnav/topnavdivider.gif") no-repeat left top;
						  margin: 0; padding: 0 0 0 2px; font-family: Verdana; color: black; }
#topNav a				{ display: block; background: url("../images/topnav/topnavback.gif"); padding:5px 6px 4px 6px; 
						  text-decoration: none; font-weight: bold; color: black; }
#topNav a:hover			{ background: url("../images/topnav/topnavhilite.gif") }

#topNav li.cables a				{ background: url("../images/topnav/topNavCables.gif") }
#topNav li.cables a:hover		{ background: url("../images/topnav/topNavCables.gif") }

#topNav li.educational a		{ background:url("../images/topnav/topNavEducational.gif") }
#topNav li.educational a:hover	{ background:url("../images/topnav/topNavEducational.gif") }

#topNav li.electrical a			{ background:url("../images/topnav/topNavElectrical.gif") }
#topNav li.electrical a:hover	{ background:url("../images/topnav/topNavElectrical.gif") }

#topNav li.electronic a			{ background:url("../images/topnav/topNavElectronic.gif") }
#topNav li.electronic a:hover	{ background:url("../images/topnav/topNavElectronic.gif") }

#topNav li.office a				{ background:url("../images/topnav/topNavOffice.gif") }
#topNav li.office a:hover		{ background:url("../images/topnav/topNavOffice.gif") }

#topNav li.tools a				{ background:url("../images/topnav/topNavTools.gif") }
#topNav li.tools a:hover		{ background:url("../images/topnav/topNavTools.gif") }

/* Left Navigation */

#leftNav				{ width:158px; }
#leftNav dd				{ display:inline; list-style-type:none; padding: 0; margin: 0; }
#leftNav dl 			{ margin: 0 0 2px 0; padding: 0; }
#leftNav dt				{ margin: 0; padding: 0; }

#leftNav dt a			{ font-family: Verdana; color:#000; display:block; 
						  font-weight:bold; padding:2px 0 4px 2px; text-decoration:none; }
										
#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 dl.cables					{ border:1px solid #2257D5;}
#leftNav dl.cables dt a				{ background: url("../images/leftNav/cablesBack.gif") }
#leftNav dl.cables dd a 			{ background: url("../images/leftNav/cablesArrow.gif") no-repeat 2px 6px; background-color:#B2C4F0}
#leftNav dl.cables dd a:hover		{ background-color: #7A9AE6;}

#leftNav dl.educational 			{ border:1px solid #C60000;}
#leftNav dl.educational dt a		{ background: url("../images/leftnav/educationalBack.gif") }
#leftNav dl.educational dd a		{ background: url("../images/leftnav/educationalArrow.gif") no-repeat 2px 6px; background-color:#EEACB3}
#leftNav dl.educational dd a:hover	{ background-color: #DD6666;}
									
#leftNav dl.electrical 		 		{ border:1px solid #7C7C7C;}
#leftNav dl.electrical dt a			{ background: url("../images/leftnav/electricalBack.gif") }
#leftNav dl.electrical dd a			{ background: url("../images/leftnav/electricalArrow.gif") no-repeat 2px 6px; background-color:#D1D1D1; }
#leftNav dl.electrical dd a:hover	{ background-color: #B0B0B0;}

#leftNav dl.electronic 				{ border:1px solid #930FA5;}
#leftNav dl.electronic dt a			{ background: url("../images/leftnav/electronicBack.gif") }
#leftNav dl.electronic dd a			{ background: url("../images/leftnav/electronicArrow.gif") no-repeat 2px 6px; background-color:#D9ABE0}
#leftNav dl.electronic dd a:hover	{ background-color: #BE6FC9;}

#leftNav dl.office 					{ border:1px solid #348C35;}
#leftNav dl.office dt a				{ background: url("../images/leftnav/officeBack.gif") }
#leftNav dl.office dd a				{ background: url("../images/leftnav/officeArrow.gif") no-repeat 2px 6px; background-color:#B8D7B8}
#leftNav dl.office dd a:hover		{ background-color: #85BA86;}

#leftNav dl.tools 					{ border:1px solid #F95602;}
#leftNav dl.tools dt a				{ background: url("../images/leftnav/toolsBack.gif") }
#leftNav dl.tools dd a				{ background: url("../images/leftnav/toolsArrow.gif") no-repeat 2px 6px; background-color:#FDC4A7}
#leftNav dl.tools dd a:hover		{ background-color: #FB9A67;}

div.quickTitle a		{ font-family: Verdana; color:#003366; cursor: hand; width:152px; 
						  height:15px; padding:2px; background-repeat:no-repeat; background-color: #BECCDA; display:block; }
div.quickTitle a:hover	{ background-color: #A5B6C8; text-decoration:none; }

/* Welcome Back */

.bigRed					{ font-family:Verdana; font-size:2em; color:#CC0000; font-weight:bold; }

/* Override */

body					{ font-family:Verdana; font-size:.65em; }

a						{ font-family:Verdana; color:#000000; text-decoration:none; }
a:hover					{ text-decoration:underline; }
.tb{ width:268px}
.dd{ width:274px}
td						{ font-family:Verdana; color: black; }
select, input, textarea				{ font-family:Verdana; color: black; font-size:.95em;}
ul						{ padding-left:0px; text-indent:0px; margin-left:16px; margin-bottom:0px; margin-top:10px;}
li						{ list-style-type: disc; }

/* Common */

.title					{ font-family:Verdana; font-size:1.2em; color:#003366; font-weight:bold;}
.title2					{ font-family:Verdana; font-size:1.1em; color:#003366; font-weight:bold;}

.dark					{ background-color:#D6D5C1; color:#000000;}
.mid					{ background-color:#E3E2D3;}
.light					{ background-color:#ECEBE1;}
.palegrey				{ background-color:#ECECEC;}
.darkgrey				{ background-color:#CAC9B9;}
.blue					{ font-family: Verdana; color:#003366; font-weight:normal; }
.blueBold				{ font-family: Verdana; color:#003366; font-weight:bold; }

td.topnav				{ color:#CFCFD1}
a.topnav:link			{ text-decoration:none; color:#CFCFD1}
a.topnav:visited		{ text-decoration:none; color:#CFCFD1}
a.topnav:hover			{ text-decoration:underline; color:#CFCFD1}

a.news:link				{ color:#A90000}
a.news:visited			{ text-decoration:none; color:#A90000}
a.news:hover			{ text-decoration:underline; color:#A90000}

a.breadcrumb:link		{ text-decoration:none; }
a.breadcrumb:visited	{ text-decoration:none;  }
a.breadcrumb:hover		{ text-decoration:underline; }

a.white					{ color: white; text-decoration:none; font-weight:bold; }
a.white:hover			{ color: white; text-decoration:underline; font-weight:bold; }

a.whitenav					{ color: white; text-decoration:none; }
a.whitenav:hover			{ color: white; text-decoration:underline;}

a.blue					{ color: #003366; }
a.blue:hover			{ color: #003366; text-decoration:underline; }

a.bluelink:link			{ color: #0300FF; text-decoration:underline; }
a.bluelink:visited		{ color: #0300FF; text-decoration:underline; }
a.bluelink:hover		{ color: #0300FF; text-decoration:underline; }

a.bold					{ text-decoration:none; }
a.bold:hover			{ text-decoration:underline; }

.XMLHeading				{ font-family:Verdana; color:#003366; font-weight:normal; font-weight:bold; }

.f9						{ font-size:0.80em; }

/* Print Product Info */

.printtitle				{ font-size:1.2em; color:#000000; font-weight:bold; }
.printbox				{ border:solid 1px #000000; }

/* Others */

.white		{ color: white; }
.white11b	{ font-family:Verdana; font-size:1em; font-weight:bold; color: white; }
b
.menutitle	{ font-family: Verdana; color:#000000; font-weight:bold; cursor: hand; width:154px; height:13px; padding:2px; background-repeat:no-repeat; }

.bigTitle	{ font-family: Verdana; font-size:1.15em; color:#003366; font-weight:bold; height:22px; padding:2px; background-repeat:no-repeat; background-color: #BECCDA; }
.blocktitle { background-color:#ECECEC; font-size:1.55em; padding-left:2px; }
.regblocktitle{ background-color:#ECECEC; font-size:1.35em;}
.line		{ background-color:#EBEBEB}
.rightborder{ border-right: solid 1px #EBEBEB}
.submenu	{ padding-bottom: 2px; }
.button		{ border:solid 1px #789DBA; background-color:#ffffff; color:#000000;cursor:hand }
.bluebox	{border: solid 1px #789DBA} 
.lightbluebox{ background-color:#CEDDF4; border: solid 1px #81A9E4;}

.darkblue	{color:#305AA2}
.navcolour	{ background-color:#305AA2}
.box	{ border:solid 1px #D0D9E3; }
.darkbox { border:solid 1px #003366; }
radio { color:#ffffff; vertical-align:text-bottom}



div.topbanner
{
	background: url(../netalogue/header3.gif) no-repeat top right;
}

div.centresection
{
	background: url(../images/netalogue-map.gif) no-repeat top;
}


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

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

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

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

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

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

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

div.roundcornerb div div {
	background: url(../images/leftnav/bottomright.gif) no-repeat bottom right;
	width:100%;
	   height:100%;
	   text-align:center;
	   
}

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