/* GLOBAL CLEARER ======================================================================================================= */

html, body, div, span, ol, ul, li, h1, h2, h3, h4, h5, h6, p, a, b, u, i, em, strong, sub, sup, img, object, fieldset, form, label, legend,  input, button, table, tr, td, iframe, applet, blockquote {
margin: 0;
padding: 0;
}
img, object, embed {
border: 0;
}
td {
vertical-align: top;
}

/* MOUSE CURSOR FIX ===================================================================== */

span, li, h1, h2, h3, h4, h5, h6, p, b, u, i, em, strong, sub, sup, td, th, img, object, fieldset, label, legend {
cursor: default;
}
.formLine label,  label h3, label p, button, a, .searchGo, input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="reset"], select,
a div, a span, a h1, a h2, a h3, a h4, a h5, a h6, a p, a blockquote, a cite, a i, a b, a u, a em, a strong, a sub, a sup, a img, a ol, a ul, a li, a label, a table, a td {
cursor: pointer;
}

/* POSITIONING and STACK ORDER =========================================================== */
/*.subHeader, .share li.share, .module.videoOpen .videoPlay, h4.carouselH4, .carouselWrapper {*/
 .subHeader, .share li.share, .module.videoOpen .videoPlay, h4.carouselH4, .carouselWrapper   {
position: relative;
}
/*For IE7 to prevent content shifting*/
.wrapper .wrapper, .wrapper {*position:relative;}
.body {*overflow:hidden;*position:relative;}
.subNav, .subNav > li {
    position:relative;
    *position:static;
}
/*.language{*overflow:hidden;}*/

.mainHeader, .mainFooter, .mainNav .flyout {
position: fixed;
}
/* dont remember why was this here, might not be necessary, its braking drop down here 
global_locations/europe_and_middleeast/switzerland/en/contact_us
.subNav .activeArrow, .subNav > li.flyout.active {
z-index: 0;
}
*/
 .subHeader {*z-index:3;}
.popup, .subNav > li, .subNav li .flyout, .module.videoOpen .videoPlay, ul.shareFlyout {
z-index: 2;
}
.mainNav .flyout, .flyout {
z-index: 5;
}
.userLoggedInPanel {
    z-index:6;
}
h4.carouselH4 {
z-index: 8;
}

/* MAIN STRUCTURE ======================================================================= */

body {
min-height: 600px;
font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; 
color: #333333;
background: url(/img/bodyBG1.png) repeat-y center top;
font-size: 100%;
font-size: 0.812em;
/* just to fix IE* bad font size too small */
/*Removing for now*/
/*font-size: 0.86em \9;*/
*font-size: 0.812em;
}
ol, ul, p, .editorsContent, .eyebrow, .expertiseitem {
font-family: Georgia, Times New Roman, Serif;
line-height: 138.9%;
}
.mainNav, .mainNav .column ul, .subNav, .subNav ul, .subHeader .login, .searchContent .login, .subHeader .language, .subHeader .locations, .mainFooter, .footer ul, ul.share, ul.shareFlyout, ul.list, ul.pipe,  ul.arrow,  ul.alternate, 
.chevronList, .backList, .externalLink, .linksUL, .iconElements, .iconElements ul, .stayConnected,
div.infotip p, button, .button, .formError p, .formWarning p, .formSucess p, .formMessage p, .userLoggedInPanel, .userLoggedInPanel ul  {
font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

.wrapper {
}
.wrapper .wrapper {
margin: 0 auto;
width: 945px;
padding-left: 15px;
overflow-x: hidden; /* this line is to hide the overflow caused by the main nav items that get an extra padding when highlighted */
}
/* Annotation I */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .wrapper .wrapper {
    width: 946px; 
    }
}
.wrapper .wrapper .wrapper {
margin: 30px 0; 
width: auto;
overflow: auto;
padding-left: 0;
background: url("/img/bg-content.gif") repeat-y scroll 522px 0 transparent;
}
.mainHeader {
background: url("/img/bodyBG2.png") no-repeat scroll 54px 1px transparent;
width: 210px; 
padding-top: 30px;
padding-left: 1000px;
margin-left: -1000px;
height: 100%;
min-height: 530px;
float: left;
}
.body {
width: 690px; 
float: right; 
padding: 0 15px 50px 0;
*padding: 0 15px 50px 20px;
*overflow:hidden;
}
.content {
background: url(/img/bg-content.gif) repeat-y 522px 0;
margin: 40px 0;
overflow: auto;
overflow: hidden\9;
}
.body .page {
width: 510px;
float: left;
margin-right: 15px;
margin-top: 0px;
}
.body .rail {
margin-left: 15px;
float: left;
width: 150px;
margin-top: 0px;
}

/* MAIN NAVIGATION ====================================================================== */

