.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: 99
}
.sf-menu a,
.sf-menu li.sfHover>ul,
.sf-menu li:hover>ul {
display: block
}
.sf-menu>li {
float: left
}
.sf-menu a {
position: relative
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
.sf-menu>li.left>ul {
left: auto;
right: 0
}
.sf-menu ul li.left>ul {
left: auto;
right: 100%;
}
.sf-menu .sf-mega {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99
}
.sf-menu li.sfHover>.sf-mega,
.sf-menu li:hover>.sf-mega {
display: block
}