.sf-menu,
.sf-menu *,
.block ul.sf-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-menu {
  line-height: 1.0;
  z-index: 497;
}
.sf-menu ul {
  position: absolute;
  top: -99999em;
  width: 12em;
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
}
.sf-menu li {
  float: left;
  position: relative;
  z-index: 498;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  z-index: 499;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  /*
   next property relative to .sf-menu a { top-left paddings } in default.css 
  */
  top: 1.8em;
}
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul,
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
  top: -99999em;
}
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul,
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
  left: 12em;
  top: 0;
}
.sf-menu a.sf-with-ul {
  min-width: 1px;
}

span.sf-sub-indicator {
  display: block;
  height: 1em;
  overflow: hidden;
  position: absolute;
  right: .4em;
  font-size: .7em;
  top: 1.05em;
  width: .9em;
}
a > .sf-sub-indicator {
  top: 0.9em;
}

.menu span.sf-sub-indicator {
  display: none;
}

.sf-menu.rtl,
.sf-menu.rtl li {
  float: right;
  text-align: right;
}

.sf-menu.sf-vertical {
	float: none;
	display: inline-block;
}

.sf-menu.rtl li:hover ul,
.sf-menu.rtl li.sfHover ul {
  right: 0;
}
.sf-menu.rtl li li:hover ul,
.sf-menu.rtl li li.sfHover ul,
.sf-menu.rtl li li li:hover ul,
.sf-menu.rtl li li li.sfHover ul {
  right: 12em;
}
.sf-menu.rtl a.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
.sf-menu.rtl span.sf-sub-indicator {
  left: 0.75em;
  right: auto;
}
.sf-menu.rtl a > .sf-sub-indicator {
  top: 0.5em;
}

.sf-navbar.rtl li li:hover ul,
.sf-navbar.rtl li li.sfHover ul {
  right: 0;
}
.sf-navbar.rtl li li li:hover ul,
.sf-navbar.rtl li li li.sfHover ul {
  right: 12em;
}
.sf-vertical.rtl li:hover ul,
.sf-vertical.rtl li.sfHover ul {
  left: auto;
  right: 100%; /* def 12em */
}


/* vertiacal css */
.sf-vertical,
.sf-vertical li {
  width: 100%; /* def 12em */
}
.sf-vertical li:focus ul,
.sf-vertical li:hover ul,
.sf-vertical li:active ul,
.sf-vertical li.sfHover ul {
  left: 100%; /* def 12em */
  top: 0;
}

/* navbar css */
.sf-navbar,
.sf-navbar li li {
  position: relative;
}
.sf-navbar li {
  position: static;
}
.sf-navbar li ul,
.sf-navbar li li li {
  width: 100%;
}
.sf-navbar ul li {
  width: auto;
  float: left;
}
.sf-navbar ul,
.sf-navbar .active-trail ul ul {
  left: 0;
  top: -99999em;
}
.sf-navbar li:focus ul,
.sf-navbar li:hover ul,
.sf-navbar li:active ul,
.sf-navbar li.sfHover ul,
.sf-navbar li li:focus ul,
.sf-navbar li li:hover ul,
.sf-navbar li li:active ul,
.sf-navbar li li.sfHover ul,
.sf-navbar .active-trail ul {
  left: 0;
  top: 2em; /*2.5em;*/
}

.sf-navbar > li > ul {
  background: transparent;
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}