/* Default PCS top tabs. If a project requires a different set of tabs, create its CSS in Project-specific CSS and import after global CSS */ /* Global nav */ #navI { position: absolute; top: 12px; left: 312px; white-space: nowrap; width: 443px; z-index: 3; } #navI div { float: left; } #navI a { display: block; width: 100%; text-decoration: none; font-size: 11px; font-family: trebuchet ms,arial,helvetica, sans-serif; font-style: italic; } #navI a span { font-size: 11px; color: #999; font-weight: normal; font-style: italic; margin: 0px 9px 0px 9px; } #navI a:hover span { color:#fff; text-decoration: underline; } #navI #navIa, #navI #navIb, #navI #navIc, #navI #navId, #navI #navIf { border-right: 1px solid #666; } #navI #navIb { display: none; } /* Deprecated */ * html #navI #navIa, * html #navI #navIb, * html #navI #navIc, * html #navI #navId, * html #navI #navIe, * html #navI #navIf { width: 1%; } /* IE hack */ #navII { border-top: 1px solid #ccc; position: absolute; left: 0; top: 78px; width: 100%; height: 29px; background: url(i/bg-navIINewCo.png); white-space: nowrap; } #navII div { float: left; } #navII div div { background-repeat: no-repeat !important; height: 29px; background-position: bottom left; } #navII a { display: block; width: 100%; text-decoration: none; font-size: 21px; background-repeat: no-repeat; } #navII a span { display: none; } #navII a:focus, #navII a:active { border:0; } #navII #nowrapNavII { width:810px; padding-left: 20px;} #section0 #nowrapNavII { display:none; } #sectionNVP #navI { display:none; } #sectionNVP #navII { } #sectionNVP #nowrapNavII { } #sectionNVP #surround { } #navIIa { background-image: url(i/tabs/rebr-bg-A.navIIa-inactive.gif); width: 130px; } #navIIb { background-image: url(i/tabs/rebr-bg-A.navIIb-inactive.gif); width: 90px; } #navIIc { background-image: url(i/tabs/rebr-bg-A.navIIc-inactive.gif); width: 86px; } #navIId { background-image: url(i/tabs/rebr-bg-A.navIId-inactive.gif); width: 152px; } #navIIe { background-image: url(i/tabs/rebr-bg-A.navIIe-inactive.gif); width: 96px; } #navIIf { background-image: url(i/tabs/rebr-bg-A.navII-digitalLounge-inactive.gif); width: 136px; } #sectionI #navIIa { background: url(i/tabs/rebr-bg-A.navIIa-active.gif) } #sectionII #navIIb { background: url(i/tabs/rebr-bg-A.navIIb-active.gif) } #sectionIII #navIIc { background: url(i/tabs/rebr-bg-A.navIIc-active.gif) } #sectionIV #navIId { background: url(i/tabs/rebr-bg-A.navIIc-active.gif) } #sectionV #navIIe { background: url(i/tabs/rebr-bg-A.navIIe-active.gif) } #sectionVI #navIIf { background: url(i/tabs/rebr-bg-A.navII-digitalLounge-hover.gif) } #navIIa a:hover { background-image: url(i/tabs/rebr-bg-A.navIIa-hover.gif); } #navIIb a:hover { background-image: url(i/tabs/rebr-bg-A.navIIb-hover.gif); } #navIIc a:hover { background-image: url(i/tabs/rebr-bg-A.navIIc-hover.gif); } #navIId a:hover { background-image: url(i/tabs/rebr-bg-A.navIId-hover.gif); } #navIIe a:hover { background-image: url(i/tabs/rebr-bg-A.navIIe-hover.gif); } #navIIf a:hover { background-image: url(i/tabs/rebr-bg-A.navII-digitalLounge-hover.gif); } #sectionI #navIIa a:hover, #sectionII #navIIb a:hover, #sectionIII #navIIc a:hover, #sectionIV #navIId a:hover, #sectionV #navIIe a:hover { background-image:none; } #sectionVI #navIIf a:hover, /* Left navigation - styles unordered list */ #navIII { float: left; width: 160px; margin-right: 20px; padding: 0; padding-top: 27px; padding-bottom: 20px; } #navIII a:active { background-color:#f1f1f1;} #navIII ul { padding: 0; margin: 0; list-style: none; border-top: 1px solid #999; list-style-image: none; } #navIII li { padding:0; margin:0; background-image: none; } #navIII li.active { border-bottom:1px solid #999;} #navIII ul a { background-color: #fff; color: #000; text-decoration: none; padding:4px 5px 4px 10px; display: block; border-bottom:1px solid #999; width: 160px; voice-family: "\"}\""; voice-family:inherit; width:145px; } html>body #navIII ul a { width:145px; } #navIII ul a.active { font-weight:bold; color:#000; background-color: #ccc; } #navIII ul a.active:hover, #navIII ul a:focus { color:#000; background-color: #ccc !important; } #navIII ul a:hover, #navIII a:focus, ul li.last a:hover { color: #000; background-color: #f1f1f1 !important; outline: none; } #navIII ul ul { margin-left:10px; border:0; } #navIII ul ul a { padding:4px 5px 4px 10px; border-bottom:1px solid #999; width:150px; voice-family: "\"}\""; voice-family:inherit; width:135px; } html>body #navIII ul ul a { width:135px; } #navIII ul ul li.last a { background:#fff; border:0; } #navIII ul ul li.last a.active { background:#fff; background-image:url(i/bg-navIIIa.gif); background-repeat:no-repeat; } #navIII ul ul a.active { background:#fff; background-image:url(i/bg-navIIIa.gif); background-repeat:no-repeat; } #navIII ul ul a.active:hover { background:#f1f1f1 !important; background-image:url(i/bg-navIIIb.gif) !important; background-repeat:no-repeat; } #navIII ul ul ul { margin-left:10px; border:0; } #navIII ul ul ul a { padding:4px 5px 4px 10px; border-bottom:1px solid #999; width:140px; voice-family: "\"}\""; voice-family:inherit; width:125px; } html>body #navIII ul ul ul a { width:125px; } #navIII ul ul ul a.active { color: #000; background-image: none !important; background-color: #f1f1f1; font-weight:normal; } #navIII ul ul ul a.active:hover { background:#f1f1f1 !important; background-image:none !important; } #navIII ul ul ul li.last a { background:#fff; border:0; } #navIII ul ul ul li.last a.active { background:#f1f1f1; } /* start fourth-level */ #navIII ul ul ul ul { margin-left:10px; border:0; } #navIII ul ul ul ul a { padding:4px 5px 4px 10px; border-bottom:1px solid #999; width:130px; voice-family: "\"}\""; voice-family:inherit; width:115px; } html>body #navIII ul ul ul ul a { width:115px; } #navIII ul ul ul ul a.active { color: #000; background-image: none !important; background-color: #f1f1f1; font-weight:normal; } #navIII ul ul ul ul a.active:hover { background:#f1f1f1 !important; background-image:none !important; } #navIII ul ul ul ul li.last a { background:#fff; border:0; } #navIII ul ul ul ul li.last a.active { background:#f1f1f1; } /* end fourth-level */ #navIII ul li.activeLI { border-bottom:1px solid #999; } #navIII ul ul li.activeLI a { border-bottom:1px solid #999; } #navIII ul ul li.activeLI li a.active { background:#f1f1f1; } #navIII ul li.last { border-bottom:0; } #navIII ul li.activeLI .last li.last { border-bottom:0 } #navIII ul li.activeLI .last { border-bottom:0; } #navIII ul li.last .last { border-bottom:1px solid #999; } #navIII ul ul li.activeLI, #navIII ul ul ul li.activeLI, #navIII ul ul ul ul li.activeLI { border-bottom:1px solid #999; } #navIII ul ul ul li.activeLI .last, #navIII ul ul ul ul li.activeLI .last { border-bottom:0; } /* Start Fourth level new lines */ #navIII ul ul ul ul li a { border-bottom:1px solid #999 !important; } #navIII ul ul ul ul li.last a { border:0 !important; } #navIII ul ul ul li.activeLI a { border-bottom:1px solid #999 !important; } /* End Fourth level new lines */ #navIII ul li.activeLI ul li.bleh { border-bottom:0; } #navIII a.promotion { padding:20px 0px; display:block; } #navIII a.promotion:hover { background-color:transparent; padding:20px 0px; display:block; } .intNav { margin: 0; padding: 0; margin-bottom:15px; } .intNav li { display:inline; border-right:1px solid #666; margin:0; padding-right:4px; padding-left:7px; list-style: none; background-image: none; } .intNav li.start { padding-left:0; margin-left: 0px; } .intNav li.end { border-right:0; } .intNav a { color:#148ab2; background: #fff; text-decoration: none; } .intNav a:hover { color:#333 !important; background: #fff !important; } .intNav a:visited { color:#148ab2; } .intNav a.active { color:#000 !important; font-weight: bold; } /* Interior tabs. Contact UE before using */ #interiorTabs { margin: 10px 0 0 0; padding: 0; clear: both; border-bottom:1px solid #fff } #interiorTabs a sup { color: #666;} #interiorTabs ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #interiorTabs li a:hover { color: #000; } #interiorTabs li.start a { width: 89px; } #interiorTabs li.end a { width: 89px; } #interiorTabs li { background-image: url(i/bg-LI.intNav.gif); background-repeat: no-repeat; background-position: top left; display: block; float: left; text-align: center; padding: 0; margin: 0; } #interiorTabs li a { background-image: url(i/bg-A.intNav.gif); background-position: top right; background-repeat: no-repeat; width: 88px; height: 18px; padding: 2px 0 0 0; margin: 0; color: #666; text-decoration: none; display: block; text-align: center; font-weight: bold; } #interiorTabs #tabA a, #interiorTabs ul li#tabD a { width: 89px; } li#tabD a { background-image: url(i/bg-A.intNav-end.gif); } html>body #interiorTabs li a { padding: 3px 0 0 0; margin: 0 0 10px 0; } li#tabA { background-image: url(i/bg-LI.intNav-start.gif); } .tabA li#tabA { background-image: url(i/bg-LI.active.intNav-start.gif) !important ; } .tabA li#tabA a { background-image: url(i/bg-A.active.intNav.gif); } .tabB li#tabB { background-image: url(i/bg-LI.active.intNav.gif) !important ; } .tabB li#tabB a { background-image: url(i/bg-A.active.intNav.gif); } .tabC li#tabC { background-image: url(i/bg-LI.active.intNav.gif) !important ; } .tabC li#tabC a { background-image: url(i/bg-A.active.intNav.gif); } .tabD li#tabD { background-image: url(i/bg-LI.active.intNav.gif) !important ; } .tabD li#tabD a { background-image: url(i/bg-A.active.intNav-end.gif); } .tabE li#tabE { background-image: url(i/bg-LI.active.intNav.gif) !important ; } .tabE li#tabE a { background-image: url(i/bg-A.active.intNav-end.gif); } .tabA li#tabA a, .tabB li#tabB a, .tabC li#tabC a, .tabD li#tabD a, .tabE li#tabE a { color: #000; } #threeTabs a { width: 118px !important; } #threeTabs li#tabC a { background-image: url(i/bg-A.intNav-end.gif); } .tabC #threeTabs li#tabC a { background-image: url(i/bg-A.active.intNav-end.gif); } #fourTabs a { width: 135px !important; } #fourTabs li#tabC a { background-image: url(i/bg-A.intNav-end.gif); } .tabC #fourTabs li#tabC a { background-image: url(i/bg-A.active.intNav-end.gif); } #fiveTabs a { width: 108px !important; } #fiveTabs li#tabD a { background-image: url(i/bg-A.intNav.gif); } #fiveTabs li#tabE a { background-image: url(i/bg-A.intNav-end.gif); } .tabE #fiveTabs li#tabE a { background-image: url(i/bg-A.active.intNav-end.gif); } .large #twoTabs a { width: 270px !important; } .med #twoTabs a { width: 177px !important; } .med #fourTabs a { width: 88px !important } #twoTabs li#tabB a { background-image: url(i/bg-A.intNav-end.gif); } .tabB #twoTabs li#tabB a { background-image: url(i/bg-A.active.intNav-end.gif); }