/* 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 
*/

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; no-repeat; 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_5F25.gif') repeat-x; _background: url('../../shared/img/header/pc_nav_bkgrnd_5F25.gif'); background-repeat: repeat; height: 27px; text-transform: uppercase;}
.navbarItem:hover, #navbar .navOn:hover {background-color:#d7d7d7;}
.navbarItem {cursor:pointer; text-align:center; height:27px; line-height:27px; /*border-left: 1px solid #BDBDBD;*/ /*border-right: 1px solid #efefef;*/ width: 138px !important; padding-left: 6px;}
.navbarItem a div {font-size:11px;}
.navbarItem a {color:#4b4b4b; display:inline;}
#navbar a {color:#5f5f5f; display:inline-block;}
#navbar .navbarItem:hover a, #navbar .navbarDrop a:hover, #navbar .navbarItem 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;}

#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;} 

.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;} */
	
.navColFlyout {width:254px; padding:0px 10px 0px 0px; float:left;}
.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;}
.navColFlyout ul li {margin: 0 0 4px 0;}
.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 .scmDefault h2 {margin-bottom:10px;}
.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 ul, .navCol ul {padding:0px; margin:0 0 5px 0px;}
.navpanel .navColFlyout ul li {list-style:none; line-height:16px; background:transparent; padding: 0px;}
.navpanel .navColFlyout .scmDefault {padding-bottom:0px; margin-bottom:15px;}
.navpanel .navColFlyout .scmDefault h2 {margin-bottom:10px;}

