@viewport {
	width: device-width;
}

/********************************* general info */
html {
	width:100%;
}

article, section, nav, footer, aside {
	display: block;
}

body {
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	font-style:normal;
	color:#333333;
	width:100%;	
	background-color:#ffffff;	
	overflow: auto;
}


.stages {text-align:center; float:left; width:100%;}
.stage {float:left;  width:100%; margin-bottom:20px; margin-top:-20px; border:solid 2px #666666 !important;}
.stageIn {float:left; text-align:left; padding: 16px;}

.stageIn ul {margin: 0; padding: 0px 0px 0px 20px;}
.stageIn h3 {margin-top: 0px; margin-bottom:8px; font-weight:bold; font-size:18p;}

/********************************** valid for all */


img {
	border: 0; 
	display: block;
	max-width: 100%;
	height: auto;
}

h1 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:24px;
	font-weight:400;
}

hr {
  	border: none 0;
  	border-top: 1px solid #333333;
  	width:100%;
 	height: 1px;
  	overflow:hidden;
  	margin-top:0px;
}

h2.n {
	margin-top:0px;
	margin-bottom:0px;
	font-size:24px;
	font-weight:400;
}

h2 {
	font-size:20px;
	font-weight:400;
	font-style:normal;
	margin-bottom:0px;
	margin-top:0px;
}

h3 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:18px;
	font-weight:400;
}

.small {font-size:11px;}

