/********************************************************************************************************
 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; }
.displaynone {display:none;}

/* 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 */

#ctl00_leftNav			{ width:210px; max-width:210px;  }
#ctl00_leftNav dt		{ width:165px; max-width:165px;  font-weight:bold; margin: 0; padding:0px 0 0px 0px; height:19px; background-color:#C3EAD5; background: url("images/leftnav/roundcorner.gif") }
#ctl00_leftNav dl 		{ width:165px; max-width:165px; margin: 0 0 0px 0; padding: 0; }
#ctl00_leftNav ddl		{ width:165px; max-width:165px;  height:100%; padding: 0; margin: 0; background-color:#C3EAD5 }
#ctl00_leftNav dd		{  display:inline; width:165px; max-width:165px;  height:100%; list-style-type:none; padding: 5px 5px 5px 5px; margin: 0; background-color:#EAF3EE }
										
#ctl00_leftNav dd a			{ border-top:0px solid #FFFFFF; width:100%; color:#000000; display:block; font-family: Verdana; 
							  margin:0; padding: 5px 5px 5px 5px; text-align:left; text-decoration:none; font-weight:normal; }
#ctl00_leftNav dd a:hover	{ background-color:#C3EAD5}				  

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; }
.leftdark { background-color:#C4EAD5; color:#00A54F}

.leftoption{ background-color:#EAF3EE;}

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


div.content
{
	background:url(../images/background.jpg) no-repeat top left;
}
/* 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; }

p {font-family:Verdana; color: black;}
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-size:1.55em; padding-left:2px; background-color:#C4EAD5; height:40px}
.title2					{ font-family:Verdana; font-size:1.1em; color:#003366; font-weight:bold;}

.dark					{ background-color:#C4EAD5; color:#34A549;}
.dark1					{ background-color:#B3C3EB; color:#46356D;}
.mid					{ background-color:#EAF3EE;}
.light					{ background-color:#EBEBEB;}
.biglight				{ background-color:#EBEBEB; font-size:15px}

.darkgrey				{ color:#949494;}
.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.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 { font-size:1.55em; padding-left:2px; background-color:#C4EAD5 }
.pale{ background-color:#C4EAD5}
.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 #a1a1a1} 
.lightbluebox{ background-color:#CEDDF4; border: solid 1px #81A9E4;}

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

.tb{ width:268px}
.dd{ width:274px}

.curve {
	   background: url(../images/curve.gif) no-repeat bottom right;
	   width:100%;
	   height:100%;
	}
	
	
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;
	   
}