/*** ESSENTIAL STYLES ***/
.sf-menu-sub, .sf-menu-sub * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu-sub ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu-sub ul li {
	width:			100%;
}
.sf-menu-sub li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu-sub li {
	float:			left;
	position:		relative;
}
.sf-menu-sub a {
	display:		block;
	position:		relative;
}
.sf-menu-sub li:hover ul,
.sf-menu-sub li.sfHover ul {
	left:			15px;
	top:			23px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu-sub li:hover li ul,
ul.sf-menu-sub li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-sub li li:hover ul,
ul.sf-menu-sub li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu-sub li li:hover li ul,
ul.sf-menu-sub li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu-sub li li li:hover ul,
ul.sf-menu-sub li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sub_nav_wrap {
	background: url(../images/bg-sub_nav.png) repeat-x;
	height: 23px;
	margin: 0 0 2px 0;
}

.sf-menu-sub {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	z-index: 3000;
}

.sf-menu-sub li {
	height: 23px;
}

.sf-menu-sub li a {
	display: block;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
}

.sf-menu-sub li ul {
	background: #ecebeb;
	border: solid 1px #fff;
}

.sf-menu-sub li li a {
	color: #a2a1a1;
	padding: 0 5px;
}

.sf-menu-sub li li {
	border-top: solid 1px #fff;
}

.sf-menu-sub li li:first-child { border: none; }

.sf-menu-sub li li:hover {
	background: #d2ebf9;
}

/*** arrows **/
.sf-menu-sub a.sf-with-ul {
	
}
.sf-menu-sub .sf-sub-indicator {
	
}
.sf-menu-sub a > .sf-sub-indicator {
	display: none;
}

.sf-menu-sub a:focus > .sf-sub-indicator,
.sf-menu-sub a:hover > .sf-sub-indicator,
.sf-menu-sub a:active > .sf-sub-indicator,
.sf-menu-sub li:hover > a > .sf-sub-indicator,
.sf-menu-sub li.sfHover > a > .sf-sub-indicator {
	
}


.sf-menu-sub ul .sf-sub-indicator {
	
}
.sf-menu-sub ul a > .sf-sub-indicator {  }

.sf-menu-sub ul a:focus > .sf-sub-indicator,
.sf-menu-sub ul a:hover > .sf-sub-indicator,
.sf-menu-sub ul a:active > .sf-sub-indicator,
.sf-menu-sub ul li:hover > a > .sf-sub-indicator,
.sf-menu-sub ul li.sfHover > a > .sf-sub-indicator {
	
}