/* Top Nav and Drop Down Nav */ /* #nav-container { width: 97%; margin-left: 9px; margin-right: 12px; padding: 0; padding-left: 10px; background: transparent url(../webgfx/bg/bg_nav-g1-top-left-3.gif) no-repeat; overflow: hidden; } */ /* #nav-container-inner { padding-right: 20px; background: transparent; } #nav-g1 { width: 100%; height: 28px; float: left; margin-left: 14px; color: #FFF; list-style: none; background: transparent; } background: transparent url(../webgfx/bg/bg_nav-g1c.gif) 100% 50% repeat-x; } #nav-g1 li { display: inline; } #nav-g1 a { border: none; text-decoration: none; } */ /* Secondary Global [Nav G2] */ #nav-g2-outer { padding: 0; margin: 0; } #nav-g2-inner { padding: 0; margin: 0; } #nav-g2 { list-style: none; margin-right: 20px; } #nav-g2 li { float: left; margin-left: 10px; padding-left: 4px; } #nav-g2 li.left { border-left: none; } #nav-g2 li.right { border-right: none; } #nav-g2 a { display: block; font-size: 12px; color: #777; padding-top: 10px; border: none; border-bottom: 1px solid #AAA; } #nav-g2 a:hover { background: #EFEFEF; } #nav-g2 #nav-login a { font-size: .9em; font-weight: bold; color: #FFF; padding: 4px; background: #bbb; border: 2px solid #bbb; } #nav-g2 #nav-login a:hover { background: #900; border: 2px solid #900;} /* Nav G1 Nav Switches: Top Level On */ .home #nav-g1 #nav-g1-home a, .solutions #nav-g1 #nav-g1-solutions a, .industries #nav-g1 #nav-g1-industries a, .technology #nav-g1 #nav-g1-technology a, .supplychain #nav-g1 #nav-g1-supplychain a, .newsevents #nav-g1 #nav-g1-newsevents a, .customers #nav-g1 #nav-g1-customers a, .resources #nav-g1 #nav-g1-resources a, .company #nav-g1 #nav-g1-company a, .blog #nav-g1 #nav-g1-blog a { color: #FFF; background: #900; cursor: text; } /* For Drop Down Sub Nav Override Top Level Style */ .solutions #nav-g1 #nav-g1-solutions ul.trans-sol a, .industries #nav-g1 #nav-g1-industries ul.trans-ind a, .technology #nav-g1 #nav-g1-technology ul.trans-tech a, .newsevents #nav-g1 #nav-g1-newsevents ul.trans-newsevents a, .customers #nav-g1 #nav-g1-customers ul.trans-customers a, .resources #nav-g1 #nav-g1-resources ul.trans-resources a, .company #nav-g1 #nav-g1-company ul.trans-company a, .blog #nav-g1 #nav-g1-blog ul.trans-blob a { color: #FFF; background: transparent; cursor: hand !important; } /* override nav switches */ /* ***** Suckerfish Nav ***** */ /* Basic Styling and Behavior */ #nav-g1, #nav-g1 * { z-index: 299; } #nav-g1 { background: #7c7c7c; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: normal; width:100%; } #nav-g1, #nav-g1 ul { float:left; list-style:none; line-height:28px; padding:0; margin:0; width:100%; } #nav-g1 a { display:block; color:#fff; text-decoration:none; border: none; /* [ND] */ padding:0px 10px; } #nav-g1 li { float:left; padding:0; } #nav-g1 ul { position:absolute; left:-999em; height:auto; width: 242px; /* Was: 151px; */ font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #666666; } #nav-g1 li li { width: 240px; /* Was: 149px; */ border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; font-weight: normal; font-family: calibri, arial, verdana, sans-serif; } /* drop down link color */ #nav-g1 li li a { padding: 6px 10px; width: 221px; /* Was: 130px; */ font-size:12px; color:#006; } #nav-g1 li ul ul { margin: -21px 0 0 150px; } /* Drop Down Background Rollover Color */ #nav-g1 li li:hover { background:#900; } #nav-g1 li ul li:hover a, #nav-g1 li ul li li:hover a, #nav-g1 li ul li li li:hover a, #nav-g1 li ul li li li:hover a { color:#fff; } /* Top Level Text Color */ #nav-g1 li:hover a, #nav-g1 li.sfhover a { color:#fff; } #nav-g1 li:hover li a, #nav-g1 li li:hover li a, #nav-g1 li li li:hover li a, #nav-g1 li li li li:hover li a { color:#fff; } #nav-g1 li:hover ul ul, #nav-g1 li:hover ul ul ul, #nav-g1 li:hover ul ul ul ul, #nav-g1 li.sfhover ul ul, #nav-g1 li.sfhover ul ul ul, #nav-g1 li.sfhover ul ul ul ul { left:-999em; } /* Drop Down UL Background Color */ #nav-g1 li:hover ul, #nav-g1 li li:hover ul, #nav-g1 li li li:hover ul, #nav-g1 li li li li:hover ul, #nav-g1 li.sfhover ul, #nav-g1 li li.sfhover ul, #nav-g1 li li li.sfhover ul, #nav-g1 li li li li.sfhover ul { left:auto; background:#7c7c7c; } /* Top Level Rollover Background Color */ #nav-g1 li:hover, #nav-g1 li.sfhover { background:#900; } /* Graphics on the Global Nav G1 Drop Downs */ #nav-g1 .nav-g1-section-bi, #nav-g1 .nav-g1-section-bi:hover { width: 240px; height: 40px; background: transparent url(../webgfx/nav/nav-section-business-intelligence.jpg) no-repeat; } #nav-g1 .nav-g1-section-sc, #nav-g1 .nav-g1-section-sc:hover { width: 240px; height: 40px; background: transparent url(../webgfx/nav/nav-section-supply-chain.jpg) no-repeat; } #nav-g1 .nav-g1-section-sus, #nav-g1 .nav-g1-section-sus:hover { width: 240px; height: 40px; background: transparent url(../webgfx/nav/nav-section-sustainability.jpg) no-repeat; } /* Bottom Cap on Drop Downs */ #nav-g1 .nav-g1-solutions-cap, #nav-g1 .nav-g1-solutions-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-solutions-cap.jpg) no-repeat; } #nav-g1 .nav-g1-industries-cap, #nav-g1 .nav-g1-industries-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-industries-cap.jpg) no-repeat; } #nav-g1 .nav-g1-technology-cap, #nav-g1 .nav-g1-technology-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-technology-cap.jpg) no-repeat; } #nav-g1 .nav-g1-newsevents-cap, #nav-g1 .nav-g1-newsevents-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-newsevents-cap.jpg) no-repeat; } #nav-g1 .nav-g1-customers-cap, #nav-g1 .nav-g1-customers-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-customers-cap.jpg) no-repeat; } #nav-g1 .nav-g1-company-cap, #nav-g1 .nav-g1-company-cap:hover { height: 120px; background:url(../webgfx/nav/nav-g1-company-cap.jpg) no-repeat; } /* ********** Rounded Corners *********** */ #nav-container { width: 98%; background: #7c7c7c url(../webgfx/bg/bg_nav-g1-3.gif) repeat-x; margin-left: 9px; overflow: hidden; } #nav-container-inner { padding-left: 14px; background: transparent url(../webgfx/bg/bg_nav-g1-top-left-3.gif) top left no-repeat; overflow: hidden; } /* background: url(assets/webgfx/bg/bg_nav-g1-top-right-3.gif) top right no-repeat; } */ #nav-g1 { background: transparent url("../webgfx/bg/bg_nav-g1-top-right-3.gif") top right no-repeat; } #nav-cap-bot-outer { height: 10px; background: url(../webgfx/bg/bg_nav-g1-cap-bot-left.gif) top left no-repeat; } #nav-cap-bot-inner { height: 10px; background: url(../webgfx/bg/bg_nav-g1-cap-bot-right.gif) top right no-repeat; } /* IE 6 Hacks to give nav HasLayout */ * html nav-g1, * html #nav-container, * html #nav-container-inner { zoom: 1; } /* Semi-Transparent Drop Down Backgrounds */ /* .trans-sol { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-ind { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-tech { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-newsevents { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-customers { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-company { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } .trans-blog { background: #900; filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; -khtml-opacity: .9; } */