@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');

/* CSS Document */
/* This file contains the basic classes that define the page structures. For specific content element styles see weston_content.css */
/* Webfont: Romano-Medio */
@font-face {
    font-family: 'RomanoMedio';
    src: url('Romano-Medio.eot'); /* IE9 Compat Modes */
    src: url('Romano-Medio.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Romano-Medio.woff') format('woff'), /* Modern Browsers */
    url('Romano-Medio.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Romano-Medio.svg#Romano-Medio') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    /*text-rendering: optimizeLegibility;*/
}

/* Webfont: Romano-MedioCorsivo */
@font-face {
    font-family: 'RomanoMedio';
    src: url('Romano-MedioCorsivo.eot'); /* IE9 Compat Modes */
    src: url('Romano-MedioCorsivo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Romano-MedioCorsivo.woff') format('woff'), /* Modern Browsers */
    url('Romano-MedioCorsivo.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Romano-MedioCorsivo.svg#Romano-MedioCorsivo') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    /*text-rendering: optimizeLegibility;*/
}

body { 
	background-image:url(../images/bg_body.png); 
	background-repeat:repeat-x; 
	background-color:#f0f0f0;
	background-attachment:fixed;
	font-family:Montserrat, Helvetica, sans-serif;
	font-size:100%;
	height:100%;
}

html {height:100%;}

a img { border:0px;}
p, ul, ol, td { margin-top:0px;}
th { text-align:left;}

.root { 
	width:900px;
	margin:0 auto;
	padding:20px;
	background-color:#ffffff;
	/*font-size:0.75em;*/ /* 12pt baseline font size */
    font-size: 14px;
	line-height:1.5em;
	color:#000;
	overflow:hidden;
	min-height:500px;
}

