/*** ESSENTIAL STYLES ***/
.sf-menu { display: inline-block; width: 100%; position: relative; float: left; 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 { position: relative; float: left; margin: 0; padding: 0; background: none; }
.sf-menu > li > a {
	display: block;
	position: relative;
	margin: 0; padding: 16px 18px;
	font: 16px/25px "Margarine"; color: #000; text-align: center;
	/*text-shadow: 1px 1px 0 #97151b; text-transform: uppercase;*/
	/*-moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;*/
}
.sf-menu > li > a > img { display: block; }
.sf-menu > li:first-child {  }
.sf-menu > li:first-child > a { margin: 0; }
.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*/ { color: #fff; text-decoration: none; background: #6da83c; }
.sf-menu > li:hover > a span.icon {  }
.sf-menu > li.have_ch  > a { border-bottom: none; }


/* LVL 2 */
.sf-menu > li > ul { margin-top: 57px; 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 18px;
	font: 13px/15px "Margarine"; color: #fff; text-align: left;
	background: #6da83c;
}
.sf-menu > li > ul li:first-child a { border-top: none; }

.sf-menu > li li:hover {  }
.sf-menu > li li:hover > a { /*text-indent: 4px;*/ 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; background: none; border: none; }
.sf-menu > li > ul li ul li { text-align: left; }
.sf-menu > li > ul li ul li a {
	
}

.sf-menu > li li li:hover {  }
.sf-menu > li li li:hover > a { /*text-indent: 4px;*/ color: #fff; 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: 216px; 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: 216px; top: 0; }