body {  behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 170px; margin: 0px 0px 0px 20px;  background-color: #fff; font-weight:bold; font-size:12px;}
div#nav-cat ul {margin: 0 0 10px 0; padding: 0 0px 0px 0; width: 170px; background-color: #fff;
/*  border: 1px solid #AAA;*/}
div#nav-cat ul.level2 {background-color: #ffffff; border: 1px dotted #000; }
div#nav-cat ul.level3 {background-color: #ffffff; border: 1px dotted #000; }
div#nav-cat ul.level4 {background-color: #ffffff; border: 1px dotted #000; }
div#nav-cat ul.level5 {background-color: #ffffff; border: 1px dotted #000; }
div#nav-cat ul.level6 {background-color: #ffffff; border: 1px dotted #000; }
div#nav-cat li {position: relative; list-style: none; margin: 0 0 1px 0; padding: 1px 0px 1px 2px;
  /*margin-top: 0px; /* change it to whatever space you want to put space between buttons*/
border-bottom: 1px dotted #518ac5; /* <---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:hover {background-color: #d0e5fc;}
div#nav-cat li.submenu {background: url(../images/submenu.gif) 100% 50% no-repeat; background-color: #; } /*this is the submenu */
div#nav-cat li.submenu:hover {background-color: #;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0em; text-decoration: none; width: 170px; }
div#nav li a:hover {border-left-color: red;}*/
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 170px; display: none;}
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;}



/*body {  behavior: url(includes/csshover.htc);} /* WinIE behavior call */
/*div#nav-cat {float:left; width: 190px; margin: 0px 0px 0px 20px; background-color:#; font-weight:bold; padding:10px 0px 0px 0px;}
div#nav-cat ul {margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; width: 185px; background-color: #;
/* border: 1px solid #cacaca;*/}
/*div#nav-cat ul.level2 {background-color: #ffffff; border: 1px dashed #518ac5; padding:10px 0px 0px 0px;}
div#nav-cat ul.level3 {background-color: #ffffff; border: 1px dashed #518ac5; padding:10px 0px 0px 0px;}
div#nav-cat ul.level4 {background-color: #ffffff; border: 1px dashed #518ac5; padding:10px 0px 0px 0px;}
div#nav-cat ul.level5 {background-color: #ffffff; border: 1px dashed #518ac5; padding:10px 0px 0px 0px;}
div#nav-cat ul.level6 {background-color: #ffffff; border: 1px dashed #518ac5; padding:10px 0px 0px 0px;}
div#nav-cat li {position: relative; list-style: none; margin: 0px; padding:10px 0px 0px 0px;
margin-top:1px dotted #000;} /* change it to whatever space you want to put space between buttons*/
  /*border-top: 1px dotted #fff; /* <---this line may help or hinder IE menu shifting issues */
  /*border-right: 1px dotted #fff;
  /*border-left: 1px dotted #fff;*/
/*div#nav-cat li li { margin: 0; padding:10px 0px 0px 0px;/* this overrides the margin-top in the declaration above */} 
/*div#nav-cat li:hover {background-color: #; width:185px; padding:10px 0px 0px 0px;}
div#nav-cat li.submenu {background: url(../images/submenu.gif) 90% 50% no-repeat; z-index:50; background-color:#; padding:10px 0px 0px 0px;  }
div#nav-cat li li.submenu {padding:10px 0px 0px 0px; }
div#nav-cat li.submenu:hover {background-color: #; padding:10px 0px 0px 0px;}
div#nav-cat li a {display: block;  text-decoration: none; width: 185px; color:f8d225; padding:10px 0px 0px 0px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
/*div#nav-cat>ul a {width: auto; padding:10px 0px 0px 0px;}
div#nav-cat ul ul {position: absolute; top: 0; left: 185px; display: none; padding:10px 0px 0px 0px;}
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; padding:10px 0px 0px 0px;}