/* CSS Document */



/*main Navigation HERE------------------------------------------------------------------------------------*/
/* the horizontal menu starts here */
div#listcontainer {
	position:relative;
	left:190px;
	top:122px;
	width:570px;
	}
div#nav {
	width:100%; 	/* makes the div full width */
	font-size:1em;	/* SET FONT-SIZE HERE */
	/* background-color:#666666; colors the div */
	letter-spacing:.1em;
	font-weight:bold;
	}
div#nav li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#666666; sets the background of the menu items */
	border-right:1px solid #000000; /* creates dividing lines between the li elements */
	}
div#nav li:first-child {
	border-left:1px solid #000000; /*the first vertical line on the menu */
	}
div#nav li:hover { 
	/*background-color:#666666; sets the background of the menu items */
	}
div#nav a {
	display:block;
	padding:0 4px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	}
div#nav a:hover {
	color:#CCCCCC;
	}
/* the horizontal menu ends here ---------------------------------------------*/

/* the drop-down starts here --------------------------------------------------*/
div#nav ul li ul {
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:15.0em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}

div#nav ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #000000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	height:20px;
	line-height:20px;
	}

div#nav ul li ul li:first-child {
	border-top:1px solid #000000; /*the top edge of the dropdown */
	}
	
/* make the drop-down display as the menu is rolled over */

div#nav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#nav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#nav ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000000; /* adds the rightmost menu vertical line to the ul */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#nav ul li ul {
	border-top:1px solid #000000;
	border-left:0px; /* stops the drop inheriting the ul border */
	}	
/* end of hack zone */
/* END OF LIST-BASED MENU */

/*background COLOURS FOR DROP DOWNS--------------------------------------------------------------------------------------*/
div#nav ul li ul li.conventional {
	background-color:#666666;
	}	

div#nav ul li ul li.conventional ul li.cottons {
	background-color:#FFCC33;
	}	

div#nav ul li ul li.conventional ul li.drivers {
	background-color:#7B6844;
	}	

div#nav ul li ul li.conventional ul li.split {
	background-color:#CC6633;
	}

div#nav ul li ul li.conventional ul li.grain {
	background-color:#008040;
	}	

div#nav ul li ul li.conventional ul li.mitts {
	background-color:#333399;
	}							

div#nav ul li ul li.welding {
	background-color:#800000;
	}	

div#nav ul li ul li.welding ul li {
	background-color:#800000;
	}		

div#nav ul li ul li.specialty {
	background-color:#808080;
	}	

div#nav ul li ul li.specialty ul li {
	background-color:#808080;
	}	

div#nav ul li ul li.rainwear {
	background-color:#408080;
	}	

div#nav ul li ul li.headwear {
	background-color:#0080C0;
	}	

div#nav ul li ul li.synthetics {
	background-color:#84687C;
	}	
	
div#nav ul li ul li.merchandising {
	background-color:#DC6B3A;
	}		

div#nav ul li ul li.index {
	background-color:#999999;
	}							

/*pop out menu starts here*/
body div#nav ul li ul li ul {
	visibility:hidden;
	top:-1px;
	left:15.0em;
	width:12em;
	}

body div#nav ul li ul li ul li {
	width:12em;
	height:15px;
	line-height:15px;
	}	

div#nav ul li ul li:hover ul {
	visibility:visible;
	}