body
{
behavior: url(includes/csshover.htc);
} /* WinIE behavior call */div#nav-cat
{
margin-top: 0;
background-color: #ffffff;
width: 168px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 12px;
}
div#nav-cat ul
{
/* margin: 0em;
padding: 0em; */
margin: 0;
width: 166px;
/* width: 100%; */
z-index: 1000;
/* line-height: 14px; */
border: none;
margin-left: 1px;
}
div#nav-cat ul ul
{
position: absolute; top: 0; right: 100%;
display: none; z-index: 1000;
width: 166px;
margin-right: 1px;
border: 0;
}
div#nav-cat ul.level2 {background-color: #ffffff;}
div#nav-cat ul.level3 {background-color: #ffffff;}
div#nav-cat ul.level4 {background-color: #ffffff;}
div#nav-cat ul.level5 {background-color: #ffffff;}
div#nav-cat ul.level6 {background-color: #ffffff;}
div#nav-cat li
{
z-index: 1;
position: relative;
list-style: none;
margin: 0;
margin-top: 0; /* change it to whatever space you want to put space between buttons*/
border-top: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/* <---this line may help or hinder IE menu shifting issues. */
background-color: #ffffff; /*Sets background of Menu items that DOES NOT have sub-menu's SYSTEM WIDE!!! */
padding-top: 0;
padding-bottom: 0;
width: 166px;
}
div#nav-cat li:hover
{
background-color: #f6f6f6;
padding-top: 0;
padding-bottom: 0;
}
div#nav-cat li a
{
background-color: transparent;
color: #5b5b5b;
display: block;
padding-right: 10px;
line-height: 30px;
}
div#nav-cat li li
{
margin-right: 1px;
background-color: #d9f200;
border-bottom: 1px solid #d9f200;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 0;
}
div#nav-cat li li:hover
{
/* background-color: #d9f200; */
/* background-color: #004974; */
background-color: #bdd300;
}
div#nav-cat li li a
{
color: #3d3d3d;
display: block;
line-height: 30px;
}
div#nav-cat li li a:hover
{
display: block;
line-height: 30px;
}
div#nav-cat li.submenu {padding-top: 0; padding-bottom: 0;} /* sets the background of any menu item that DOES have submenu items */
div#nav-cat li.submenu:hover {background-color: #d9f200;} /*sets the HOVER background of any menu item that DOES have submenu items */
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;
}
div#nav-cat ul.level3 li.submenu:hover ul.level4 {height: 200px; overflow: scroll;}