/** ESSENTIAL 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:120px;  /*left offset of submenus need to match (see below) */
	}
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {
	position:relative;
	float:left;
	width:auto;
	}
.sf-menu a {
	position:relative;
	display:block;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0; top:49px; /* match top ul list item height */
	z-index:100;
	}
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:120px;  /* match ul width */
	top:0px!important;
	}

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:120px;  /* match ul width */
	top:0px!important;
	}

/* Pure Styles */

#mainNav .sf-menu a,
#mainNav .sf-menu a:visited { outline: none; }

#mainNav .sf-menu ul {
	padding:15px !important;
	background:#3c311b;		
	}

#mainNav .sf-menu li li ul {
	/* tertiary menu positioning */
	top:0!important;
	left:100%!important;
	}

#mainNav .sf-menu li li {
	/* secondary and tertiary menu items */
	margin:0;
	border:none;	
	padding:5px 0;
	}
#mainNav .sf-menu li li:last-child { background:none !important; }

#mainNav .sf-menu li li a,
#mainNav .sf-menu li li a:visited,
#mainNav .sf-menu li li li a,
#mainNav .sf-menu li li li a:visited,
#mainNav .sf-menu li li li li a,
#mainNav .sf-menu li li li li a:visited {
	line-height:1.2em;
	display:block;	
	}

/** arrow **/

#mainNav .sf-menu a.sf-with-ul {
	/* links with sub-menus */
	position:relative;
	min-width:1px;
	}
#mainNav .sf-menu li ul ul {
	/* tertiary menu positioning */
	margin-left:24px;
	}

.sf-sub-indicator {
	position:absolute; bottom:-9px;	
	display:block; width:100%;
	text-indent:-999em;
	overflow:hidden;
	z-index:200;
	}
.sfHover .sf-sub-indicator { background:url('../../images/subnav_arrow.png') no-repeat center bottom; }

#mainNav .sf-menu li ul .sf-sub-indicator { display:none; }
#mainNav .sf-menu li ul .sfHover .sf-sub-indicator {
	background:url('../../images/subnav_arrow_left.png') right 5px no-repeat;
	position:absolute; top:0; right:-22px; left:none;
	display:block;
	}
.sfHover a.sf-with-ul .sf-sub-indicator { }
.children .sf-sub-indicator { display:none; }