/*--- Main Menu ---*/
#main-superfish-wrapper{ font-size: 14px; float: left; }
ul.sf-menu ul.sub-menu{ border-bottom-width: 3px; border-bottom-style: solid; }

div.main-navigation-wrapper{ background-image: url('../images/menu-gradient.png'); background-repeat: repeat; }

div.main-navigation-wrapper{ background-position: 0px 0; }

ul.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
ul.sf-menu { line-height: 1; }
ul.sf-menu li{ margin: 0; float: left; position: relative; }
ul.sf-menu ul.sub-menu > li{margin: 0;}
ul.sf-menu li:first-child{ padding-left: 0px; }
ul.sf-menu li:last-child{ padding-right: 0px; }
ul.sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */
ul.sf-menu li a { font-weight: 700; padding: 15px 56px; line-height: 120% /*35px*/; text-decoration:none; display: block; position: relative; text-transform: uppercase; }
ul.sf-menu li a img { max-height: 24px; width: auto; display: block; }

/*--- sub menu ---*/
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { left: 0; z-index: 101; top: 47px; padding-top: 1px; }
ul.sf-menu li.sfHover ul ul{ padding-top: 0; }

ul.sf-menu ul { background: rgba(0,0,0,0.75); text-align: left; width: 11em; padding: 40px 0px 0px;}
ul.sf-menu ul { position: absolute; top: -999em; width: 10em; }/* left offset of submenus need to match (see below) */
ul.sf-menu ul li { width: 100%; padding: 0px 0px; }
ul.sf-menu ul.sub-menu {
  border-bottom-style: none!important;
  border-bottom-width: 0!important;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{ top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; top: -1px; } /* match ul width */

ul.sf-menu li li:last-child{ border: 0px; }
ul.sf-menu li li a{ line-height: auto; height: auto; padding: 0px 15px; 
	background-image: none; }
ul.sf-menu ul li a{ padding: 10px 20px; border-color: #787878; border-style: solid;	border-width: 0 0 1px; text-transform: none;  }

/*--- Top Menu ---*/
ul.top-menu, .top-menu * { margin: 0; padding: 0; list-style: none; }
ul.top-menu { line-height: 1; }
ul.top-menu li{ padding: 14px 0px; float: left; position: relative; }
ul.top-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */
ul.top-menu li a { padding: 0px 15px; line-height: 16px; text-decoration:none; display: block; position: relative; 
	border-left-width: 1px; border-left-style: solid; }
ul.top-menu li:first-child a{ border-left: 0px; padding-left: 0px; }
ul.top-menu li a img { max-height: 24px; width: auto; display: block; }

/*--- sub menu ---*/
ul.top-menu li:hover ul,
ul.top-menu li.sfHover ul { left: 0; z-index: 101; top: 44px; 
	border-top-width: 1px; border-top-style: solid; }
ul.top-menu li.sfHover ul ul{ padding-top: 0; }

ul.top-menu ul { text-align: left; width: 11em; }
ul.top-menu ul { position: absolute; top: -999em; width: 10em; }/* left offset of submenus need to match (see below) */
ul.top-menu ul li { width: 100%; padding: 0px 0px; }

ul.top-menu li:hover li ul,
ul.top-menu li.sfHover li ul,
ul.top-menu li li:hover li ul,
ul.top-menu li li.sfHover li ul{ top: -999em; }

ul.top-menu li li:hover ul,
ul.top-menu li li.sfHover ul,
ul.top-menu li li li:hover ul,
ul.top-menu li li li.sfHover ul { left: 10em; top: -1px; } /* match ul width */

ul.top-menu li li:last-child{ border: 0px; }
ul.top-menu li:first-child ul li a{ padding: 7px 15px; }
ul.top-menu li ul li:first-child  a{ padding: 7px 15px; }
ul.top-menu li ul li a{ padding: 7px 15px; border-left: 0px; line-height: auto; height: auto;
	border-style: solid; border-bottom-width: 1px; border-top-width: 1px; text-transform: none; }