#navright ul { list-style:none; margin: 0; padding: 0; display: block; } #navright a:hover { text-decoration: none; } #navright a { color: #003366; letter-spacing: 0px; padding: 10px; text-decoration: none; display: block; font: 12px Signika,Tahoma,Helvetica,sans-serif; text-transform: none; } #navright li li>a { color: #003366; letter-spacing: 0px; font: 12px Signika,Tahoma,Helvetica,sans-serif; text-transform: none; padding-top: 0; padding-bottom: 0; -webkit-transition: padding 0.2s; transition: padding 0.2s; } #navright li:hover>ul>li>a { padding: 10px; } #navright li.active, #navright li.active>a { color: #ebebeb; background: #003366; } #navright li:hover, #navright li:hover>a { color: #000000; background: #7a8999; } #navright li li:hover, #navright li li:hover>a { color: #000000; background: #7a8999; } #navright>ul li { margin: 0; padding: 0; position:relative; cursor: pointer; } #navright>ul>li { border-top: 1px solid #afafaf; } #navright>ul>li:first-child { border-top: 0; } #navright ul ul li { border-top: 1px solid #d7d7d7; } #navright ul ul li:first-child { border-top: 0; } #navright>ul ul { position:absolute; list-style:none; left:-9999px; margin: 0; border: 1px solid #d3d3d3; background: #ffffff; padding: 0; width: 220px; z-index: 1000; } #navright>ul>li ul{ top: -1px; } #navright>ul li:hover>ul { left:-222px; }