#topNav { z-index: 2; font-size:12px; width: 100%; max-width: 92em; margin: -78px auto 0; position: relative; padding-left: 330px; } .vendor-ie-11 #topNav { margin-bottom: -1px; } .vendor-ie-10 #topNav { margin-bottom: -1px; } .sf-menu { background: #f9f9f9; background: rgba(249, 249, 249, 0.7); border: 1px solid #e8e8e8; padding: 10px 5px !important; float: right; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 100000; } .sf-menu .flyOutLeft ul { right: 0 !important; left: auto; } .sf-menu > li { float: left; display: block; } .sf-menu > li a { padding: 4px 5px; } .sf-menu > li:hover { background: #ff0000; color: #FFF; } .sf-menu > li:hover a { color: #FFFFFF; } .sf-menu > li ul li a { color: #FFF !important; } .sf-menu > li ul li a:hover { text-decoration: underline; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 14em; } .sf-menu .flyOutLeft ul ul { top: 0; left: -14em; } .sf-menu ul { width: 14em; } .sf-menu ul ul { font-size: 1em; } .sf-menu ul > li:first-child { border-radius: 0px 0px 0 0; } .sf-menu ul > li:last-child { border-radius: 0 0px 4px 4px; } .vendor-ie-11 .sf-menu ul > li:first-child { margin-bottom: -1px; } .vendor-ie-11 .sf-menu ul > li:last-child { margin-top: -1px; } .sf-menu a { padding: 0.3em 0.5em; text-decoration: none; zoom: 1; text-align: left; font-weight: bold; text-transform: uppercase; } .sf-menu ul a { padding: 0.5em 1em; font-weight: normal; text-transform: none; } .sf-menu a:link, .sf-menu a:visited { color: #1A171B; } .sf-menu a:hover, .sf-menu a:active { color: #AA0A17; } .sf-menu ul li { background: #ff0000; background: rgba(0, 0, 0, 0.7); border-radius: 0; } .sf-menu li:hover, .sf-menu li.sfHover { background-color: none; } .sf-arrows .sf-with-ul { padding-right: 2.5em; } .sf-arrows .flyOutLeft ul .sf-with-ul { padding-left: 2.5em; padding-right: 1em; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #AA0A17; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #1A171B; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #AA0A17; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #1A171B; } .sf-arrows .flyOutLeft ul .sf-with-ul:after { margin-left: -3px; left: 1em; border-color: transparent; border-right-color: #AA0A17; } .sf-arrows .flyOutLeft ul li > .sf-with-ul:focus:after, .sf-arrows .flyOutLeft ul li:hover > .sf-with-ul:after, .sf-arrows .flyOutLeft ul .sfHover > .sf-with-ul:after { border-right-color: #1A171B; border-left-color: transparent; } .goMobile-btn { display: none; font-weight: bold; cursor: pointer; padding: 0.75em 0.75em 0.75em 50px; background: url(/layout/mobileMenu-icon.png) no-repeat 5px -65px; } .goMobile-btn.active { background-position: 5px 9px; } .goMobile-btn:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .goMobile-btn span { display: inline-block; } .goMobile-subArrow { display: none; }