#ja-cssmenu { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu ul { margin: 0; /* all lists */ padding: 0; } #ja-cssmenu li { float: left; display: block; padding: 0 1px 0 0; margin: 0; background: none; } #ja-cssmenu li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; w\idth: 15.9em; } #ja-cssmenu li ul ul { margin: -2em 0 0 15em; /* third-and-above-level lists */ } #ja-cssmenu li li { padding: 0 0 0 0; margin: 0; width: 15.9em; } #ja-cssmenu ul a { width: 14.8em; w\idth: 10.8em; } #ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul, #ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul, #ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul, #ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul, #ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul, #ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #ja-cssmenu li a { display: block; text-decoration: none; font-size: 92%; color: #002d61;font-weight: bold; padding: 0 0 0 6px; text-transform: uppercase; outline: none; } #ja-cssmenu li a span { display: block; padding: 14px 7px 14px 7px ; } #ja-cssmenu li a.first-item { border-left: none; } #ja-cssmenu li a.last-item { border-right: none; } #ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus, #ja-cssmenu li.sfhover a { background: url(../../images/mainnav-active2.gif) no-repeat left top; color: #EC1D23; } #ja-cssmenu li a:hover span, #ja-cssmenu li a:active span, #ja-cssmenu li a:focus span, #ja-cssmenu li.sfhover a span { background: url(../../images/mainnav-active2.gif) no-repeat right top; } #ja-cssmenu li:hover a, #ja-cssmenu li.sfhover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.havechild-activesfhover a { color: #EC1D23; } #ja-cssmenu li.active a { background: url(../../images/mainnav-active2.gif) no-repeat left top; color: #EC1D23; } #ja-cssmenu li.active a span { background: url(../../images/mainnav-active2.gif) no-repeat right top; } #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus { color: #EC1D23; } #ja-cssmenu li.active li a span { background: none; } #ja-cssmenu li.havechild:hover a, #ja-cssmenu li.havechildsfhover a, #ja-cssmenu li.activesfhover a { background: url(../../images/mainnav-active2.gif) no-repeat left top; } #ja-cssmenu li.havechild:hover a span, #ja-cssmenu li.havechildsfhover a span, #ja-cssmenu li.activesfhover a span { background: url(../../images/mainnav-active2.gif) no-repeat right top; } #ja-cssmenu li.havechild:hover li a span, #ja-cssmenu li.havechildsfhover li a span, #ja-cssmenu li.activesfhover li a span { background: none; } /* 2nd level and above */ #ja-cssmenu li ul { border: 1px solid #D6D6D6; background: url(../../images/trans-bg.png); z-index: 101; } #ja-cssmenu li ul ul { border: 1px solid #D6D6D6; } #ja-cssmenu li ul li { border-bottom: 1px solid #D6D6D6; border-right: none; background: none; } #ja-cssmenu li ul a { border-right: none; margin: 0; padding: 7px 0; background: none !important; text-transform: none; font-weight: normal; font-size: 100%; white-space: nowrap; color: #666666 !important; width: 100%; } #ja-cssmenu li ul a span { padding: 0 10px; } #ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active { } #ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu ul li.active { background: #454545 !important; color: #FFFFFF !important; } #ja-cssmenu ul li:hover span, #ja-cssmenu ul li.sfhover span, #ja-cssmenu ul li.havesubchildsfhover span, #ja-cssmenu ul li.havesubchild-activesfhover span, #ja-cssmenu ul li.active span, #ja-cssmenu ul li:hover li:hover span{ color: #FFFFFF; } #ja-cssmenu ul li:hover li span, #ja-cssmenu ul li.sfhover li span, #ja-cssmenu ul li.havesubchildsfhover li span, #ja-cssmenu ul li.havesubchild-activesfhover li span{ color: #666666; } #ja-cssmenu ul li:hover li.sfhover span, #ja-cssmenu ul li.sfhover li.sfhover span, #ja-cssmenu ul li.havesubchildsfhover li.sfhover span, #ja-cssmenu ul li.havesubchild-activesfhover li.sfhover span{ color: #FFFFFF; } #ja-cssmenu ul li.havesubchildsfhoversfhover li.havesubchildsfhover li.sfhover span{ color: #FFFFFF; } #ja-cssmenu li ul a:hover span, #ja-cssmenu li ul a:active span, #ja-cssmenu li ul a:focus span, #ja-cssmenu ul li:hover span, #ja-cssmenu ul li.sfhover span, #ja-cssmenu ul li.havesubchildsfhover span, #ja-cssmenu ul li.havesubchild-activesfhover span, #ja-cssmenu ul ul li:hover span, #ja-cssmenu ul ul li.sfhover span, #ja-cssmenu ul ul li.havesubchildsfhover span, #ja-cssmenu ul ul li.havesubchild-activesfhover span { background: none; } #ja-cssmenu ul li a.active { background: none !important; color: #888888 !important; font-weight: bold !important; } #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { color: #FFFFFF !important; }