/*** ESSENTIAL STYLES ***/

.sf-menu  { float:right; }
.sf-menu li a {  padding:12px 14px 12px 12px; text-decoration:none; font-weight:normal; font-size:13px; }
.sf-menu li li a, #header .sf-menu li li li a, #header .sf-menu li li li li a, #header .sf-menu li li li li li a { padding:8px 12px;  }


.sf-menu, .sf-menu * { margin:0; padding:0;  list-style:none; }
.sf-menu { line-height:13px; }
.sf-menu ul { position:absolute; top:-999em; width:150px; /* 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; margin-right:10px; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:3.2em; /* 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:150px; /* 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:150px; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.sf-menu { float:left; }
.sf-menu li a {  text-decoration:none;  font-size:13px; }
.sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a, .sf-menu li li li li li a { padding:12px 12px; font-size:13px; }


/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 	1.8em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}

#header .sf-sub-indicator { position:absolute; display:block; right:5px; 	top:0px; /* IE6 only */ width:10px; height:10px; text-indent:-999em;}

.sf-shadow ul {
	padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }

	
	
#header a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:0.7em;	 /* use translucent arrow for modern browsers*/}
	
	
#header .sf-menu  { float:right; }
#header .sf-menu li a {  padding:12px 10px 12px 14px; margin-left:10px; text-decoration:none; font-weight:bold; font-size:16px; }
#header .sf-menu li li a, #header .sf-menu li li li a, #header .sf-menu li li li li a, #header .sf-menu li li li li li a { padding:8px 12px; font-size:13px; }

#header .sf-menu a.sf-with-ul { padding-right: 	20px;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}

#header .sf-menu li li a, #header .sf-menu li li li a,  #header .sf-menu li li li li a, #header .sf-menu li li li li li a { margin-left:0; }


#header .sf-menu li:hover ul, #header .sf-menu li.sfHover ul  { left:10px; top:3.1em; /* match top ul list item height */ z-index:99; }
#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul {left:150px; /* match ul width */ top:0; }

#top_strip span.sf-sub-indicator { position:absolute; display:block; right:5px; top:1.1em; /* IE6 only */ width:10px; height:20px; text-indent:-999em;  }

@media all and (min-width: 0px){
#top_strip a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:1.3em;	 /* use translucent arrow for modern browsers*/}
}