/*** CHANGELOG ***
DG 1/20 - Modified #footer for bug JNP-302

EK 1/21 - working on navigation styling - took out height from .navpanel-cont, replaced gif with png for bottom drop shadow, updated position for close button - .navpanel_close
added padding for #flyout3 #foCompanyCol3 according to the styleguide

EK 1/22 - updating navbar background changed height and background image of navbar
EK 1/23 - working on navbar still - updated .navbarDrop with new background image; width and height of .navbarItem and  .navbarDrop 
EK 1/24 - updated font-size for h2, h3 in flyout1, also adjusted spacing between elements in #flyout1
DG 1/24 - #footer Added background-color
DG 1/24 - modified widths, margins and padding for #header and .topSearchBox and .searchBtn and .arrowBtn and .searchTxt
EK 1/25 - updated bottom margin for promo in flyouts .scmDefaultImage - 20px; updated spacing between h2 and content;
DG 1/25 - Moved navpanel top up 1 px
EK 1/26 - changed .navpanel_close according to Svetlana update - JPN #314
EK 1/26 - updated #flyout1 .navCol h2 with line-height to adjust position in solution flyout, updated padding for left column standard content header 
EK 1/26 - moved .navpanel .ruleV from global css, updated .navpanel .ruleV  with new vertical divider background image
EK 1/26 - added margin for h2 inside .scmDefault for company flyout;
EK 1/28 - updated .dropDownWrapper .topCountryLabel to correct issue with shifting country list on mouse over
DG 1/30 - updated flyout z-index for JNP-593
EK 2/05 - worked on JNP-679 - country drop down unselectable in IE6 i had to update #topCountryDrop .dropDownWrapper with _overflow:none 
EK 2/05 - worked on JNP-704 - removed underline from hover in country selection drop down #topCountryDrop li a:hover
DG 2/07 - added bg for .navpanel .navCol ul li, .navCol ul li
EK 2/09 - added backround color for highlighted navigation - #navbar .navOn to fix JNP-799 
EK 2/10 - changed promo column width in flyouts for IE6 to have same width as in FF2 and IE7 -  _width:212px;
EK 2/10 - changed .navpanels to adjust position of flyout in IE6 - lowered 2 px, also updated .navpanel_cont width padding for IE6 to visually be consistent with other browsers
DG 2/17 - set ie6Iframe z-index to 107
DG 2/19 - added _height for .navpanel .navpanel_cont .ruleV
DG 2/20 - modded a.scmLink
EK 2/25 - worked on changing topbar navigation to have more flexibility removed strict positioning for links in nav
Ek 2/27 - formatted css, changed capitalized color references to low case ones
DG 3/24 - added #navbar #topbarlink4, #navbar #topbarlink5, #navbar #topbarlink6 {_display:block;}
DG - 4/1 - modded margin-left for #topCountryDrop
DG - 4/1 - added IE6 hook for topCountry
DG - 4/1 - modded width for topMenu and margins for topMotto
DG - 4/6 - modded .arrowBtn, #topCountryDrop, .dropDownWrapper .arrowBtn, and .dropDownWrapper .topCountryLabel
EL - 12/17/2009 - In navbar section. For techpubs, which is a non-render-engine site section, overrode navbar behavior for flyouts - remove the arrow. Also added IE6 hover behavior to topbarlinks 1-3 to make up for removing flyouts and associated hover behavior.
*/

