/* LOGS :: 11/30/2010 - Dikesh Joshi > Edited for new layout/mockup/header/footer design 12/01/2010 - Dikesh Joshi > Added styles for news feed and social media icons 12/08/2010 - Dikesh Joshi > Added styles for new Flyout design 12/06/2010 - Dikesh Joshi > Added brand new styles Carousel module 12/06/2010 - Dikesh Joshi > Applied new color on navigation menu for visited/active state 12/20/2010 - Dikesh Joshi > Fixed the issues overlapping with L1 pages for herospace top space and added NavColFlyout 12/30/2010 - Dikesh Joshi > Flyout issue fixed for L2 pages. 1px off and were showing space underneath the navigation menus #navFeature #navOpen 01/20/2011 - Byron Coons > IE6 fix for the Footer. Line 238 id bottomLineLinks. 01/24/2011 - Byron Coons > IE6 header. 02/07/2011 - Dikesh Joshi > Added border right for Navigation menu 03/24/2011 - Mharen > Major cleanup and re-work to allow for dynamic hieght of the flyouts based on content. Removed old unused rules. */ a {outline: none;} /* header */ #header {width:935px; padding:0px; height:80px; background-color:#ffffff;} .topLogo {margin-top:19px; _margin-top:20px; margin-right: 20px;} .topMenu {width:450px; margin-left: 131px; _margin-left: 136px;} .topItem {margin:2px 5px 0 5px; font-size:11px; color:#547ea8; _float: left;} .topItem a:active {color: #547ea8;} .topItem a:hover {text-decoration:none !important;} .topItemEnds {margin:2px 0px 0 5px;} .topPipe {float: left; margin-top: 1px;} .topCountry, .topCountry div {font-size:12px; margin: 20px 10px 0 0; *margin: 0px 30px 0 0; _margin: 20px 10px 0 0;} .countryName {margin-right:10px;} .topMenu, .topMenu div, .topMenu div div {line-height:80px; color:#5f5f5f; font-size:11px;} .topSearchBox {width:180px; _width:184px; padding-left: 6px; _padding-left: 1px;} .searchBtn {margin-top:35px; margin-left:0px;} .arrowBtn {height:10px; margin:38px 16px 0px 0; _margin-right: 8px;} .searchTxt {width:140px; height: 15px; font-size:11px; padding:3px 9px; border:0px; background-color: #E0E0E0; margin-top:35px; color:#5f5f5f;} /*.topItem .left {margin:0px !important;} */ /* navbar */ #navbar {width:935px; background-color:#d6d6d6; background: url('/shared/img/header/pc_nav_bkgrnd_25.gif') repeat-x; _background: url('/shared/img/header/pc_nav_bkgrnd_25.gif'); background-repeat: repeat; height: 27px; text-transform: uppercase;} #navbar .navOn:hover {background-color:#d7d7d7;} #navbar a {color:#5f5f5f; display:inline-block;} #navbar .navbarItem1:hover a, #navbar .navbarItem1 a:hover, #navbar .navbarItem2:hover a, #navbar .navbarItem2 a:hover, #navbar .navbarItem3:hover a, #navbar .navbarItem3 a:hover, #navbar .navbarDrop a:hover {text-decoration:none !important; color:#1a1a1a;} .navbarItem1, .navbarItem2, .navbarItem3 {font-size:11px;cursor:pointer; text-align:center; height:27px; line-height:27px; width: 166px !important; background: url('/shared/img/header/navbar-item-pipe-bg1.gif') no-repeat;} .navbarItem1 a, .navbarItem2 a, .navbarItem3 a {color:#4b4b4b; display:inline;} .navbarItem4 {cursor:pointer; text-align:center; height:27px; line-height:27px; border-right: 1px solid #BDBDBD; width:134px !important; padding-left:10px; } .navbarItem4:hover, #navbar .navOn:hover {background-color:#d7d7d7; } .navbarItem4:hover a {color:#4b4b4b; text-decoration:none !important; _text-decoration:none;} .navbarItem4 a:hover {_text-decoration: none !important;} .navbarItem5 {cursor:pointer; text-align:center; height:27px; line-height:27px; border-right: 1px solid #BDBDBD; width:134px !important; padding-left:10px; } .navbarItem5:hover, #navbar .navOn:hover {background-color:#d7d7d7; } .navbarItem5:hover a {color:#4b4b4b; text-decoration:none !important; _text-decoration:none;} .navbarItem5 a:hover {_text-decoration: none !important;} .navbarItemEnds:hover, #navbar .navOn:hover {background-color:#d7d7d7;} .navbarItemEnds {font-size:11px;cursor:pointer; text-align:center; height:27px; line-height:27px; border-left: 0px solid #BDBDBD; display: block; width:139px; _width:149px; padding-left: 6px; } .navbarItemEnds a {color:#4b4b4b; display:inline;} #navbar .navbarItemEnds:hover a, #navbar .navbarDrop a:hover, #navbar .navbarItemEnds a:hover {text-decoration:none !important; color:#1a1a1a;} /* .navbarDrop a {background:url('/shared/img/header/arrow-navbar-off-new.gif') no-repeat right;}*/ /* for testing - we don't need an image here at all,really - need to update the js to remove it. */ .navbarDrop a {background:url('/shared/img/global/clear.gif') no-repeat right;} .navbarDrop:hover a {background:url('/shared/img/header/arrow-navbar-off-new.gif') no-repeat left;} .navOn a#topbarlink1, .navOn a#topbarlink2, .navOn a#topbarlink3 {background:url('/shared/img/header/arrow-navbar-off-new.gif') no-repeat center right; width:156px;} .navOn a#topbarlink1:hover, .navOn a#topbarlink2:hover, .navOn a#topbarlink3:hover {background-image:url('/shared/img/header/arrow-navbar-off-new.gif');} .navbarDrop {width:150px; margin-right:0px;} #navbar .navOn {background:#D0D0D0; /*url('/shared/img/header/bkg-navbar-on.gif') repeat-x top left;color:#fff;*/ border-right: 1px solid #BDBDBD;} #navbar .navOn a, #navbar .navOn a div {color:#6A6969;} #navbar .navOn:hover a, #navbar .navOn a:hover, #navbar .navOn a:hover div, #navbar .navOn:hover div {color:#4b4b4b;} /* as per style guide -- DJ .navpanel .navCol {width:160px; padding:0px 10px; float:left;} */ .section h3 {margin-bottom: 7px !important;} .hideLogin {display:none;} #navFeature #flyout1 {margin:-1px;} #navFeature #flyout2 {margin:-1px;} #navFeature #flyout3 {margin:-1px;} #navOpen #flyout1 {margin:-1px;} #navOpen #flyout2 {margin:-1px;} #navOpen #flyout3 {margin:-1px;} #navTabs #flyout1 {margin:-1px;} #navTabs #flyout2 {margin:-1px;} #navTabs #flyout3 {margin:-1px;} #navSplitTabs #flyout1 {margin:-1px;} #navSplitTabs #flyout2 {margin:-1px;} #navSplitTabs #flyout3 {margin:-1px;} #navModules #flyout1 {margin:-1px;} #navModules #flyout2 {margin:-1px;} #navModules #flyout3 {margin:-1px;} #flyout1 {width: 450px; height: auto; _height: 394px; padding:0px; margin:0px; _background:#F9F9F9; _position:absolute;_left:26px;} #flyout2 {width: 374px; height: auto; _height: 348px; padding:0px; margin:0px; _background:#F9F9F9; position:absolute; left:167px; _left:193px;} #flyout3 {width: 427px; height: auto; _height: 166px; padding:0px; margin:0px; _background:#F9F9F9; position:absolute; left:333px; _left:359px;} #flyout2 #h3Spacing {margin-bottom:4px;} #flyout2 #h3Spacing h3 {margin-top: 4px !important; margin-bottom: 8px !important;} .navpanel {display:none; position:absolute; top:108px; _top:110px; left:1px; z-index:108;} .navpanel_cont {position:relative; padding:20px 0px 35px 10px; _padding-bottom:10px; float:left; width:inherit;} .h3Selected {text-decoration: none !important; display: block; width: 132px; background: url('/shared/img/header/arrow-flyout-bullets.gif') no-repeat right;} #flyout1 .navColFlyout h2 {text-transform:uppercase;} #flyout2 .navColFlyout h3 {font-size:11px; margin-bottom: 2px;} /* IE7 hack: * + html #flyout2 div.navpanel_cont {} */ #flyout1 div.navpanel_cont {width: 450px; background: url('/shared/img/header/flyout1-bg-t.png') no-repeat 0 0; padding:19px 0 11px 0; margin:0px; _background:#F9F9F9;} #flyout2 div.navpanel_cont {width: 374px; background: url('/shared/img/header/flyout2-bg-t.png') no-repeat 0 0; padding:19px 0 11px 0; margin:0px; _background:#F9F9F9;} #flyout3 div.navpanel_cont {width: 427px; background: url('/shared/img/header/flyout3-bg-t.png') no-repeat 0 0; padding:19px 0 11px 0; margin:0px; _background:#F9F9F9;} #flyout1 div.flyoutBase {float:left; height: 10px; width:450px; background: url('/shared/img/header/flyout1-bottom.png') no-repeat bottom;} #flyout2 div.flyoutBase {float:left; height: 10px; width:374px; background: url('/shared/img/header/flyout2-bottom.png') no-repeat bottom;} #flyout3 div.flyoutBase {float:left; height: 10px; width:427px; background: url('/shared/img/header/flyout3-bottom.png') no-repeat bottom;} #foCompanyNav1, #foCompanyNav2, #foCompanyNav3 {width:230px;} #flyout3 #foCompanyCol3 {padding-top:25px;} #flyout2 #foProductCol1 {padding-left: 20px; width:400px; _width:415px !important;} #flyout2 div.flyoutBase img {margin-left: -15px;} #flyout3 div.flyoutBase img {margin-left: -18px;} img.mClose {position:absolute; top:12px; right:21px; z-index:100;} /* #flyout3 .navpanel_cont {width:450px;} #flyout1 {outline: 1px solid;} #flyout2 {outline: 1px dotted;} #flyout3 {outline: 1px dashed;} 1 - 438px 2 - 364px 3 - 417px #flyout1 div.flyoutBase {display:none;} #flyout2 div.flyoutBase {display:none;} #flyout3 div.flyoutBase {display:none;} #flyout1 div.flyoutBase {outline: 1px solid purple;} #flyout2 div.flyoutBase {outline: 1px dotted purple;} #flyout3 div.flyoutBase {outline: 1px dashed purple;} div.navpanel_cont {outline: 1px solid red;} */ .navpanel .navColFlyout {width:254px; padding:0px 10px 0px 0px; float:left;} .navpanel .foCompanyCol {width:240px; padding:0px 10px 0px 0px; float:left;} .navpanel .navColFlyout h2 {color:#1a1a1a !important; font-size:11px; font-weight:bold; margin-top:0px; margin-bottom:15px;line-height:12px; padding:0;} .navpanel .navColFlyout h3 {font-size:11px; margin-bottom:12px; color:#5f5f5f !important; margin:0px; margin-bottom:8px; font-size:11px; font-weight:bold; margin-bottom: 7px;} .navpanel .navColFlyout ul {padding:0px; margin:0 0 5px 0px;} .navpanel .navColFlyout ul li {margin: 0 0 4px 0;list-style:none; line-height:16px; background:transparent; padding: 0px;} .navpanel .navColFlyout a {color: #919191; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif;} .navpanel .navColFlyout a:hover {color: #547ea8; text-decoration: none !important;} .navpanel .navColFlyout a:visited {color: #a148a1;} .navpanel .navColFlyout {_width: 178px !important;} .navpanel .scmLink {font-weight:normal;} /* .navpanel h2 {text-transform:none; margin-bottom:10px;} */ #flyout2 div.flSubCol {width:168px; _width: 172px; float:left; margin:0 10px 0 0; line-height:16px;} #flyout2 div.flSubCol ul li {margin: 0 0 4px 0 !important;} a.scmLink {background:url('/shared/img/global/arrow-hor-s.gif') no-repeat 1px 4px; padding-left:10px; position:relative;} .navpanel .section {margin-top:0px;} .navpanel_close {position:absolute; top:16px; right:20px; width:60px; height:20px;} .navColMenu {width:158px; padding:0px 0px 0 20px; float:left;} .navColMenu h3 {font-size:11px; margin-bottom:12px; color:#5f5f5f !important; margin:0px; margin-bottom:8px; font-size:11px; font-weight:bold; margin-bottom: 7px;} .navColMenu a {color: #919191; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif;} .navColMenu a:visited {color: #a148a1;} .navColMenu a:hover {color: #547ea8; text-decoration: none !important;} /* EL (12/15/2009): Remove flyouts' arrow in techpubs. */ #techpubs .navbarDrop a, #techpubs .navbarDrop:hover a, #techpubs .navOn a#topbarlink1, #techpubs .navOn a#topbarlink2, #techpubs .navOn a#topbarlink3, #techpubs .navOn a#topbarlink1:hover, #techpubs .navOn a#topbarlink2:hover, #techpubs .navOn a#topbarlink3:hover { background-image:none;} /* EL (12/15/2009): Adds hover color for Techpubs in IE6. Mirrors hacks from IE 6 Hooks section below for #topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover. */ #techpubs #topbarlink1:hover, #techpubs #topbarlink2:hover, #techpubs #topbarlink3:hover {_background:url('/shared/img/header/bkg-navbar-hover.gif') repeat-x top left;} /* IE 6 Hooks .navpanel .navColFlyout {_width:219px;} #flyout3 #foCompanyCol2 {_width:220px;} */ #footer {_width:935px;} #header {_width:938px;} .footerBottom {/*_width:937px;*/ _width: auto} #promo .navModPromo {_width:225px; _height:245px;} .navbarDrop {_width:154px;} .searchTxt {_width:158px; _height:21px;} .navbarItem4, .navbarItem {_padding-left: 0px; _width: 144px !important; _text-align: center !important;} .navbarItemEnds {_padding-left: 0px; _width: 148px !important; _text-align: center !important;} #navbar #topbarlink4, #navbar #topbarlink5, #navbar #topbarlink6 {_display:block; font-size: 11px;} div.scmDefault ul, div.scmDefault p, #navOpen #body table tr td {_position:relative;} /* fix for text rendering IE6 bugs, e.g in sales offices listings */ /* Custom positioning of dropdown new arrow #topbarlink1 {background-position:right 52%; padding: 0 45px 0 52px; font-size: 11px;} #topbarlink2 {background-position:right 20%; padding: 0 19px 0 18px; font-size: 11px; line-height: 28px;} #topbarlink3 {background-position:right 52%; padding: 0 48px 0 56px; font-size: 11px;} #topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover {_background:url('/shared/img/header/bkg-navbar-hover.gif') repeat-x top left; color:#1a1a1a; font-size: 11px;} .ie6Iframe {position:absolute; width:1000px; height:3000px; top:112px; left:0px; z-index:107; filter:mask(); border:0; margin:0; padding:0; overflow:hidden; border:1px solid red;} .iFrameBorder {width:700px; border:1px solid #e4e4e4;} #iFrameForm {width:680px !important; height:1280px;}*/ /* Custom positioning of dropdown new arrow */ #topbarlink1 {background-position:left -2000px; padding: 0; font-size: 11px;} #topbarlink2 {background-position:left -2000px; padding: 0; font-size: 11px; line-height: 28px;} #topbarlink3 {background-position:left -2000px; padding: 0; font-size: 11px;} #topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover {_background:url('/shared/img/header/bkg-navbar-hover.gif') repeat-x top left; color:#1a1a1a; font-size: 11px;} .ie6Iframe {position:absolute; width:1000px; height:3000px; top:112px; left:0px; z-index:107; filter:mask(); border:0; margin:0; padding:0; overflow:hidden; border:1px solid red;} .iFrameBorder {width:700px; border:1px solid #e4e4e4;} #iFrameForm {width:680px !important; height:1280px;} #iFrameFormHtb {width:735px; _width:760px; !important; height:1150px;} /* Footer #seperator {border-bottom: 1px solid #dedede; height: 1px; _height: 1px; clear: both; width: 934px; margin-bottom: 13px; padding-top: 0px; _padding: 0px 0px 0px 0px;}*/ #seperator { background-color: #fff; border-top: 1px solid #dedede; clear: both; height: 1px; padding-bottom: 12px; padding-top: 0; width: 934px; } #footer {width: 860px; height: 160px; padding: /*10px*/ 0 30px 0px 20px; _padding: /*20px*/ 0px 30px 0px 20px; text-align: left; clear: both; background-color:#fff; } #footer ul li {list-style: none; background:none !important; line-height: 22px; padding: 0px; margin: 0px; font-size: 11px !important;} #footerLinksAbout {width: 150px; height:160px; float: left; margin: 0;} #footerLinksResources {width: 150px; height: 160px; float: left; margin: 0;} #footerLinksCommunity {width: 150px; height: 160px; float: left; margin: 0;} #footerLinksSupport {width: 170px; height: 160px; float: left; margin: 0;} #footerLinksFollowUs {width: 220px; height: 90px; float: left; margin: 0;} #footerLinksFollowUs li {display: inline;} #footerLinksFollowUs ul li a {text-decoration:none !important;} #footerLinksFollowUs li.footerLinksTitle {display: block !important;} .footerLinksTitle {font-family: Arial; font-size: 11px; font-weight: bold; color: #5f5f5f; } .footerLinksTitle_FollowUs {font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #5f5f5f; padding: 0px 0px 0px 0px; } #footerLinksAbout a, #footerLinksResources a, #footerLinksCommunity a, #footerLinksSupport a, #FollowUsIconLinks li {line-height: 16px; color:#919191;} #footer ul li a:visited {color: #A148a1;} #bottomLine {width: 935px; height: 20px; background-color: #fff; margin: 0 0 0 0; padding: 14px 0px 14px 0px; _padding: 14px 0 20px 0; clear: both; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #919191; } #bottomLineLinks {width: 560px; float: left;} #bottomLineLinks a {font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; text-align: left; padding: 0 3px 0 3px; color:#919191;} #bottomLineLinks a:visited {color: #A148A1;} #copyrightText {width: 325px; _width: 320px; font-family: Arial, sans-serif; font-size: 11px; color: #919191; text-align: right; float: right; } /* hide social media footer links on the home page */ #openHome #footerLinksFollowUs {display:none;} /* Footer ends */