.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu {  }
.sf-menu ul { position: absolute; top: -999em; width: 192px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; z-index: 99; position: relative; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; position: relative; z-index: 99; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 192px; top: 0; font-size: 11px; position: relative; z-index: 99; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; position: relative; z-index: 99; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 192px; top: 0; font-size: 11px; position: relative; z-index: 99; }

.sf-menu { float: left; }
.sf-menu a { font-size: 12px; text-decoration: none; }
.sf-menu a, .sf-menu a:visited  { color: #fff; }
.sf-menu li {  }
.sf-menu li li { background: #336688; font-size: 11px; }
.sf-menu li li li { background: #336688; font-size: 11px; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #336688; outline: 0; }