@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

* {font-family: 'Open Sans', sans-serif;}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
 
html, body { overflow-x: hidden; }
 
body, input, select, textarea, button, .ui-btn {  font-family: 'Open Sans', sans-serif; }
 
header:before { content:" ";
			  background:#021264;
			  width:50%;
			  height:110px;
			  left:0px;
			  top: 0;
			  max-height:110px;
			  z-index: 100;
			  position: absolute; }
			  
header:after { 
	width:100%;
	height:230px;
	background-position:top center;
	content:" ";
	left:0px;
	top:0px;
	max-height:230px;
	z-index: 1000; 
	display: block;}

html.index header:after { background:none;}

html.index #wrapper { position: relative; }
					
html.index #wrapper:before { background:url(../img/header-imgs/index1.jpg) no-repeat center;
					background-size:cover;
					background-repeat: no-repeat;
					max-height:785px;
					height: 100%;
					width: 100%;
					position: absolute;
					top: -230px;
					content: '';
	 				z-index: -101;}		
					
html.index #wrapper:after { 
	height: 785px;
	background: rgba(0,0,0,.4);
	width: 100%;
	position: absolute;
	top: -230px;
	content: '';
	z-index: -101;
	box-shadow: inset 0 -100px 50px -50px rgba(0,0,0,.7);
}								
					
html.index.indexTab02 #wrapper:before { background:url(../img/header-imgs/index2.jpg) no-repeat center;}					
					
html.about header:after { background:url(../img/aboutus.jpg) no-repeat center;
					background-size:cover;
					max-height:230px;}
					
html.operations header:after { background:url(../img/operations.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}	


html.sustainability header:after { background:url(../img/sustainability.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}
							 
html.investors header:after { background:url(../img/investors.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}							 
												
html.career header:after { background:url(../img/careers.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}		

html.media header:after { background:url(../img/media.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}	
							 
html.contact header:after { background:url(../img/contact.jpg) no-repeat center;
							 background-size:cover;
							 max-height:230px;}								 

/*TEMPORY SAME HEADER IMAGE*/
/*REMOVE WHEN IMAGES ARE PROVIDED*/					
header:after { background:url(../img/header-imgs/about-img.png) no-repeat center;
					background-size:cover;
					max-height:230px;}							
/*END TEMPORY SAME HEADER IMAGE*/


header{ position: fixed;
		top:0; z-index: 1004; }	
									  
body { margin:0 auto;
		padding:0px;}

#top { padding:230px 0 0 0; }	
/*body:before	{ 
			  content:" ";
			  background:#000;
			  opacity:0;
			  width:100%;
			  height:0; 
			  position:absolute;
			  top: 0; 	  
			-webkit-transition: opacity 0.1s ease-in-out;
			-moz-transition: opacity 0.1s ease-in-out;
			-o-transition: opacity 0.1s ease-in-out;
			transition: opacity 0.1s ease-in-out;
								}
/*body.transparencyOverlay:before	{ opacity:0.5;
								  height:100%; 
								  z-index:1002; 
								  position:fixed;
								  left:0;
								  top:0;
								  width:100%;
								}	*/	
.overlayMe { z-index: 1004; }	
.overlayMe:after{
	content: '';
	width:100%;
	height:0%; 
	position:fixed;
	top: 0; 	  
	z-index: 1;
	background:rgba(0,0,0,0);
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
.transparencyOverlay .overlayMe:after { 
	height:100%;
	background:rgba(0,0,0,.4);
}
#wrapper { max-width:none;
	   width:100%;
	   margin:0 auto;
	   z-index:1001; 
	   margin-top: 230px;  /*added - */}

a { text-decoration:none;}

header { width:100%;
		height:110px;
		position:fixed;
		margin:0;
		 top:0; }


.index header { margin:0px 0px 0px 0px;}		

header:after { z-index:-1;
			  content:" ";
			  background:#000;
			  background-position:bottom;
			  background-size:cover;
			  width:100%;
			  left:0px;
			  top:0px;
			  position:absolute;}
			  
nav { max-width:1000px;
		width:100%;
		margin:0 auto;
		position:relative;
		max-height:110px;
		z-index:200;
		}

nav a.home { max-width:160px;
			 width:17%;
			 display:block;
			 background:url(../img/logo-BR.png) no-repeat;
			 background-position: 0 5px;
			 height:110px;
			 float:left;
			 background-size:contain;
  			}
			
a.menuICO { display:none;}



nav #menu { max-width: 815px;
			width:83%;
		
		  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		  display: -ms-flexbox;      /* TWEENER - IE 10 */
		  display: -webkit-flex;     /* NEW - Chrome */
		  display: flex;
		  -webkit-flex-direction: row;
		  -webkit-flex-wrap: nowrap;
		  flex-direction: row;
		  flex-wrap: nowrap;
		  -webkit-justify-content: flex-start;
		  justify-content: flex-start;
		  align-items: stretch;
          align-content: flex-start;
		  -webkit-align-items: stretch;
          -webkit-align-content: flex-start;
		  -webkit-flex-basis: 83%;
  
		
		height:110px;
		position:relative;
		float:left;}

nav #menu a,		
nav #menu a.main,
nav #menu #drop {-webkit-transition: color 0.5s ease-out;
			-moz-transition: color 0.5s ease-out;
			-o-transition: color 0.5s ease-out;
			transition: color 0.5s ease-out ;
			cursor:pointer;}

.menuCol > a.tier2,
nav #menu a.main, 
nav #menu #drop {
	font-weight: 700!important;
	font-family: 'Open Sans', sans-serif!important;
}
nav #menu a.main, 
nav #menu #drop { display: block; /* added - for safari windows */ 
				 padding: 40px 2%; } /* for firefox */

nav #menu #drop:nth-child(3) { width:20%;}

nav #menu a.main,
nav #menu #drop { 
			-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;         /* OLD - Firefox 19- */
			width: 140px;               /* For old syntax, otherwise collapses. */
			-webkit-flex: 1;          /* Chrome */
			-ms-flex: 1;              /* IE 10 */
			flex: 1;    
  			/*flex-basis:auto; this clashes with IE10 */
			-webkit-flex-basis:auto;
			background:#fff;
			border-top:5px solid transparent;
			border-right:1px solid #DBDBDB;
			border-bottom:1px solid #DBDBDB;
			text-align: center;
			font-weight:bold;
			font-size:11px;
			color:#8C8C8C;
			padding: 40px 2%;
			text-transform:uppercase;
}

/* edited - below, what should have border and not */	
.about nav #menu .aboutBC,
.operations nav #menu .operationsBC,
.sustainability nav #menu .sustainabilityBC,
.investors nav #menu .investorBC,
.careers nav #menu .careersBC,
.media nav #menu .mediaBC,
.contact nav #menu .contactBC,

nav #menu a.main:hover,
nav #menu #drop:hover	{ border-top:5px solid #021264!important;
						color: #021264!important;}
						
nav #menu a.main:hover,
nav #menu #drop:hover {	border-bottom:1px solid transparent!important; }
					
/*DROPDOWNS*/
	
nav #menu #drop #dropDown { margin-top:7px;
							height:auto;
							display: none;
							cursor:pointer;
							border-bottom: 1px solid #DBDBDB;
							max-width: none;
							z-index:100;
							width:100%;
							position:absolute;
							top:94%;
							left: 0px;
							background:#fff;
							padding:30px 15px; /* edited - */	
							line-height:16px;
						   
							}
/*nav #menu #drop:hover #dropDown { display:block; }*/
						
nav #menu #drop:hover #dropDown #galleryLink { 	display:block;
												background:#E2E2E2;
												min-height:270px;
												width:305px;
												margin: -30px -15px -30px 0px; /* edited - */	
												float:right;
												padding: 10px 10px 0px 10px;
												}	
												
.menuCol {width: 140px;
			float:left;
			text-align:left;
			padding-right:10px;}

.menuCol50 { width:50%!Important}			
.menuCol33 { width:33%!Important}			

.menuCol a { width:100%;
			display:block;
			}

.menuCol p { text-transform:none;}
				
a.tier2 { padding:4px 15px; /* edited - */	
					color:#021264;
					border-top:3px solid transparent;
					text-transform:uppercase;
					width:100%;
					max-width:none;
					float:left;
					min-height: 50px;}
										
.menuCol a.tier2 { float:none;}	

.threeTier:hover a.tier2,
 a.tier2:hover { border-top:3px solid #021264;}					

.tier3 { width:100%;
		display:block;
		margin: -20px 0 0 0;} /* added - */
		
.tier3 a { width:100%;
			display:block;
			color:#5F5F5F;
			padding:0 0 6px 33px; /* edited - */
			position:relative;
			font-family: 'Open Sans', sans-serif;
			font-weight: normal;
			text-transform:capitalize;
			line-height:20px; /* added - */
			}

.tier3 a:before { content:"•"; /* edited - */
				  font-family: Arial, Helvetica, sans-serif!important; /* added - */
				  width:6px;
				  height:6px;
				  line-height: 6px; /* added - */
				  font-size: 18px; /* added - */
				  display:block;
				  color: #5F5F5F; /* added - */
				  position:absolute;
				  font-weight: normal; /* added - */
				  left:23px; /* edited - */
				  top:7px!important; /* edited - */
				}

.tier3 a:hover { color: #001264;
				font-family: 'Open Sans', sans-serif;
				font-weight: 700; /* added - */}	
.tier3 a:hover:before { color: #001264; /* added - */
						font-weight: normal; /* added - */}	

#galleryLink {
	-webkit-transition: all 0 ease-in-out!important;
	-moz-transition: all 0 ease-in-out!important;
	-o-transition: all 0 ease-in-out!important;
	transition: all 0 ease-in-out!important;
}
								 															
/*NOT REALLY BREADCRUMB*/

.operationsBC .slideTxt,
.sustainabilityBC .slideTxt { 
	text-transform: none; 
	padding: 0px 10px 0px 45px;
}	
.operationsBC .slideTxt a,
.sustainabilityBC .slideTxt a { font-size: 11px!important; }

