/*----------------------------------------------------------------------------
++ Top Navigation - Superfish - Topfish 
++ These are the styles that form the suprfish layer
----------------------------------------------------------------------------*/

/* @group core superfish layer */

#topnav .menu ul{position:absolute;top:-999em;width:14em;/* left offset of submenus need to match (see below) */}
#topnav .menu ul li{width:100%;}
#topnav .menu li:hover{visibility:inherit;}
#topnav .menu li:hover ul,
#topnav .menu li.sfHover ul{left:-1px;top:100%; /* match top ul list item height */ z-index:99;}
#topnav .menu li:hover li ul,
#topnav .menu li.sfHover li ul{top:-999em;}
#topnav .menu li li:hover ul,
#topnav .menu li li.sfHover ul{left:14em; /* match ul width */ top:0;}
#topnav .menu li li:hover li ul,
#topnav .menu li li.sfHover li ul{top:-999em;}
#topnav .menu li li li:hover ul,
#topnav .menu li li li.sfHover ul{left:14em;/* match ul width */top:0;}

/* @end */

/* @group topfish skin */

/* set font size for top level menu items */
/*#topnav .menu a.top-level {font-size:1em;}*/

/* set sub ul borders and bg's */
#topnav .menu ul {
border: 1px solid #ccc;
border-width: 0 3px 1px 1px;
margin-left: -1px;
/*background-color: #eee;*/
}
/* remove border from each item in drop down (inherited from parent)*/
#topnav .menu ul a,
#topnav .menu ul li span.separator  {border: none;}
/* add border for sub level items */
#topnav .menu ul li {border-bottom: 1px solid #ccc;}
body#emphatic #topnav.block .menu ul li.first {border-top: none;}
body#emphatic #topnav.block .menu ul li.last {border-bottom: 1px solid #fff;}
/* remove borders from last menu item in sub */
 #topnav .menu ul li.last {border-bottom: none;}
/* add border to 3rd level ul */
#topnav .menu ul ul {border: 1px solid #ccc;}
/* set backgrounds */
#topnav .menu li li{background-color:#eee;}
#topnav .menu li li li{background-color:#eee;}
#topnav .menu li:hover,
#topnav .menu li.sfHover,
#topnav .menu a:focus,
#topnav .menu a:hover,
#topnav .menu a:active{background-color:#eee;outline:0;color:#333;}
#topnav .menu ul li:hover,
#topnav .menu ul li.sfHover,
#topnav .menu ul a:focus,
#topnav .menu ul a:hover,
#topnav .menu .active{background-color:#fff;color:#333;}
#topnav .menu .parent ul a{
background:none;
line-height: 1em;
}
#topnav .menu li.sfHover a,
#topnav .menu li.active a.active {
	color: #333;
}
/* styles for drop down text */
#topnav .menu li ul li a,
#topnav .menu li ul li span.separator,
#topnav #topnav .menu li ul li a:link,
#topnav #topnav .menu li ul li a:visited{/* change font size for sub items if needed font-size:0.9em;*/line-height:0.7em;padding:0.65em 1em 0.75em 1em;text-decoration:none;}

/* superfish subchild indicators */

#topnav .menu li.parent a span.sf-sub-indicator {
background:transparent url(/morph_assets/themelets/emphatic/images/topnav-sprite-litebgs.png) -10px -101px;
display:block;
height:8px;
right:43%;
position:absolute;
width:9px;
}

/* set the second level child item indicator */
#topnav .menu li li.parent a span.sf-sub-indicator,
#topnav .menu li li.parent span.separator{background:transparent url(/morph_assets/themelets/emphatic/images/topnav-sprite-litebgs.png) no-repeat 0 0;display:block;
height:10px;
right:5px;
position:absolute;
top:35%;
width:9px;}
/* remove it from descendant anchors */
#topnav .menu li li.parent li a span.sf-sub-indicator,
#topnav .menu li li.parent li span.separator{background:none;}
/* set the third level child item indicator */
#topnav .menu li li li.parent a span.sf-sub-indicator,
#topnav .menu li li li.parent span.separator{background:transparent url(/morph_assets/themelets/emphatic/images/topnav-sprite-litebgs.png) no-repeat 0 0;}
/* remove again from descendant anchors */
#topnav .menu li li li.parent li a,
#topnav .menu li li li.parent li span.separator{background:none;}


/* subtext layer */
#topnav.subtext .menu li li.parent a span.sf-sub-indicator,
#topnav.subtext .menu li li.parent span.separator {
	top: 42%;
}
/* re position sub items for subtext option */
#topnav.subtext #nav .menu li:hover ul ul,
#topnav.subtext #nav .menu li.sfHover ul ul {top:0; /* match top ul list item height */ z-index:99;}
/* add padding for items in drop downs with subtext */
#topnav.subtext #nav ul.menu li ul li a {padding:.8em;}
#topnav.subtext #nav ul.menu li ul li span.separator {padding:.8em;}

#topnav.subtext #nav ul ul li .submenu_item {text-transform: uppercase;padding-top:.4em;font-weight:bold;}

/* @end */