/*----------------------------------------------------------------------------
++ Top Navigation - Dropline "topdrop"
++ These are the styles for the top dropline menu
----------------------------------------------------------------------------*/

/* @group topdrop structural layer */

/* add margin below menu bar for sub items bar */
#topnav.topdrop {margin-bottom: 4em;}
/* spacing for menu in top position */
#top.primary-nav.topdrop .menu {margin:3em 0 0 0;}

/* set the bottom border to none on sub active sub items and show on hover */
.primary-nav .menu li#current ul li a {border-bottom: none;}
.primary-nav .menu li#current ul li a:hover {border-bottom:3px solid #79BEDA;}


.primary-nav.topdrop .menu li a.top-level, .primary-nav.topdrop .menu li span.separator {
padding:1em 2em 0.3em 0.2em;
}

#topdrop-bar-wrap {border-bottom:1px dotted #E5E6E7;height:2.2em;}


/* set layout control styles */
.primary-nav .menu,
.primary-nav .menu *{margin:0;padding:0;list-style:none;}
.primary-nav .menu{line-height:1.0;float:left;position:relative;}
.primary-nav .menu ul{position:absolute;top:-999em;width:10em;}
.primary-nav .menu ul li{width:100%;}
.primary-nav .menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.primary-nav .menu li{float:left;position:static;}
.primary-nav .menu a{display:block;position:relative;}
.primary-nav .menu li:hover ul,
.primary-nav .menu li.sfHover ul{left:0;top:111.5%;/* match top ul list item height */z-index:99;}
/* move sub items bar closer to top bar when in top position */
#top.primary-nav .menu li.sfHover ul{top:103%;}
.primary-nav .menu li:hover ul ul,
.primary-nav .menu li.sfHover ul ul {left:0;top:28.82em;}
.primary-nav .menu li:hover ul ul ul,
.primary-nav .menu li.sfHover ul ul ul {left:13.1em;top:0.82em;}
.primary-nav .menu li:hover,.primary-nav .menu li.sfHover,
.primary-nav .menu a:focus,.primary-nav .menu a:hover,
.primary-nav .menu a:active{outline:0;}
.primary-nav .menu li ul{width:70em;}
.primary-nav .menu li li{background:none;position:relative;}
.primary-nav .menu li li ul{width:13em;}
.primary-nav .menu li li li{width:100%;}
.primary-nav .menu ul li{width:auto;float:left;}
.primary-nav .menu a,
.primary-nav span.separator {text-transform: uppercase;font-size:1em;padding: 1.15em 1em .5em 0.3em;text-decoration:none;text-shadow:1px 1px #fff;}
.primary-nav .menu a,
.primary-nav .menu a:visited{color:#333;}
.primary-nav .menu li.current{background:#fff;}
/* styling for seperator injected by js to add line between menu levels */
#topdropdrop-seperator {border-bottom:1px dotted #ddd;clear:both;}

/* highlight path hover */
.primary-nav .menu li:hover,
.primary-nav .menu li.sfHover,
.primary-nav .menu li li.current,
.primary-nav .menu a:focus,
.primary-nav .menu a:hover,
.primary-nav .menu a:active {color:#CF5A5A;}

.primary-nav .menu ul li:hover,
.primary-nav .menu ul li.sfHover,
.primary-nav .menu ul li:hover li,
.primary-nav .menu ul li.sfHover li,
.primary-nav .menu ul a:focus,
.primary-nav .menu ul a:hover,
.primary-nav .menu ul a:active {color: #79C2E3;}

.primary-nav .menu li li li:hover,
.primary-nav .menu li li li.sfHover,
.primary-nav .menu li li.current li.current,
.primary-nav .menu ul li li a:focus,
.primary-nav .menu ul li li a:hover,
.primary-nav .menu ul li li a:active {color: #79C2E3;}
/* highlight path */
.primary-nav .menu .current ul,
.primary-nav .menu ul li:hover ul,
.primary-nav .menu ul li.sfHover ul{left:0;top: 100%;}
.primary-nav .menu .current ul ul{top:-999em;}
.primary-nav .menu li li.current > a{font-weight:bold;}
.primary-nav .menu li ul li a,
.primary-nav .menu li li span.separator,
.primary-nav .menu li ul li a:link,
.primary-nav .menu li ul li a:visited{font-size:0.85em;line-height:0.9em;text-decoration:none;padding: 1em 2em 0.3em 0.2em;color: #999;}

.primary-nav .menu li ul li ul li a,
.primary-nav .menu li li li span.separator,
.primary-nav .menu li ul li ul li a:link,
.primary-nav .menu li ul li ul li a:visited{font-size:0.85em;padding: 1em 1em 1em;background:#eee;opacity: 0.96;}

/* smaller font size for menu in top position */
#top.primary-nav .menu li ul li a,
#top.primary-nav .menu li li span.separator,
#top.primary-nav .menu li ul li a:link,
#top.primary-nav .menu li ul li a:visited{font-size:0.9em;}

/* add line height to 3rd level items */
.primary-nav .menu li ul li li a:link {line-height:1.4em;padding:0.8em 1em;}

/* remove border from separator in 2nd level */
.primary-nav .menu li li span.separator {border: none;}

/* add - underline on 2nd level  */
/*#topnav.topdrop #nav ul.menu ul li a:hover {text-decoration: underline; }
#topnav.topdrop #nav ul.menu ul ul li a:hover {text-decoration: none; }*/

/* remove borders on 2nd level bar */
.primary-nav .menu li li ul {border: 1px dotted #ddd;border-top: none;}
/* add borders to 3rd level */
.primary-nav .menu li li li ul {border: 1px dotted #ddd;}
/*/* add border to each menu item *!/
.primary-nav .menu li li {border-bottom: 1px dotted #ddd;}*/

/* sub item arrows */
.primary-nav .menu a.sf-with-ul{padding-right:2em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:44%;/* IE6 only */
width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../../../../morph_assets/themelets/leblanc/images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator{top:41%;background-position:0 -98px;}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator{background-position:-10px -98px;}
.primary-nav .menu li li a > .sf-sub-indicator{top:1.1em;background-position:0 -102px;}

/* point arrows down */
/* point right for anchors in subs */
.primary-nav .menu ul .sf-sub-indicator{background-position:-10px -100px;}
.primary-nav .menu ul ul .sf-sub-indicator{background-position:0 0;}
.primary-nav .menu ul a > .sf-sub-indicator{background-position:0 -100px;}
.primary-nav .menu ul ul a > .sf-sub-indicator{background-position:0 0;top:.9em}