.slideTxt:before { background: #E2E2E2!important; }

nav #menu #drop #dropDown { border: none; }

.tier2 p { font-size: 11px; color: #8C8C8C; margin: 0 20px 15px 0; }

.sustainabilityBC .menuCol:last-child { padding-right: 0; }
.sustainabilityBC .menuCol:last-child #galleryLink { margin-right: 0!important; }

.sustainabilityBC .slideImg { margin: 0; }

.sustainabilityBC .slideImg img { max-height: 71px; width: 100%; }

nav #menu #drop.sustainabilityBC:hover #dropDown  #galleryLink { 
	min-height:0!important; 
	margin: 10px 0 0 0; 
	width: 282px;
	overflow: hidden; 
	position: relative!important;
	float: none!important;
	border-bottom: 2px solid #666666;
}

/*END NOT REALLY BREADCRUMB*/

nav .search { display:block;
				width:35px;
				height:35px;
				position: absolute; /* edited - */
				right: -10px;
				background:#021264;
				z-index: 1002;
				}																  			  
.clear { clear:both;
		height:0px;}
		
/* highlights of second tier */
.about .ui-oph01 .aboutBC a.tier2.h01,
.about .ui-oph02 .aboutBC a.tier2.h02,
.about .ui-oph03 .aboutBC a.tier2.h03,
.about .ui-oph04 .aboutBC a.tier2.h04,
.about .ui-oph05 .aboutBC a.tier2.h05,
.about .ui-oph06 .aboutBC a.tier2.h06,
.operations .ui-oph01 .operationsBC a.tier2.h01,
.operations .ui-oph02 .operationsBC a.tier2.h02,
.operations .ui-oph03 .operationsBC a.tier2.h03,
.operations .ui-oph04 .operationsBC a.tier2.h04,
.operations .ui-oph05 .operationsBC a.tier2.h05,
.sustainability .ui-oph01 .sustainabilityBC a.tier2.h01,
.sustainability .ui-oph02 .sustainabilityBC a.tier2.h02,
.sustainability .ui-oph03 .sustainabilityBC a.tier2.h03,
.sustainability .ui-oph04 .sustainabilityBC a.tier2.h04,
.sustainability .ui-oph05 .sustainabilityBC a.tier2.h05,
.sustainability .ui-oph06 .sustainabilityBC a.tier2.h06,
.investors .ui-oph01 .investorBC a.tier2.h01,
.investors .ui-oph02 .investorBC a.tier2.h02,
.investors .ui-oph03 .investorBC a.tier2.h03,
.investors .ui-oph04 .investorBC a.tier2.h04,
.investors .ui-oph05 .investorBC a.tier2.h05,
.investors .ui-oph06 .investorBC a.tier2.h06,
.investors .ui-oph07 .investorBC a.tier2.h07,
.investors .ui-oph08 .investorBC a.tier2.h08,
.investors .ui-oph09 .investorBC a.tier2.h09,
.investors .ui-oph10 .investorBC a.tier2.h10,
.media .ui-oph01 .mediaBC a.tier2.h01,
.media .ui-oph02 .mediaBC a.tier2.h02,
.media .ui-oph03 .mediaBC a.tier2.h03,
.media .ui-oph04 .mediaBC a.tier2.h04,
.media .ui-oph05 .mediaBC a.tier2.h05 { border-top:3px solid #021264!important; }

/*ANCHORS*/

.anchors {
	display: block;
	color: #FFF;
	height: 42px;
	position: absolute;
	bottom: -120px;
	left: 0;
	right: 0;
	background: #011264;
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	z-index: 199;
}

.anchors h6 { 
	font-weight: 500;
	line-height: 42px;
	font-size: 14px;
	margin: 0;
	padding: 0 15px;
	margin-right:5px;
	float:left;
	width:14%;
}

.anchors ul { 
	margin: 0; 
	padding: 0; 
	display: inline-block; 
	font-size: 12px;
	height:42px;
	width:85%;
}

							
.anchors ul li { 
			 padding: 0 15px 0 8px;
			 position: relative;
			 white-space: nowrap;
			 font-weight:400; 

			height:42px;
			float:left;
}

.anchors ul li a { color: #FFF; 
					display: block;
					top: 50%;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform:  translateY(-50%);
					transform: translateY(-50%);
					position: relative;}

.anchors ul li:before {
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	position: absolute;
	display: block;
	left: -12px;
	content: '';
	height: 10px;
	width: 10px;
    top: 50%;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-moz-transform:    rotate(-45deg) translateY(-50%);
	-ms-transform:     rotate(-45deg) translateY(-50%);
	-o-transform:      rotate(-45deg) translateY(-50%);
	transform: 		 rotate(-45deg) translateY(-50%);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.anchors ul li:hover { font-weight: 700; }

.anchors ul li:hover:before { 
	-webkit-transform: rotate(45deg) translateY(-50%);
	-moz-transform:    rotate(45deg) translateY(-50%);
	-ms-transform:     rotate(45deg) translateY(-50%);
	-o-transform:      rotate(45deg) translateY(-50%);
	transform: 		 rotate(45deg) translateY(-50%);
	top: 40%;
	left: -15px;
}

/*END ANCHORS*/
		
/*ROWS*/

section { 
	   width:100%;
	   margin:0 auto;
	   z-index:10;
	   display:block;
	   }
 section p:last-child { margin-bottom:0px;}	   
	   
.sectionFLEX { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
			  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
			  display: -ms-flexbox;      /* TWEENER - IE 10 */
			  display: -webkit-flex;     /* NEW - Chrome */
			  display: flex;
				flex-direction: row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:stretch;
}	   

.sectionIndexTab { height:490px;
					position:relative;
					max-width:950px;
					z-index: 1000; /* added - */
					margin-bottom: 0;}

.sectionSlider {max-width:970px;}					

.sectionText { padding:60px 0px 60px 0px;
				max-width:970px;}
				
.sectionText.linksOnly { padding:10px 0px 60px 0px; }	
				
.sectionCompanyInfo { padding:60px 0px 20px 0px;
				max-width:970px;}	
					

.sectionAccordion { padding:60px 10px 60px 10px;
				max-width:970px;
				background:#e9e9e9;
				height:auto;}

.sectionOverlays { padding:30px 10px 60px 0px;
				max-width:970px;
				height:auto;}

.sectionBODs { padding:30px 0px 60px 0px;
				max-width:970px;
				height:auto;}
				
.greyParent { width:100%;
			background:#F5F5F5;}
			
.greyRunner { height:auto;}

.greyRunner:before { width:100%;
					display:block;
					height:100%;
					max-height:inherit;
					content:" ";
					background:#e9e9e9;
					position:absolute;
					left:0;
					margin:-60px 0 -60px 0;
					z-index:-1;
							}	
							
.sectionImg-Text { padding:60px 0px 60px 0px;
				max-width:970px;
				}	

.sectionRULE {border-bottom:1px solid #666;}

.sectionPadTop60 { padding-top:60px; max-width:970px;}
.sectionPadBottom60 {  padding-bottom:60px; max-width:970px;}

.sectionSpacerTop60 { margin-top:60px; }
.sectionSpacerBottom60 {  margin-bottom:60px}										   
/*END ROWS*/

/*INDEX TAB*/

.ui-tabs-vertical ul { margin:0px;
						padding:0px;}

.ui-tabs-vertical ul,
.ui-tabs-vertical li { list-style:none;}

.ui-tabs-vertical { width: 100%;
					display:block;
					height:100%;
					color:#FFF; }
.ui-tabs-vertical .ui-tabs-nav { position: absolute;
								bottom: 40%;
								right: 480px;
								text-align:right;}
								
.ui-tabs-vertical .ui-tabs-nav li { clear: left; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li:last-of-type { margin: 0 -1px 0 0; }

.ui-tabs-vertical .ui-tabs-nav li a { display:inline-block;
									background:#fff;
									font-weight:lighter;
									font-size:27px;
									color:#021264;
									padding: 7px 7px 7px 37px;
								  position:relative; }

.ui-tabs-vertical .ui-tabs-nav li a:before { content:" ";
											width:14px;
											height:14px;
											display:block;
											position:absolute;
											border-bottom:1px solid #021264;
											border-right:1px solid #021264;
											left:10px;
											top:37%;
											
											-webkit-transform: rotate(-45deg);
											-moz-transform:    rotate(-45deg);
											-ms-transform:     rotate(-45deg);
											-o-transform:      rotate(-45deg);
											transform: 		 rotate(-45deg);
											}

.ui-tabs-vertical .ui-tabs-nav li:hover a,
.ui-tabs-vertical .ui-tabs-nav li:hover a:before { color:#FFF;
											border-color:#FFF;
											background:#021264;}
									
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:before {  }

.ui-tabs-vertical .ui-tabs-panel { padding: 30px 50px 30px 50px;
									float: right;
									background: #021264;
									font-size: 14px;
									color: #fff;
									position: absolute;
									right: 0px;
									bottom: 40%;
									max-height: 300px;
									max-width: 470px;
									width:100%;
									height:100%}

.ui-tabs-vertical .ui-tabs-panel p { color:#FFF;
									line-height: 17px;}
									
									
.ui-tabs-vertical .ui-tabs-panel p:first-child { font-size:37px;
												 font-weight:bold;
												 padding:0px;
												 line-height: 36px;
												 margin:0px 0 50px 0;}
/*.ui-tabs-vertical .ui-tabs-panel p:nth-child(2) { font-size:31px;
												 font-weight:bold;
												 padding:0px;
												 line-height: 36px;
												 margin:0px;}	*/
.ui-tabs-vertical .ui-tabs-panel p:last-child { padding-bottom:0px;
												margin:0px;}
												
.ui-tabs-vertical .ui-tabs-panel a { height:35px;
									position:relative;
									margin:0px;
									display:block;}												

.ui-tabs-vertical .ui-tabs-panel a:before { content: " ";
														display: block;
														height: 1px;
														width: 51px;
														background: #fff;
														position: absolute;
														bottom: 9px;
														left: 0px;}
																												
.ui-tabs-vertical .ui-tabs-panel a:after { content:" ";
														display:block;
														height:19px;
														width:19px;
														border-bottom: 2px solid #fff;
														border-right: 2px solid #fff;
														
														  -webkit-transform: rotate(-45deg);
														  -moz-transform:    rotate(-45deg);
														  -ms-transform:     rotate(-45deg);
														  -o-transform:      rotate(-45deg);
														  transform: 		 rotate(-45deg);
														  
														  position:absolute;
														  bottom:0px;
														  left:32px;}

  
  /*END INDEX TAB*/	

/*TYPOGRAPHY*/
h1 { display:inline-block; 
	font-size:26px;
	font-weight:300;
	color:#fff;
	padding:10px 20px 10px 20px;
	background:#021264;
	margin:0px;
	text-transform: uppercase;
	}



h1 span { 
	font-size: 16px;
	font-weight: 400!important;
	text-transform: normal
	}

h2 { font-size:16px;
	 font-weight:600;
	 line-height:25px;
	 color:#001264;
	 }

h3 { font-size:27px;
	 font-weight:300;
	 color:#001264;
	 margin: 0 0 14px 0;
	 }	
.sectionText h3:first-child { margin-top:-9px;}	
 
h4{font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	color: #001264;
	}	  	

.txtGrey400 { font-weight:400;
			font-size:12px;
			color:#393939;
			padding: 0 0 5px 0;
				display: block;}
				
.txtBlue400 { font-weight:400;
			font-size:12px;
			color:#001264;
			padding: 0 0 5px 0;
				display: block;}
				
.txtBlue { font-weight:bold;
			font-size:12px;
			color:#001264;
			padding: 0 0 5px 0;
				display: block;}
				
.txtBlue14 {font-weight:bold;
			font-size:14px;
			color:#001264;
			padding: 0 0 5px 0;
				display: block;}				
				
tr td,
td,
p { font-size:13px;
	line-height:21px;
	font-weight: 400;
	color:#393939;}

p strong { font-weight:bold;}

p.marginZero { margin-bottom:0px;}

p a {color:#021264;
}

p a:hover { color:E2E2E2;
}
.h2Inline { font-size:16px;
	 font-weight:600;
	 line-height:25px;
	 color:#001264;
	 }
	 
.semiBold { font-weight:600!important;}	


span.fatGreyLink,
a.fatGreyLink {font-size: 24px;
				color: #fff;
				padding: 15px 20px 15px 35px;
				background: #666;
				margin-top: 50px;
				position: relative;
				display: inline-block;
				font-weight: 300;
				 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  cursor:pointer;
				}
				
span.fatGreyLink {margin:  15px 0 0 30px;}
				
a.fatGreyLink em { font-size:14px;}
				
.justMOREinLink { font-size:25px!important;
					padding: 12px 20px 15px 60px!important;
					font-weight: 300!important;
					color:#fff;}
					
#gallerySlider .justMOREinLink {
				font-size: 21px!important;
				padding: 15px 0px 15px 50px!important;
				font-weight: 300!important;
				text-align: left;
				color: #fff;
				}					
					
.justMOREinLinkNOPAD { font-size:25px!important;
					font-weight: 300!important;}					

span.fatGreyLink:before,
a.fatGreyLink:before { content: " ";
					  display: block;
					  height: 15px;
					  width: 15px;
					  border-bottom: 1px solid #fff;
					  border-right: 1px solid #fff;
					  -webkit-transform: rotate(-45deg) translateY(-50%);
					  -moz-transform: rotate(-45deg) translateY(-50%);
					  -ms-transform: rotate(-45deg) translateY(-50%);
					  -o-transform: rotate(-45deg) translateY(-50%);
					  transform: rotate(-45deg) translateY(-50%);
					  position: absolute;
					  top: 50%;
					  
		

					 
					  margin: auto 0;
					  left: 8px;}

span.fatGreyLink:hover,
a.fatGreyLink:hover { background:#021264;}				

/*-=-=-=-=-=-=LISTS=-=-=-=-=-=-*/
ul,
ul li { list-style:none;}

ul.listBlackDot { font-size:13px;
				  color:#393939;
				  padding:0px;
				  margin:0px;
				  text-align: left;
				  }
ul.listBlackDot li { padding: 0px 0px 2px 15px;
					line-height: 20px;
					 position:relative;}
					 
.accordionTable ul.listBlackDot li {
									padding: 0px 0px 2px 15px;
									line-height: 17px;
									position: relative;
									font-size: 11px;}

ul.listBlackDot li:before { content: " ";
							display:block;
							background:#393939;
							width:4px;
							height:4px;
							position:absolute;
							border-radius:15px;
							left:2px;
							top:7px;
							}
							

ul.listBlackSquare { font-size:12px;
				  color:#393939;
				  padding:0px;
				  margin:0px;
				  }
ul.listBlackSquare li { padding: 0px 0px 2px 15px;
					line-height: 20px;
					 position:relative;}
					 
ul.listBlackSquare li:before { content: " ";
							display:block;
							background:#000;
							width:4px;
							height:4px;
							position:absolute;
							left:2px;
							top:5px;
							}							

/*-=-=-=-=-=-=TABLES=-=-=-=-=-=-*/	
.accordionTable {}

.accordionTable td { padding:10px 8px 10px 8px;
					border-top:1px solid #E2E2E2;
					border-left:1px solid #E2E2E2;}
					
.accordionTable p,
.accordionTable td { font-size:11px;
					line-height: 17px;}					

.accordionTable tr:first-child td { padding:8px 8px 8px 8px;}

.accordionTable tr:nth-child(2) td:first-child{border-bottom:1px solid #E2E2E2;
												border-left:1px solid #E2E2E2;
												}
												
.accordionTable td:last-child {border-top:1px solid #E2E2E2;
								border-left:1px solid #E2E2E2;
								border-right:1px solid #E2E2E2;}

.accordionTable tr:last-child td {border-top:1px solid #E2E2E2;
								border-left:1px solid #E2E2E2;
								border-bottom:1px solid #E2E2E2;}													

.accordionTable .tblTxtWht { font-weight:bold;
							color:#fff;
							font-size:14px;
							background:#001264;
							width:18%;}

.accordionTable td.tblTxtWht:first-child  { width:18%;}
							
.txtWhtBluBg{ font-weight:700;
				color:#fff;
				font-size:12px;
				background:#001264;
				padding:4px 40px 5px 15px;
				display:inline-block;}																	
										
/*END TYPOGRAPHY*/

/*PAGE SPECIFIC STYLES*/
	
	/*ABOUT BASIL READ*/
		#keyFacts { display:block;
					width:100%;
					margin:60px 0px 0px 0px;
					border-bottom:2px solid #666;
					padding:22px 44px 0px 44px;
					position:relative;
					}
					
			 #keyFacts:before { content:" ";
							   display:block;
							   position: absolute;
							   left:0px;
							   bottom:0px;
							   height:2px;
							   width:100%;
							   height:100%;
								border-top:22px solid #E2E2E2;
								border-right:22px solid #E2E2E2;
								border-left:22px solid #E2E2E2;
							  }
							  					
			 #keyFacts:after { content:" ";
							   display:block;
							   position: absolute;
							   left:0px;
							   bottom:0px;
							   height:1px;
							   background:#666;
							   width:100%;
							  }	
							  
			#keyFacts h3 { margin:15px 0 15px 0;
							font-size:30px;}							  				
					
			.keyFactsStrip { min-height:50px;
							 width:100%;
							 display:block;
							 position: relative;
							 
							 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
							  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
							  display: -ms-flexbox;      /* TWEENER - IE 10 */
							  display: -webkit-flex;     /* NEW - Chrome */
							  display: flex;
							  flex-direction: row;
							  flex-wrap: nowrap;
							  justify-content: flex-start;
							  align-items: stretch;
							  align-content: flex-start;
							}
			.keyFactsStrip:before {	
				width: 1px; 
				border-right: 1px solid #DCDCDC;
				height: 100%;
				display: block;
				content: '';
				left: 50%;
				position: absolute;
				top: 0;
			}
						
			
			.keyFactsStrip h2,				
			.keyFactsStrip span {-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
								  -moz-box-flex: 1;         /* OLD - Firefox 19- */
								  width: 15%;               /* For old syntax, otherwise collapses. */
								  -webkit-flex: 1;          /* Chrome */
								  -ms-flex: 1;              /* IE 10 */
								  flex: 1;    
								flex-basis:auto;
								height:100%;}
			
			.keyFactsStrip span { width:50%;
								padding:15px 15px 15px 110px;
								position:relative;
								font-size:13px;
								}
								
			.keyFactsStrip span:before { content:" ";
										 display:block;
										 position: absolute;
										 left:0px;
										 top:10px;
										 width:65px;
										 min-height:50px;
										 background-image:url(../img/key-facts-ico.png);
										 background-repeat:no-repeat;
										 vertical-align:middle;
								}
								
			/* icons */
			.keyFactsStrip:nth-child(2) span:before { background-position:center 0px;}
			.keyFactsStrip:nth-child(3) span:before { background-position:center -50px;}
			.keyFactsStrip:nth-child(4) span:before { background-position:center -100px; top: 5px;}
			.keyFactsStrip:nth-child(5) span:before { background-position:center -150px; top: 5px;}
			.keyFactsStrip:nth-child(6) span:before { background-position:center -250px;}
			.keyFactsStrip:nth-child(7) span:before { background-position:center -400px;}
			.keyFactsStrip:nth-child(8) span:before { background-position:center -300px;}
			.keyFactsStrip:nth-child(9) span:before { background-position:center -350px;}
			.keyFactsStrip:nth-child(10) span:before { background-position:center -400px; top: 5px;}
	
			.keyFactsStrip:nth-child(even) { background-color:#F3F3F3;}
								
			.keyFactsStrip h2 { width:50%;
								padding:15px 15px 15px 45px;
								margin:0px;
								}
			.keyFooter { display:block;
						text-align:right;
						padding:15px 0 15px 0;
						margin:40px -22px 0px -22px;
						background:#E2E2E2;
						color:#666666;
						font-size:12px;}
					
	/*END ABOUT BASIL READ*/
	
	/*AT A GLANCE*/

#onClickOverlay { display:block;
				  max-width:550px;
				  width:100%;
				  position:relative;
				  padding-top:0px;
				  float:left;}
		
#onClickOverlay h3 {
					display: block;
					cursor: pointer;
					position: relative;
					margin-top: 1px;
					padding: .5em .5em .5em .7em;
					min-height: 0; /* support: IE7 */
					border-top:1px solid #CCC;
					border-left:1px solid #CCC;
					border-right:1px solid #CCC;
					border-bottom:2px solid #666;
					background:#FFF;
					font-size:18px;
					margin-bottom:12px;
					color:#393939;
					}

#onClickOverlay div {}
	
#onClickOverlay h3 a:before { content:"+";
							display:block;
							font-size:40px;
							color:#393939;
							position:absolute;
							right:0.5em;
							top:50%;
							line-height:0px;
							}
												
#onClickOverlay h3:hover a:before
 								 { color:#001264!important;
									font-weight:600;
									height: 3px;
									}
.overlayActive h3:hover a:before
 								 { color:#001264!important;
									font-weight:700!important;
									height: 3px;
									}									

#onClickOverlay .overlayActive a:before { color:#666!important;
											height: 2px;
											overflow: hidden;}

#onClickOverlay .overlayActive h3 {border-bottom:1px solid #CCC;
									margin-bottom:0px;}

#onClickOverlay .overlayActive div { width:100%;
					min-height:100%;
					height: auto;
					border-bottom:2px solid #666;
					border-left:1px solid #CCC;
					border-right:1px solid #CCC;
					background:#FFF;
					margin:-43px 0 0 0;}

.overlayInActive { z-index:1;}

.overlayInActive div { display:none; visibility:collapse; height:0px;}					
					
.overlayActive { position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				z-index:100;
				}

.overlayActive div { display:block;
      padding: 55px 30px 20px 30px;
      }						
#onClickOverlay .overlayActive div { display:table; }

.overlayActive div.threeColum { width:32%!important;
								padding:0 5px 0 0;
								display:inline-table;
								border:none!important;
								height:auto!important;
								margin:0px 0px 0px 0px!important;
								background:transparent!important;}

.overlayActive div.twoColum { width:49%!important;
								padding:0 5px 0 0;
								display:inline-table;
								border:none!important;
								height:auto!important;
								margin:0px 0px 0px 0px!important;
								background:transparent!important;}								


#whatWeDoTXT { float:right;
				display:block;
				margin:0px 0 0 0;
				width:100%;
				max-width:340px;
				}

#whatWeDoTXT h4 {font-size: 22px;
					font-weight: 600;
					line-height: 23px;
					margin: 0px 0 -14px 0;}
				
#whatWeDoTXT p {font-size: 20px;
				line-height: 30px;
				font-weight: 300;}
				
#ourGroup { float:right;
				display:block;
				margin:0px 0 0 0;
				width:100%;
				max-width:340px;
				}

