/*================================================================
                 SUPERFISH MENU ESSENTIAL STYLES
================================================================*/

/* Make sure to use specificity below rather than changing these styles*/

.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul { position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li {width:100%;}
.sf-menu li {float:left; position:relative;}
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }

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

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:33px; /* match top ul list item height */ z-index:99; }

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

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

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

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

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url(/cms/images/layout/menu/shadow.png) no-repeat bottom right; padding:0 9px 9px 0; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:.8em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	/* background: url(/cms/images/arrows-ffffff.png) no-repeat 0px -100px; */
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position: -10px 0;}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0;}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*================================================================
                      MAIN MENU SKIN
================================================================*/
.mainNav {margin-top:34px;}

.mainNav ul { margin:0; padding:0;  }

/* Temporary clearfix since we don't actually have a clearfix on sf-menu */
.mainNav .sf-menu:before, .mainNav .sf-menu:after { content: ""; display: table; }
.mainNav .sf-menu:after { clear: both; }
.mainNav .sf-menu { zoom: 1; }

/* Main Tier */
.mainNav .sf-menu { display:table; width:100%; }
.mainNav .sf-menu li { float:none; }
.mainNav .sf-menu > li { display:table-cell; vertical-align:middle; text-align:center; }
.mainNav .sf-menu > li .subMenu > a { display:table; width:100%; font-size:20px; text-decoration:none; color:#1f1f1f; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}
.mainNav .sf-menu > li .subMenu > a .menuText { display:table-cell; padding:10px; height:40px; vertical-align:middle; text-align:center; text-transform: uppercase; }

.mainNav .sf-menu li.sfHover .subMenu > a,
.mainNav .sf-menu a.on,
.mainNav .sf-menu a:hover,
.mainNav .sf-menu a:focus,
.mainNav .sf-menu a:active,
.subMenu > a:hover {color:#0809bc !important;}

/* Sub Tier */
.mainNav .sf-menu li .subMenu {position:relative}
.mainNav .sf-menu li:hover .subMenu > ul,
.mainNav .sf-menu li.sfHover .subMenu > ul { top:81px; }
.mainNav .sf-menu li ul { min-width:100%; background-color:#3a3a48; }
.mainNav .sf-menu li ul li { min-width:100%; }


.mainNav .sf-menu li li { }
.mainNav .sf-menu li li:first-child {}
.mainNav .sf-menu li li a {color:#ccccd5; text-align:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; height:auto; padding:10px 20px; text-decoration:none;}

/* Sub Sub Tier */
.js .mainNav .sf-menu li li ul { display:none; visibility:hidden; }
.mainNav .sf-menu li li:hover > ul,
.mainNav .sf-menu li li.sfHover > ul { top:0; left:100%; background:#25253b; }

.mainNav .sf-menu li li.sfHover > a,
.mainNav .sf-menu li li a:hover,
.mainNav .sf-menu li li a:focus,
.mainNav .sf-menu li li a:active { color:#fff !important; }


/* last Nav Item Adjustments */
.mainNav .sf-menu .lastnavitemli .subMenu > ul { left:auto; right:0; }
.mainNav .sf-menu .lastnavitemli li:hover > ul,
.mainNav .sf-menu .lastnavitemli li.sfHover > ul { left:auto; right:100%; }

.menuLink {display:none; color:#474acf;}
.menuLink:hover, .menuLink:focus {text-decoration:none; }

/* Showing expand buttons - didn't want to include in base */

.mainNav .sf-menu li .expandMenu,
.mainNav .sf-menu li .subMenu .expandMenu { position:absolute; top:15px; right:9px; z-index:99; padding:0; width:auto; font-size:17px;  padding: 10px;}
.mainNav .sf-menu li .subMenu > .expandMenu {right: 0; top: 2px; }
.mainNav .sf-menu li li .expandMenu,
.mainNav .sf-menu li .subMenu li .expandMenu { padding:7px 14px; top:0; }
.expandMenu:after {
	content:'\25b8';
	font-family: 'Basic-Icons';
	display: inline-block;
}

.no-js .mainNav {display:block;}

@media only screen and (max-width: 1023px) {
	.mainNav {margin:5px -10px; position: absolute; width: 100%;}
	.menuLink {display:block; padding: 7px; position: absolute; right: 0; top: -50px; font-size: 40px; text-decoration:none;}
	.active .menuLink {background: #fff !important;}
	.mainNav ul {display: none !important;}
	.active ul  {display: block !important;}

	.mainNav .sf-menu > li > a .menuText,
	.mainNav .sf-menu > li .subMenu > a .menuText { height:60px; }
	.mainNav .sf-menu li:hover .subMenu > ul,
	.mainNav .sf-menu li.sfHover .subMenu > ul,
	.mainNav .sf-menu li:hover .subNav,
	.mainNav .sf-menu li.sfHover .subNav { top:80px; }


	.mainNav .sf-menu,
	.mainNav .sf-menu li,
	.mainNav .sf-menu li a,
	.mainNav .sf-menu li a .menuText,
	.mainNav .sf-menu li ul { width:100%; display:block; background: #fff; }
	.mainNav .sf-menu li a .menuText {color: #0304c0;}

	.mainNav .sf-menu li .subMenu > .expandMenu {right:12px; }
	.mainNav .sf-menu li a .menuText.open, .expandMenu.open {background: #f0f0f8 !important;}
	.mainNav .sf-menu li ul li .expandMenu.open {background: none !important;}
	.mainNav .sf-menu li ul li ul {background: #25253b !important;}
	.mainNav .sf-menu li ul li ul li {padding-left: 20px !important;}
	.expandMenu.open {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}

	.mainNav .sf-menu li li a { width:96%; padding:10px 2%; }

	.mainNav .sf-menu li { }

	.mainNav .sf-menu li a .menuText,
	.mainNav .sf-menu > li .subMenu > a .menuText { height:auto; padding:15px 0; }

	.mainNav .sf-menu li .expandMenu,
	.mainNav .sf-menu li .subMenu .expandMenu { display:block; }

	.mainNav .sf-menu li .subNav,
	.mainNav .sf-menu li ul,
	.mainNav .sf-menu li ul ul {
		position: static!important;
		top: auto!important;
		left: auto!important;
		width: auto!important;
		height: auto!important;
		display: none!important;
		background: #3a3a48;
	}
	.mainNav .sf-menu li ul ul ul {background:#25253b}
	
	.mainNav .sf-menu li ul li,	
	.mainNav .sf-menu li ul li a,
	.mainNav .sf-menu li ul li a .menuText {background: #3a3a48; }
	.mainNav .sf-menu li ul li ul li,	
	.mainNav .sf-menu li ul li ul a,
	.mainNav .sf-menu li ul li ul a .menuText {background: #25253b; }

	.mainNav .sf-menu li .subNav.open,
	.mainNav .sf-menu li .open	{
		display:block!important;
		padding:0;
		visibility:visible!important;
	}

	.mainNav .sf-menu li .subNav > ul { display: block!important; }

	.mainNav .sf-menu li li { border:0;  }
	.mainNav .sf-menu li li:first-child a {  }
	.mainNav .sf-menu li li a {  }
	.mainNav .sf-menu li li li {  }

}