﻿body {  

         behavior: url(includes/csshover.htc);

} /* WinIE behavior call */

div#nav-cat {

     margin-top: 0px;

     background-color: #000000;

     width: 100%;

     margin-left: 0px;

     margin-right: 0px;

     font-weight: bold;

     font-size: 1em;

}

div#nav-cat ul {

         margin: 0; 

         padding: 0; 

		

         width: 100%; 



         background-color: #000000; 

         z-index: 1000;

/*  border: 1px solid #AAA;*/

}



div#nav-cat ul.level2 {background-color: #000000;}

div#nav-cat ul.level3 {background-color: #000000;}

div#nav-cat ul.level4 {background-color: #000000;}

div#nav-cat ul.level5 {background-color: #000000;}

div#nav-cat ul.level6 {background-color: #000000;}



div#nav-cat li {

    z-index: 1; 
    position: relative; 
    list-style: none; 
    margin: 0px;
    margin-top: 2px; /* change it to whatever space you want to put space between buttons*/
    border-bottom: 1px dashed #000000; /* <---this line may help or hinder IE menu shifting issues */
	width: 100%;
}

div#nav-cat li li {
    margin: 0px; /* this overrides the margin-top in the declaration above */
} 

div#nav-cat li:hover {background-color: #333333; width:100%;}



div#nav-cat li.submenu:hover {background-color: #333333;width:100%;}

div#nav-cat li a {

        display: block; 

       /* padding: 0.25em 0 0.25em 0.5em;*/

    	  text-decoration: none; 

        width: 100%; 

        color: #A4A4A4;



}



div#nav-cat>ul a {

        width: 100%;

}



div#nav-cat ul ul {

        position: absolute; top: 0; left: 100%;

    display: none; z-index: 1000;

}



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; text-align:left; border-left:1px dashed #333333; 
        background-color: #000000;
		margin: 0px;
		width: 100%;


}