#ourGroup h4 { font-size:15px;
font-weight:600;
					line-height: 23px;
					margin-top: 0px;}
				
#ourGroup p {font-size: 12px;
				line-height: 21px;
				font-weight: 400;}				

.left { float:left;}
.right { float:right;}

#txt50Split { display:block;
				width:50%;
				max-width:500px;
				padding-top:1px}
#txt50Split h3 { margin-top:0px;}				
				
.sectionImg-Text #galleryLink {width:100%;
								max-width:440px;
								background:#E2E2E2;
								border-bottom:3px solid #666;
								padding: 10px 10px 0px 10px;
								}

.sectionImg-Text .slideTxt { float:right;
							width:auto;
							max-width:270px;
							color:#FFF;}
							
#triTxt { display: block; 
			width:33%;
			text-align:center;
			float:left;
			padding:0px 33px 90px 33px;
			position:relative;
			margin:0 0 30px 0;}
#triTxt:first-child {padding:0px 75px 90px 0px;} 
#triTxt:first-child a {left:30px /*11px*/;}
#triTxt:nth-child(3) {padding:0px 0px 90px 68px;}
#triTxt:nth-child(3) a {right:40px /*14px*/;
						left:auto;}

#triTxt a {align-self:flex-start;
			 color:#fff;
			background:#666;
			padding:12px 12px 15px 53px;
			text-align:left;
			font-size:25px;
			font-weight:300;
			bottom:0px;
			left:70px/*47px*/;
			position:absolute;
			width:100%;
			max-width:160px /*218px*/;
			}

#triTxt a:before { 
				 content: " ";
				display: block;
				border-bottom: 1px solid #fff;
				border-right: 1px solid #fff;
				width: 12px;
				height: 12px;
				position: absolute;
				top: 24px;
				left:29px;
								
				-webkit-transform: rotate(-45deg);
				-moz-transform:    rotate(-45deg);
				-ms-transform:     rotate(-45deg);
				-o-transform:      rotate(-45deg);
				transform: 		 rotate(-45deg);}	
				
#triTxt a:hover { color:#FFF;
			background:#021264;}
			
#triTxt a:hover:before {border-bottom:2px solid #FFF;
				border-right:2px solid #FFF;}
																				
#triTxt h3 {min-height: 70px;
				margin: 30px 0 0 0;
				line-height:33px;}
					

#keyReports {width:66.6%;
			padding-right:15px;}
				
#reportsLinks { width:33.3%;}

#reportsLinks #galleryLink { 
	background:#E2E2E2;
	border-bottom:3px solid #666;
	padding: 10px 10px 0px 10px;
	float: right;
}

#reportsLinks .slideTxt { float:right;
							width:auto;
							max-width:270px;
							padding: 0px 0px 0px 38px;}

#reportsLinks .slideTxt em { font-weight:400;
							font-size:12px;}

#reportsLinks strong { font-weight:600;}
	
.keyMAP { display:block;
			background:#FFF;
			border-bottom:3px solid #666;
			border-top:1px solid #CCC;
			border-left:1px solid #CCC;
			border-right:1px solid #CCC;
			padding:15px;
			color: #666666;
			
			display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox;      /* TWEENER - IE 10 */
			display: -webkit-flex;     /* NEW - Chrome */
			display: flex;
			flex-direction: row;
			flex-wrap:nowrap;
			justify-content:flex-start;
			align-items:stretch;
			height:110px;}

.keyMAP .keyWaypoints {  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	flex-grow:1;
	flex-basis:25%;
	-webkit-align-items:stretch;
	-webkit-flex-basis:25%;
						}

.keyMAP .keyWaypoints span { -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	width: 50%;               /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;    
	flex-basis: auto;
	text-align:center;
	font-size:12px;
							}

.keyMAP .keyWaypoints span span { display:block;
									width:100%;
									padding-top:5px;}

.keyMAP .keyWaypoints span img { height:auto;
								max-width:33px;
								width:auto;
								text-align:center;}							
								
.keyMAP .keyCountries {  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	flex-wrap:nowrap;
	justify-content:space-around;
	align-items:stretch;
	-webkit-justify-content:space-around;
	-webkit-align-items:stretch;
	flex-grow:1;
	flex-basis:60%;
	font-size:12px;
	margin:0 0 0 20px;
						}
						
