/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:   0;
  padding:  0;
  list-style:  none;
}
.sf-menu {
}
.sf-menu ul {
  position:  absolute;
  top:   -999em;
}
.sf-menu ul li {
  width:   100%;
}
.sf-menu li:hover {
  visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.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;
  top:   2.5em; /* match top ul list item height */
  z-index:  199;
}
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 {
  top:   0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top:   -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  top:   0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float:   left;
  margin-bottom: 1em;
}
.sf-menu a {
  text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:   #13a;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline:  0;
}

/*** arrows **/
.sf-sub-indicator, ul.nav li span.sf-sub-indicator {
  display: none;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  top: 0;
}