/*** ESSENTIAL STYLES ***/
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    position:absolute;
	left:			150px;
	top:			0; /* match top ul list item height */
	z-index:		99;
    list-style:none;
}
.sf-menu li.sfHoverOut ul {
    position:absolute;
	left:			150px;
	top:			0px; /* match top ul list item height */
	z-index:		99;
    list-style:none;
}

/*** DEMO SKIN ***/
.sf-menu ul{
    border:1px solid #b5af48;
    padding:15px;
    background:#f6f6f6;
    list-style-position:outside;
}
.sf-menu li li {
	background:none;
    padding:0;
}
.sf-menu ul a{ 
    border-bottom:0; 
    padding:5px; 
}
.sf-menu li li li {
	background:		#fff;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	200px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	70px; /* match ul width */
	top:	0;
}
.sf-sub-indicator{ 
    display:none;
}


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */