/* @group #box-top-nav */
#nav-top { position: relative; margin: 0; padding: 0; list-style: none none;}
#nav-top li { position: relative; margin: 0; padding: 0; display: inline; float: left; border: 1px solid #7c7c7c; border-width: 0 1px 0 0; height: 40px; }

#nav-top li .nav-arrow-down { position: absolute; right: 10px; bottom: 8px; display: block;  }
#nav-top li a { position: relative; display: block; font-size: 12px; font-weight: 500; line-height: 12px; text-transform: uppercase; width: 119px; height: 100%; }
#nav-top li a:hover { text-decoration: none; background-color: #333333; }
#nav-top li a span.mp { display: inline-block; padding: 7px 0 0 10px; font-weight:700; }
#nav-top li.first a { }
#nav-top li.last a { width: 119px; }

#nav-top ul { position: relative; margin: 0; padding: 0; list-style: none none; }
#nav-top li { position: relative; margin: 0; padding: 0; display: inline; float: left; border: 1px solid #7c7c7c; border-width: 0 1px 0 0; height: 40px; }
#nav-top li.last { border-width: 0; }


#nav-top li ul { position: absolute; display: none; top: 40px; padding: 7px; background-color: #333333; z-index: 999; }
#nav-top li li { display: block; float: none; border: 0 none; height: 1%; }

#nav-top li:hover { background-color: #333333; }
#nav-top li:hover ul { display: block; }
#nav-top li ul.hover { display: block; } /* ie hacks - adding class via js  */
#nav-top li:hover > ul { display: block; }

#nav-top li li a { font-size: 11px; text-transform: none; background-color: #cccccc; color: #333333; border: 1px solid #333333; border-width: 1px 0 0 0; font-weight: bold; padding: 9px 0 10px 5px; width: 180px; }
#nav-top li li a:hover { text-decoration: none; background-color: #d65300; color: #ffffff; }

#nav-top li.last ul { right: 0; margin-right: -1px; }
#nav-top li.last li a { width: 180px; }

/* @end */



/* @group #box-side-nav */
#nav-side { z-index:1900; }
#nav-side .head { height: 28px;background: #333333 url(../img/side-menu-nav-head.png) repeat-x; }
#nav-side h3 { line-height: 29px;padding-left: 22px;font-size: 12px; color: #fff;}

#nav-side .first { border:0; }
#nav-side ul, #nav-side .extend ul, #nav-side .extendon ul { border: 2px solid #333333; background-color: #f0f0f0; }
#nav-size ul {  }

#nav-side li { position:relative; border-top: 1px solid #d7d5c8;  width: 176px; }
#nav-side li:hover, #nav-side li.extendon, #nav-side li.on { color:#ffffff; background-color: #d65300; }
#nav-side li ul li { width: 250px; } /* expand the secondary left nav to allow for longer names / fewer multiple lines 7/2/14 */

#nav-side a { position: relative; display: block; padding: 7px 20px; height: 100%; font-size: 12px; }
#nav-side a:hover, #nav-side .extendon a, #nav-side .on a { color: #ffffff; text-decoration: none; }
#nav-side .extendon li a, #nav-side .on li a { color: #d65300; }
#nav-side .extendon li a:hover, #nav-side .on li a:hover { color: #ffffff; }
#nav-side ul { margin: 0; padding: 0; list-style: none none; }

#nav-side .extend a, #nav-side .extendon a, #nav-side .on a { position: relative; display: inline-block; }

#nav-side .extend ul, #nav-side .extendon ul , #nav-side .on ul { position: absolute; display: none; top: -1px; left: 176px; width: 250px; z-index: 1990; }

#nav-side .extend:hover > a, #nav-side .extendon:hover > a, #nav-side .on:hover > a { color: #ffffff; }

#nav-side .extend:hover ul, #nav-side .extendon:hover ul { display: block; }
#nav-side .extend ul.hover,#nav-side .extendon ul.hover { display: block;} 
#nav-side .extend:hover > ul, #nav-side .extendon:hover > ul { display: block; }

#nav-side .extend .nav-arrow, #nav-side .extendon .nav-arrow { position: absolute; top:50%; right: 10px; margin-top: -5px; }
/* @end */

/* @group #box-sub-side-nav */
#nav-side-sub {	border:1px solid #e1e1e1;background: #f0f0f0; }
#nav-side-sub ul { padding: 0; margin:0; list-style: none none; }
#nav-side-sub li { padding: 10px 2px 10px 20px; border-top: 1px solid #e2e2e2; }
#nav-side-sub ul li a { font-weight: 500; }
#nav-side-sub .first { background:#e1e1e1; font-weight: bold; font-size: 12px; }
#nav-side-sub .first a { font-weight: bold; font-size: 12px; }


/* @end */