.top { color:#666; position:relative; width:900px; height:55px; margin-bottom:19px; }

.top .logo { position:absolute; top:0px; left:0px; }
.top .siteSelector select { width:183px; position:absolute; top:0px; right:0px; margin:0px; padding:0px;}
.top .topLinks { position:absolute; bottom:10px; right:0px;}

.top ul { list-style:none; margin:0px; padding:0px; }
.top li { width:auto; float:left; padding:0px 10px; }
.top h4 { display:inline; margin:0px; padding:10px 0px 0px 0px; color: #333333; font-family: "Montserrat Semi Bold"; font-size: 14px; font-weight: 600; line-height: 24px;}

.topLinks ul { width:210px; float:left; margin-top:5px;}
.fr .topLinks ul { width:210px; float:left; margin-top:5px;}


.topLinks a:link, .topLinks a:visited { color:#666; text-decoration:none;}
.topLinks a:hover, .topLinks a:active { color:#666; text-decoration:underline;}

.searchForm { width:185px; float:left; border:0px; padding:0px;}
.searchForm form { /*display:inline;*/}
.searchForm label { position:absolute; left:-10000px;}
.searchForm input { width:148px; padding:1px; margin-right:5px; margin-top:1px; float:left;}
.searchForm img, .searchForm a { display:block; width:24px; float:left;}


/* Main Navigation styles */
.nav .level0{ z-index:10000;overflow:hidden; border-top: medium;}
.nav { width:900px; height:34px; margin-bottom:10px; position:relative;}
.nav ul { list-style:none; margin:0px; padding:0px;}
.nav li { display:inline; margin:0px; padding:0px; }
.nav h2 { font-family: "Montserrat Semi Bold"; color: #1c72e3; font-size: 16px; font-weight: 600; line-height: 30px; display:inline; margin:0px; padding:0px;}
.nav li a {
	padding:4px 0px 6px 0px;
	text-align:center;
	margin:0px;
	display:block;
	height:24px;
	width:auto;
	float:left;
	/*background-image:url(../images/nav_button_bg.png);*/
	background-position:top center;
	background-repeat:no-repeat;
	text-decoration:none;
	color: #1c72e3;
}

.nav li a:hover, .nav li a.hovering { background-position:center; color:#000; text-decoration:none;}
.nav li a.current {background-position:bottom center; color:#000; z-index:10000;}

.nav .nav-company {width:140px; border-right:1px solid #ccc;}
.fr .nav .nav-company {width:125px; border-right:1px solid #ccc;}

.nav .nav-businesses {width:130px; border-right:1px solid #ccc;}
.fr .nav .nav-businesses {width:115px; border-right:1px solid #ccc;}

.nav .nav-investor {width:160px; border-right:1px solid #ccc;}
.fr .nav .nav-investor { width:180px; border-right:1px solid #ccc;}

.nav .nav-news {width:150px;}
.fr .nav .nav-news {width:155px;}

.nav .nav-governance {width:150px; border-right:1px solid #ccc;}
.fr .nav .nav-governance {width:110px; border-right:1px solid #ccc;}

.nav .nav-responsibility {width:200px; border-right:1px solid #ccc;}
.fr .nav .nav-responsibility {width:270px; border-right:1px solid #ccc;}

.nav .nav-careers { width:100px;}
.fr .nav .nav-careers { width:90px;}

.nav ul.subcompany {position:absolute; left:0px; top:28px;}

.nav ul.subbusin {position:absolute; left:140px; top:28px;}
.fr .nav ul.subbusin {position:absolute; left:135px; top:28px;}

.nav ul.invest {position:absolute; left:271px; top:28px;}
.fr .nav ul.invest {position:absolute; left:191px; top:28px;}

/*.nav ul.news {position:absolute; left:388px; top:24px;}
.fr .nav ul.news {position:absolute; left:365px; top:24px;}*/

.nav ul.gov {position:absolute; left:432px; top:28px;}

.nav ul.corp {position:absolute; left:583px; top:28px;}
.fr .nav ul.corp {position:absolute; left:598px; top:28px;}

.nav ul.car {position:absolute; right:0px; top:28px;}



/* drop-down styles */
.nav h3 { padding:0px; margin:0px; font-size:1em;}
.nav li ul {display:block; background-color:#f1eeec; width:auto; padding:10px 20px; margin:0px;}
.nav li ul li {font-family: "Montserrat Semi Bold"; font-size: 14px; font-weight: 600; line-height: 27px;}
.nav li ul li a {background:none; padding:5px 0px; height:auto; float:none; color: #333333; text-align:left;}
.nav li ul li a:hover {background-color: #ccc; color:#1c72e3;}

/* left hand navigation column*/
.leftNav {width:180px; margin-right:20px; _margin-right:10px; float:left; overflow:hidden; font-weight:bold;}
.leftNav h2 {font-size:1em; color:#000; margin:0px;}
.leftNav ul, .leftNav li {margin:0px; padding:0px;}
.leftNav li { padding:0;margin:0; color:#000; margin-bottom:10px;}
.leftNav a { text-decoration:none; color:#666;}

/* 3rd level listed nav */
.leftNav ul ul {margin:0; padding:0; list-style:disc; margin-top:10px; margin-bottom:5px; padding-left:20px; color:#666;}
.leftNav .current { color:#000; }


/* main content div */
.content {width:700px; float:left; z-index:0;}
.content li {margin-bottom:5px;}
content ol.brackets {padding:0;}

/* pageIntro is optional */
.pageIntro { width:700px; overflow:hidden; font-size:1.333em; color:#666; }
.pageIntro img { display:block; width:auto; float:left; border-bottom:20px solid #fff;}
.pageIntro p {  margin-bottom:20px;}

.pageIntro2 { width:700px; overflow:hidden; font-size:1.333em; color:#666; }
.pageIntro2 img { display:block; width:auto; float:left; border-bottom:20px solid #fff;}

/* content area content definitions */
.box5 {
    box-shadow: 1px 1px 3px #c1c1c2;
    background-color: #f1eeec;
    padding: 0px 5px 5px 10px;
    font-family: Montserrat;
}
    .box5 h2 {
        color: #333333;
        font-family: "RomanoMedio"; font-size: 18px; font-weight: 400;
        letter-spacing: 0.13px; /*border-bottom:solid; border-color: #d8d8d8;*/
        padding-top:15px;
    }
    .box5 h3{font-family: "RomanoMedio"; font-size: 16px; font-weight: 400; }

.box {
	background-color:#e6e6e6;
	background-image:url(../images/bg_box.png);
	background-repeat:repeat-y;
	background-position:top right;
	margin-bottom:20px;
	overflow:hidden;
	padding:15px 20px;
	position:relative;
}

.boxFinalHome {height:166px; margin-bottom:0px;}
.boxHomeCareers {height:135px; margin-bottom:0px;}

.w580 {width: 580px;}

.largeFont .content div.boxFinalHome {
	height:265px;
	margin-bottom:0px;
}

.box h2 { background-color:#bdd1dd; padding:5px 20px; margin-top:-15px; margin-left:-20px; width:100%;}
.box h3 { margin-bottom:0.5em; margin-top:0px;}

/* standard left/right column styles */
.leftColumn { margin-right:20px; float:left;}
.rightPanel { float:left; color:#666;}

/* left/right column specifics for template style 1 */
.template-1 .leftColumn { width:460px; }
.template-1 .rightPanel { width:220px; }
.template-1 .leftColumn .box { width:420px;}
.template-1 .leftColumn .boxHome { width:520px;}
.template-1 .rightPanel .box { width:180px;}

/* left/right column specifics for template style 2 */
.template-2 .leftColumn { width:380px; }
.template-2 .rightPanel { width:300px }
.template-2 .leftColumn .box { width:340px; }
.template-2 .rightPanel .box { width:260px;}


/* Standard Headers */
/*h1 { margin-top:0px; color:#3d88b7; font-size:1.333em;}
h2 { color:#3d88b7; font-size:1.1em;}
h3 { color:#3d88b7; margin-bottom:0px; font-size:1em;}
h4 { color:#000; margin-bottom:0px; font-size:1em;}*/

h1 {color: #333333; font-family: "RomanoMedio"; font-size: 26px; font-weight: 400; line-height: 30px; }
h2 {color: #333333; font-family: "RomanoMedio"; font-size: 20px; font-weight: 400; line-height: 24px; }
h3 {color: #333333; font-family: "RomanoMedio"; font-size: 16px; font-weight: 400; line-height: 20px;}
h4 {color: #333333; font-family: "RomanoMedio"; font-size: 14px; font-weight: 400; line-height: 18px; margin-bottom:0px;}
h5 {color: #333333; font-family: "RomanoMedio"; font-size: 12px; font-weight: 400; line-height: 12px; margin-bottom:0px;}


/* Standard links */
a { color:#3d88b7; text-decoration:underline;}
a:hover { color:#1c5de3; text-decoration:underline;}

.moreLink { color:#3d88b7; margin-bottom:0.5em;}

/* Image Styles */
img.align-right { width:auto; float:right; margin-left:10px; margin-bottom:10px;}
img.align-left { width:auto; float:left; margin-right:10px; margin-bottom:10px;}

/* intro copy */
.intro { font-size:1.333em; line-height:1.3em;  color:#666;}

.noBottom { margin-bottom:0px;}

/* footer */
.footer {clear: both; background-color: #1c72e3; color: #ffffff; margin-top: 20px; 
         width: 920px; height: 75px; line-height: 75px; padding: 10px; margin: 0 auto;}
.footer ul { list-style:none; margin:0px; padding:0px;}
.footer li { display:inline; padding-right:15px;}
.footer a { line-height: 75px; color:#ffffff; text-decoration:none; }
.footerLeft { width:42%; float:left; font-family: "Montserrat"; font-size:12px; font-weight: 400; line-height: 24px;}
.footerCenter { width: 18%; float: left; text-align: center;}
.footerRight { width:40%; float:left; text-align:right; font-family: "Montserrat"; font-size: 12px; font-weight: 400;}

/* exceptions for homepage layout */
.homepage .content { width:900px; float:none;}
.homepage .leftColumn { width:580px; }
.homeImage { display:block;}
.home-text { background-color:#333333; color:#fff; padding:20px; }
.home-text2 { background-color:#666666; color:#fff; padding:10px; }
.home-text3 { background-color:#0064c8; color:#fff; padding:10px; }
.home-text4 { background-color:#333333; color:#fff; padding:10px; }
.home-text5 {
    padding: 0px 0px 0px 10px;
    color: #333333;
    font-family: "MontserratRomanoMedio";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.home-text .intro { font-size:1.8em; color:#fff; font-weight:normal; margin-bottom:0.5em;}
.home-text .intro2 { font-size:1.3em; color:#fff; font-weight:normal; line-height:1.3em; margin-bottom:0.5em;}
.home-text .intro3 { font-size:1.1em; color:#fff; font-weight:normal; line-height:1.1em; margin-bottom:0.5em;}
.home-text .intro4 { background-color:#0064c8; font-size:1.3em; color:#fff; font-weight:normal; line-height:1.3em; margin-bottom:0.5em;}
.home-text .intro5 { font-size:1.5em; color:#fff; font-weight:normal; line-height:1.5em; margin-bottom:0.5em;}

.home-text3 .intro31 { font-size:1.3em; color:#fff; font-weight:normal; line-height:1.3em; margin-bottom:0.5em;}
.home-text4 .intro41 { font-size:1.3em; color:#fff; font-weight:normal; line-height:1.3em; margin-bottom:0.5em;}

.home-text a, .home-text .moreLink { color:#fff;}
.home-text a:hover { text-decoration:none;}

.opu_column { width: 20%; border-right: 1px solid #808080; vertical-align: top; }
.newsList { list-style:none; margin:0 0 0.25em 0; padding:0px; overflow:hidden; }
.newsList li { margin-bottom:0.75em; line-height:1.3em; overflow:hidden; clear:both;}
.newsList .date { margin-bottom:0em; color:#666; width:85px; }
.newsList a { width:255px; float:left;}
.homepage .newsList .date { float:none; width:100%;}
.homepage .newsList a { width:100%;}

.template-2 .rightPanel .stockBox { padding:0px 0px 10px 0px; width:300px; }
.stockTable { width:285px; border-collapse:collapse; color:#666; text-align:right; overflow:visible; }
.stockTable th { margin:0px; padding:0px;}
.stockTable td { padding:5px; vertical-align:bottom;}
.largeFont .content td.price-change { padding:0px;}
.stockTable .lineItem { text-align:left; padding-left:0px; padding-right:0px;}
.stockTable h2 { padding:5px 0px 5px 20px; margin:0px; }
.ticker-symbol { text-align:right;}
.ticker-symbol h2 { font-weight:normal; padding:5px 20px 5px 0px; display:inline; }
.stockTable .stock-price, .stockTable .price-change { text-align:right;}
.stockTable .stock-price { font-size:1.5em; color:#000;}
.stockTable .positive, .stockTable .high { color:#39a949;}
.stockTable .negative, .stockTable .low { color:#ff3200;}
/* arrows for price change */
.stockTable .positive, .stockTable .negative { background-repeat:no-repeat; background-position:center left; padding-left:15px;}
.stockTable .positive { background-image:url(../images/arrow_green_up.png); }
.stockTable .negative { background-image:url(../images/arrow_red_down.png); }

.stockBox .moreLink { margin-left:20px;}

/* Investor Centre styles */
.financial-report { clear:both; margin-bottom:10px; overflow:hidden; }
.financial-report img { width:89px; height:112px; float:left; margin-left:-3px; margin-right:14px; overflow:hidden;}
.financial-report h3 { color:#000; margin-top:5px; margin-bottom:0px; width:320px; float:left; overflow:hidden;}
.financial-report p { width:320px; float:left; overflow:hidden; }
.financial-report .moreLink {font-size: 12px; margin-bottom:0px;}
.fin-rep-link { margin-left:0px;}


/* Text Resizer Font Sizes */
.smallFont .content, .smallFont .leftNav { font-size:1em;}
.medFont .content, .medFont .leftNav { font-size:1.2em; line-height:1.4em;}
.largeFont .content, .largeFont .leftNav { font-size:1.4em; line-height:1.6em;}

/* New Gallery */
#galleryWrapper { width:715px; }
.gallery ul, .gallery li {
	list-style-type:none;
	padding:0;
	margin:0;
}


.gallery li {
	width:124px;
	height:146px;
	margin-right:20px;
	margin-bottom:20px;
	float:left;
	background-image:url(../images/bg_gallery_thumb.png);
	background-repeat:repeat-y;
	background-position:top right;
	overflow:hidden;
	line-height:1.3em;
}
.gallery li img { width:124px; height:80px; display:block;}
.gallery li p { padding-left:10px;padding-right:10px;padding-bottom:10px;}
.gallery li h3 { padding-top:10px;padding-left:10px;padding-right:10px;margin:0px; color:#333333; text-decoration:none;}


/* dialog and overlay */

#overlay {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#000000;
	filter:alpha(opacity=60);
   	-moz-opacity:0.6;
    opacity:0.6;
	width:100%;
	height:100%;
	z-index:999991;
}

#dialog { position:absolute; z-index:999999;}
.zoom { background-color:#ffffff; color:#000000; padding:5px;}

#dialog h3 { font-size:14px; margin-top:5px; font-weight:normal; }

a.dialogClose {
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background-position:30px 0px;
	background-image:url(../images/Fancybox.png);
}

a.dialogLeft {
	position:absolute;
	bottom:20px;
	left:-5px;
	width:30px;
	height:30px;
	background-position:30px -30px;
	background-image:url(../images/Fancybox.png);

}

a.dialogRight {
	position:absolute;
	bottom:20px;
	right:-5px;
	width:30px;
	height:30px;
	background-position:30px -60px;
	background-image:url(../images/Fancybox.png)
}

/* tables and financial changes */
.dividRep h3 { flood-color: black; margin-bottom:0.5em; }
.finTable1 { width:80%; border:none; border-spacing:0px; padding:0px; }
.alRight { text-align:right; }
.rowBlue { /*background-color: #d5e5ef;*/}
.r1c1 { width:600px; }
.r1c2 { width:50px; }
.r1c3 { width:50px; text-align:right; }

.finTable2 {
	width:200px;
	border:none;
	border-spacing:0px;
	padding:0px;
}

.dividendTable1 {
	width:700px;
	border:none;
	border-spacing:0px;
	padding:0px;
}

.tableHeader { font-weight:bold; }
.t1r1 { width:200px; }
.t1r2 { width:200px; }
.t1r3 { width:325px; }
.t1r4 { width:310px; }

/* page anchors */
.pgAnchor {text-decoration:none; }
.pgAncNoTitle {text-decoration:none; color:#000000; }

a.pgAnchor:hover { 
	text-decoration:none;
	color:#3D88B7;
}

a.pgAncNoTitle:hover { 
	text-decoration:none;
	color:#000000;
}
/* list bullet adjustments */

.content ol ul {
	list-style-type:disc;
}

.privLegal ul {
	list-style-type:none;
}

.privLegal input {
	margin-bottom:10px;
}

/* right panel image */

.rightPanelImg {
	margin-bottom:10px;
}

/* fix sub, sup */
sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

/* 7.1.2 Employee profiles */

.empProf p.quotePara {
	margin-bottom:10px;
}

/* site map */

.siteMap ul li {
	margin-bottom:5px;
}

.siteMap ul {
	list-style-type:disc;	
}

/*Board of Directors*/

.clear {
	clear:both;
	float:none;
	min-height:0px;
	_height:0px;
	font-size:0px;
	line-height:0px;
}

.boardDirect img {
	margin-right:20px;
	float:left;
}

.boardDirect h3 {
	margin:0; 
	padding:0; 
}

.directProfile {
	min-height:118px;
	margin-bottom:20px;
}

.directNotes {
	padding-left:110px;
	min-height:118px;
	margin-bottom:20px; 
}
.directProfile sup {
	color:#000000; 
}

/*Our History Entries*/
.ourHist img {margin-right:20px; float:left; width:75px; height:75px;}
.histEntry {min-height:75px; margin-bottom:20px;}


/* right coloumn top right image */
p.topRightImage {margin-bottom:20px;}

/* Form on help page*/
.helpForm {background-color:#ececec; padding:15px; width:350px;}
.helpForm p {margin-bottom:5px;}

.formPg label {display:block; width:135px; float:left;}
.formPg input {margin-bottom:5px;}

p.formNote {font-size:smaller;}

/*add new class to searching content div*/
.searchDiv {width:100%; min-height:700px; float:left; z-index:0;}
.searchDiv h1{padding-left:24px;}
#resultForm {background-color:White; width:100%; height:1000px; border:none;}

.wateredDown {color:#656565;}

/* career faqs*/
.faqList dt {font-weight:bold;}
.faqList dd {margin-top:-20px; margin-left:20px; }
.faqList dd.quest {font-weight:bold;}

.qEnd {margin-bottom:10px;}
/*fix faq when resizing text*/
.largeFont .content dd {
	margin-top:-26px;
	margin-left:20px;
}

.medFont .content dd {
	margin-top:-20px;
	margin-left:17px;
}
/*fix press release when resizing text*/
.medFont .pressRel dd {
	margin-top:0px;
	margin-left:40px;
}
.largeFont .pressRel dd {
	margin-top:0px;
	margin-left:40px;
}

.indent {padding-left:30px;}
.bold {font-weight:bold;}

/*Our Divisions content spacing*/
.ourDiv h3 {margin-top:5px; padding:0px;}

/* back to top anchor */
a.topAnchor {text-decoration:none; font-size:0.7em; padding-left:20px; width:50px;}
.dividRep a.topAnchor {font-size:0.8em;}
.dividRep h2 a.topAnchor {font-size:0.7em;}


.boxPopup {
	background-color:#FFFFFF;
	border:3px solid #808080;
	height:130px;
	padding:10px;	
	text-align:left;
	width:600px;
	font-size:11px;	
}

.boxPopupLarge {
	background-color:#FFFFFF;
	border:3px solid #808080;
	font-size:11px;
	padding:10px;	
	text-align:center;
	width:400px;
	text-align:left;	
}

.grayDeclaer {font-size:9px; line-height: 9px; color:Gray; }

.textResizer { border:0px; width:135px; float:left;}
.fr .textResizer { border:0px; width:175px; float:left; margin-left:5px;}
.textResizer h4 { width:auto; float:left; padding-right:4px; padding-top:5px; }
.textResizer ul { width:auto; float:left; overflow:hidden; margin:0px;}
.fr .textResizer ul { width:75px; float:left; overflow:hidden; margin:0px;}
.textResizer li, .textResizer a {display:block; width:20px; height:23px; float:left; overflow:hidden;}
.textResizer li {border:0px; padding:0px; margin:0px 2px; }
.textResizer a {background-position:bottom; background-repeat:no-repeat;}
.textResizer .selected { text-indent:-10000px;}
.textResizer .smallText a { background-image:url(../images/txt_size_small.png); font-size:0px;}
.textResizer .mediumText a { background-image:url(../images/txt_size_med.png);}
.textResizer .largeText a { background-image:url(../images/txt_size_lrg.png);}
 .button {
            background-color: #4982CF; /* Blue */
            border: none;
            color: white;
            padding: 10px 25px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}