/*** ESSENTIAL STYLES ***/
.sf-menu {height:44px; margin:0 5px; padding:0; list-style:none;}
.sf-menu li {float:left; line-height:40px; height:44px; vertical-align:middle; text-align:center;}
.sf-menu li a, .sf-menu li a:link, .sf-menu li a:visited {color:#fff; font-size:15px; display:block; width:96px; height:44px; margin:0 2px; background:url(/menu-item-bg.gif) no-repeat;}
.sf-menu li a:active, .sf-menu li a:hover, .sf-menu li a:focus {text-decoration:none; outline:none; background:url(/menu-item-bg-current.gif) no-repeat;}
.sf-menu li a.current, .sf-menu li a.current:link, .sf-menu li a.current:visited {background:url(/menu-item-bg-current.gif) no-repeat; outline:none;}

.sf-menu li ul {white-space:nowrap; width:350px; height:24px; line-height:24px; margin:0 0 0 1px; padding:0;}
.sf-menu li ul li {float:left; display:block; text-align:left; line-height:24px; height:24px; background:#147bc6;}
.sf-menu li ul li a, .sf-menu li ul li a:link, .sf-menu li ul li a:visited {
	color:#fff;
	text-decoration:none;
	width:auto;
	text-align:left;
	font-size:11px;
	display:inline;
	background-image:none;
	padding:0 5px;
}

li.subMenuSeparator {color:#def;}

.sf-menu li ul li a:active, .sf-menu li ul li a:hover, .sf-menu li ul li a:focus {color:#aaccee; text-decoration:none; outline:none;}

.sf-menu * { margin: 0; padding: 0; list-style: none; /*line-height: 25px;*/}
.sf-menu {}
.sf-menu ul { position: absolute; /*top: -999em;*/ display:none; width: auto; white-space:nowrap; /* left offset of submenus need to match (see below) */  z-index:10;}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {position: relative; z-index:10;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; /*display:block; top: 25px; match top ul list item height */ z-index: 99; }
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: 10em; /* 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: 10em; /* match ul width */ top: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul {  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; z-index:10; display: none; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden;  /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
li.sfHover a, li.sfHover a:link, li.sfHover a:visited {color:#fff;}

/* point right for anchors in subs */h
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*.sf-sub-indicator {display:none ! important;}*/

li#subLeft {width:2px; background:none;}
li#subRight {width:2px; background:none; text-align:right;}