.keyMAP .keyCountries span { position:relative;
							padding-left:25px;}
							
.keyMAP .keyCountries span:before { content:" ";
	display:block;
	width:17px;
	height:17px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0%;
									}

.keyMAP .keyCountries span:first-child:before { background:#CFCFD1;}
.keyMAP .keyCountries span:nth-child(2):before { background:#C3D2E2;}
.keyMAP .keyCountries span:last-child:before { background:#BCBCD3;}						


.mapTxt { 
	font-family: 'Open Sans', sans-serif!important;
	font-size: 12px;
	margin: 0;
	padding: 0 25px 0 0;
	position: relative;
	float: left;
	left: 0;
	top: 0;
	color:#666;
	font-style:italic;
}
	/*END AT A GLANCE*/	
	
	/*BOARD OF DIRECTORS*/
	
.keyBOD { display:block;
			background:#FFF;
			border-bottom:2px solid #666;
			border-top:1px solid #CCC;
			border-left:1px solid #CCC;
			border-right:1px solid #CCC;
			padding:15px;
			color: #666666;}

.keyBOD span { padding:0px 0px 0px 25px;
				position:relative;
				cursor:pointer;
				font-size:12px;}

.keyBOD span:nth-child(1):before, 
.keyBOD span:nth-child(2):before,
.keyBOD span:nth-child(3):before { background-image: url(../img/directors-key-cards.png);
									background-repeat:no-repeat;
									display:block;
									content:" ";
									position:absolute;
									left:10px;
									top:0px;
									height:100%;
									width:10px;
									}

.keyBOD span:nth-child(1):before { background-position:left center;}
.keyBOD span:nth-child(2):before { background-position:50% center;}
.keyBOD span:nth-child(3):before { background-position:right center;}
			

#directors {
				padding:25px 25px 10px 25px;
				background:#E2E2E2;
				margin:10px 0px 0px 0px;
				position:relative;
				border-bottom: 3px solid #666;}

#directors .thumbnail { display:block;
						width:224px;
						float:left;
						cursor:pointer;
								position:relative;
								margin:0px 3px 15px 3px;
								z-index:10;
								
								}
								
#directors .thumbnail img { border:1px solid #CCC;
							display:block;
							position:relative;
							width: 100%;}
#directors .thumbnail span { display:block;
							border-bottom:2px solid #666;
							color:#fff;
							background:#666;
							cursor:pointer;
							position:relative;
							padding:7px 0px 7px 35px;
							margin:4px 0 0 0;
							font-size: 11px;
							font-weight: 700;}
							
#directors .thumbnail span:after {content:" ";
									display:block;
									width:20px;
									background:#E2E2E2;
									height:100%;
									position:absolute;
									top:0px;
									left:0px;
									z-index:1; }
														
#directors .thumbnail span:before {z-index: 10;
									content: " ";
									display: block;
									border-bottom: 1px solid #666;
									border-right: 1px solid #666;
									width: 7px;
									height: 7px;
									position: absolute;
									top: 11px;
									left: 5px;
													
									-webkit-transform: rotate(-45deg);
									-moz-transform:    rotate(-45deg);
									-ms-transform:     rotate(-45deg);
									-o-transform:      rotate(-45deg);
									transform: 		 rotate(-45deg);}
									

									
#directors .thumbnail:hover span  { background:#021264;}

#directors .thumbnail:hover span:before {border-bottom:1px solid #021264;
									border-right:1px solid #021264;}														

.keyICO { position:absolute;
		  top:0px;
		  right:0px;
		  display:block;
		  height:15px;
		  min-width:15px;
		  z-index: 10;}
		  
.img .keyICO {top:10px;
		  right:10px;}
		  
.bod .keyICO #bod {display:block}
.emc .keyICO #emc {display:block}
.dh  .keyICO #dh  {display:block}
		  
.keyICO #bod,
.keyICO #emc,
.keyICO #dh { background-image: url(../img/directors-key-cards.png);
									background-repeat:no-repeat;
									display:none;
									float:right;									
									height:100%;
									width:10px;
									margin-left:3px;
									margin-top:0px;
									
									-webkit-transition: margin-top 1s ease-in-out;
								  -moz-transition: margin-top 1s ease-in-out;
								  -o-transition: margin-top 1s ease-in-out;
								  transition: margin-top 1s ease-in-out;
								  }

.keyICO #bod { background-position:left center;}
.keyICO #emc { background-position:50% center;}
.keyICO #dh { background-position:right center;}


#directors .full {position:absolute;
					display:none;
					top: 0px;
					left: 0px;
					background: #fff;
					width: 100%;
					height: 100%;
					z-index:20;
					padding:20px;
					border:1px solid #CCC;}

#directors .full .img { float:left;
						margin:0px 30px 10px 0px;
						position:relative;
						border:1px solid #CCC;}
						
#directors .full .img img { vertical-align: top; }

#directors h2 { margin:50px 0 20px 0;}						

#directors p { font-size:12px;}

.close:before {content: "x";
				width: 100%;
				height: 100%;
				display: block;
				padding: 18px;
				line-height: 8px;
				font-size: 30px;}
										
.close { display: block;
	  color: #666;
	  border-bottom: 1px solid #E2E2E2;
	  border-left: 1px solid #E2E2E2;
	  cursor: pointer;
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  width: 50px;
	  height: 50px;
	  background:#fff;
	  
	  -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;}
  
.close:hover { font-weight:700;
    color:#021264;}
	/*END BOARD OF DIRECTORS*/
	
	/*WHAT WE DO*/
	
#fourColum,
#twoColum {
			display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
			  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
			  display: -ms-flexbox;      /* TWEENER - IE 10 */
			  display: -webkit-flex;     /* NEW - Chrome */
			  display: flex;
				flex-direction: row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:stretch;
				margin:60px 0 0 0;
				}

#fourColum img,
#twoColum img { width:100%;
				height:auto;}				

#fourColum .menuCol4:first-child,
#twoColum .menuCol2:first-child { margin:0 5px 0 0;} 
#fourColum .menuCol4:nth-child(2) { margin:0 5px 0 5px;} 
#fourColum .menuCol4:nth-child(3) { margin:0 5px 0 5px;}
#fourColum .menuCol4:last-child,
#twoColum .menuCol2:last-child {margin:0 0 0 5px;} 

.menuCol4,
.menuCol2 {-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;         /* OLD - Firefox 19- */
			width: 24%;               /* For old syntax, otherwise collapses. */
			-webkit-flex: 1;          /* Chrome */
			-ms-flex: 1;              /* IE 10 */
			flex: 1;    
			flex-basis: auto;
			background:#E2E2E2;
			border-bottom:3px solid #666;}
			
.menuCol2 { width: 49%; }

.menuCol4 div:first-child { margin:0 0px 0 0;} 

.menuCol4 div:nth-child(2),
.menuCol2 div:nth-child(2) { padding:7px;} 
							
.menuCol4 div:nth-child(3),
.menuCol2 div:nth-child(3) { margin:-12px 8px 0px 8px;
							text-align:center;
							height:100px;
							} 
							
.menuCol4 div:nth-child(4) {margin:0 8px 20px 8px;} 
.menuCol4 div:last-child,
.menuCol2 div:last-child {margin:0 8px 0 8px;
							height:100px;
							} 
.sustainability .ui-oph01 .menuCol4 div:last-child, 
.sustainability .ui-oph01 .menuCol2 div:last-child {
	height: auto;
	margin: 0 8px 20px 8px; }

.menuCol4 div p,
.menuCol2 div p { margin:20px 10px 0 10px;
     font-size:13px;
     color:#393939;
     line-height: 20px;
     font-weight: 600; }
					
.menuCol4 a.fatGreyLink,
.menuCol2 a.fatGreyLink { 
				padding:15px 0px 15px 29px;
				display: block;
				font-weight:300;
				margin:0px;
				font-size:26px;
				}
				
.menuCol4 a.fatGreyLink:before,
.menuCol2 a.fatGreyLink:before {
				
				position:absolute;
				left: 10px;
				border-bottom:1px solid #fff;
				border-right:1px solid #fff;
				width:10px;
				height:10px;}
				
.menuCol4 div:last-child span,
.menuCol2 div:last-child span { margin:0 0 15px 0;}				
.menuCol4 span,
.menuCol2 span { font-weight:600;
				color:#fff;
				font-size:12px;
				background:#001264;
				padding:5px 12px 5px 12px;
				display:block;}				


.workingResponsibility .txtWhtBluBg{ margin:5px 0 5px 0;}
.workingResponsibility .slideTxt { max-width:290px!important;}	

	/*END WHAT WE DO*/


/*OPERATIONS*/
#accordionProfile { 
			background:#FFF;
			
			padding:15px 21px 15px 21px;
			
			}
			

#accordionProfile div { 
							}
							
#accordionProfile div.accProfile { }
#accordionProfile div.bust { border:1px solid #E2E2E2;
							
							float:left;
							margin:0 25px 25px 0px;
							}
							
.slideHeads { display:block;
				text-align:left;
				font-weight:600;
				font-size:16px;
				color:#393939;
				padding: 0 0 10px 0;
				margin:-10px -10px 10px -10px;
				background:#FFF;} 

#accordion div.caseStudySlide { padding:15px 15px 15px 15px;
								border-bottom:1px solid #CCC!important;}
							

#accordion #dev {}
#accordion #dev #galleryLink { margin:20px;}
#accordion #dev p { margin:20px;} 

/*END OPERATIONS*/

/*MEDIA - GALLERY*/
#galleryDetail {
				padding:19px 19px 0px 19px;
				background:#E2E2E2;
				margin:10px 0px 0px 0px;
				position:relative;
				border-bottom: 3px solid #666;}

#galleryDetail .thumbnail { 
					display:block;
					width:24.5%;
					float:left;
					cursor:pointer;
					position:relative;
					margin:0 2px;
					z-index:10;
					border:1px solid transparent;
					}
					
#galleryDetail .thumbnail img { width: 100%; }					
#galleryDetail .thumbnail:before {    
								-webkit-transition: opacity 0.2s ease-in ;
									-moz-transition: opacity 0.2s ease-in ;
									-o-transition: opacity 0.2s ease-in ;
									transition: opacity 0.2s ease-in ;
									opacity:0;
									content:" ";
										display:block;
										position:absolute;
										width:100%;
										height:100%;
										background:#000;}
#galleryDetail .thumbnail:hover:before {
										opacity:0.6;
										  }														

#galleryDetail .full {position:absolute;
					display:none;
					top: 0px;
					left: 0px;
					background: #E2E2E2;
					width: 100%;
					height: 100%;
					z-index:20;
					padding:20px;
					border:none;
					overflow: hidden;
					}

#galleryDetail .full .img { float:left;
						position:relative;
						margin-bottom:20px;
						border:none;}
						
#galleryDetail .close { display: block;
						  color: #666;
						  border: 1px solid #CBCBCB;
						  cursor: pointer;
						  position: absolute;
						  top: 19px;
						  right: 19px;
						  width: 50px;
						  height: 50px;
						  background:#fff;
						  
						  -webkit-transition: all 0.2s ease-in-out;
						 -moz-transition: all 0.2s ease-in-out;
						 -o-transition: all 0.2s ease-in-out;
						 transition: all 0.2s ease-in-out;}	
#galleryDetail .close:hover {color: #021264;
								font-weight:700;}
						 
.glleryFoot { width:100%;
				display:block;
				margin-top:20px;
				}
				
#galleryDetail  .slideTxt {
						width: auto;
						float: right;}

						
.slideTxt:hover  {background:#021264;
				cursor:pointer;}	

.naww:after,
.naww:before { content:normal!important}
.naww {padding: 0px 15px 0px 15px!important;}

#galleryLink .slideTxt:hover:after{-webkit-transform: rotate(45deg);
								-moz-transform:    rotate(45deg);
								-ms-transform:     rotate(45deg);
								-o-transform:      rotate(45deg);
								transform: 		 rotate(45deg);					 
								 }					
						
#galleryDetail .txtBlue { display: inline-block;}

#galleryDetail p { margin:0 0 5px 0;
					float:left;
					line-height: 15px; font-size: 11px;}
#constructionGAL .constructionGAL,
#miningGAL .miningGAL,
#engineeringGAL .engineeringGAL,
#developmentsGAL .developmentsGAL { display:none;}

#constructionGAL .handa_slider,
#miningGAL .handa_slider,
#engineeringGAL .handa_slider,
#developmentsGAL .handa_slider { text-align:left;}
					

