.header-nav, .header-nav * { margin: 0; padding: 0; list-style: none; } .header-nav { line-height: 1; font-size: 70%; float: left; } .header-nav span { display: none; } .header-nav ul { position: absolute; z-index: 998; top: -999em; width: 135px; background-image: url(/stores/w/wmata/images/wmata_redesign_stripped/menu-bg-gradient.gif) !important; background-position: 0 0; background-repeat: repeat-x; background-color: #f2fafe; margin: 0; padding: 0; border-bottom: 1px solid #8fbbd1; } .header-nav ul li, .header-nav a { width: 100%; display: block; } .header-nav ul li { width: 134px; } .header-nav li { float: left; position: relative; z-index: 999; border-left: 1px solid #8fbbd1; border-right: 1px solid #8fbbd1; border-top: 1px solid #a8d2e8; border-bottom: 1px solid #eff8fc; } .header-nav li:hover ul, ul.header-nav li.sfHover ul { left: 0px; top: 21px; } .header-nav li:hover li ul, .header-nav li.sfHover li ul { top: -999em; } .header-nav li li:hover ul, ul.header-nav li li.sfHover ul { left: 134px; top: -1px; } .superfish li:hover ul, .superfish li li:hover ul { top: -999em; } .header-nav a { color: #666; padding: .75em 0; text-decoration: none !important; font-weight: normal; padding-left: 10px; width: 124px; margin: 0; } .header-nav li.top { width: auto; border: 0; background: none; padding: 0; margin: 0; } .fixTopNav { width: auto !important; color: #000 !important; padding: 0 !important; margin: 0 3px 0 0 !important; text-decoration: none !important; background-color: transparent !important; } .header-nav li.top:hover, a.fixTopNav:hover, a.fixTopNav:focus, a.fixTopNav:active, .header-nav li.top.sfHover { background-color: transparent !important; } .header-nav li:hover, .header-nav li.sfHover, .header-nav a:focus, .header-nav a:hover, .header-nav a:active { background: #f6f9fa; color: #0a94d6; }