/* line 7, ../sass/components/_menus.scss */
#navigation #main-menu-superfish {
  vertical-align: bottom;
  //margin-bottom: 5px;
}
/* line 10, ../sass/components/_menus.scss */
.sf-menu {
  width: 100%;
  line-height: 1.5;
}
/* line 12, ../sass/components/_menus.scss */
.sf-menu > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/menu-bg.png) 0 0 repeat-x #103681;
  text-align: center;
  padding: 0px !important;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  top:38px;
}
.sf-menu li ul li {
  text-align: left;
  background: #d2ddea url(../images/submenu-bg.gif) center center repeat-x; 
  white-space: normal; /* ...unless you support IE7 (let it wrap) */
  border:none;
}
/* line 21, ../sass/components/_menus.scss */
.sf-menu > li > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 38px;
  width:167px;
  color:#fff;
  background: url(../images/main-nav-sprite.jpg) 0 0 no-repeat;
  /* hide text */
  text-indent: 200%;
  white-space: nowrap;
  overflow:hidden;
}

.sf-menu > li.active-trail > a,
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a {
   background-position:0 -39px;
}
.sf-menu > li + li > a {
  background-position:0 -78px;
}
.sf-menu > li + li.active-trail > a,
.sf-menu > li + li:hover > a,
.sf-menu > li + li.sfHover > a {
  background-position:0 -117px;
}
.sf-menu > li + li + li > a {
  background-position:0 -156px;
}
.sf-menu > li + li + li.active-trail > a,
.sf-menu > li + li + li:hover > a,
.sf-menu > li + li + li.sfHover > a {
  background-position:0 -195px;
}
.sf-menu > li + li + li + li  > a {
  background-position:0 -234px;
}
.sf-menu > li + li + li + li.active-trail  > a,
.sf-menu > li + li + li + li:hover  > a,
.sf-menu > li + li + li + li.sfHover  > a {
  background-position:0 -273px;
}
.sf-menu > li + li + li + li + li > a {
  background-position:0 -312px;
}
.sf-menu > li + li + li + li + li.active-trail > a,
.sf-menu > li + li + li + li + li:hover > a,
.sf-menu > li + li + li + li + li.sfHover > a {
  background-position:0 -351px;
}
.sf-menu > li + li + li + li + li + li > a {
  background-position:0 -390px;
}
.sf-menu > li + li + li + li + li + li.active-trail > a,
.sf-menu > li + li + li + li + li + li:hover > a,
.sf-menu > li + li + li + li + li + li.sfHover > a {
  background-position:0 -429px;
}

.sf-menu ul li a, .sf-menu ul li a:active {
  text-decoration: none;
  display:block;
  zoom: 1; /* IE7 */
  color: #404040;  
  /*min-width:275px;*/
  word-wrap:break-word;
  padding: 8px 8px 8px 16px;
}
.sf-menu ul li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
  background: #173674 !important; /* Old browsers */
  color: #fff;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a {
  color:#fff;
}
/* line 34, ../sass/components/_menus.scss */
.sf-menu li a:hover {
  background-color: transparent !important;
}

.sf-menu > li.last ul {
  left:auto;
  right:10px;
}
/* line 49, ../sass/components/_menus.scss */
.sf-menu li.active-trail {
  background: url(../images/menu-active-bg.png) 0 0 repeat-x #103681;
}
/* line 51, ../sass/components/_menus.scss */
.sf-menu li.active-trail.first {
  border-left: 0 none;
}
.sf-menu li.active-trail > a{
  color:#FFF;
}