#menu-right { background: url(back-menu.png) repeat-x; height: 61px; padding: 0; margin: 0; overflow: hidden; } #menubar { margin: 0; padding: 0; position: relative; height: 61px; padding-left: 2px; } #menubar ul { margin: 0 0 0 -2px; padding: 0; float: left; } /* hide unsupported 3rd+ levels */ #menubar ul ul ul { left: -5000px; } #menubar li { padding: 0; margin: 0; float: left; display: block; background: url(menu-l1.png) 100% 0 repeat-x; } #menubar li li { background: url(menu-l2.png) 100% 50% repeat-x; } #menubar li a { font-style: normal; background: url(menu-l2.png) 100% 50% no-repeat; } #menubar li.on a { background: url(toolbar-select4.png) 50% 100% no-repeat; color: #710000; } #menubar li ul { display: none; margin: 0; padding: 0; position: absolute; top:28px; height: 26px; left: 0; width: 670px; } #menubar a { color: #fff; text-decoration: none; cursor: pointer; } #menubar a:hover { } #menubar li ul a:hover, #menubar li.on ul a:hover { } #menubar li.on ul { display: block; } #menubar li:hover ul, #menubar li.sfhover ul { } #menubar li a { display: block; float: left; padding: 0; height: 31px; line-height: 31px; } #menubar li:hover a, #menubar li.over a { } #menubar li li.on a, #menubar li li.on:hover a, #menubar li li.over.on a { } /* sub level links */ #menubar ul li { border-right: 0; } #menubar ul li ul { margin: 1px 0 0 0; } #menubar li ul a, #menubar li.on ul a { display: block; float: left; font-weight: normal; padding: 0; background: none; height: 25px; line-height: 25px; color: #52768E; } #menubar li ul li.on a { color: #710000; }