@charset "UTF-8";
/* CSS Document */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0;list-style:none; font-size:11px !important;}

.sf-menu {line-height:1.0;}

.sf-menu ul {position:absolute;	top:-999em;	width:210px; /* 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 {float:left; position:relative;}

.sf-menu a {display:block; position:relative;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;	top:2.5em; /* match top ul list item height */	z-index:10099;}

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:210px; /* match ul width */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:190px; /* match ul width */ top:0;}


/*** DEMO SKIN ***/
.sf-menu {float:left; margin-bottom:1em;}

.sf-menu a {border-right:1px solid #ccc; padding:3px 8px 5px; text-decoration:none;}
.sf-menu li.last a {border-right:none !important; padding:3px 8px 5px; text-decoration:none;}

.sf-menu ul li a {border-top:1px dotted #CCC; padding:10px; border-right:none;}
.sf-menu ul li.first a {border-top:none; padding:10px; border-right:none;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#666;}

.sf-menu li {background:#f2f2f2;}

.sf-menu li li {background:#f2f2f2;}

.sf-menu li li li {
	background:		#f2f2f2;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:			#333;
	background:		#fff url(../img/arrow-999.png) 198px 8px no-repeat !important;
	outline:		0;
}

.sf-menu a.sub {background:#f2f2f2 url(../img/arrow-999.png) 198px 8px no-repeat}
.sf-menu li.subtop a {border-top:none !important;}