/*END - MEDIA - GALLERY*/


/*CAREERS*/
#legacies { margin:0;
			position:relative;}

ul#legacies { padding:0px;}
 
#legacies li {padding:0px 10px 10px 10px;
				border:1px solid transparent}
#legacies li.active { border:1px solid #E2E2E2;
					 background:#fff;
					 }
#legacies li #moreInfo {opacity:0;
							 -webkit-transition:opacity 0.5s linear;
								-moz-transition:opacity 0.5s linear;
								-ms-transition:opacity 0.5s linear;
								-o-transition:opacity 0.5s linear;
								transition:opacity 0.5s linear;
							 display:none;}
							 
#legacies li.active #moreInfo { display:block!important;
								opacity:1;}

					 
#legacies li.active a:after,
#legacies li a:after,					 
#legacies li .close { display:none}					 
#legacies li.active .close { display:block}
#legacies li.active .fatGreyLink { display:none;}

#legacies .profiles { display:inline-block;
						padding:10px 10px 0px 10px;
						background:#E2E2E2;
						position:relative;
						border-bottom:3px solid #666;
						width:255px;
						margin:0px;
						float:left;
						text-align:right
						}
						
#legacies .profiles img { margin-bottom:10px;}

#legacies .profiles .txt { font-weight:500;
							font-size:12px;
							color:#fff;
							background:#666;
							display: inline-block;
							text-align:center;
							padding:8px 10px 10px 10px;
							position:relative;
							right:0px;
							}
						

#legacies .split50:first-child { width:55%;
									float:left;
									margin-left:-10px;}

#legacies .split50:nth-child(2) { width:44%;
								float:right;}
#legacies .split50 { width:50%;}

#legacies .blurb { font-weight:300;
					font-size:18px;
					margin:10px 0px 15px 30px;
					color:#393939;
					display:block;
					max-width:340px;}	
					
							

#students { margin:0;
			position:relative;}

ul#students { padding:0px;}
 
#students li {padding:20px 20px 60px 20px;
				border:1px solid transparent}
#students li.active { border:1px solid #E2E2E2;
					 background:#fff;
					 }
#students li #moreInfo {opacity:0;
							 -webkit-transition:opacity 0.5s linear;
								-moz-transition:opacity 0.5s linear;
								-ms-transition:opacity 0.5s linear;
								-o-transition:opacity 0.5s linear;
								transition:opacity 0.5s linear;
							 display:none;}
							 
#students li.active #moreInfo { display:block!important;
								opacity:1;}
#students li.active a.txtBlue { display: none; }								

					 
#students li.active a:after,
#students li a:after,					 
#students li .close { display:none}					 
#students li.active .close { display:block}
#students li.active .fatGreyLink { display:none;}

#students .blurb { font-weight:400;
					font-size:12px;
					margin:10px 0px 15px 10px;
					color:#393939;
					display:inline-block;
					max-width:225px;
					float:left;}
					
#students .blurb.extend { max-width: none; }
					
#students .profiles { display:inline-block;
						padding:10px 10px 0px 10px;
						background:#E2E2E2;
						position:relative;
						border-bottom:3px solid #666;
						width:225px;
						margin:0px;
						text-align:right;
						float:left;
						}
						
#students .profiles img { margin-bottom:10px;}							
							
#students a.vidLink { font-weight:500;
		font-size:12px;
		color:#fff;
		background:#666;
		display: inline-block;
		text-align:center;
		padding:8px 10px 10px 35px;
		position:relative;
		right:0px;
		}
#students li.active a.vidLink:after,							
#students a.vidLink:after { content: " ";
				 width:25px;
				 height:100%;
				 background:#E2E2E2;
				 position:absolute;
				 left:0px;
				 top:0px;
				 display:block;
				 
				 right: auto;
				line-height: normal;
				margin: 0px;
				text-align: center;
				border: none;
				 }	
					 
#students a.vidLink:before { content: " ";
					width: 7px;
					height: 7px;
					border-bottom: 1px solid #666;
					border-right: 1px solid #666;
					position: absolute;
					left: 12px;
					top: 41%;
					display:block;
					z-index:9;			
					-webkit-transform: rotate(-45deg);
					-moz-transform:    rotate(-45deg);
					-ms-transform:     rotate(-45deg);
					-o-transform:      rotate(-45deg);
					transform: 		 rotate(-45deg);					 
					}	

#students #moreInfo { padding:30px 0px 0px 0px;}

#students #moreInfo .split50:first-child { width:49%;
									float:left;
									border-right:1px solid #CCC;
									padding:0 1% 0 1%;
									}

#students #moreInfo .split50:nth-child(2) { width:49%;
								float:right;
								padding:0 1% 0 1%;
								}
#students #moreInfo .split50 { width:50%;}


#studentsFootLink { height:53px;
					border-top:1px solid #666;
					border-bottom:3px solid #666;
					display:block;
					}
				  				
#studentsFootLink a { display:inline-block;
						width:45%;
						position: relative;
						line-height:50px;

						background:#666666;
						color:#fff;
						font-weight:300;
						font-size:20px;
						padding:0px 20px 0px 0px;
						text-align:right
							}

#studentsFootLink a span { position:relative;
							display:inline-block}							
#studentsFootLink a span:after{ content: " ";
								width: 11px;
								height: 11px;
								border-bottom: 1px solid #fff;
								border-right: 1px solid #fff;
								position: absolute;
								left: -25px;
								top: 41%;
								display:block;
								-webkit-transform: rotate(-45deg);
								-moz-transform:    rotate(-45deg);
								-ms-transform:     rotate(-45deg);
								-o-transform:      rotate(-45deg);
								transform: 		 rotate(-45deg);					 
								}								
							
#studentsFootLink div { display:inline-block;
						width:54%;
						line-height:50px;
						color:#001264;
						font-size:14px;
						padding:0px 0px 0px 30px;
						}					

#hotTopics { margin:0;
			position:relative;}

ul#hotTopics { padding:0px;}
 
#hotTopics li {padding:0px 10px 10px 10px;
				border:1px solid transparent}
#hotTopics li.active { border-top:1px solid #E2E2E2;
						border-right:1px solid #E2E2E2;
						border-bottom:3px solid #666;
						border-left:1px solid #E2E2E2;
						padding:0px 10px 60px 10px;
					 background:#fff;
					 }
#hotTopics li #moreInfo {opacity:0;
							 -webkit-transition:opacity 0.5s linear;
								-moz-transition:opacity 0.5s linear;
								-ms-transition:opacity 0.5s linear;
								-o-transition:opacity 0.5s linear;
								transition:opacity 0.5s linear;
							 display:none;}
							 
#hotTopics li.active #moreInfo { display:block!important;
								opacity:1;}

					 
#hotTopics li.active a:after,
#hotTopics li a:after,					 
#hotTopics li .close { display:none}					 
#hotTopics li.active .close { display:block}
#hotTopics li.active .fatGreyLink { display:none;}

#hotTopics .profiles { display:inline-block;
						padding:10px 10px 50px 10px;
						background:#E2E2E2;
						position:relative;
						border-bottom:3px solid #666;
						width:440px;
						margin:0px;
						float:left;
						text-align:right
						}
						
#hotTopics .profiles img { margin-bottom:0;}

#hotTopics .profiles .txt { font-weight:500;
							font-size:12px;
							color:#fff;
							background:#666;
							display: inline-block;
							text-align:center;
							padding:8px 10px 10px 10px;
							position:relative;
							right:0px;
							}
						

#hotTopics .split50:first-child { width:50%;
									float:left;
									margin-left:-10px;}

#hotTopics .split50:nth-child(2) { width:50%;
								float:right;}
#hotTopics .split50 { width:50%;}

#hotTopics .blurb { font-weight:300;
					font-size:18px;
					margin:10px 0px 15px 30px;
					color:#393939;
					display:block;
					max-width:none;}
																
/*END - CAREERS*/

/*CONTACT US*/

#contactCities a {display: inline-block;
					color: #393939;
					line-height: 44px;
					padding:0px 10px 0px 10px;
					height: 44px;
					text-align: center;
					background: #FFF;
					border: 1px solid #CCCCCC;
					margin-top: 10px;
					margin-left: -5px;
					}

#contactCities a:hover { background:#E2E2E2;
}
.citiesJ a:nth-child(1),
.citiesD a:nth-child(2),
.citiesCT a:nth-child(3) {background:#E2E2E2!important;}

section#mapRunner { width:100%;
					height:526px;
					max-width:970px;
					
					}
					
section#mapRunner.jozy:before,
section#mapRunner.durbs:before,
section#mapRunner.ct:before {	content:" ";
								width: 100%;
								height: 100%;
								position: absolute;
								left: 0px;
								max-height: 526px;
								z-index:-99;
								}
section#mapRunner.jozy:before {background:url(../img/johannesburg-map.jpg) center no-repeat;background-size: cover;}
section#mapRunner.durbs:before {background:url(../img/durban-map.jpg) center no-repeat;background-size: cover;}
section#mapRunner.ct:before {background: url(../img/capetown-map.jpg) center no-repeat;background-size: cover;}						
								
								
.mapsLink { display: block;
			position: absolute;
			top: -79px;
			left: -75px;
			width: 50px;
			height: 80px;
}

#numbers {display:block;
			max-width:230px;
			margin: 0px 0px 0px 60px;
			padding:60px 0px 0px 0px;}
			
#numbers span { color:#fff;
				font-size:26px;
				padding:10px 10px 10px 15px;
				margin:0 0 3px 0px;
				background:#021264;
				font-weight:300;
				display:inline-block;
				position:relative;}

#numbers span:before { content:" ";
								   display:block;
								   height:53px;
								   width:57px;
								   position: absolute;
									top: 0px;
									left: -60px;}	
									
#numbers span:first-child:before { background:url(../img/phone-ico.gif) top left no-repeat;}

#numbers span:nth-child(2):before { background:url(../img/fax-ico.gif) top left no-repeat;}	

#address { display: inline-block;
			background: #021264;
			padding: 15px 20px 15px 20px;
			color:#fff;
			font-size:15px;
			line-height:22px;
			margin:0 auto;
			margin: 90px 0 0 55%;
			position:relative;}
			
#address:before {width: 0;
				height: 0;
				border-left: 50px solid transparent;
				border-right: 1px solid transparent;
				border-top: 23px solid #021264;
				position: absolute;
				content: " ";
				top: 0px;
				left: -46px;
							}			

#address strong { font-weight:700;}

/*CONTACT - FORM*/
section input,
section select,
button.fsPreviousButton,
button.fsNextButton { display:inline-block;
			width:33%;
			border:1px solid #CCC;
			font-size:20px;
			color:#666;
			padding:10px 10px 10px 15px;
			font-weight:300; margin-bottom: 10px;}	

section select,
section .dropDownOption { 
	width: 100%; 
}

select { min-height: 50px!important; line-height: 48px; }

section .dropDownOption	 {
	position: relative;
}

section select,
button.fsPreviousButton,
button.fsNextButton,
section input.fsSubmitButton { cursor: pointer; }

section .dropDownOption:after,
section .dropDownOption:before { 
	height: 100%;
	width: 20px;
	top: 15px;
	right: 20px;
	position: absolute;
	content: '';
	height: 15px;
	width: 15px;
	display: block;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}	

section .dropDownOption:before {
	border: 0!important;
	width: 50px;
	height: 48px;
	background: #FFF;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	right: 1px;
	top: 1px;
}

@-moz-document url-prefix() { 
	section .dropDownOption:before { height: 50px; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
    section .dropDownOption:before {
		top: 1px;
	}
 
    /* Safari 5+ ONLY */
    ::i-block-chrome, section .dropDownOption:before {
		top: 3px;
	}
}

label {
	font-size: 14px;
	font-style: italic;
	color: #777;
	line-height: 25px;
	padding-left: 20px;
	height: 30px;
	display: block;
}
			
button.fsPreviousButton,
button.fsNextButton { cursor: pointer; }			

section textarea { width:100%;
					display:block;
					border:1px solid #CCC;
					font-size:20px;
					color:#666;
					padding:10px 10px 10px 15px;
					font-weight:300;
					height:115px;
					margin: 0;}	
.fsSlim { position: relative; }	
.fsSlim:after {
	position: absolute;
	left: 0;
	top: 7px;
	content: '';
	height: 15px;
	width: 15px;
	display: bloack;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.fsPreviousButton .fsSlim:after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	left: auto; right: 0;
}

.fsNextButton .fsSlim:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#button {font-size: 24px;
				color: #fff;
				padding: 12px 20px 11px 33px;
				margin-top: 50px;
				position: relative;
				display: inline-block;
				font-weight: 300;
				font-size:20px;
				width:auto;
				 cursor:pointer;
				 background:url(../img/button-arrow.png) #666 top left no-repeat;
				}

