ul.sf-menu ul {
margin-top:1em;
}

ul.sf-menu li {
line-height:1.3em;
z-index:0; /*superfish's menu styling puts text over everything else*/
}

ul.sf-menu ul li a {
background: none repeat scroll 0% 0% rgba(222, 222, 222, 0.9)
}

a#superfish-main-menu--2-toggle {
color:#eee;
}

ul.sf-menu.sf-horizontal.sf-shadow ul {
margin-top:1em;
}

ul.sf-menu .sf-sub-indicator:after { /* don't show the sub indicator on top level */
display:none;
}

ul.sf-menu ul .sf-sub-indicator {
margin-top:.15em;
height:1.25em;
width:1.25em;
}



ul.sf-menu ul .sf-sub-indicator:after {
display:block;
}

ul.sf-menu .sf-with-ul {
padding-right:1em;
}

/* toggle button ------------ */

#navigation a#superfish-main-menu-toggle,
#navigation a#superfish-main-toggle {
     background-image: url("../../img/menu_button2.png");
     margin-right:2em;
     margin-top:1.75em;
     float:right;
}

#navigation2 a#superfish-main-menu-toggle,
#navigation2 a#superfish-main-toggle {
     background-image: url("../../img/menu_button3.png");
     float: left;
}

#navigation a#superfish-main-menu-toggle,
#navigation a#superfish-main-toggle,
#navigation2 a#superfish-main-menu-toggle,
#navigation2 a#superfish-main-toggle {
     background-repeat: no-repeat;
     display: block;
     height: 3.25em;
width: 3.25em;
background-size: 100%;
     text-indent:-9999px;
	}


/* navigation and navigation 2 styles ------ */

#navigation ul.sf-menu.menu.sf-horizontal {
margin-top:1.5em;
float:right;
}

#navigation2 {
  padding: 1em 0px;
	text-align:left;
	float: left;
width: 100%;
	}

#navigation ul {
     text-align: left;
  	margin:0 auto;
	}

#navigation2 ul {
     text-align: left;
	}


#navigation h2,
#navigation2 h2 {
position:absolute;
left:-9999px;
}

#navigation ul li.active-trail {
     background-repeat: no-repeat;
	}

#navigation ul li {
line-height:1.4em;
}


#navigation ul li a,
#navigation2 ul li a {
     font-size: 1em;
     text-transform: uppercase;
     transition-duration: 0.4s;
     transition-property: color;
     transition-timing-function: ease-out;
	}

#navigation ul li a {
	     color: #222;
}

#navigation2 ul li a {
     color: #eee;
	}

#navigation2 ul li ul li a {
     color: #000;
	}

/* REBUILD */

#navigation2 ul li a:hover:after {
	position:absolute;
	display:block;
	content:" ";
	width:2.25em;
	height:0;
	border-bottom:2px solid;
	bottom:.5em;
}

#navigation2 ul li a.is-active:after {
	position:absolute;
	display:block;
	content:" ";
	width:2.25em;
	height:0;
	border-bottom:2px solid #fff;
	bottom:.5em;
}

#navigation2 ul li ul li a:hover  {
color:#333;
}


/* OLD STYLING
#navigation ul li a:hover,
#navigation ul.menuparent a.is-active,
#navigation2 ul li a:hover,
#navigation2 ul li.active-trail a:hover {
     transition-duration: 0.4s;
     transition-property: color;
     transition-timing-function: ease-out;
     	display:block;
	}

#navigation2 ul li.active-trail a:hover  {
padding-bottom:1em;
}

#navigation ul li a:hover:after,
#navigation ul.menuparent a.is-active:after,
#navigation2 ul li a:hover:after,
#navigation2 ul li.active-trail a.sf-depth-1:after {
	display:block;
	content:" ";
	width:2.25em;
	height:0;
	border-bottom:2px solid;
	}

#navigation2 ul li.last a.sf-depth-1:hover:after,
#navigation2 ul li.active-trail.last a.sf-depth-1:after {
	display:block;
	content:" ";
	width:2.25em;
	height:0;
	border-bottom:0px;
	}


#navigation2 ul li ul li a:hover  {
color:#333;
}

#navigation ul li a:after,
#navigation2 ul li a:after {
	content:" ";
	width:2.25em;
	height:0;
	border-bottom:2px solid;
	margin-top:.5em;
	}

.path-frontpage #navigation2 ul li.sf-depth-1 a:hover {
padding-bottom:0em;

}

.not-frontpage #navigation2 ul li.sf-depth-1 a:hover {
padding-bottom:1em;
}

#navigation2 ul li.sf-depth-1.last a:hover {
padding-bottom:.5em;

}

#navigation2 ul li.sf-depth-2 a:hover {
padding-bottom:.5em;
}

#navigation ul li a:after {
	border-color:#000;
}

#navigation2 ul li a:after {
}

#navigation2 ul li a:hover {
color:#fff;
}


#navigation ul li a:hover:after,
#navigation ul li.active-trail a:after {
	border-color:#BA0C2F;
}

	#navigation li a.menu-main-menu__link.is-active {
border-bottom:2px solid #222;
color:#000;
}

*/

body.feature #navigation ul li.active-trail {
	background-repeat:no-repeat;
	background-position:center bottom;
	}

/*
@media screen and (max-width:960px) {

#navigation2 ul li.sf-depth-1 a:hover {
padding-bottom:0em;

}
}


@media screen and (max-width:720px) {

#navigation2 ul li.active-trail a {
	display:block;
	}

	}
*/

/* giving tab on last -------------*/
#navigation2 ul.sf-menu li.sf-depth-1:last-child {
position:absolute;
top:-10em;
right:5em;
}

#navigation ul.sf-menu li.sf-depth-1:last-child a {
color:#fff;
}

ul li:last-child a.sf-depth-1:hover {
padding-bottom:1em;
}

ul li:last-child a.sf-depth-1:hover:after {
border-bottom:0px;
}

#navigation2 ul li:last-child a.sf-depth-1:hover:after {
border-bottom:0px;
}

ul.sf-menu li:last-child a.sf-depth-1:hover {
		transition-duration: 0.4s;
    transition-property: color;
    transition-timing-function: ease-out;
    background-color:#E4002B;
}




/* scroll */
/*#middle-wrapper.fixed ul.sf-menu li.sf-depth-1.last*/
#middle-wrapper.fixed ul.sf-menu li.sf-depth-1:last-child {
position:relative;
top:0em;
right:0em;
}


/*ul.sf-menu li.last a.sf-depth-1 */
ul.sf-menu li:last-child a.sf-depth-1 {
background-color:#BA0C2F;
/*margin-left:.5em;*/
padding: 1em 1.5em;
}



/* responsive take away tab*/

@media screen and (max-width:960px) {


/*#middle-wrapper ul.sf-menu li.sf-depth-1.last*/
#middle-wrapper ul.sf-menu li.sf-depth-1:last-child {
position:relative;
top:0em;
right:0em;
}
}

