/*** ESSENTIAL STYLES ***/

.sf-menu,

.sf-menu * { margin:0; padding: 0; list-style: none; }

.sf-menu { }

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

/* NAVIGATION ------------------------------------------------------------*/

nav { }

#menu-topnav { font-family:Tahoma, Arial; margin-top:15px; padding:0; line-height: 1.8em; float: right; padding-right:30px; }

#menu-topnav>li { display: inline; font-size: 12px; font-weight:600; text-transform:uppercase;  margin-left: 0px; }

#menu-topnav>li.first {}

#menu-topnav>li>a { display: block; overflow: hidden;  background:none; line-height:16px; color:#fff; }

#menu-topnav>li>a.sf-with-ul span.sf-sub-indicator {}

#menu-topnav>li>a:hover, #menu-topnav>li.sfHover>a, #menu-topnav>li>a.active,

#menu-topnav>li.sfHover>a { color: #fff;   margin-top: -3px; border-top: 3px solid #fff;}

#menu-topnav>li.current_page_item>a { color: #fff;   margin-top: -3px; border-top: 3px solid #fff;}

/* sub navigation -----------------------------------------------------*/

#menu-topnav>li ul { border:1px solid #ebebeb; display: block; margin-top: 21px;  width:140px; text-transform:none; }

#menu-topnav>li ul li { border-bottom:1px solid #ebebeb; float:none; padding:0; width:auto; font-weight:normal; }

#menu-topnav>li ul li a { display: block; white-space:nowrap; width:120px; padding: 5px 10px;  font-size: 11px; color: #333333; text-decoration: none; background: #fff; }

#menu-topnav>li ul li a span { display: block; }

#menu-topnav>li ul li a:hover, #menu-topnav>li ul li a.active { background: #eee; color: #000; opacity:1; filter:alpha(opacity=100); }



/* sub navigation -----------------------------------------------------*/

#menu-topnav>li ul li ul { display: block; margin-top: 0px; margin-left:20px;  width:140px; text-transform:none; }

#menu-topnav>li ul li ul li { border-bottom:1px solid #ebebeb; float:none; padding:0; width:auto; font-weight:normal; }

#menu-topnav>li ul li ul li a { display: block; white-space:nowrap; width:120px;  padding: 5px 10px;  font-size: 11px; color: #333333; text-decoration: none; background: #fff; }

#menu-topnav>li ul li ul li a span { display: block; }

#menu-topnav>li ul li ul li a:hover, #menu-topnav>li ul li ul li a.active { background: #eee; color: #000; opacity:1; filter:alpha(opacity=100); }