#button:hover { background:url(../img/button-arrow.png) #021264 top left no-repeat;}				
	/*END - CONTACT - FORM*/

/*END - CONTACT US*/

/*SUSTAINABILITY*/

h2.noBMarg { margin-bottom: 0; } 
h2.noMarg { margin: 0; }

.sustainability .greyParent { 
 overflow: hidden; 
 padding-bottom: 60px;
}

.sustainability a.fatGreyLink:last-child { margin-top: 20px; }

.sustainability a.fatGreyLink:before { 
 width: 12px; 
 height: 12px; 
 margin: auto 0;
}

.sustainability .menuCol4 div p { 
 font-size: 12px; 
 font-weight: 500;
 color: #393939;
 margin: 10px 10px 0 10px;
}

.col_33, 
.col_66 {
 display: block;
 float: left;
 position: relative;
}

.col_33 { width: 33.3%; padding-top: 30px; }

.col_66 { width: 66.6%; overflow: hidden; }

.greyInner {
 border-bottom: 3px solid #666666;
 background: #E2E2E2;
 margin-left: 60px;
 padding: 25px;
 overflow: hidden;
}

.greyInner .potato {
 width: 47.5%;
 position: relative;
 float: left;
}
.greyInner .potato:last-child { 
 float: right; 
}

.greyInner .potato img { 
 max-width: 275px;
 height: auto;
 width: 100%;
 position: relative;
}

.greyInner .potato p { 
 padding: 0 0 0 25px;
 margin-top: 25px!important; 
 position: relative;
 color: #393939;
 font-size: 11px;
 font-weight: 500;
 margin: 0;
 transition: background .3s ease-in-out;
}

/*.greyInner .potato p:hover { background: #F5F5F5; }*/

.greyInner .potato p:before { 
 content: '';
 border-right: 1px solid #393939;
 border-bottom: 1px solid #393939;
 height: 12px;
 width: 12px;
 display: block;
 position: absolute;
 left: 0;
 top: 5px;
 -webkit-transform: rotate(-45deg);
 -moz-transform:    rotate(-45deg);
 -ms-transform:     rotate(-45deg);
 -o-transform:      rotate(-45deg);
 transform:    rotate(-45deg);
}

.sustainability #fourColum { margin: 0; }

/**/

	
/*END PAGE SPECIFIC STYLES*/
	
footer:before { content:" ";
				display:block;
				background:#666666;
				height:10px;
				width:100%
				}
				
footer { background: #021264;
			 height: 60px;
			 width:100%;
			 margin:120px 0px 0px 0px; }
			 
footer .footLinks { display:block;
					margin:0 auto;
					max-width:970px;
					top:30%;
					position:relative;
					color:#FFF;
					font-size:11px;
					}
footer .footLinks a { color:#fff;}					
footer .footLinks a.btt { display:block;
						 position:absolute;
						 right:0px;
						 top:-40px;
						 background:#021264;
						 width:80px;
						 height:60px;
						 text-align:center;
						 padding:40px 0 0 0 ;}	

footer .footLinks a.btt:before { content:" ";
								display:block;
								border-top:2px solid #fff;
								border-left:2px solid #fff;
								width:17px;
								height:17px;
								position:absolute;
								top:15px;
								left:30px;
								
								-webkit-transform: rotate(45deg);
								-moz-transform:    rotate(45deg);
								-ms-transform:     rotate(45deg);
								-o-transform:      rotate(45deg);
								transform: 		 rotate(45deg);								
								}						 							 
								
/* further additions to sustainability */
.sustainability h2 { font-size: 15px; }
.sustainability p { font-size: 12px; }

h2.margB60 { margin-bottom: 50px; }

.sustainability .menuCol4 a.fatGreyLink { padding: 15px 0 15px 35px; }

.sustainability #bigHoverBlock #hoverBlockImg { margin-bottom: 0; }

.col_50 {
	position: relative;
	float: left;
	width: 50%;
}

.col_50 h2 { margin: 0 25px 0 0; }
.col_50 h3 { 
	font-size: 20px; 
	margin: 0 0 60px 60px; 
}
.col_50:first-child h3 { margin: 0 60px 60px 0; }
.col_50:first-child h3:after { 
	content: '';
	display: block;
	height: 50px;
	width: 1px;
	border-right: 1px solid #302C69;
	position: absolute;
	bottom: 45px;
	right: 5px;
}
.col_50 p { margin: 0 0 20px 0; }

.sustainability .sectionImg-Text { 
	padding: 50px 0 60px 0; 
	max-width: 970px; 
}

.sustainability .greyParent .sectionImg-Text { padding: 50px 0 0 0; }
.sustainability .greyParent .sectionImg-Text #bigHoverBlock { margin: 60px 0 0 0; }

.sustainability .greyParent .sectionImg-Text > p { margin-top: 25px; }

.sustainability #onClickOverlay { max-width: none; }

.sustainability #onClickOverlay .overlayInActive h3,
.sustainability #onClickOverlay .overlayActive h3 { 
	text-transform: uppercase; 
	padding-left: 20px; 
}

.sustainability #onClickOverlay .overlayActive > div { padding: 43px 0 0 0; }

#accordion .twoColum,
.sustainability #onClickOverlay .overlayActive div .twoColum { 
	height: 100%!important; 
	width: 50%!important;
	padding: 0!important;
	position: relative;
	display: table-cell;
}

#accordion .twoColum { border-top:1px solid #CCC;
						display:table-cell;
						}

#accordion .twoColum:last-child:before,
.sustainability #onClickOverlay .overlayActive div .twoColum:last-child:before { 
	border-left: 1px solid #CCC!important; 
	left: -1px;
	top: 0;
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
}

#accordion .twoColum ul { margin: 15px 25px 10px 30px;}
#accordion .twoColum:last-child,
.sustainability #onClickOverlay .overlayActive div .twoColum:last-child { 
	background: #F5F5F5!important; 
}

#accordion .oppsAcc p { padding: 15px 25px 10px 21px;}
#accordion .twoColum p { padding: 0px 25px 10px 21px;
						font-size:12px;}

.sustainability #onClickOverlay .overlayActive div .twoColum p { 
	padding: 15px 25px 10px 30px;
}
.sustainability #onClickOverlay .overlayActive div .twoColum p.noSpaceB  { padding: 15px 25px 0 20px; }

#accordion .twoColum:first-child p,
.sustainability #onClickOverlay .overlayActive div .twoColum:first-child p { 
	padding: 15px 30px 10px 20px;
}

/* Dom changes */
.sustainability a.fatGreyLink { font-size: 22px; line-height: 24px; }
.sustainability a.fatGreyLink:last-child { margin-top: 10px; }
 /* even further updates */
.sustainability a.fatGreyLink { font-size: 22px; line-height: 24px; }
.sustainability a.fatGreyLink:last-child { margin-top: 10px; }

h2.negMarg { margin-bottom: -10px; }

.sustainability .greyParent .sectionText { padding-bottom: 0; }

.sustainability .greyParent .sectionText #bigHoverBlock { position: relative; }

.sustainability .greyParent .sectionText #bigHoverBlock .caption {
	display: block;
	padding: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	background: #666666;
	position: absolute;
	bottom: 0;
	right: 10px;
}

.sustainability .ui-oph04 .greyParent .sectionText #bigHoverBlock.pb60 { padding-bottom: 69px; }

h2.margB25 { margin-bottom: 25px; }

.sustainability section.sectionRULE .col_50 h2,
.sustainability section.sectionRULE .col_50 p,
.sustainability section.sectionRULE .col_50 p:last-child { padding-right: 25px!important; }

/* more */
.sustainability .greyParent .sectionText { padding: 60px 0 0 0; }

.sustainability .greyParent .sectionText h3 { margin: -10px 0 14px 0; }
.sustainability .greyParent .sectionText p,
.sustainability .greyParent .sectionText ul { margin-left: 25px; }

.sustainability .greyParent .sectionText h6 { 
	font-size: 14px; 
	color: #393939;
	font-weight: 600;
	line-height: 24px;
	margin: 2px 0 25px 25px;
}

.sustainability .greyParent .sectionText ul { padding: 0; }

.sustainability .greyParent .sectionText ul li {
	font-size: 12px;
	color: #393939;
	margin: 0 0 25px 32px;
	padding: 0;
	line-height: 24px;
	position: relative;
}

.sustainability .greyParent .sectionText ul li:before {
	content: "•"; 
	font-family: Arial, Helvetica, sans-serif!important; 
	width: 6px;
	height: 6px;
	line-height: 6px;
	font-size: 18px;
	display: block;
	color: #5F5F5F;
	position: absolute;
	font-weight: normal;
	left: -10px;
	top: 8px;
}

.sustainability .greyParent .sectionText .slideImg { margin: 0 0 10px 0; }

.sustainability .greyParent .sectionText .slideTxt { 
	max-width: none; 
	padding: 20px;
	color: #FFF;
	font-weight: 600;
	font-size: 14px;
	width: auto;
	float: right;
	background: #666!important;
}

.sustainability .ui-oph02 .greyParent .sectionText .slideTxt { padding: 20px 20px 20px 60px; }

.sustainability .greyParent .sectionText .slideTxt:before,
.sustainability .greyParent .sectionText .slideTxt:after { display: none; }

.sustainability .greyParent .sectionText.pb60 { padding: 60px 10px; }

.sustainability .greyParent .sectionText:last-child { padding: 60px 10px 0 10px; }

.sustainability .greyParent .sectionText #txt50Split.left h6,
.sustainability .greyParent .sectionText #txt50Split.left ul { margin-left: 0; margin-right: 25px; }

.sustainability .sectionText #galleryLink {
	width: 100%;
	max-width: 440px;
	background: #E2E2E2;
	border-bottom: 2px solid #666;
	padding: 10px 10px 0px 10px;
	cursor: default;
}


/* even more */
.sustainability .greyParent .sectionText .greyInner p { margin-left: 0; }
.sustainability .ui-oph05 .greyParent .sectionImg-Text { padding: 60px 0 0 0; }

.sustainability .greyParent .sectionText ul.overview { margin: 20px 0 0 7px; }
.sustainability .greyParent .sectionText ul.overview li { margin-bottom: 0; }

.sustainability .ui-oph05 .sectionRULE .slideImg { margin-bottom: 60px; }

.sustainability .sectionText #txt50Split.right h3,
.sustainability .sectionText #txt50Split.right h2,
.sustainability .sectionRULE #txt50Split.right p { margin: 1px 0 24px 25px; }

.sustainability .sectionRULE #txt50Split.right p:last-child { margin: 1px 0 -5px 25px; }

.sustainability .sectionText h3 { margin: -10px 0 25px 0; }

.sustainability .sectionText h2,
.sustainability .sectionText p { margin: 0 0 25px 0; }

.sustainability .sectionText h2.margB60 { margin-bottom: 50px; }

.col_50 p:last-child { margin-bottom: -5px; }

.sustainability h1 { margin-bottom: 15px; }

.sustainability .sectionText h2.negMarg { margin-bottom: -10px; }

/* more */
.sustainability .greyParent .sectionText ul.overview li:last-child { margin-bottom: -5px; }

.sustainability .infoBox33 {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 33.3%;
}

.sustainability .infoBox33 .innerGrey {
	margin-right: 10px;
	background: #E2E2E2;
	width: auto;
	display: block;
	padding: 7px;
	height: 647px;
	border-bottom: 3px solid #666666;
}

.sustainability .infoBox33 .innerGrey.noMR { margin-right: 0; }

.sustainability .infoBox33 .innerGrey h3 { margin: 15px 0; }

.sustainability .infoBox33 .innerGrey img {
	width: 100%;
	height: auto;
}

