body  {
behavior: url(./csshover.htc);
/* WinIE behavior call */}
h3#categoriescssHeading.leftBoxHeading {
        background:#6e707d;/*url(../images/categories_header_bg.gif) no-repeat;*/
	font-size:17px;
        color:#fff;
        width:161px;
        border:2px solid #6e707d;
}
div#nav-cat {
	z-index:500;
	margin: 0;
  	font-size:12px;
	font-weight:bold;
  	text-align: left;
  	line-height: 24px;
        PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; 
        WIDTH: 161px; BORDER-right:2PX SOLID #8d0011;BORDER-left:2PX SOLID #8d0011;BORDER-bottom:2PX SOLID #8d0011;BORDER-top:none;
}
div#nav-cat :hover > A {
	BACKGROUND: url(../images/menu_arrow_bg.gif) #fff no-repeat -1px -130px; COLOR: #000;
}
div#nav-cat A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 149px; COLOR: #000; TEXT-INDENT: 8px; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
div#nav-cat UL LI A:hover{
	Z-INDEX: 100; BACKGROUND: url(../images/menu_arrow_bg.gif) #fff no-repeat -1px -130px; COLOR: #000; POSITION: relative; TEXT-DECORATION: none;width:150px
}
div#nav-cat A:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1em; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 149px; COLOR: #000; TEXT-INDENT: 8px; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
div#nav-cat ul{ 
        width:161px;BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left;margin:0;padding-left:0;
	}

div#nav-cat LI:hover {
	POSITION: relative;background-color:#fff;
}

div#nav-cat ul.level2 {
	/* padding-left: 5px; */
        Z-INDEX: 80;WIDTH: 162px;FLOAT: left;border-top:1px solid #a6a6a6;border-LEFT:0px;border-RIGHT:0px;BORDER-BOTTOM-WIDTH: 0px;
	}
div#nav-cat UL UL {
	BACKGROUND: url(../images/menu_arrow_bg.gif) #fff no-repeat 0px 100%; LEFT: 148px; PADDING-BOTTOM:4px;padding-top:0px; WIDTH: 162px; POSITION: absolute; HEIGHT: auto;
	position: absolute;
	top: -1px;
	Z-INDEX: 80;
  	display: none;border-LEFT:0px;
	}
div#nav-cat UL UL :hover > A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #8d0011; TEXT-DECORATION: underline;
}
div#nav-cat UL LI,div#nav-cat .li submenu {
	Z-INDEX: 1;BORDER-TOP: #a6a6a6 1px solid; DISPLAY: block; FONT-WEIGHT: bold; 
        BACKGROUND: url(../images/menu_arrow_bg.gif) #f5f5f5 no-repeat -1px -101px; FLOAT: left; WIDTH: 161px; LINE-HEIGHT: 24px; HEIGHT: 24px
}	

	
/* change it to whatever space you want to put space between buttons*/

div#nav-cat UL UL LI {
	WIDTH: 141px;BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #a6a6a6 2px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px -32px; 
        DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px;
        PADDING-BOTTOM: 2px;  LINE-HEIGHT: 140%; PADDING-TOP: 2px; HEIGHT: auto; BACKGROUND-COLOR: #fff;
}
div#nav-cat UL UL LI A {
	DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: auto; COLOR: #000; TEXT-INDENT: 0px;
}
div#nav-cat UL UL LI A:visited {
	DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: auto; COLOR: #000; TEXT-INDENT: 0px
}
div#nav-cat UL UL LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #8d0011; TEXT-DECORATION: underline;WIDTH: 141px;
}
div#nav-cat UL :hover UL {
	TOP: -1px;
}
div#nav-cat UL UL:hover,div#nav-cat ul.level2:hover {
	z-index:-1; 
}
div#nav-cat TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; Z-INDEX: 1; PADDING-BOTTOM: 0px; MARGIN: -1px; WIDTH: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
  margin: 0; 
/* this overrides the margin-top in the declaration above */
	}
/*
div#nav-cat li.submenu {
	background-color: transparent;
	}
div#nav-cat li.submenu:hover {
	background-color: transparent; 
	}
div#nav-cat ul {
	background-color: transparent;
	}*/
	
div#nav-cat li a {
	display: block;
	/* padding-bottom: 8px; */
	/* padding-left: 10px; */
   text-decoration: none;
   width: 150px;
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
	}
	

	
div#nav-cat>ul a {
	width: 150px;
	}
	

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
	display:block;
	}