
#nav-cat {
     margin-top: 0em;
     background-color: #ffffff;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
 	 text-indent:30px;
     border-right:1px solid #e6e6e6;
     border-left:1px solid #e6e6e6;
     padding-top:5px;
	}

#nav-cat ul {
     margin: 0em; 
     padding: 0em; 
     width: 100%;  
     z-index: 1000;
     line-height: 15px;
     border: none;
	}

#nav-cat ul.level2 {background-color: #ffffff;}
#nav-cat ul.level3 {background-color: #ffffff;}


#nav-cat li {
    position: relative;
    list-style: none; 
    margin: 0;
    margin-top: 0; /* change it to whatever space you want to put space between buttons*/
    border-bottom: 1px solid #f4f4f4; /* <---this line may help or hinder IE menu shifting issues. */
    background-color: white; /*Sets background of Menu items that DOES NOT have sub-menu's SYSTEM WIDE!!! */
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	}

#nav-cat li li {
    margin: 0;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
    background-color: #EBEFF5; /* sets the background of submenu ,WITHOUT submenus, when menu is HOVERED */
} 
 
#nav-cat li:hover {
   z-index: 1000;
   background-color: #F4F4F7;
}

#nav-cat li a:hover {
   color: #384149;
}

#nav-cat li.submenu {
   background-color: #ffffff;
}

#nav-cat li.submenu:hover {
   background: url(../images/arrow.gif);
   	background-repeat: no-repeat;
	background-position: 7px center;
	   background-color: #EBEFF5;
}

#nav-cat li a {
   display: block; 
   padding: 0.25em 0 0.25em 0.5em;
   text-decoration: none; 
   width: 100%; color: #384149;
}

#nav-cat>ul a {
   width: auto;
}

#nav-cat ul ul {
   position: absolute; 
   top: 0; 
   left: 150px;
   display: none;
}

#nav-cat ul.level1 li.submenu:hover ul.level2,
#nav-cat ul.level2 li.submenu:hover ul.level3,
#nav-cat ul.level3 li.submenu:hover ul.level4,
#nav-cat ul.level4 li.submenu:hover ul.level5,
#nav-cat ul.level5 li.submenu:hover ul.level6 {
   display:block; 
   border-right: 5px solid #fff;

	     border-bottom: 5px solid #fff;
}