#mainmenu { max-width: 540px; height: 20px; float: right; margin-top: 12px; margin-top: 40px; } .mainnav { margin: 0; padding: 0; list-style: none; float: right; } .mainnav * { margin: 0; padding: 0; list-style: none; } .mainnav ul { position: absolute; top: -999em; display: none; } .mainnav li { float: left; position: relative; z-index: 900; height: 22px; line-height: 21px; margin-left: 10px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; } .mainnav a { display: block; font-size: 13px; font-weight: normal; margin: 0; padding: 0; color: #ccc; text-decoration: none; text-transform: lowercase; padding-left: 12px; padding-right: 12px; font-family: arial, Helvetica, sans-serif; } .mainnav a:hover, .mainnav li.current-menu-item a, .mainnav li:hover a, .mainnav li.current_page_item a { text-decoration: none; color: #fff; } .mainnav li:hover, .mainnav li.current-menu-item { background: #cc6600; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mainnav li:hover { text-decoration: none; } .mainnav ul li{ width: 100px; } .mainnav li:hover ul, ul.mainnav li.sfHover ul { left: 0; top: 20px; padding-top: 5px; width: 100px; } .mainnav li:hover li ul, .mainnav li.sfHover li ul { top: -999em; } .mainnav li li:hover ul, ul.mainnav li li.sfHover ul { left: 100px; top: -5px; } .mainnav li:hover ul, .mainnav li li:hover ul { top: -999em; } .mainnav li li { display: block; padding: 0px; height: auto !important; margin: 0; background: #ccc; } .mainnav li li a:link, .mainnav li li a:visited { display: block; height: auto !important; text-transform: none; color: #666; font-weight: normal; font-size: 12px; border: none; margin: 0; padding: 0; margin-left: 10px; line-height: 25px; } .mainnav li li a:hover { color:#333 !important; } .mainnav li li:hover, .mainnav li li.current-menu-item { background: #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .selectnav { display: none; }