#mega {
list-style : none;
margin : 0;
padding : 0;
}
#mega li {
float : left;
position : relative;
}
#mega a {
padding : 0 10px;
color : #fff;
outline : 0;
text-decoration : none;
display : block;
height : 45px;
line-height : 45px;
}
#mega li:hover {
background : #007074;
border-bottom : 0;
z-index : 1000;
}
#mega div {
position : absolute;
left : -999em;
border : 0;
display : block;
font-weight : normal;
text-align : left;
background : #007074;
padding : 5px;
}
#mega li:hover div {
left : 0px;
top : 45px;
}
#mega li.dif:hover div {
left : -221px;
}
#mega div a {
text-decoration : none;
display : block;
width : 100%;
padding : 0 5px;
height : 45px;
line-height : 45px;white-space:nowrap;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration : underline;
color : #fff;
}