.sf-menu ul {position:absolute; top:-999em;/* left offset of submenus need to match (see below) */}
.sf-menu li {position:relative; width:140px; }
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px; top:24px;/* 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 ***/
.sf-menu>li:first-child a {}
.sf-menu>li { background:transparent; width:139px; margin:0 0 2px 0;}
ul.sf-menu {width:139px; float:left; margin:0 27px 0 0px;}
ul.sf-menu>li>a {font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px; font-size:12px; color:#272727; text-decoration:none; padding: 2px 11px 2px 14px; text-shadow: 1px 0px #afafaf;}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover { background:#ff2a32;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover {color:#fff; padding: 2px 11px 2px 14px; text-shadow: 2px 1px #ef353c;}

ul.sf-menu li li a {font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:20px; font-size:11px; color:#fff; padding: 2px 5px 2px 14px; }

ul.sf-menu li.sfHover ul {}
ul.sf-menu li.sfHover ul li { background:#ff262d; margin-top:1px; display:block; float:none;  width:139px; }
ul.sf-menu li.sfHover ul li:hover {background:#57514b;}
ul.sf-menu li.sfHover ul li:hover a { color:#fff !important; }