a:link {color:#0d69ad; text-decoration:none; }
a:visited {color:#0d69ad; text-decoration:none; }
a:hover {color:#0d69ad; text-decoration:underline; }
a:active {color:#0d69ad; text-decoration:none; }

a.u:link {color:#0d69ad; text-decoration:underline; }
a.u:visited {color:#0d69ad; text-decoration:underline; }
a.u:hover {color:#666666; text-decoration:underline; }
a.u:active {color:#0d69ad; text-decoration:underline; }

a.dBlue:link {color:#003366; text-decoration:none; }
a.dBlue:visited {color:#003366; text-decoration:none; }
a.dBlue:hover {color:#003366; text-decoration:underline; }
a.dBlue:active {color:#003366; text-decoration:none; }

a.orange:link {color:#cb5200; text-decoration:none; }
a.orange:visited {color:#cb5200; text-decoration:none; }
a.orange:hover {color:#cb5200; text-decoration:underline; }
a.orange:active {color:#cb5200; text-decoration:none; }

a.bottomNav:link {color:#333333; text-decoration:none;}
a.bottomNav:visited {color:#333333; text-decoration:none; 20px;}
a.bottomNav:hover {color:#333333; text-decoration:underline; 20px;}
a.bottomNav:active {color:#333333; text-decoration:none; 20px;}

p {
	line-height: 20px;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-weight: 700 !important;
}

/********************************** top banner */

#header {
	float:left;
	width:100%;
	background: #003366;
	padding-top: 20px;
	border-bottom: 12px solid #0D69AD;
}

#logo {
	width: 100%;
	height: 70px;
	float: left;
	margin-bottom: 15px;
}

#logo img {
	width: 152px;
	display: block;
	margin: 0 auto;
}

#nav {
	width: 100%;
	float:left;
}

#bannerTel {
	float:right;
	font-size:18px;
	padding-left:30px;
	padding-bottom:22px;
	color:#ffffff;
	display: none;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
} 

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	display: inline-block;
}

#navigation a:link, #navigation a:visited {
	color:#ffffff; 
	padding-left:20px;
	padding-right:20px;
	font-size:18px; 
	padding-bottom: 20px;
	text-decoration:none;

}

#navigation a:hover {
	text-decoration:none;
	color:#cccccc;
}

#navigation a.out1:link, #navigation a.out1:visited {
	display:block;
	color:#ffffff; 
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	padding-bottom:36px; 
	text-decoration:none;
	background: url('/wp-content/themes/twentyten/images/blue.png') no-repeat;
	background-position: center bottom;
}

#navigation a.out1:hover {
	text-decoration:none;
	color:#cccccc;
}

#bannerLine {
	float:left;
	width:100%;
	height:12px;
	background:#0D69AD;
}

#bannerLine img {
	width:100%; 
	height:12px;
}

#bannerHeader {
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background:#CB5200;
	background: -moz-linear-gradient(left, #CB5200 0%, #E1AB22 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CB5200), color-stop(100%,#E1AB22));
	background: -webkit-linear-gradient(left, #CB5200 0%, #E1AB22 100%);
	background: -o-linear-gradient(left, #CB5200 0%, #E1AB22 100%);
	background: -ms-linear-gradient(left, #CB5200 0%, #E1AB22 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CB5200', endColorstr='#E1AB22',GradientType=1 );
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CB5200', endColorstr='#E1AB22',GradientType=1 );
	background: linear-gradient(left, #CB5200 0%, #E1AB22 100%);
}
	
#bannerHeaderLimited {
	margin-left: auto;
	margin-right: auto;
	width:1040px;
}

#bannerHeaderIn {
	font-size:36px;
	width:1040px;
}

/********************************** Content */

#content {
	float:left;
	width:100%;
	background:#ffffff;
	padding-top: 30px;
}

#contentGrey {
	float:left;
	width:100%;
	background:#e8ecf4;

}

#contentLimited {
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1040px;
}

#contentIn {
	float:left;
	max-width:1040px;
}

.home-callout {
	float:left; 
	width:100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

#contentM {
	padding-bottom:40px;
	overflow: auto;
	width: 100%;
}

#contentH {
	padding-top:10px;
}

.secondary {
	overflow: auto;
	width: 100%;
}

#contentL2 {
	float:left;
	width:770px;
	padding-bottom:30px;
	margin-right:30px;
}

#map-canvas {
	width:770px;
	height:600px;
}

.office {float:left; width:100%; margin-top:20px;}
.London {float:left; width:100%; padding-bottom:20px; padding-top:10px;}
.LondonL {float:left; width:340px; margin-left:10px;}
.LondonR {float:left; width:300px;}

#contentR {
	float:right;
	width:240px;
	padding-bottom:30px;
}

.page-intro {
	margin-bottom: 60px;
}

.page-title {
	border-bottom: 1px solid #333;
}

/********************************** front page images **************************************************/

img.front {
	float:left; 
	width:100%;
}

#brandsIn {
	width:440px; 
	float:right; 
	margin-top:80px; 
}

.banner {
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	width: 100%;
}

.banner.home {
	min-height: 320px;
}

.banner.page {
	max-height: 500px;
}

.banner.home {
	background-image: url('/wp-content/themes/twentyten/images/home-banner.jpg');
}

.banner.page .banner-text {
	top: -100px;
	min-width: 260px;
	width: 80%;
}

.banner-text {
	position: relative;
	display: inline;
    text-align: center;
    font-weight: 500;
    background-color: #003366;
    border-bottom: 3px solid #0D69AD;
    color: #fff;
}

.banner .banner-text {
    top: 200px;
    font-size: 18px;
    padding: 20px 20px;
    width: 230px;
    margin: 0 auto;
    display: block;
}

.brand-container {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.brands {
	padding-top: 60px;
	padding-bottom: 30px;
	float: left;
	width: 100%;
}

.brands h2 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 40px;
}

.brand {
	width: 49.2%;
	margin-left: 1.6%;
	float: left;
	min-height: 101px;
	margin-bottom: 20px;
}

.brand:nth-child(even) {
	margin-left: 0;
}

.brand img {
	width: 80%;
}

.callout {
	overflow: auto;
	margin-bottom: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
}

.callout a {
	display: block;
}

.callout .banner-text {
    top: 35px;
    font-size: 18px;
    padding: 10px 20px 10px 10px;
}

.about {
	background-image: url('/wp-content/themes/twentyten/images/home-about.jpg');
}

.careers {
	background-image: url('/wp-content/themes/twentyten/images/home-careers.jpg');
}

.investors {
	background-image: url('/wp-content/themes/twentyten/images/home-investors.jpg');
}

/********************************** front page images **************************************************/

/********************************** Bottom */

#bottom {
	float:left;
	width:100%;
	padding-top:120px;
	padding-bottom:150px;
	background-image:url('images/arrows.gif');
	background-repeat:no-repeat;
}

#bottom2 {
	float:left;
	width:100%;

}

#bottomLimited {
	margin-left: auto;
	margin-right: auto;
	width:1040px;
}

#bottomLimited2 {
	margin-left: auto;
	margin-right: auto;
	width:1040px;
}

#bottomIn {
	float:left;
}

#bottomIn2 {
	float:left;
	width:1040px;
}

#bottomAll {
	float:left;
	padding-top:20px;
	padding-bottom:20px;
}

#bottom0 {
	float:left;
	width:900px;
	margin-left:50px;
}

#footer {
	overflow: auto;
	float: left;
	width: 100%;
	border-top: 5px solid #e3e3e3;
	margin-top: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.footerL, .footerR {
	padding-top:6px;
	color:#333333;
	font-size:14px;
	width: 100%;
	text-align: center;
}

#bottomRR {
	float:right;
	width:60px;
	padding-top:6px;
	text-align:right;
}

#bottomLine {
	float:left;
	width:100%;
	height:3px;
	background:#cccccc;
	overflow:hidden;
}

.bottomTitle {float:left; width:320px; text-align:center; padding-bottom:10px;}
.bottomText {float:left; width:320px;}

.bottomTitleM {float:left; width:320px; text-align:center; padding-bottom:10px; padding-right:15px; padding-left:15px;}
.bottomTextM {
	float:left;
	width:320px;
	padding-left:18px;
	padding-right:18px;
	border-left: 2px solid #0D69AD;
	border-right: 2px solid #0D69AD;
}

/********************************** Sub Navigation */

.subNav {
	float:left;
	width: 100%;
	margin-bottom: 30px;
}

.subNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
} 

.subNav a:link, .subNav a:visited {
	display:block;
	color:#003366; 
	width:185px; 
	font-size:16px;
	padding-top:5px; 
	padding-bottom:5px; 
	text-decoration:none;
}

.subNav a:hover {
	text-decoration:none;
	color:#666666;
}

.subNav a.second:link, .subNav a.second:visited {
	display:block;
	color:#003366; 
	width:185px; 
	font-size:15px;
	padding-top:6px; 
	padding-bottom:2px; 
	text-decoration:none;
}

.subNav a.second:hover {
	text-decoration:none;
	color:#666666;
}

.subNav a.third:link, .subNav a.third:visited {
	display:block;
	color:#003366; 
	width:155px; 
	font-size:14px;
	padding-top:5px; 
	padding-bottom:5px; 
	text-decoration:none;
	padding-left: 30px;
	background-image:url('images/dot.gif');
	background-repeat:no-repeat;
	background-position:left center;
}

.subNav a.third:hover {
	text-decoration:none;
	color:#666666;
	
}

.subNavTitle {
	float:left;
	width: 100%;
	margin-bottom: 9px;	
}

.subNavTitle h3 {
	margin-top:0px;
	margin-bottom:0px;
	font-size: 24px;
	font-weight:400;
}

/********************************** share price */

#current {
	float:left; 
	width:174px; 
	padding-bottom:8px; 
	margin-left:10px; 
	text-align:center;
}

#sharePrice {
	float:left;
	border: 1px solid #cccccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background:#0d69ad;
    font-size: 42px;
    padding-top:30px;
    padding-bottom:30px;
    padding-right:12px;
    padding-left:12px;
    width:130px;
    text-align:center;
    margin-left:20px;
    color:#ffffff;
}

#sharePriceUp {
	float:left;
	border: 1px solid #cccccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background:#0d69ad;
    font-size: 42px;
    padding-top:30px;
    padding-bottom:30px;
    padding-right:12px;
    padding-left:12px;
    width:130px;
    background-image:url('images/arrow-up.png');
	background-repeat:no-repeat;
	background-position:right center;
	color:#ffffff;
}

/**********************************  Investor pages ********************************/

h2.blueTab {
	font-size:18px;
	font-weight:400;
	font-style:normal;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	color:#ffffff;
}

.blue {
	float:left;
	background:#0d69ad;
	width:100%;
	padding-bottom:3px;
	padding-top:3px;
}

h2.silverTab {
	font-size:18px;
	font-weight:400;
	font-style:normal;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	color:#333333;
}

.silver {
	float:left;
	background:#cccccc;
	width:100%;
	padding-bottom:3px;
	padding-top:3px;
}

.directors {
	float:left;
	width:95%;
	padding-left:10px;
	padding-bottom:10px;
}

.posted {
	float:left;
	width:95%;
	padding-left:10px;
	padding-top:4px;
	font-size:14px;
}

.posted2 {
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	font-size:14px;
}

.table1in {
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
}

.table1 {
	border: 0;
	float:left;
	width:100%;
}

td {
	vertical-align:top;
}

td.dash {
	padding-left:20px;
	padding-right:20px;
}

td.under {
	text-align:right;
	padding-right:20px;
	font-size:11px;
	padding-bottom:10px;
	padding-top:10px;
	
}

.table2 {
	border: 0;
	float:left;
	width:100%;
	padding-bottom:10px;
	background:#ffffff;
	margin-bottom:15px;
	margin-top:15px;
}

.grey {clear:both; 
	padding-left:10px; 
	padding-right:10px; 
	background:#cccccc;
}

