#menu h2 {display:none} .menu,.menu h3,.menu a,.menu ul,.menu li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0 } .menu ul,.menu li { font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:21px; text-align:left; } .menu h3 { font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:14px; line-height:21px; margin-top:7px; margin-bottom:14px; padding-bottom:7px; text-shadow: 1px 1px 1px #FFFFFF; border-bottom:1px solid #888888; } .menu { list-style:none; width:650px; margin:30px auto 0px auto; height:43px; padding:0px 20px 0px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fae9c8; border: 1px solid #a40802; border-top: 1px solid #fd190f; background: -moz-linear-gradient(top, #d70b02, #830701); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701)); } .menu li { float:left; text-align:center; position:relative; padding: 4px 10px 4px 10px; margin-right:30px; margin-top:7px; border:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .menu li:hover { z-index:2; background:#F4F4F4; border:1px solid #aaaaaa; padding: 4px 9px 4px 9px; background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE)); -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .menu li.no_drop:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .menu li a { color: #FFFFFF; outline:0; text-decoration:none; display:block; text-shadow: 1px 1px 1px #000; } .menu li:hover a { color:#161616; text-shadow: none; } .menu li .drop { padding-right:21px; background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 8px; } .menu li:hover .drop { padding-right:21px; background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 7px; } .menu li:hover div a { color:#a40802; } .menu li:hover div a:hover { color:#fd190f; } .menu li ul li a:hover { color:#fd190f; } .dropdown_1column,.dropdown_2columns { margin:4px auto; position:absolute; background:#F4F4F4; border:1px solid #aaaaaa; border-top:none; padding:10px 5px 10px 5px; background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); } .dropdown_1column,.dropdown_2columns { left:-999em; text-align:left; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; -khtml-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_1column {width: 140px;} .dropdown_2columns {width: 160px;} .menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns{left:-1px;top:auto} .col_1,.col_2 { display:inline; float:left; position: relative; margin-left: 5px; margin-right: 5px; } .col_1 {width:130px;} .col_2 {width:240px;} .menu li ul { list-style:none; padding:0; margin:0 0 12px 0; } .menu li ul li { font-size:12px; line-height:24px; position:relative; text-shadow: 1px 1px 1px #ffffff; padding:0; margin:0; float:none; text-align:left; width:130px; } .menu li ul li:hover {background:none; border:none; padding:0; margin:0; }