.mainNav {
margin: 20px 0 7px;
}
.mainNav li a.parent {
background: #2175BF;
color: White;
display: block;
padding: 8px 15px;
margin-bottom: 1px;
-webkit-box-shadow: inset -15px -5px 5px -10px #0d2f4f;
-moz-box-shadow: inset -15px -5px 5px -10px #0d2f4f;
box-shadow: inset -15px -5px 5px -10px #0d2f4f;
text-decoration: none;
}
.mainNav li a.parent.current {
background: #5293CD;
}
.mainNav li a.parent.active {
background: #00adef;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* LINKS ================================================================================ */

a, .checkall, .userLoggedInPanel .userName, .userLoggedInPanel a, .notificationBlue a {
color: #0065bd; 
text-decoration: none;
}
.searchContent .rightSide .userLoggedInPanel .userName{
  color:#fff;
}

a.textLink {
color: #000;
}
.share li a {
color:#9ac2e5;
}
.share li:hover a {
color:#7d9aa9;
}
a:hover, .checkall:hover { 
text-decoration: underline;
}
.button:hover, .share li:hover a, .subHeader .login li a:hover, .searchContent .login li a:hover {
text-decoration: none;
}
a.moreLink {
margin-left: 9px;
}
.subHeader .locations li.active a {
color: #333;
}

/* HEADINGS =============================================================================== */

h1, h2, h3, h4, h5 {
font-weight:normal;
}

/* H1 -------------------------------------------------------------------------------------- */

h1, div.mockH1 {
font-size: 26px;
color: #1f2732;
letter-spacing:-0.025em;
/* line-height: 36px; */
}
.subHeader h1 {
padding-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
clear: right;
}
.subHeader .login + h1, .subHeader .language + h1 {
padding-top: 10px;
}
h1 + ul.locations {
margin-top: -10px;
}
h1 a, div.mockH1 a {
color: #1f2732;
}

/* H2 -------------------------------------------------------------------------------------- */

h2, h1.mockH2 {
font-size: 2.308em;  
color: Black;
margin-bottom: 15px;
line-height: normal;
}
h2 a, h1.mockH2 a {
color: #000;
}
.module h2 {
margin-bottom: 5px;
}
h2.medium {
font-size: 1.846em;
}
h2.small, h2.sm, h2.gray {
font-size: 1.539em;
line-height: 140%;
}
.popupHeader h2 {
  /*font-size: 1.846em;*/
font-size: 1.750em;
margin: 0;
padding-bottom: 10px;
}
.popupContainer h2 {
margin-bottom: 20px;
}
/*Needs to be refactored to CTA*/
.bannerContent h2 a {
    color:#fff;
}

/* .flyout and .columnWrapper ----------------------------------------------------------- */

.mainNav .flyout, .subNav li .flyout {
display: none;
margin: -55px 0 0 210px;
background: white;
padding: 20px 15px 30px 25px;
-webkit-box-shadow: 3px 0 5px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 0 5px -1px rgba(0, 0, 0, 0.3);
box-shadow: 3px 0 5px -1px rgba(0, 0, 0, 0.3);
border-left: 5px solid #00ADEF;
border-right: 5px solid #00ADEF;
border-top: 1px solid #ddd \9;
border-bottom: 1px solid #ddd \9;
}
.mainNav .flyout h3 {
overflow: auto;
margin-bottom: 25px;
}
.columnWrapper {
overflow: hidden;
}
.columnWrapper .column {
float: left; 
max-width: 400px;
min-width: 150px;
border-left: 1px solid #ddd;
margin: 0 0 -500px 15px;
padding: 0 0 500px 15px;
}
/*Forcing menu width out*/
.mainNav .flyout {
    margin-right:-746px;
}

h3 + .column, .columnWrapper > .column:first-child {
border-left: 0 !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.columnWrapper .column.double {
max-width: 445px;
}
.inverted .columnWrapper .column {
max-width: none;
min-width: auto;
/*width: 210px;*/
}
.inverted .columnWrapper .column.double {
   max-width: 445px;
/*max-width: none;
min-width: auto;
width: 445px;*/
}
.inverted .columnWrapper .column.double ul {
max-width: 290px;
min-width: 120px;
}
/* .columnWrapper .column ul */.nav .flyout ul, .subNav .flyout ul, .flyout ul {
font-size: 0.89em;
padding-bottom: 18px;
}
.language .flyout ul {
    font-size:1.0em;
    font-weight:normal;
}
.flyout .columnWrapper ul {
padding-bottom: 0;
}
.columnWrapper .column ul + h6 {
padding-top: 18px;
}
.columnWrapper .column.double ul {
float: left;
max-width: 210px;
min-width: 120px;
}

.columnWrapper .column.double h6 + ul, .columnWrapper .column.double ul:first-child {
padding-right: 25px;
}
.columnWrapper .column img {
margin-bottom: 10px;
display: block;
}
.columnWrapper .column h3 {
font-size: 1.1em;
margin: 0;
}
.columnWrapper .column ul h3 {
font-size: 1.28em;
margin-bottom: 15px;
}
.flyoutFooter {
border-top: 1px dotted #C5C5C5;
clear: both;
margin: 25px 25px -15px 0;
padding-top: 15px;
}