/* flyout navigation */
/*
.navpanel {width:935px;display:none; position:absolute; top:111px; _top:113px; left:1px; background:url('../../shared/img/global/bkg-nav-flyout.gif') repeat-x left bottom; background-color:#ffffff; z-index:108;}
*/
.navpanel {width:935px;display:none; position:absolute; top:111px; _top:113px; left:1px; background-color:#d7d7d7; z-index:108;}


/* .navpanel_cont {position:relative; padding:25px 0 35px 15px; _padding-bottom:10px; width:920px; _width:935px; background:url('../../shared/img/global/bkg-nav-flyout_btm.png') no-repeat bottom left; float:left;} */
.navpanel_cont {position:relative; padding:25px 0 35px 15px; _padding-bottom:10px; width:920px; _width:935px; float:left;}
.navpanel_close {position:absolute; top:16px; right:20px; width:60px; height:20px;}
.navpanel .navCol {width:195px; padding:0px 15px; float:left;}
.navCol h3 {margin:0px; margin-bottom:3px; font-size:12px; font-weight:bold;}
.navpanel .navCol h2 {color:#1a1a1a !important; font-size:12px; font-weight:bold; margin-top:0px; margin-bottom:15px;line-height:12px; padding:0;}
.navpanel .navCol .scmDefault h2 {margin-bottom:10px;}
#flyout1 .navCol h2 {text-transform:uppercase;}
#flyout1 .navCol h3 {font-size:11px; margin-bottom:0; color:#1a1a1a !important;}
.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;}


#flyout2 .navCol h3 {font-size:11px;}
#flyout2 .navCol .scmDefault h2 {margin-bottom:10px;}

.navpanel .navCol ul, .navCol ul {padding:0px; margin:0 0 5px 7px;}
.navpanel .navCol ul li, .navCol ul li {list-style:none; line-height:16px; background:transparent;}
.navpanel .navCol ul li a {color:#006fba; text-decoration:none; font-weight:normal;}
.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; background: url('../../shared/img/global/promo-fly-out-bg.gif') no-repeat 0 -8px; background-position:top; margin-bottom:20px; min-height:300px;overflow:visible;}
.navpanel #foProductPromo .navModPromo {padding:10px 15px; position:relative; width:195px; _width:225px; background: url('../../shared/img/global/promo-fly-out-bg.gif') no-repeat 0 -8px; background-position:top; margin-bottom:20px; min-height:300px;overflow:visible;}
.navpanel #foCompanyPromo .navModPromo {padding:0px 15px; position:relative; width:195px; _width:225px; background: url('../../shared/img/global/promo-fly-out-bg.gif') no-repeat 0 -8px; background-position:top; margin-bottom:20px; min-height:300px;overflow:visible;}
*/

.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 h2 {font-size:16px;} */
.navpanel .navModPromo p.pNote {margin:10px 0;}
/* .navpanel .navModPromo p.pMain {font-size:13px;margin:40px 0;} */
.navpanel .navModPromo p.pMain {display:none;}
/* .navpanel .navModPromoTop {background:url('../../shared/img/global/bkg-nav_promo1-box-top.gif') no-repeat top left; width:225px; height:9px; font-size:1px;} */
/* .navpanel .navModPromoTop {width:225px; height:9px; font-size:1px;} */
.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;}
.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;}
/* .navpanel .scmDefaultImage {margin-bottom:20px;} */




.modulePromo img.btn {margin-top:10px;}
/*sub columns in product flyouts*/
.flSubCol {width:180px; float:left; margin:0 15px 0 0; line-height:16px;}
.navpanel .navCol .scmDefault {padding-bottom:0px; margin-bottom:15px;}
/* position:relative added to keep learn more link from popping into the left navigation in ie6 */
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;}