#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 .navColFlyout h2 {text-transform:uppercase;}
.navColFlyout a {color: #919191; font-size: 11px !important; font-family: Arial, Helvetica, sans-serif;}
.navColFlyout a:visited {color: #a148a1;}
.navColFlyout a:hover {color: #547ea8; text-decoration: none !important;}
.navColFlyout .scmDefault h2 {margin-bottom:10px;}
.navColFlyout .scmDefault h3 {text-decoration: none !important;}
.navColFlyout {_width: 178px !important;}
#flyout2 .navColFlyout h3 {font-size:11px; margin-bottom: 2px;}

.navProduct {padding-left: 10px;}
.navCol h3 {font-size:12px !important; margin-bottom:12px; color:#5f5f5f !important; margin:0px; margin-bottom:8px; font-size:11px; font-weight:bold; margin-bottom: 7px;}
.navCol ul li {margin: 0 0 4px 0;}
.section h3 {margin-bottom: 7px !important;}
.flSubCol ul li {margin: 0 0 4px 0 !important;}
.navpanel .navCol h2 {color:#1a1a1a !important; font-size:11px; font-weight:bold; margin-top:0px; margin-bottom:15px;line-height:12px; padding:0;}
.hideLogin {display:none;}   

#flyout1 {width: 450px; height: 435px /* 50%; */; _height: 394px; background: url('../../shared/img/header/flyout1-bg.png') no-repeat top; padding:0px; margin:0px; _background:#F9F9F9;}
/*.navCol h3:hover a{text-decoration: none !important; display: block; width: 148px; background: url('../../shared/img/header/arrow-flyout-bullets.gif') no-repeat right;}*/
/* IE6 fix - DJ */
/*.navCol h3 a:hover {_text-decoration: none !important; _display: block; _width: 128px; _background: url('../../shared/img/header/arrow-flyout-bullets.gif') no-repeat right;}*/
.h3Selected {text-decoration: none !important; display: block; width: 132px; background: url('../../shared/img/header/arrow-flyout-bullets.gif') no-repeat right;}
#flyout2 {width: 374px; height: 358px; _height: 348px; background: url('../../shared/img/header/flyout2-bg.png') no-repeat top; padding:0px; margin:0px; _background:#F9F9F9; position:absolute; left:166px;}
#h3Spacing h3 {margin-top: 4px !important; margin-bottom: 8px !important;}

#flyout3 {width: 427px; height: 365px; _height: 166px; background: url('../../shared/img/header/flyout3-bg.png') no-repeat top; padding:0px; margin: 0px; _background:#F9F9F9; position:absolute; left:332px;}

.navpanel #foSolutionPromo .scmDefault h2, .navpanel #foProductPromo .scmDefault h2, .navpanel #foCompanyPromo .scmDefault h2 {text-transform:uppercase; margin-top:0px; margin-bottom:0px !important; line-height:18px; font-size:12px; padding-bottom:3px;}
.navpanel #foSolutionPromo .scmDefaultImage, .navpanel #foProductPromo .scmDefaultImage, .navpanel #foCompanyPromo .scmDefaultImage {
position:absolute;top:30px;left:42px; z-index:1;}
.navpanel #foSolutionPromo .scmDefault, .navpanel #foProductPromo .scmDefault, .navpanel #foCompanyPromo .scmDefault {
width:156px !important; margin-left:15px; color:#1a1a1a;}
.navpanel #foSolutionPromo .scmDefault p, .navpanel #foProductPromo .scmDefault p, .navpanel #foCompanyPromo .scmDefault p {line-height:16px; position:relative; z-index:2;}
.navpanel .navCol ul, .navCol ul {padding:0px; margin:0 0 5px 0px;}
.navpanel .navCol ul li {list-style:none; line-height:16px; background:transparent; padding: 0px;}

.navpanel .navpanel_cont #foSolutionPromo, .navpanel .navpanel_cont #foProductPromo, .navpanel .navpanel_cont #foCompanyPromo {width:227px; _width:212px; _padding-right:0; float:left; padding-left:0;}
.navpanel #foSolutionPromo h2, .navpanel #foProductPromo h2, .navpanel #foCompanyPromo h2 {margin-left:0px; margin-bottom:5px;}
.navpanel .scmLink {font-weight:normal;}

.navpanel #foSolutionPromo .navModPromo {padding:10px 15px; position:relative; width:195px; _width:225px; margin-bottom:20px; min-height:300px;overflow:visible;}
.navpanel #foProductPromo .navModPromo {padding:10px 15px; position:relative; width:195px; _width:225px; margin-bottom:20px; min-height:300px;overflow:visible;}
.navpanel #foCompanyPromo .navModPromo {padding:0px 15px; position:relative; width:195px; _width:225px; margin-bottom:20px; min-height:300px;overflow:visible;}

.navpanel .navModPromo {color:#1a1a1a;}
.navpanel .navModPromo p.pNote {margin:10px 0;}
.navpanel .navModPromo p.pMain {display:none;}
.navpanel .navModPromoTop {display:none;}
.navModPromo .btn {position:absolute; bottom:10px; left:10px;}
.navModPromo .promoImg {position:absolute; bottom:0; right:-18px;}
#flyout3 #foCompanyCol3 {padding-top:25px;}
.navpanel .navCont h2 {text-transform:none; margin-left:0px;}
#flyout2 #foProductCol1 {width:420px; _width:415px !important;}
.navpanel h2, .navpanel #promo h2 {text-transform:none;}
.navpanel h2 {margin-bottom:10px;}
.navpanel .modulePromo {padding:10px;}
.navpanel .modulePromo h2 {margin-left:0px;text-transform:uppercase;}

.modulePromo img.btn {margin-top:10px;}
.flSubCol {width:168px; _width: 172px; float:left; margin:0 10px 0 0; line-height:16px;}
.navpanel .navCol .scmDefault {padding-bottom:0px; margin-bottom:15px;}
a.scmLink {background:url('../../shared/img/global/arrow-hor-s.gif') no-repeat 1px 4px; padding-left:10px; position:relative;}
.navpanel .ruleV {width:1px; background:url('../../shared/img/global/bkg-fo-rule-v.gif') no-repeat top left; min-height:320px; _height:320px; font-size:1px; overflow:hidden; position:relative;}
.navpanel .navpanel_cont .ruleV {min-height:320px !important; _height:320px !important; background:url('../../shared/img/global/bkg-fo-rule-v.gif') no-repeat top left !important; position:relative;}
.navpanel .section {margin-top:0px;}

.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; width:450px; _width:455px; float:left; }
.navpanel_close {position:absolute; top:16px; right:20px; width:60px; height:20px;}

.navColMenu {width:158px; padding:0px 0px 0 10px; 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 .navCol {_width:219px;}
.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;}







/* 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;} 
#footer {width: 860px; height: 160px; padding: /*10px*/ 0 30px 0px 20px; _padding: /*20px*/ 0px 30px 0px 20px; text-align: left; clear: both; }
#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: 210px; height: 90px; float: left; margin: 0;}
#footerLinksFollowUs li {display: inline;}
#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: 14px 0 0 0; padding: 0 0px 14px 0px; _padding: 0 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 */
