/*** ESSENTIAL STYLES ***/
.sf-menu { display: inline-block; position: relative; z-index: 999; }
.sf-menu, .sf-menu * { list-style: none; padding: 0; margin: 0; }
.sf-menu ul { position: absolute; top: -999em; margin: 0; padding: 0; z-index: 999 !important; }

/* fixes IE7 sticky bug */
.sf-menu ul, .sf-menu ul li , .sf-menu ul ul , .sf-menu ul li a { z-index: 999 !important; }
.sf-menu li { position: relative; float: left; padding: 0; margin: 0; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li a { display: block; position: relative; float: left; margin: 0; outline: none; cursor: pointer; }

/* ---------------------------------------------------------------------- */

/* LVL 1 */
.sf-menu > li { display: inline-block; position: relative; margin: 0 5px; background: none; }
.sf-menu > li.first {  }
.sf-menu > li:first-child { background: none; }
.sf-menu > li > a {
	display: block; width: auto; height: 24px;
	position: relative; margin: 0; padding: 20px 10px 26px 11px;
	font-weight: 700; font-size: 14px; line-height: 24px; color: #fff; text-transform: uppercase; text-align: center;
	background: url(../img/menu_sep.png) 0 0 no-repeat;
	/*text-shadow: 1px 1px 0 #97151b; letter-spacing: -0.4px;*/
	/*-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;*/
}
.sf-menu > li:first-child > a { background: none; }
.sf-menu > li > a.have_child {  }
.sf-menu > li > a span.t { display: table; height: 100%; }
.sf-menu > li > a span.t span.td { display: table-cell; vertical-align: middle; }
.sf-menu > li > a span.icon { display: block; width: 100%; position: absolute; left: 0; top: 0; text-align: center; }

.sf-menu > li:hover {  }
.sf-menu > li:hover > a, .sf-menu > li.active > a {
	line-height: 28px; background: #ff9c00;
	background: -moz-linear-gradient(top, #ff9c00 0%, #ff6c00 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(100%,#ff6c00)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ff6c00',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #ff9c00 0%,#ff6c00 100%); /* opera */
}
.sf-menu > li.have_ch  > a { border-bottom: none; }


/* LVL 2 */
.sf-menu > li > ul { margin-top: 30px; margin-left: 0; background: none; border: none; }
.sf-menu > li > ul li { text-align: left; }
.sf-menu > li > ul li a {
	width: 180px;
	margin: 0; padding: 5px 10px;
	font-size: 12px; line-height: 16px; color: #ddd; text-align: left;
	background: #2e2e2e;
}
.sf-menu > li > ul li:first-child a { border-top: none; }

.sf-menu > li li:hover {  }
.sf-menu > li li:hover > a { text-indent: 2px; color: #fff; z-index: 9999 !important; }
.sf-menu > li li.have_ch  > a { border-bottom: none; }


/* LVL 3 */
.sf-menu > li > ul li ul { margin-top: 0; margin-left: 0; border: none; border-left: none; }
.sf-menu > li > ul li ul li { text-align: left; }
.sf-menu > li > ul li ul li a {
	width: 140px;
	padding: 6px 15px;
	font: 13px/20px Titillium Web; color: #fff;
	background: #2e2e2e;
}

.sf-menu > li li li:hover {  }
.sf-menu > li li li:hover > a { color: #3C9EDD; z-index: 9999 !important; }
.sf-menu > li li li.have_ch  > a { border-bottom: none; }


/* LVL 4 */
.sf-menu > li > ul li ul li ul { margin-top: 0; }

/* ---------------------------------------------------------------------- */

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 0; z-index: 1000; }
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: 224px; 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: 224px; top: 0; }