/*----------------------------------------------------------------------------
++ 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:99.5%; /* 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 */
#topnav .menu ul {border: 1px solid #ddd;border-top: none;background: #EEEEEE url(../../../../morph_assets/themelets/ultra-candy/images/modfx-modbgsprite.jpg) repeat-x scroll 0 -1817px; }
/* 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 #ddd;}
/* 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 #ddd;}
/* set backgrounds */
#topnav .menu li li{/*background:#eee;*/}
#topnav .menu li li li{/*background:#eee;*/}
#topnav .menu li:hover,
#topnav .menu li.sfHover,
#topnav .menu a:focus,
#topnav .menu a:hover,
#topnav .menu a:active{background-color:#fff;outline:0;}
#topnav .menu ul li:hover,
#topnav .menu ul li.sfHover,
#topnav .menu ul a:focus,
#topnav .menu ul a:hover,
#topnav .menu .active{background:#F6F6F6;}
#topnav .menu .parent ul a{
background:none;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
line-height: 1.4em;
}

/* 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;}

/* @group superfish subchild indicators */

/*#topnav .menu .parent a span.sf-sub-indicator{background:transparent url(../../../../morph_assets/themelets/ultra-candy/images/page-elements-sprite.png) 0 0 no-repeat;}*/

#topnav .menu .parent a span.sf-sub-indicator {
background:transparent url(../../../../morph_assets/themelets/ultra-candy/images/page-elements-sprite.png) no-repeat scroll 0 -101px;
display:block;
height:8px;
left:46%;
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/ultra-candy/images/page-elements-sprite.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/ultra-candy/images/page-elements-sprite.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;}

/* @end */

/* @group subtext layer */

/* re position arrow for subtext option */
#topnav.subtext .menu li.parent a.top-level {background-position:50% 90%}
/* 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:1em 1em;}
#topnav.subtext #nav ul.menu li ul li span.separator {padding:1em 1em;}

#topnav.subtext #nav ul ul li .submenu_item {font-size:0.85em;padding-top:1.1em;}

/* @end */