.sustainability .infoBox33 .innerGrey p { 
	text-align: center;
	font-size: 12px;
	color: #393939; 
	padding: 20px 15px 0 15px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.sustainability .infoBox33 .innerGrey .fatGreyLink { 
	margin: 0 auto; 
	left: 0; right: 0;
}

ul.lightGrey {
	background: #F5F5F5;
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 15px 0;
	display: block;
	width: 100%;
}

ul.lightGrey li {
	line-height: 21px;
	margin: 0 0 0 60px;
	padding: 0;
	position: relative;
}

ul.lightGrey li:before ,
.sustainability .ui-accordion .ui-accordion-content ul li:before,
.sustainability .sectionText ul.main li:before {
	content: "•"; 
	font-family: Arial, Helvetica, sans-serif!important; 
	width: 6px;
	height: 6px;
	line-height: 6px;
	font-size: 18px;
	display: block;
	color: #5F5F5F;
	position: absolute;
	font-weight: normal;
	left: -10px;
	top: 8px;
}

.popUpCE { position: relative; }

.moreInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 647px; /* same height as infoBox33 */
	width: 100%;
	background: #FFF;
	border: 1px solid #CECECE;
	border-bottom: 2px solid #CECECE;
	z-index: 102;
	display: none;
}

.sustainability .sectionText .moreInfo h3 { margin: 20px; }

.moreInfo #close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	display: block;
	border-left: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	cursor: pointer;
}

.moreInfo #close:after {
	content: 'x';
	font-weight: 500;
	font-size: 30px;
	width: 100%;
	height: 100%;
	line-height: 43px;
	text-align: center;
	display: block;
	position: absolute;
	color: #666666;
}

.sustainability .ui-accordion .ui-accordion-content {
	border: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	border-bottom: 2px solid #CECECE;
	padding: 20px 35px;
}

.sustainability .ui-accordion .ui-accordion-content h2 {
	margin: 0 0 20px 0;
}

.sustainability #accordion h3.ui-accordion-header-active { 
	border-bottom: 1px solid #CECECE;
}

.sustainability .ui-accordion .ui-accordion-content ul { padding: 0 0 0 10px; }
.sustainability .ui-accordion .ui-accordion-content ul li,
.sustainability .sectionText ul.main li {
	line-height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 12px;
	color: #393939;
}

.sustainability .sectionText ul.main li { margin: 0 0 20px 20px; }

.sustainability .sectionText .slideImg { margin: 0 0 10px 0; }

.sustainability .sectionText .slideTxt { 
	max-width: none; 
	padding: 20px;
	color: #FFF;
	font-weight: 600;
	font-size: 14px;
	width: auto;
	float: right;
	background: #666!important;
}

.sustainability .sectionText .slideTxt:before,
.sustainability .sectionText .slideTxt:after { display: none; }

.sustainability #accordion { margin-bottom: -15px; }

.sustainability #onClickOverlay .overlayInActive:last-child h3 { margin-bottom: 0; }

p.noPadL { margin-left: 0!important; }
p.noPadL:last-child { margin-bottom: 0!important; }
ul.noPadL { padding-left: 35px; }

.sustainability .sectionText.withLink .slideTxt:before,
.sustainability .sectionText.withLink .slideTxt:after { display: block; }

.sustainability .sectionText.withLink .slideTxt:before { background: #E2E2E2!important; }

.sustainability .sectionText.withLink .slideTxt { 
	max-width: none; 
	padding: 0px 15px 0px 50px;
	color: #FFF;
	font-weight: 600;
	font-size: 14px;
	width: auto;
	float: right;
	background: #666!important;
	min-width: 242px; /* 192 (given) plus 50 padding */
}

.sustainability .sectionText.withLink .slideTxt:hover  { background: #021264!important; }

.sustainability .sectionText.withLink .slideTxt a { 
	height: 100%; 
	line-height: 120px; 
	top: 0;
}

.handa_slider_sustainability.noPadB { padding-bottom: 0; }

.sustainability .greyParent .sectionImg-Text > p.lessMt { margin-top: 15px; }

.sustainability .sectionText p.noMargB { margin-bottom: 0; }

.sustainability .sectionText ul.main.lessMarg { 
	padding-left: 0; 
	margin: 0;
}
.sustainability .sectionText ul.main.lessMarg li { margin-bottom: 0; }

.sustainability #onClickOverlay ul.main { 
	padding-left: 30px; 
	padding-right: 25px;
	margin: 25px 0px 20px 0px;
}
.sustainability #onClickOverlay ul.main.noMargT { margin: 0 0px 20px 0px; }

.sustainability .ui-accordion .ui-accordion-content ul { padding: 0 0 0 10px; }
.sustainability .ui-accordion .ui-accordion-content ul li,
.sustainability .sectionText ul.main li,
.sustainability #onClickOverlay ul.main li {
	line-height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 12px;
	color: #393939;
}

ul.lightGrey li:before,
.sustainability .ui-accordion .ui-accordion-content ul li:before,
.sustainability .sectionText ul.main li:before,
.sustainability #onClickOverlay ul.main li:before {
	content: "•"; 
	font-family: Arial, Helvetica, sans-serif!important; 
	width: 6px;
	height: 6px;
	line-height: 6px;
	font-size: 18px;
	display: block;
	color: #5F5F5F;
	position: absolute;
	font-weight: normal;
	left: -10px;
	top: 8px;
}

.sustainability .ui-accordion .ui-accordion-content .handa_slider_sustainability ul { padding: 0; }
.sustainability .ui-accordion .ui-accordion-content .handa_slider_sustainability ul li:before { display: none; }
.sustainability .ui-accordion .ui-accordion-content .handa_slider_sustainability ul .slideTxt { height: 100px; }

.sustainability #onClickOverlay p.noSpaceB { 
	margin-bottom: 0; 
	padding-bottom: 0!important; 
}

/* MORE */
.sustainability #onClickOverlay ul.main li ul { padding-left: 10px; }

.sustainability #onClickOverlay ul.main li ul li:before {
	content: "-"; 
	font-family: Arial, Helvetica, sans-serif!important; 
	width: 6px;
	height: 6px;
	line-height: 6px;
	font-size: 18px;
	display: block;
	color: #5F5F5F;
	position: absolute;
	font-weight: 300;
	left: -10px;
	top: 6px;
}

.years {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
	-webkit-align-items: stretch;
	-webkit-align-content: flex-start;
	-webkit-flex-basis: 100%;
}

.years a { 
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	width: 67px;             /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;    
	flex-basis: auto;
	
	display: block;
	color: #393939;
	line-height: 44px;
	height: 44px;
	text-align: center;
	background: #FFF;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-left: -1px;
}

.years a:hover { background:#F5F5F5;
}
.years a:first-child { border-right: 1px solid #CCC; margin-left: 0; }

.sustainability .sectionText ul.main.lessMarg {
	padding-left: 0;
	margin: 0 0 0 25px;
}

ul.noPadL {
	padding-left: 38px;
}
.sustainability .ui-oph06 .sectionText.withLink ul.noPadL { padding-left: 10px; margin: 0 0 25px 0; }

#bigHoverBlock .imgOverlayTxt {
 font-size: 20px;
 color: #FFF;
 z-index: 9;
 display: none;
 padding: 25px;
 position: absolute;
 text-align: left;
 font-weight: 400;
 line-height: 24px;
 letter-spacing: .5px;
}

#bigHoverBlock:hover .imgOverlayTxt {
 display: block;
 top: 50%;
 transform: translateY(-50%);
}

.sustainability .sectionText #galleryLink { background: #E2E2E2; }


.sustainability .sectionText #galleryLink p { 
 margin: 5px 0 15px 0;
 font-size: 14px;
 color: #001264;
 font-weight: 500;
}

.sustainability .sectionText #galleryLink .slideTxt a {
	line-height: 60px; 
	font-size: 20px!important; 
	max-width: none;
	font-weight: 300;
	color: #FFF;
}

.sustainability .sectionText.withLink .slideTxt { 
 width: 100%; 
 padding: 0 15px 0 40px;
}
.sustainability .sectionText.withLink .slideTxt:before { background: none!important; }
.sustainability .sectionText.withLink .slideTxt:after {
 border-bottom: 1px solid #FFF;
 border-right: 1px solid #FFF;
}

/* more */
.moreInfo p { padding: 0 20px; }

.sustainability .moreInfo p.noBMarg { margin-bottom: 0; }

.sustainability .moreInfo ul.main { padding: 0; margin: 0 20px 20px 45px; }

.sustainability .moreInfo ul.main li { padding-left: 5px; }

.sustainability .moreInfo ul.main li:before {
 content: "•"; 
 font-family: Arial, Helvetica, sans-serif!important; 
 width: 6px;
 height: 6px;
 line-height: 6px;
 font-size: 12px;
 display: block;
 color: #5F5F5F;
 position: absolute;
 font-weight: 300;
 left: -10px;
 top: 8px;
}

.moreInfo { max-height: 647px; overflow-y: auto; }

.moreInfo table { 
 margin: 0 20px; 
}

.moreInfo table tr td { 
 border-bottom: 1px solid transparent; 
 background: none;
}

.moreInfo table tr:hover td{ 
 border-bottom: 1px solid #CCC;
 background: #F1F1F1; 
}

.moreInfo table td { 
 padding: 2px 2px 2px 0;
 font-size: 12px; 
}

.moreInfo table strong { font-weight: 600; }

.sustainability .infoBox33 .innerGrey { height: 810px; }

.moreInfo { 
 max-height: 810px; 
 height: 810px;
}

/* more */
.moreInfo p { padding: 0 20px; }

.sustainability .moreInfo p.noBMarg { margin-bottom: 0; }

.sustainability .moreInfo ul.main { padding: 0; margin: 0 20px 20px 45px; }

.sustainability .moreInfo ul.main li { padding-left: 5px; }

.sustainability .moreInfo ul.main li:before {
 content: "•"; 
 font-family: Arial, Helvetica, sans-serif!important; 
 width: 6px;
 height: 6px;
 line-height: 6px;
 font-size: 12px;
 display: block;
 color: #5F5F5F;
 position: absolute;
 font-weight: 300;
 left: -10px;
 top: 8px;
}

.moreInfo { max-height: 647px; overflow-y: auto; }

.moreInfo table { 
 margin: 0 20px; 
}

.moreInfo table tr td { 
 border-bottom: 1px solid transparent; 
 background: none;
}

.moreInfo table tr:hover td{ 
 border-bottom: 1px solid #CCC;
 background: #F1F1F1; 
}

.moreInfo table td { 
 padding: 2px 2px 2px 0;
 font-size: 12px; 
}

.moreInfo table strong { font-weight: 600; }

.sustainability .infoBox33 .innerGrey { height: 800px; }

.moreInfo { 
 max-height: 810px; 
 height: 810px;
}

.sustainability .sectionText h2.noBMarg { margin: 0; }

.sustainability .greyParent .sectionImg-Text { max-width: 970px; }

.f-nav { z-index: 1; position: fixed; top: 240px; width:30%; right: 10px;
		}
		
#bigHoverBlock:hover #hoverBlockImg.noHover:after {
 opacity:0;
}

#bigHoverBlock .imgOverlayTxt {
 font-size: 20px;
 color: #FFF;
 z-index: 9;
 display: none;
 padding: 25px;
 position: absolute;
 text-align: left;
 font-weight: 400;
 line-height: 24px;
 letter-spacing: .5px;
}


g.highcharts-button,
 g.highcharts-data-labels,
 text.highcharts-title { display: none!important; }
 
 .sectionText #galleryLink .slideImg { overflow: hidden; }
 
 #piechart { 
  width: 970px; 
  height: 400px; 
  margin: 10px auto;
  margin-left: -65%;
  margin-bottom: -20px;
 }
 
 .sustainability .greyParent .sectionText:last-child { padding: 60px 0 0 0; }
 
 #txt50Split.left p { margin-left: 0; }
 
 p.info { 
		 font-style: italic;
		 text-align: left;
		 position: relative;
		 float: left;
		 margin-top: 5px!important;
}

/* edited with Dom */
.sustainability .sectionText #galleryLink p { 
 font-style: italic;
 font-size: 12px;
 color: #393939
}

.sustainability h2.graphHeading,
.sustainability .ui-oph05 text.highcharts-title {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 99;
 display: block!important;
 background: #FFF;
 width: 100%;
 padding: 10px;
 color: #001264!important;
 font-size: 15px!important;
 font-weight: 600;
 fill: #001264!important;
}

/*.sustainability .ui-oph02 svg { margin-top: 20px; }*/

.charts { 
 width: 50%;
 float: left;
 padding-top: 30px;
}

.moreInfo .text {
 width: 50%;
 float: left;
}

#barchart {
 width: 470px; 
 height: 400px; 
 margin: 0 auto;
}

