/*** 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 {  line-height: 1.8em; }

#menu-topnav { margin-top:0; float: left; padding:0; position:relative; z-index:999999999;}

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

#menu-topnav>li.first { margin-left:0;}

#menu-topnav>li>a { display: block; overflow: hidden; padding:32px 5px 32px 5px; background:none; line-height:16px; color:#636363 !important;  border-top:3px solid #ffffff;}

#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: #2d2d2d  !important; background:none; border-top:3px solid #ef6c6c; }

#menu-topnav>li.current_page_item>a { color: #2d2d2d  !important; background:none;  border-top:3px solid #ef6c6c; }

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

#menu-topnav>li ul { border:1px solid #eee; display: block; margin-top: 30px;  width:156px; text-transform:none; }

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

#menu-topnav>li ul li a { display: block; white-space:nowrap; width:140px; padding: 8px;  font-size: 12px; color:#707070 !important; 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: #272727; color: #ef6c6c  !important; opacity:1; filter:alpha(opacity=100); }



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

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

#menu-topnav>li ul li ul li a { display: block; white-space:nowrap; width:140px; padding: 8px;  font-size: 12px; color:#707070 !important; 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: #272727; color: #ef6c6c  !important; opacity:1; filter:alpha(opacity=100); }


	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		#menu-topnav>li>a  { padding:32px 2px 32px 2px; }
	}