.greyIn {
	width:100%;
	float:left;
	padding-bottom:2px;
	padding-top:2px;
}

.grey1 {width:50%; padding-left:5%; color:#003366; font-size:14px; background:#cccccc; padding-top:2px; padding-bottom:2px;}
.grey2 {width:25%; color:#003366; font-size:14px; background:#cccccc; text-align:center; padding-top:2px; padding-bottom:2px;}
.grey3 {width:25%; color:#003366; font-size:14px; background:#cccccc; text-align:center; padding-top:2px; padding-bottom:2px;}

.grey1a {width:60%; padding-left:5%; color:#003366; font-size:14px; background:#cccccc; padding-top:2px; padding-bottom:2px;}
.grey2a {width:20%; color:#003366; font-size:14px; background:#cccccc; text-align:center; padding-top:2px; padding-bottom:2px;}
.grey3a {width:20%; color:#003366; font-size:14px; background:#cccccc; text-align:center; padding-top:2px; padding-bottom:2px;}

.grey11 {
	width:50%; 
	color:#003366; 
	font-size:14px; 
	padding-right:5%; 
	padding-left:5%;
	padding-top:2px;
	padding-bottom:2px;
	background:#cccccc;
}

.grey12 {
	width:30%; 
	color:#003366; 
	font-size:14px; 
	padding-right:5%; 
	padding-left:5%;
	padding-top:2px;
	padding-bottom:2px;
	background:#cccccc;
}

.tW {
	float: left;
	width:100%;
}

.tWhite {
	padding: 0;
	width:100%;
	border-spacing:0;
    border-collapse:collapse;
}

.tW2 {
	float:left;
	width:90%;
	margin-top:10px;
	margin-left:5%;
	
}

.tWhite2 {
	padding: 0;
	width:100%;
	border-spacing:0;
    border-collapse:collapse;

	
}

.tWhite2 td {
	padding-bottom:2px;
	padding-top:2px;
	width:50%;
	vertical-align:top;
	color:#333333;
	font-size:14px;
}

.tWhite2 td.longer {
	padding-bottom:2px;
	padding-top:2px;
	width:60%;
	vertical-align:top;
	color:#333333;
	font-size:14px;
}

.tWhite2 td.short {
	width:25%;	
	text-align:right;
	color:#333333;
	font-size:14px;
	padding-right:10px;
}

.tWhite2 td.short2 {
	width:25%;	
	text-align:right;
	color:#333333;
	font-size:14px;
	padding-right:10px;
}

.tWhite2 td.shorter {
	width:20%;	
	text-align:right;
	color:#333333;
	font-size:14px;
	padding-right:10px;
}

.tWhite2 td.g1 {
	color:#333333;
	font-size:14px;
	background:#cccccc;
	border-right: 2px solid #ffffff;
	width:48%;
	padding-left:2%;
}

.tWhite2 td.g2 {
	text-align:right;
	color:#333333;
	font-size:14px;
	padding-right:10px;
	background:#cccccc;
	border-right: 2px solid #ffffff;
	width:25%;
}

.tWhite td.event {
	padding-bottom:2px;
	padding-top:2px;
	width:50%;
	padding-right:5%;
	padding-left:5%;
	vertical-align:top;
	color:#333333;
	font-size:14px;
}

.tWhite td.date {
	padding-bottom:2px;
	padding-top:2px;
	width:30%;
	padding-right:5%;
	padding-left:5%;
	vertical-align:top;
	color:#333333;
	font-size:14px;
}

/* News on the right */

.nTitle {
	float:left;
	width:100%;
	padding-top:8px;
	padding-bottom:3px;
}
.nExcerpt {
	float:left;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
}




.w23 {float:left; width:23%; margin-right:2%;}
.w23a {float:left; width:23%;}
.w100 {float:left; width:100%; margin-bottom:10px;}
.w100blue {float:left; width:100%; background:#0d69ad; text-align:center; padding-top:2px; padding-bottom:2px; color:white; border-top: 1px solid black; border-bottom: 1px solid white; font-size:13px !important;}
.w50blue {float:left; width:50%; background:#0d69ad; text-align:center; padding-top:2px; padding-bottom:2px; color:white; border-bottom: 1px solid black; font-size:13px !important;}
.w50white {float:left; width:50%; text-align:center; padding-top:2px; padding-bottom:2px;  border-bottom: 1px solid black; font-size:12px !important;}













@media only screen and (max-device-width: 1024px) {

	
	
	

/********************************** general info */

	#fullWidth {
		float:left;
		width:100%;
	} 

	/********************************** top banner */
		
	#bannerHeaderLimited {
		margin-left: auto;
		margin-right: auto;
		width:900px;
	}

	#bannerHeaderIn {
		font-size:36px;
		width:900px;
	}

	/********************************** Content */

	#contentLimited {
		padding-top:10px;
		margin-left: auto;
		margin-right: auto;
		width:900px;
	}

	#contentIn {
		float:left;
		width:900px;
	}


	#contentH {
		float:left;
		width:900px;
		padding-top:30px;
	}

	#map-canvas {
		width:630px;
		height:600px;
	}

	.LondonL {float:left; width:260px; margin-left:10px;}
	.LondonR {float:left; width:240px;}

	/********************************** front page images **************************************************/

	#brands {
		float:left; 
		width:900px; 
		background: url('/wp-content/themes/twentyten/images/brands2.gif') no-repeat;
		min-height:325px;
		
	}

	#brandsIn {
		width:490px; 
		float:right; 
		margin-top:50px; 
		
	}

	/********************************** front page images **************************************************/

	/********************************** Bottom */

	#bottomLimited {
		margin-left: auto;
		margin-right: auto;
		width:900px;
	}

	#bottomLimited2 {
		margin-left: auto;
		margin-right: auto;
		width:900px;
	}

	#bottomIn {
		float:left;
		width:900px;
	}
	#bottomIn2 {
		float:left;
		width:900px;
	}

	#bottomAll {
		float:left;
		width:900px;
		padding-top:20px;
		padding-bottom:20px;
	}

	.bottomTitle {
		float:left; 
		width:280px; 
		text-align:center; 
		padding-bottom:10px;
	}

	.bottomText {
		float:left; 
		width:280px;
	}

	.bottomTitleM {float:left; width:280px; text-align:center; padding-bottom:10px; padding-right:15px; padding-left:15px;}
	.bottomTextM {
		float:left;
		width:280px;
		padding-left:13px;
		padding-right:13px;
		border-left: 2px solid #0D69AD;
		border-right: 2px solid #0D69AD;
	}
}