/* header */
#header {width:897px; padding:0px 15px 0 21px; height:80px; background-color:#ffffff;}
.topLogo {margin-top:19px;}
.topMotto,.topContact, .topItem, .topSearchBox, .countryName {line-height:80px;}
.topMotto {color:#002f60; font-size:12px; width:220px;margin:2px 0px 0 21px;}
.topMenu {width:321px;}
.topItem {margin:0 10px 0 10px; font-size:12px; font-weight:bold; color:#006fba;}
.topCountry, .topCountry div {font-size:12px;}
.countryName {margin-right:10px;}
.topMenu, .topMenu div, .topMenu div div {line-height:80px; color:#0067ac; font-size:11px;}
.topSearchBox {width:186px;}
.searchBtn {margin-top:32px; margin-left:6px;}
.arrowBtn {height:10px; margin:38px 16px 0px 0; _margin-right: 8px;}
.searchTxt {width:140px; font-size:12px; padding:3px 9px; border:0px; background:url('../../shared/img/header/bkg-search.gif') no-repeat; margin-top:32px; color:#5f5f5f;}
.topItem left {margin:0px !important;}
.topCountryLabel {margin:0px 3px 0px 10px; font-size:12px; font-weight:bold; color:#006fba;}
#topCountryDrop {width:170px; _width:164px; display:none; position:absolute; z-index:5; margin-top:28px;  right: 210px; _right:217px;}
#topCountryDrop .arrowBtn {margin:10px 0 0 27px; _margin:10px 0px 0px 10px;}
#topCountryDrop .dropDownWrapper {overflow:auto; _overflow:none; background:url('../../shared/img/global/bkg-countryDrop.png') no-repeat bottom; _background-image:none; padding:0px 3px 0px 2px;}
/* note: background png for IE6 is defined in api.js */
#topCountryDrop li {line-height:14px; background:transparent;}
#topCountryDrop ul {margin:0px; padding:6px 0px 14px 0px; list-style:none; clear:both; _width:162px;}
#topCountryDrop li {height:15px; padding:3px 0px 1px 15px; border-top:1px solid #cccccc; font-size:11px;}
#topCountryDrop li.over {background:#547ea8;}
#topCountryDrop li.over a {color:#ffffff; background:url('../../shared/img/global/arrow-countryW.gif') no-repeat 0px 4px; padding-left:10px;}
#topCountryDrop li.out {background-color:transparent;}
#topCountryDrop li.out a {background:url('../../shared/img/global/arrow-countryBlue.gif') no-repeat 0px 4px; padding-left:10px;}
#topCountryDrop li a:hover {text-decoration:none !important;}
#topCountryDrop li a { _height: 15px;}
.topCountryList {clear:both; line-height:12px;}
.dropDownWrapper .arrowBtn {height:10px; margin:2px 0px 0px 0px; padding-left:123px; _padding-left:139px;}
.dropDownWrapper .topCountryLabel {line-height:15px; margin:5px 0 4px 4px; _margin:5px 1px 4px 2px;display:none;}


/* footer */
#footer {background-color:#ffffff; width:892px; padding:0px 21px; height:25px; clear:both;line-height:25px;border-top:solid 1px #e4e4e4; float:left; margin-top:75px; font-size:10px !important; color:#919191;}
.footerBottom {width:937px;height:0px;}
#footer .fNav {margin-right:15px; float:left;}
#footer .fNav a {color:#919191;}
.fCopyRight {float:right; color:#919191;}
.footerBottom {font-size:1px;}
#footer .fNav, #footer .fCopyRight {font-size:11px;}

/* navbar */
/* #navbar {width:935px; background:url('../../shared/img/header/bkg-navbar-long.gif') no-repeat top left; overflow:hidden;}*/
#navbar {width:935px; background-color:#eaeaea; border-top: 1px solid #dedede;}
/*.navbarItem:hover, #navbar .navOn:hover {background:url('../../shared/img/header/bkg-navbar-hover.gif') repeat-x top left;}*/
.navbarItem:hover, #navbar .navOn:hover {background-color:#d7d7d7;}

.navbarItem {font-size:12px;cursor:pointer;width:158px; text-align:center; height:30px; line-height:30px;font-weight:bold;}
#_training_ .navbarItem {width:159px;_width:158px;}
.navbarItem a div {font-size:12px;}
.navbarItem a {color:#4b4b4b; display:inline;}
#navbar .navbarItem:hover a, #navbar .navbarDrop a:hover, #navbar .navbarItem a:hover {text-decoration:none !important; color:#1a1a1a;}
.navbarDrop a {background:url('../../shared/img/header/arrow-navbar-off.gif') no-repeat right;}
.navbarDrop:hover a {background:url('../../shared/img/header/arrow-navbar-off.gif') no-repeat right;}
.navOn a#topbarlink1, .navOn a#topbarlink2, .navOn a#topbarlink3 {background:url('../../shared/img/header/arrow-navbar-on.gif') no-repeat right;}
 .navOn a#topbarlink1:hover, .navOn a#topbarlink2:hover, .navOn a#topbarlink3:hover {background-image:url('../../shared/img/header/arrow-navbar-off.gif');}
.navbarDrop {width:154px; margin-right:0px;}
#navbar .navOn {background:#f7a222 url('../../shared/img/header/bkg-navbar-on.gif') repeat-x top left;color:#fff;}
#navbar .navOn a, #navbar .navOn a div {color:#fff;}
#navbar .navOn:hover a, #navbar .navOn a:hover,  #navbar .navOn a:hover div,  #navbar .navOn:hover div {color:#4b4b4b;}
/* 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;}
#flyout3 #foCompanyCol2 {_width:220px;}
#header {_width:935px;}
#footer {_width:935px;}
.footerBottom {_width:937px;}
#promo .navModPromo {_width:225px; _height:245px;}
.navbarItem {_width:157px;}
.navbarDrop {_width:154px;}
.searchTxt {_width:158px; _height:36px; }
#navbar a {color:#5f5f5f; display:inline-block;}
/* #navbar a {color:red; display:inline-block;} */
#navbar #topbarlink4, #navbar #topbarlink5, #navbar #topbarlink6 {_display:block;}
/*.topCountry {_overflow:hidden; _width:200px }*/
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 arrow*/
#navbar .navbarDrop #topbarlink1,#navbar .navbarDrop #topbarlink3 {background-position:right 52%; padding-right:15px;}
#navbar .navbarDrop #topbarlink2 {background-position:right 52%; padding-right:15px;}
#topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover {_background:url('../../shared/img/header/bkg-navbar-hover.gif') repeat-x top left; color:#1a1a1a;}
.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;}

/* _position:absolute; _top:312px; _left:200px;} 
*/