.moreInfo { max-height: none; height: auto; overflow-x: hidden; overflow-y: auto; }

g.highcharts-axis-labels.highcharts-xaxis-labels text { font-size: 9px!important; }

/* additional - for charts */
.pie01 rect.highcharts-background { fill: transparent!important; }

.cutSVG { 
	width: 100%;
	margin-top: 20px;
}

.cutSVG:last-child { margin-top: 0; }

#piechart.pie01,
#piechart.pie02 { 
	margin-left: 0%;
	margin-top: 0; 
	width: 500px;
	height: 170px;
}

/* 17 Sep 2014 */
.handa_slider_sustainability.noHover .slideTxt:hover { 
	cursor: default;
	background: #666;
}

.handa_slider_sustainability.noHover .slideTxt { padding: 10px 20px!important; }

.handa_slider_sustainability.noHover .slideTxt h4 {
	color: #FFF;
	max-width: 145px;
	margin: 0;
	padding: 0 30px 0 30px; 
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}

.handa_slider_sustainability.noHover .slideTxt p {
	color: #FFF;
	max-width: 380px;
	margin: 0;
	padding: 0; 
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
}

.sustainability .infoBox33 .innerGrey p.normal {
	font-weight: 400;
	padding: 10px 15px 0 15px;
}

/* 31 Oct 2014 */

/* fonts */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?tbb7z0');
	src:url('../fonts/icomoon.eot?#iefixtbb7z0') format('embedded-opentype'),
		url('../fonts/icomoon.woff?tbb7z0') format('woff'),
		url('../fonts/icomoon.ttf?tbb7z0') format('truetype'),
		url('../fonts/icomoon.svg?tbb7z0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


nav .search,
nav .linkedIn,
nav .youTube { 
	display: block;
	width: 37px;
	height: 37px;
	position: absolute; /* edited - */
	right: -12px;
	background: #021264;
	z-index: 1002;
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
}

nav .search:hover,
nav .linkedIn:hover,
nav .youTube:hover {
	color: #021264;
	background: #FFF;
}

nav .search:before,
nav .linkedIn:before,
nav .youTube:before {
	content: '\e670';
	font-family: 'icomoon';
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	line-height: 35px;
}

nav .linkedIn { top: 37px; }

nav .youTube { top: 74px; height: 36px; }

nav .linkedIn:before {
	content: '\e647';
}

nav .youTube:before {
	content: '\e645';
}

:focus { outline: none; }

#accordion { margin-bottom: -10px!important; }

.caseText { margin: 0 0 30px 5px; }

h4.noBMarg { margin-bottom: 0!important; }
h5.noBMarg { margin-bottom: 5px!important; }

.sustainability .sectionText #galleryLink.moreB { padding-bottom: 50px; }

#students .profiles.pbMore { padding-bottom: 34px; }

.thumbnail .thumbText {
	position: absolute;
	color: #FFF;
	width: 100%;
	height: 100%;
	display: table;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

.thumbnail .thumbText span { 
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
	padding: 15px;
}

.thumbnail:hover .thumbText { opacity: 1; }

/* 07 Nov 2014 */
.caseText h4 { 
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}

.caseText p { font-size: 12px; }
.caseText p.txtBlue14 { font-size: 14px; }

.caseText .leftCase h4,
.caseText .leftCase p { margin-right: 60px; }

.caseText .leftCase,
.caseText .rightCase {
	margin-top: 35px;
	margin-bottom: 35px;
	position: relative;
}

.caseText .leftCase {
	width: 62%;
	float: left;
}

.caseText .rightCase {
	width: 38%;
	float: right;
}

.caseText .rightCase h4 { margin-top: 30px; }
.caseText .rightCase h4.lessMt { margin-top: 0; }

.caseText .rightCase ul.listBlueDot { 
	font-size: 15px;
	color: #001264;
	padding: 0px;
	margin: 0px;
}
.caseText .rightCase ul.listBlueDot li { 
	padding: 0px 20px 2px 15px;
	line-height: 23px;
	position: relative;
	font-weight: 600;
}
.caseText .rightCase ul.listBlueDot li:before { 
	content: " ";
	display: block;
	background: #001264;
	width: 4px;
	height: 4px;
	position: absolute;
	border-radius: 15px;
	left: 2px;
	top: 9px;
}

.policy h4 {
	font-size: 18px;
	margin: 0;
	font-weight: 400;
}

.policy p {
	margin: 0 0 20px 0;
}

.oppsAcc.tc > table { 
	margin: 20px;
}

.policy #accordion h3 a { text-transform: uppercase; }

.policy.sitemap .greyParent .sectionText { 
	padding: 50px 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}
.policy.sitemap .greyParent .sectionText ul { 
	margin: 0 20px 20px 20px; 
}
.policy.sitemap .greyParent .sectionText .noBreak {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}
.policy.sitemap .greyParent .sectionText .noBreak:last-child ul { margin-bottom: 0; }
.policy.sitemap .greyParent .sectionText ul li a { color: #001264; }

/* 18 Nov 2014 */
ol { margin: 0 20px; padding: 0; font-size: 16px; }

ol li { margin-bottom: 30px; line-height: 24px; color: #021264; }
ol li a { color: #021264; }

ol li:last-child { margin-bottom: 0; }

ol li em a { font-weight: 500; color: #666; }

ol li em { font-size: 14px; color: #666; font-weight: 100; font-style: normal; }

/* 19 Nov 2014 */
#onClickOverlay .overlayActive div.splitHalf ul { 
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	-ms-column-count: 2; 
	-o-column-count: 2; 
	column-count: 2; 
}
#onClickOverlay .overlayActive div.splitHalf ul li {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid-column; /* CSS3, IE10+ */
}
#onClickOverlay .overlayActive div.splitHalf { 
	border: 0;
	border-bottom: 1px solid #CCC!important; 
	margin: 0 10px 0 0;
	padding: 20px 0;
}
#onClickOverlay .overlayActive div.splitHalf:first-child { padding: 0 0 20px 0;  }
#onClickOverlay .overlayActive div.splitHalf:last-child { border-bottom: 0!important; padding: 20px 0 0 0;  }

/* 20 Nov 2014 */
.registerAlerts img {
	max-width: 50px;
	height: auto;
	display: inline-block;
}

.registerAlerts p {
	display: inline-block!important;
	vertical-align: top;
	width: calc(100% - 75px);
	margin: 0 0 0 15px;
}

.invContact p { display: block!important; }

.registerAlerts { width: 100%; }

#confirmationPageDefault1883291 p,
#confirmationPage1883291 p { margin-bottom: 20px; }

/* 03 Dec 2014 */
.sectionBODs:first-child { padding-bottom: 0; }

#directors .thumbnail.ind:after,
#directors p.ind:before { 
	color: #FFF;
	font-size: 24px;
	content: '•';
	position: absolute;
	right: 15px;
	bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#directors .thumbnail.ind,
#directors p.ind { position: relative; }

#directors p.ind { 
	padding: 0 0 5px 15px; 
	font-style: italic; 
	margin-top: 0;
}

#directors p.ind:before { color: #666; left: 0; top: 0; }


/* 2015 */
.full { float:left; width:100%; background:#F5F5F5; padding:64px 0 64px 0;}
.inner { margin:0 auto; width:100%; max-width:974px;}
.wclnks { float:left; width:50%;}
.wclnks h1 { background:none; color:#001264; font-size:20px;}
.wclnks ul {margin:46px 0 0 0; padding:0; list-style:none;}
.wclnks li {margin:0; padding:0; margin-bottom:26px;}
.wclnks a { width:100%; max-width:410px; background:#666666 url(../../newsletter/img/wclnk-e.png) no-repeat; background-position:54px 50%; display:block; position:relative; color:#FFF; font-size:20px; padding:15px 10px 15px 95px; line-height:25px; font-weight:200; min-height:55px;}
.wclnks a img { position:absolute; top:0px; left:0px;}

.wctel { float:left; width:50%;}
.wctel h1 {margin:0; padding:0; background:none; color:#001264; font-size:20px;}
.wctel h1 span {font-size:15px; text-transform:none;}
.wctel ul {margin:10px 0 20px 0; padding:0; list-style:none; border-top: solid 1px #CCCCCC;}
.wctel li {margin:0; padding:0; margin-bottom:0px;}
.wctel a { width:100%; background:#FFF; display:block; position:relative; color:#333; font-size:15px; padding:0px 10px 0px 66px; line-height:44px; font-weight:200; max-height:44px; border-bottom: solid 1px #CCCCCC;}
.wctel a img { position:absolute; top:0px; left:0px; border-bottom: solid 1px #FFF;}

/* added and modified - 08 April 2015 */
.txtwht, 
h2.txtwht, 
h3.txtwht { 
	color: #FFF; 
	position: relative; 
}
h3.txtwht { 
	font-size: 20px; 
	font-weight: 500; 
	padding: 15px 20px; 
}
h3.accBluD, 
h3.accBluM, 
h3.accBluL { 
	position: relative; 
	border: none; 
}
h3.accGrn, 
h3.accBrwn, 
h3.accTrq { 
	padding: 0; 
	position: relative; 
	border: none; 
}
#accordion h3 a.txtwht { 
	font-size: 20px; 
	font-weight: 500; 
	width: 100%; 
	display: block;
	padding: 0; 
	color: #FFF;
}
#accordion h3.margT,
h3.margT { margin: 35px 0 0 0; }
h3.txtwht span { 
	display: block; 
	width: 75%; 
	position: relative; 
	float: right;
	font-weight: 300; 
	font-size: 15px; 
	padding: 2px 20px 0 10px;
	z-index: 1;
}
p.txtwht { 
	font-size: 15px; 
	line-height: 22px; 
	color: #FFF; 
	padding: 15px 20px 15px 20px; 
	margin: 0;
}
.accBluD, 
#accordion h3.accBluD { background: #1F3878; color: #FFF; }
.accBluM, 
#accordion h3.accBluM { background: #0066AB; color: #FFF; }
.accBluL, 
#accordion h3.accBluL { background: #7F9FCE; color: #FFF; }
#accordion .ui-accordion-content.accGrn, 
#accordion h3.accGrn { background: #9DB44C; color: #FFF; border: 0; border-bottom: 1px solid #F5F5F5; }
#accordion .ui-accordion-content.accBrwn, 
#accordion h3.accBrwn { background: #AA6D51; color: #FFF; border: 0; border-bottom: 1px solid #F5F5F5; }
#accordion .ui-accordion-content.accTrq, 
#accordion h3.accTrq { background: #0C9A9E; color: #FFF; border: 0; border-bottom: 1px solid #F5F5F5; }
.bxWhtT, 
tr.bxWhtT td { border-top: 1px solid #fff; }
.bxWhtL { border-left: 1px solid #fff; }

#accordion.new h3.margT a:before { margin-top: -7px; right: 0; }
#accordion h3.ui-accordion-header-active.margT { margin: 35px 0 0; border-bottom: 1px solid #FFF; }

#accordion.new .col33 { display: table-cell; width: 33.3%; vertical-align: top; background: rgba(255,255,255,0.1); }
#accordion.new .col50 { display: table-cell; width: 50%; vertical-align: top; background: rgba(255,255,255,0.1); }

.wrapCol { display: table; width: 100%; }

h3.accBluD:before, 
h3.accBluM:before, 
h3.accBluL:before,
h3.accGrn:before, 
h3.accBrwn:before, 
h3.accTrq:before { 
	content: '';
	position: absolute; 
	top: -25px;
	left: 50%;
	margin-left: -15px;
	width: 0; 
	height: 0; 
	border-left: 25px solid rgba(255,255,255,0);
	border-right: 25px solid rgba(255,255,255,0);
	border-bottom: 25px solid #666;
}
h3.accBluD:before { border-bottom: 25px solid #1F3878; }
h3.accBluM:before { border-bottom: 25px solid #0066AB; }
h3.accBluL:before { border-bottom: 25px solid #7F9FCE; }
h3.accGrn:before { border-bottom: 25px solid #9DB44C; }
h3.accBrwn:before { border-bottom: 25px solid #AA6D51; }
h3.accTrq:before { border-bottom: 25px solid #0C9A9E; }


.ruleThick, tr.ruleThick td { border-bottom: 5px solid #004B95; }

/*2015*/
a.sthelena {
	color:#00989D;
	}
	
.operations .ui-oph03 .operationsBC a.tier2.h03 { border-top:3px solid #00989D!important; }