/*
 * Top and Left Nav CSS Navigation Definitions
 *
 * @file              /css/navigation.css
 * @author            chris geheran
 * @revision          $Id$
*/

/* BELOW ARE THE DECLARATIONS FOR THE DYNAMIC TOP NAV MENUS */
ul#topNav {margin:0; padding:0; list-style:none; clear:both; font-size:10px;}
ul#topNav, ul#topNav ul {margin:0; padding:0; list-style:none; clear:both; font-size:10px;}
ul#topNav li ul.level1 {position:absolute; left:0px; top:27px; padding:0px; background:#4E9FDE url("../images/nav/tnav_menuBack.gif") repeat-x; visibility:hidden;}
ul#topNav li ul.level1 li ul.level2 {position:absolute; left:180px; top:0px; padding:0px 1px; background:#4E9FDE url("../images/nav/tnav_menuBack.gif") repeat-x; visibility:hidden;}

ul#topNav ul.co {background:#8EAD27 url("/images/nav/tnav_co_menuBack.gif") repeat-x !important;} /* commodity background override */
ul#topNav li {display:inline; z-index:9999; float:left; position:relative;}
ul#topNav ul li {display:block; width:auto; border-right:0; clear:both;}

/* had to put in exceptions here because the secondary menu widths are all different in the redesign */
ul#topNav .in401 li {width:263px;}

/* hiding images set in top_navigation.jsp */
ul#topNav li.tItem:hover a img, ul#topNav li.tItem_co:hover a img, ul#topNav li.over1 a img {visibility:hidden;}

ul#topNav li a {display:block; padding:0; margin:0; text-decoration:none; color:#fff;}
ul#topNav ul.level1 li a {display:block; padding:6px 4px 6px 6px;}
ul#topNav ul.level2 li a {display:block; padding:6px;}
ul#topNav li ul.level1 a, ul#topNav li.over1 a {color:#fff;}

ul#topNav li ul.level1 li {border-bottom:1px solid #87B3E4; margin:0;}
ul#topNav li ul.co li {border-bottom:1px solid #B0C668 !important; margin:0;} /* commodity border override */
ul#topNav li ul.level1 li.arrow {background:transparent url("../images/nav/lnav_whiteArrowLevel1.gif") no-repeat right;}
ul#topNav li ul.level1 li ul.level2 li {padding-right:5px;}

/* CSS Rollovers */
ul#topNav li:hover ul.level1, ul#topNav li.over1 ul.level1 {visibility:visible;}
ul#topNav ul.level1 li:hover ul.level2, ul#topNav ul.level1 li.over2 ul.level2 {visibility:visible;}