/*** ESSENTIAL STYLES ***/
#sf-menu, #sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10;
}
#sf-menu {
  line-height: 1.0;
}
#sf-menu ul {
  position: absolute;
  top: -999em;
  width: 14em; /* left offset of submenus need to match (see below) */
  background-position: bottom right;
  border-width: 2px 0px 0px 2px;
  border-style: solid;
  padding: 8px 0px 12px 0;
}
#sf-menu ul li {
  width: 100%;
}

#sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

#sf-menu li.top {
  float: left;
  position: relative;
  width: 120px;
}

#sf-menu a {
  display: block;
  position: relative;
}

#sf-menu li:hover ul,
#sf-menu li.sfHover ul {
  left: 0;
  top: 31px; /* match top ul list item height */
  z-index: 99;
}
#sf-menu li:hover li ul,
#sf-menu li.sfHover li ul {
  top: -999em;
}
#sf-menu li li:hover ul,
#sf-menu li li.sfHover ul {
  left: 14em; /* match ul width */
  top: 0;
}
#sf-menu li li:hover li ul,
#sf-menu li li.sfHover li ul {
  top: -999em;
}
#sf-menu li li li:hover ul,
#sf-menu li li li.sfHover ul {
  left: 14em; /* match ul width */
  top: 0;
}

/*** SKIN ***/
#sf-menu {
  float: left;
  margin-left: 0px;
}
#sf-menu a {
  text-decoration: none;
}
#sf-menu a, #sf-menu a:visited  {
  /* visited pseudo selector so IE6 applies text colour*/
  color: black;
}

#sf-menu li.subcategory a:hover, #sf-menu li.subcategory a:vistited {
  color: white;
}

/*** arrows **/
/**#sf-menu a.sf-with-ul {
  padding-right: 1.75em;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: 0.5em;
  top: 1.05em; /* IE6 only
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only
}*/

/*** shadows for all but IE6 ***/
/**
.sf-shadow ul {
  background: url('../images/shadow.png');
  padding: 10px 8px 9px 10px;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
*/

#sf-menu li.top {
  padding: 0;
  margin: 0;
  margin-right: 3px;
  background-image: url(../images/category-tab-back.png);
  background-repeat: no-repeat;
}

#sf-menu a.top, #sf-menu a.top:visited {
  height: 30px;
  height: 22px;
  font-weight: bold;
  text-align: center;
  color: white;
  padding-top: 9px;
}

#sf-menu li.subcategory a {
  height: auto;
  color: black;
  font-weight: normal;
  text-align: left;
  padding: 4px 10px;
}

#sf-menu li.subcategory a:hover {
  color: white;
}

li.inactive {
  background-position: 0 -360px;
}

li.inactive a.top {
  color: #666 !important;
}

li.inactive:hover a.top {
  color: white !important;
}

#category_100:hover, #category_100_active {
  background-position: 0 -40px;
}

#category_133:hover, #category_133_active {
  background-position: 0 -80px;
}

#category_113:hover, #category_113_active {
  background-position: 0 -120px;
}

#category_109:hover, #category_109_active {
  background-position: 0 -160px;
}

#category_139:hover, #category_139_active {
  background-position: 0 -200px;
}

#category_204:hover, #category_204_active {
  background-position: 0 -240px;
}

#category_156:hover, #category_156_active {
  background-position: 0 -280px;
}

#category_123:hover, #category_123_active {
  background-position: 0 -320px;
}

#subcategory_100 {
  background-image: url(../images/category-dropdown-back-100.png);
  border-color: #f85800;
}

#category_100 ul a:hover, #category_100_active ul a:hover {
  background-color: #f85800;
}

#subcategory_133 {
  background-image: url(../images/category-dropdown-back-133.png);
  border-color: #f39300;
}

#category_133 ul a:hover, #category_133_active ul a:hover {
  background-color: #f39300;
}

#subcategory_113 {
  background-image: url(../images/category-dropdown-back-113.png);
  border-color: #42a62a;
}

#category_113 ul a:hover, #category_113_active ul a:hover {
  background-color: #42a62a;
}

#subcategory_109 {
  background-image: url(../images/category-dropdown-back-109.png);
  border-color: #348421;
}

#category_109 ul a:hover, #category_109_active ul a:hover {
  background-color: #348421;
}

#subcategory_139 {
  background-image: url(../images/category-dropdown-back-139.png);
  border-color: #006bb3;
}

#category_139 ul a:hover, #category_139_active ul a:hover {
  background-color: #006bb3;
}

#subcategory_204 {
  background-image: url(../images/category-dropdown-back-204.png);
  border-color: #182983;
}

#category_204 ul a:hover, #category_204_active ul a:hover {
  background-color: #182983;
}

#subcategory_156 {
  background-image: url(../images/category-dropdown-back-156.png);
  border-color: #93117e;
}

#category_156 ul a:hover, #category_156_active ul a:hover {
  background-color: #93117e;
}

#subcategory_123 {
  background-image: url(../images/category-dropdown-back-123.png);
  border-color: #e4007b;
}

#category_123 ul a:hover, #category_123_active ul a:hover {
  background-color: #e4007b;
}

#sf-menu #category_204, #sf-menu #category_204_active {
  width: 129px;
}

#sf-menu #category_123, #sf-menu #category_123_active {
  margin-right: 0;
}

#sf-menu #category_123 ul, #sf-menu #category_123_active ul {
  left: -12px !important;
}