/* Main menu */ #navigation{ z-index:999; } #header-wrapper, #header, #primary, .menu-wrapper, #primary ul.menu, #primary .menu-wrapper ul.menu li, #primary .menu-wrapper ul.menu li .menu-wrapper{ z-index:1000; } #primary a { color:#2a3a43; } #primary ul.menu { width: auto; font-size:1.08em; } #primary > .menu-wrapper > ul > li { background: transparent repeat scroll 0 0; display: inline; float: left; position: relative; list-style: none outside none; padding:0px 25px; margin-bottom:10px; border-right:1px solid #e1e2e3; height:43px; } /* Main menu links */ /* main menu */ #primary > .menu-wrapper > ul > li > a { display:block; text-transform:uppercase; } #primary ul li a { padding-top:18px; } #primary ul li a.active-trail { color:#C60859; text-decoration:underline; } #primary ul li a.active { color:#C60859; text-decoration:underline; } #primary ul li.last { border:none; } #primary ul li a { color: #3A4D58; } #primary ul li a:hover { color: #C60859; text-decoration:underline; } /* Sub menu about */ #primary > .menu-wrapper > ul.menu > li.about > .menu-wrapper { position:absolute; left:-468px; top: 43px; padding-top:8px; display:none; } #primary > .menu-wrapper > ul.menu > li.about:hover > .menu-wrapper { position:absolute; left: -468px; top: 43px; display:block; } #primary > .menu-wrapper > ul.menu > li.about > .menu-wrapper > .menu-head { background:url('images/about-drop-head.png') no-repeat top left transparent; width:622px; position:relative; min-height:20px; padding: 0 30px; } #primary > .menu-wrapper > ul.menu > li.about > .menu-wrapper > ul.menu { position:relative; display:block; min-height:115px; background: #FFF; width: 622px; font-size:0.875em; padding: 6px 30px; background:url('images/about-drop-bkg.png') top left repeat-y transparent; } #primary > .menu-wrapper > ul.menu > li.about > .menu-wrapper > .menu-foot { background:url('images/about-drop-foot.png') no-repeat bottom left transparent; width:622px; position:relative; height:20px; padding: 0 30px; } /* Sub menu products and services */ #primary > .menu-wrapper > ul.menu > li.products-services > .menu-wrapper { position:absolute; left:-150px; top: 43px; padding-top:8px; display:none; } #primary > .menu-wrapper > ul.menu > li.products-services:hover > .menu-wrapper { position:absolute; left:-150px; top: 43px; display:block; } #primary > .menu-wrapper > ul.menu > li.products-services > .menu-wrapper > .menu-head { background:url('images/p-and-s-drop-head.png') no-repeat top left transparent; width:354px; position:relative; height:20px; padding: 0 30px; } #primary > .menu-wrapper > ul.menu > li.products-services > .menu-wrapper > ul.menu { position:relative; display:block; min-height:130px; background: #FFF; width: 354px; font-size:0.875em; padding: 6px 30px; background:url('images/p-and-s-drop-bkg.png') top left repeat-y transparent; } #primary > .menu-wrapper > ul.menu > li.products-services > .menu-wrapper > .menu-foot { background:url('images/p-and-s-drop-foot.png') no-repeat bottom left transparent; width:354px; position:relative; height:20px; padding: 0 30px; } /* Sub menu - solutions */ #primary > .menu-wrapper > ul.menu > li.solutions > .menu-wrapper { position:absolute; left:-57px; top: 43px; padding-top:8px; display:none; } #primary > .menu-wrapper > ul.menu > li.solutions:hover > .menu-wrapper { position:absolute; left:-57px; top: 43px; display:block; } #primary > .menu-wrapper > ul.menu > li.solutions > .menu-wrapper > .menu-head { background:url('images/single-col-drop-head.png') no-repeat top left transparent; width:175px; position:relative; top: 0; height:20px; padding: 0 30px; } #primary > .menu-wrapper > ul.menu > li.solutions > .menu-wrapper > ul.menu { position:relative; display:block; min-height:19px; background: #FFF; width: 175px; font-size:0.875em; padding: 6px 30px; background:url('images/single-col-drop-bkg.png') top left repeat-y transparent; } #primary > .menu-wrapper > ul.menu > li.solutions > .menu-wrapper > ul.menu li a, #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper > ul.menu li a { font-weight:normal; } #primary > .menu-wrapper > ul.menu > li.solutions > .menu-wrapper > .menu-foot { background:url('images/single-col-drop-foot.png') no-repeat bottom left transparent; width:175px; position:relative; height:20px; padding: 0 30px; } /* Sub menu - technology */ #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper { position:absolute; left:-53px; top: 43px; padding-top:8px; display:none; } #primary > .menu-wrapper > ul.menu > li.technology:hover > .menu-wrapper { position:absolute; left:-53px; top: 43px; display:block; } #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper > .menu-head { background:url('images/single-col-drop-head.png') no-repeat top left transparent; width:175px; position:relative; min-height:20px; padding: 0 30px; } #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper > ul.menu { position:relative; display:block; min-height:25px; background: #FFF; width: 175px; font-size:0.875em; padding: 6px 30px; background:url('images/single-col-drop-bkg.png') top left repeat-y transparent; } #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper > .menu-foot { background:url('images/single-col-drop-foot.png') no-repeat bottom left transparent; width:175px; position:relative; height:20px; padding: 0 30px; } /* Sub menu items */ #primary ul li ul a { text-decoration:none; font-weight:bold; text-decoration:none; } #primary > .menu-wrapper > ul.menu > li > .menu-wrapper > ul.menu > li > a > span { font-size:1.05em; } #primary > .menu-wrapper > ul.menu > li.technology > .menu-wrapper > ul.menu > li > a > span { font-size:1em; } #primary ul li ul li ul { padding-top:3px; } #primary ul li ul li ul li a { font-weight:normal; font-size: 0.9166em; } #primary ul li ul li { float:left; width:164px; padding:4px; } #primary li.newsroom { width:137px; } #primary li.investor-relations { width:185px; } #primary li.careers { width:104px; } #primary ul li ul li { margin:0; } /* Sub menu items -> items */ #primary ul li ul li ul li { display: block; margin:0; padding: 0; background:transparent; } #primary ul li ul li ul li a { display: block; padding: 0; margin:0; background:none; } #primary ul li ul li { display: block; padding: 0; margin:0; background:none; } #primary ul li ul li a { display: block; padding: 0; margin:0; background:none; }