.sf-menu ul {position:absolute; top:-999em;/* left offset of submenus need to match (see below) */}
.sf-menu li {position:relative; float:left; width:158px;}
.sf-menu a {display:block; font-family: Arial, Helvetica, sans-serif; font-style:normal; line-height:20px; font-size:11px; color:#fffffe; font-weight:normal; text-transform:uppercase; text-align:center;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px; top:94px;/* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%;/* match ul width */top:0;}
/*** DEMO SKIN ***/
ul.sf-menu>li:first-child {}
.sf-menu>li.last {background:transparent; width:155px;}
.sf-menu>li { background:url(../images/menu-line.gif) right 0 no-repeat; margin-right:-1px;}
ul.sf-menu {margin:0 0px 0 0px;}
ul.sf-menu>li>a {padding: 29px 4px 26px 6px;}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover { background:#1a1a1a;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover { padding: 29px 4px 26px 6px; }

ul.sf-menu li li a {padding: 6px 20px 5px 20px;  }

ul.sf-menu li.sfHover ul {}
ul.sf-menu li.sfHover ul>li { background:#1a1a1a;  width:155px; margin-top:1px; }
ul.sf-menu li.sfHover ul>li>a { padding: 7px 5px 8px 5px; }
ul.sf-menu li.sfHover ul>li:hover, ul.sf-menu li.sfHover ul>li.sfHover{ background:#2c2c2c;}
ul.sf-menu li.sfHover ul>li:hover>a { padding: 7px 5px 8px 5px; }

ul.sf-menu li.sfHover ul li ul { left:156px; top:-1px;}
ul.sf-menu li.sfHover ul li ul>li { background: #1a1a1a; width:155px;}
ul.sf-menu li.sfHover ul li ul>li>a { padding: 7px 5px 8px 5px;  }
ul.sf-menu li.sfHover ul li ul>li:hover { background:#2c2c2c;}
ul.sf-menu li.sfHover ul li ul>li:hover>a { padding: 7px 5px 8px 5px;}