@media screen and (max-width: 900px ) {

.w23 {float:left; width:100% !important; margin-right:0%;}
.w23a {float:left; width:100% !important;}	
}


/* Repsonsive styles */

@media screen and (min-width: 700px ) {
	#nav {
		margin-top: 49px;
	}
}

@media screen and (min-width: 768px ) {
  	.col-full {
	    max-width: 65em;
	    margin-left: auto;
	    margin-right: auto; 
	}

    .col-full::after {
        clear: both;
        content: "";
        display: table; 
    }

    .col-full:after {
        content: " ";
        display: block;
        clear: both; 
    }

    #logo {
    	width: 25%;
    }

    #logo img {
    	margin: 0;
    }

    #nav {
    	width: 75%;
    }

    #navigation ul {
    	text-align: right;
    }

    #navigation a:link, #navigation a:visited {
    	padding-bottom: 0;
    }

	.banner.home {
		min-height:600px;
	}

	.banner .banner-text {
	    top: 400px;
	    font-size: 28px;
	    padding: 20px 30px;
	    width: 445px;
	}

	.banner.page .banner-text {
		margin: 0 auto;
		top: -120px;
	}

	.brand {
		width: 18.72%;
	}

	.brand img {
		width: 100%;
	}

	.brand:nth-child(even) {
		margin-left: 1.6%;
	}

	.brand.first {
		margin-left: 0;
	}

	.callout {
	    width: 30.4347826087%;
	    float: left;
	    margin-right: 4.347826087%;
	    min-height: 210px;
	}

	.callout.careers {
		width: 30.4347826087%;
		float: right;
		margin-right: 0;
	}

	.secondary {
		width: 21.7391304348%;
    	float: right;
    	margin-left: 0;
		padding-bottom:30px;
	}

	#contentM {
	    width: 73.9130434783%;
	    float: left;
	    margin-right: 4.347826087%;
	}

	.footerL {
		text-align: left;
		float: left;
		width: 50%;
	}
	
	.footerR {
		float: right;
		width: 50%;
		text-align: right;
	}
}

@media screen and (max-width: 700px) {
	.callout {
	    min-height: 310px;
	}
}

@media screen and (max-width: 600px ) {
	.banner.page .banner-text {
		top: 0;
		min-width: 100%;
		padding: 15px 0;
	}
}

@media screen and (max-width: 65em) {
    .col-full {
	    margin-left: 2.618em;
	    margin-right: 2.618em; 
	}
}