/****** Called on all pages - pls mind the scope *******/

/*  Display restaurant menu links nicely */

.dwld-menus {
	width:100%;
}

.dwld-menus ul {
	width:100% !important;
}

.dwld-menus a {
	display:inline !important;
	float:none;
	border: 0px none !important;
}

/* tidy up links in section-bullets lists */


.portlet-wrap .section-bullets li a {
    border: none;
    padding: 0.25em;
}

/* Stop H1 tangling with print / share buttons */

h1.mobile-head.no-top.small-box-7.f-left {
	max-width: 78% !important;
}

/* Make YouTube embeds responsive */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  Footer download link style override */

footer .pdf-icon, footer .avi-icon, footer .mp4-icon, 
footer .mp3-icon, footer .wav-icon, footer .doc-icon, 
footer .xls-icon {
	background-image: none !important;
	padding: 0px !important;
	text-decoration: none !important;
}

/* Download link override */

.no-icon {
	background-image: none !important;
	padding: 0px !important;
	text-decoration: none !important;
}

/* Basic style for noscripts */

noscript {
	padding: 1em !important;
	display: block;
}



/* Flying Messenger */

#flight-messenger ol.decimals {
	width:50%;
}

#flight-messenger .imageright {
	max-width: 50% !important;
}

#flight-messenger h3 {
  margin-left:0 !important;
  padding-left:0 !important;
}

#flight-messenger #flyMes, #flight-messenger #flyMesPlus, #flight-messenger #furtherinfo {
  padding-top:0.5em !important;
  margin-left:0.5em !important;
  color:#462170 !important;
}

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

	#flight-messenger ol.decimals {
		width:45%;
	}

}

/* Cookie size adjustments */

div.cookie {
	padding: 2em 4em 1em;
	font-size:90%;
	width:100% !important;
}

.cookie strong {
	font-size: 1.4em;
	font-weight:500;
	margin-bottom: 0px;
	color:#CCC;
	margin-left: 0.2em;
}

.cookie p {
	margin-top:0.5em;
	display:block;
}

#cookiewrap {
	display:block;
	margin:auto !important;
	width:100%;
	max-width: 1170px;
}

.cookie.rtl p, .cookie.rtl strong, .cookie.rtl a.button {
	direction:rtl !important;
	text-align:right !important;
	float:right !important;
}

/* accordion content alignment */

.accordion-content h4 {
	clear:both !important;
}

.accordion-content .columns {
	margin-left:0.3em !important;
}


/* plan and book alignment fix */



.plan-book-top .portlet-wrap a {
	padding: 1em 0.5em 0.5em 0;
}




/* Connections planner intro - space below */



.connection-planner {
	margin-top:1em;
}




/* Travel between terminals -- h2 spacing fix*/



.tbt h2.acc-heading {
	margin-top:1em !important;
}




/* Fix for bad text breaks */



.nobr {
	white-space:nowrap;
}







/* multilingual alignment fixes */

.rl-content h2, .rl-content h3, .rl-content h4 {
	text-align: right !important;
}

body.r-l ul.bread-crumb {
	padding-top:0;
	margin-right:1em;

}

.rldownloadbox .link-bullets a.pdf-icon,
.rl-content .pdf-icon {
    padding-right: 2em !important;
    background-position: right center !important;
	padding-left: 0px !important;
    }


.mldownloadbox h2, .mldownloadbox p {
	padding-left:0 !important;
}

.mldownloadbox a, .rldownloadbox a {
	border:0 !important;
}


.mlintro p.black20 {
	padding-left:1em !important;
}

.rlintro p.black20 {
	padding-right:0.5em !important;
}

.mlintro ul {
	margin-left:1.46em;
	padding-left:0;
}

.rlintro ul {
	margin-right:1.36em;
	padding-right:0;
}


.mlintro ul li:first-child a,
.rlintro ul li:first-child a {
	border-top:0 !important;
}

.mlintro ul li:last-child a,
.rlintro ul li:last-child a {
	border-bottom:0 !important;
}

.mlintro ul:last-child li:first-child a,
.rlintro ul:last-child li:first-child a {
	border-top:1px dotted #ccc !important;
}

.ml-content p,
.rl-content p {
	padding-bottom: 0.6em !important;
}

.ml-content .section-wrap h2,
.rl-content .section-wrap h2 {
	font-size:2em;
}

.communications .content-wrap {
	border-top: 1px dotted #ccc !important;
	padding-top:1em !important;
	padding-bottom:1em !important;
	border-bottom:0;
}

.ml-content .mlthumb {
	margin:0 0 0.5em 0.5em;
}

.rl-content .mlthumb {
	margin:0 0.5em 0.5em 0;
}


.ml-key-left .img-float li:first-child {
	margin-right:1em;
}

.rl-key-right .img-float li:first-child {
	margin-left:1em !important;
}

.ml-key-left .img-float img {
	margin-right: 0.5em !important;
}

.rl-key-right .img-float img {
	margin-left: 0.5em !important;
}

.ml-key-left .img-float,
.rl-key-right .img-float {
	margin-top:1em;
}

.rl-key-left tr td:first-child,
.ml-key-right tr td:first-child {
	width:25% !important;
}

.r-l .table-data td {
	text-align:right !important;
}

.ml-key-right table.table-data {
margin-left: 0 !important;
}

.ml-key-right .table-data td {
	text-align:left !important;
}

.rl-key-right h3 {
	text-align:right;
}


.ml-key-right h4, .rl-key-left h4 {
	font-size: 1.2em;
	font-weight:500;
	display:block;
	width:100%;
	background-color:#efefef;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
	padding:10px 6px;
	margin:0;
}

.rl-key-left h4 {
	text-align:right;
	margin-right:-1% !important;
}

.ml-key-right h4 {
	text-align:left;
	margin-left:0;
}

.rl-key-right .section-bullets-right,
.rl-content .section-bullets-right {
	margin-top:1em;
	margin-bottom:0;
}

.ml-content ul.section-bullets,
.ml-key-left ul.section-bullets {
	padding-left:2em !important;
}

.rl-content ul.section-bullets-right,
.rl-key-right ul.section-bullets-right {
	padding-right:2em !important;
}

.mldownloadbox a.button, .rldownloadbox a.button {
	margin: 0 auto !important;
}

/* Helper class to turn block elements into inline */

	.no-block {
	display:inline !important;
	}

/* Helper class to set bottom margin */

	.mbottom1 {
	margin-bottom:1em;
}


/* fix for no-float links in retailer CIs */

.sandr .no-block {
	float:none !important;
}

/* remove arrow from 'read more' links */

a.read-more:after, .arrow-icon a:after, .twocolumn a:after {
	content:none !important;
}

a.read-more, .twocolumn a, .arrow-icon a {
	text-decoration:underline !important;
}

/* Fix alignment and text size on retailer pages */

.contact-location {
	padding-top:0;
	margin:0 !important;
}

.contact-location span {
	padding-left:0;
}

.contact-location p {
	padding-left:0 !important;
}

.contact-location a.dotted-block {
	margin-left:0 !important;
	padding-left:0 !important;
	margin-top:1em !important;
}

.services-list li {
	padding:0.5em 0 !important;
	font-size:1em;
}

.services-list li a {
	text-decoration:none;
}

.services-list li a:hover {
	text-decoration:underline;
}

.services-list li a:active {
	text-decoration:underline;
}

.services-list p {
	padding-bottom:0 !important;
}


/***** HIDE FLIGHT TIMETABLE COMPARE BUTTON *******/


.flight-timetable #result .btn-section {
	display:none !important;
	}




/** Fix links in portlets on company site **/

.about-portlet.portlet-content ul {
	width:97%;
	padding-bottom:0.5em;
}

div.about-portlet.portlet-content ul li:first-child a {
	border-top:0 !important;
}

div.about-portlet.portlet-content ul li:last-child a {
	border-bottom:0 !important;
}

/* Amounts and costs of debt bottom panel width  */

.portlet-wrap#notes {
	width:99.7%;
}

/** Stop iOS converting number string into callto link (phone number) -- add class notel to span or other containing element **/

.notel  {
	pointer-events: none;
}

.notel a {
	text-decoration: none;
	color: inherit;
}

/* Twitter feed alignment fix for noise site */

.twitter-feed {
	margin-bottom: 0 !important;
}

/** Correct space between paragraphs **/

.space-between p {
	margin-bottom:0.5em;
}

/* Flight details: fix airline logo size and position */

/* for desktop/tablet */

#flightdetails .flight-logo img {
	padding-bottom:0;
	padding-right:0;
	width:100%;
}

/* for mobile */

#flightdetails .flight-logo a:nth-child(1) {
	width:50%;
	margin-top:0.5em;
}


/* for airline pages */

.airlines-logo a:first-child {
	width: 55%;
	margin-bottom: 1em;
	max-width:140px;
	margin-right:2em;
}

.airlines-logo a:first-child > img {
	width:100%;
	height:auto;
} 

@media only screen and (max-width:659px) {
	
	.airlines-logo a:first-child {
		width:50%;
		max-width:250px;
	}
	
	.airlines-logo > img:nth-child(2) {
		display:none;  /*/ hides tailfin on mobile viewports/*/
	} 
	
	
}

/* For flight tracker maps */

	.flight-tracker .airways .airways-details ul img {
		max-width:250px;
}


/***  styles for responsible heathrow graphic bullets  ***/

ol.resp-lhr {
	font-size: 1.4em;
	list-style-type:none;
	margin-top:1em;
	max-width: 332px;
	float:none;
	padding:0 !important;
}


.resp-lhr li {
	padding-left:3em;
	background-position: 0 0;
	background-size: 10%;
	background-repeat: no-repeat;
	font-weight:550;
	margin-bottom:0.25em;
}

.resp-lhr #supporting {
	background-image: url('/file_source/Company/Images/Communityandenvironment/economic_icon.jpg');
	color: #7e5da4;
}

.resp-lhr #reducing {
	background-image: url('/file_source/Company/Images/Communityandenvironment/environmental_icon.jpg');
	color: #77b377;
	padding-bottom:0.3em;
	padding-top:0.25em;
	margin: 0.4em 0;

}

.resp-lhr #looking {
	background-image: url('/file_source/Company/Images/Communityandenvironment/passengers_icon.png');
	color: #647799;
}

.resp-lhr #supporting, .resp-lhr #reducing, .resp-lhr #looking {

	background:none\0/ !important;
	padding-left:0\0/ !important;

}

#supporting-block h2, #reducing-block h2, #looking-block h2 {

	background-size:15% !important;
	padding-left: 3em !important;
	font-weight:550 !important;
	background: none\0/ !important;

}

#supporting-block h2 {
	background: url('/file_source/Company/Images/Communityandenvironment/economic_icon.jpg') 0 0 no-repeat;
	color: #7e5da4;
}

#reducing-block h2 {
	background: url('/file_source/Company/Images/Communityandenvironment/environmental_icon.jpg') 0 0 no-repeat;
	color: #77b377;
}

#looking-block h2 {
	background: url('/file_source/Company/Images/Communityandenvironment/passengers_icon.png') 0 0 no-repeat;
	color: #647799;

}

.subsection {
	border-bottom:1px solid #efefef;
	padding-bottom:0.75em;
}

.contents-box .subsection:last-child {
	border-bottom:none;
}

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

	#supporting-block h2, #reducing-block h2, #looking-block h2 {
		background:none;
		color:white;
		padding:0.3em 0 0.3em 0.3em !important;
	}

	#supporting-block h2 {
		background-color: #7e5da4;
	}

	#reducing-block h2 {
		background-color: #77b377;
	}
	#looking-block h2 {
		background-color: #647799;
	}

	#rh-img {
		float:none;
		display:block;
		width:100%;
		margin-top:2em;
	}
}


@media screen and (min-width:660px) and (max-width:1130px) {

	#supporting-block h2, #reducing-block h2, #looking-block h2 {
		padding-left:0 !important;
		background-image: none;
		font-weight: 550;
	}
}

/** business page alignment fixes **/

.bizpage .small-3 {
	padding-left:1em;
	padding-right: 1em;
}

.air-guide-middle.biz2 {
	padding-right:0.3em !important;
	background:0;
}

.biz2 .air-middle-content {
	background-color:white;
	display:block;
	min-height:29em;
	border:1px solid #cfcfcf;
}

.biz2 .rwds {
	box-shadow:none;
	border:1px solid #cfcfcf;
}

.biz2 .a-styl-1 {
	border-bottom: 1px dashed #a3a3a3 !important;
	border-top: 1px dashed #a3a3a3 !important;
	display:block !important;
	margin-bottom: 0.5em !important;

}

.rwds h2, .rwds p, .rwds a.a-styl-1 {
	margin-left:0.7em !important;
}

.biz2 {
	background-color:white !important;
}

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

	.biz2 .air-middle-content {
		margin-right:0.8333em !important;
	}
	.biz2 .rwds-wrap {
		padding-left:0;
	}
	.rwds a.a-styl-1 {
		margin-left:0 !important;
	}

}


/***** FAQs non-accordion page styles ******/

.faq-main-links li, .faq-main-links ul {
	padding:0 !important;
}

.faq-main-links li a {
	display:block;
	color:#7e5da4;
	background-color:white;
	font-family: "FrutigerLTStd45Light",Helvetica,Arial,sans-serif !important;
	font-weight:400;
	width:100%;
	font-size: 1.56em !important;
	text-decoration:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom: 1px solid #e8e8e8;
	margin:0;
}

.faq-main-links li a:hover {
	background: none repeat scroll 0% 0% #e8e8e8;
	cursor:pointer;
	cursor:hand;
}




/****  Commuting to Heathrow styles ****/

#commuter .portlet-wrap h2 {
padding-top: 0.5em;
padding-left: 0.5em;
font-weight:400;
color:#462170;
margin-left:0;
}

#commuter .portlet-content p {
margin: 0 0.5em !important;
padding-left:0 !important;
}


/***** Blue panel style  *****/

.blue-panel {
	background: none repeat scroll 0% 0% #DDE8FC !important;
	padding: 1em !important;
	display: block;
	width:100%;
	margin:1em 0;
	border: 0 !important;
}

/***** latest destinations panels *****/

.inner-cities {
	margin-bottom:1em !important;
	margin-right:8px;
	width:24.3%;
	width:23.955%\0/;
	}

.inner-cities.ie-no-mright {
	margin-right:0 !important\0/;
}

.city-wrapper div.inner-cities:nth-of-type(4n),  #lhr-security .city-wrapper a:nth-of-type(4n) div.inner-cities {
	margin-right: 0 !important;
}

.inner-cities > div {
	min-height:96px !important;
}

.inner-cities > div h2 {
	padding-bottom: 0 !important;
}

.inner-cities a {
	text-decoration:underline;
}



/***** security page *****/

#lhr-security .security-baggage {
	clear:both !important;
}

#lhr-security .inner-cities {
	border: 1px solid #333;
}

.prepare-security img {
	margin-top: -0.3em;
}

#lhr-security .city-wrapper > a, #lhr-security .city-wrapper > a:visited {
	display: inline !important;
	float: none !important;
	text-decoration: none !important;
	color:white !important;
}



#lhr-security .city-wrapper > a:hover h3,  #lhr-security .city-wrapper > a:hover p, #lhr-security .city-wrapper > a:active h3,  #lhr-security .city-wrapper > a:active p {
	text-decoration: underline !important;
	color:white !important;
}

#lhr-security .inner-cities h3 {
	color:white !important;
	font-size:2em;
	margin-bottom:0.3em;
}

#lhr-security .cities {
	background: #000 none no-repeat 0 0 !important;
	filter: alpha(opacity=100);
}

#lhr-security img.alert {
	width:2.7em;
	margin:-4px 0.5em 4em;
	float:left;
	display:block;
	height:auto;
}



/**** sustainability pages ****/

.perfkey {
	display:block;
	float:left;
	width:30%;
	max-width:200px;
	margin-bottom:1em;
}

.perfkey img {
	margin-right: 0.5em;
}

.intro-text {
	font-size:1.15em !important;
	line-height:1.35em !important;
}



/************** Terminal AZ page and store listings/list view: alignment fixes **********************/


.fs-one-column-display > .large-16:first-child > ul {
	margin-left: -0.5em !important;
	margin-top:1em !important;
}

.fs-one-column-display .large-16.shops-list h3 {
	margin-left: -0.2em !important;
	padding: 1.25em 0 1.2em 0 !important;
}

.fs-one-column-display .large-16.shops-list ul {
	margin-left:0.2em !important;
}

.fs-one-column-display .large-16.shops-list ul {
	padding-left:0 !important;
}

.fs-one-column-display ul li a {
	padding: 0.8em 0.95em 1em 0.72em !important;
}

.one-column-display.shops-a-z .large-13.alphabets {
	margin-left: -0.6em !important;
}

.one-column-display.shops-a-z .large-13.alphabets li a {
	padding: 0.9em 1em 1em 1.1em !important;
}

.large-16.shops-list h3 {
	margin-left: -0.25em;
	padding: 1.2em 0 1.25em 0em !important;
}

.large-16.shops-list ul {
	margin-left: -0.15em;
}

.fs-one-column-display .list-alphabet li a {
	padding-left:0 !important;
}

/*****************  fix logo alignment in app promo  **********************/

.mobileapp .small-box-8.portlet-content {
	width:66.6667% !important;
}

/***** no purple headings in parking page ***/

.parking-options h2 {
	color:inherit;
}

/***** IE8 hack to correct floated image size *******/

.imageright {
	width:auto\0/;
	padding-right:0 !important;
}

/************* simple 'clear' class *************/

.clear {
	clear:both !important;
}

/**************  Fix table caption spacing **********/

.section-wrap caption {
	line-height:2em;
}


/********* Fix table cell alignment in IE ************/

.contentpagewrapper table td {
	text-align:left !important;
}

/**** small print ****/

.smallprint {
	line-height: 1.3em;
    font-size: 0.8em;
}


/********* airline page alignment fixes ************/

.airline-btm p.foot-note {
    font-size: 0.8em;
    line-height: 1.2em;
    background-color: #F8F8F8;
    margin: 1em 0;
    margin-bottom: 1em;
    padding: 1em;
}

.airline-btm h4 {
	padding-left:0 !important;
	margin-top:1em;
}

.airline-btm a.dotted-block {
	margin:0 0 2em 0 !important;
}


/**** Contact us page styles *****/

.mainphone span {
	font-size:1.8em !important;
	color:#462170 !important;
	font-weight:bold !important;
	line-height:1.5em !important;
}

.mainphone abbr {
	text-indent:400%;
	white-space:nowrap;
	overflow: hidden;
	background:url(/file_source/Heathrow/Images/regular/icons/phone-icon-24.png) 0 4px no-repeat;
	display:inline-block;
	border:none;
	float:left;
	padding:1.1em;
	padding-right:0;
	width:30px;
}

ul.subphone {
	margin-top:1em !important;
}

ul.subphone li, ul.subphone li a {
	padding-bottom:0.5em !important;
}

.biggertext {
	font-size:1.2em !important;
}

.postal-addr a {
	margin-left:0 !important;
}

.contactmorelinks {
	padding-left:1em !important;
	margin-top:1em;
}

.contactmorelinks li {
	display:block;
	float:left;
	margin-right: 2em;
}

.contactmorelinks li a {
	border:0;
	width: 100px;
}

.contactmorelinks abbr {
	border-bottom:0 !important;
}

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

	#other div.small-6:nth-child(3) > ul > li:first-child > a:first-child {
		border-top:0;
		margin-top:-0.75em;
	}
	
}

/********** Purple overlay styles *********/

.news-headline a[href$=".pdf"],.news-headline a[href$=".PDF"],.news-headline a[href$=".Pdf"] {
	padding:0 0 .5em!important;
	background:0 0;
}

.news-headline a span:hover,.news-headline a:hover {
	text-decoration:underline
}
.news-headline a strong {
	color:#fff;
	margin-left:.5em;
	padding:.4em 1.3em;
	background:url(../Images/regular/icons/lhr-icon-banner-cta.png) no-repeat left;
	display:block;
	font-size:1.4em;
	font-weight:400
}

.news-headline {
	background:none repeat scroll 0 0 rgba(70,33,112,.8);
	bottom:0;
	color:#FFF;
	left:0;
	width:100%
}
.news-headline a {
	color:#fff;
	border:none;
	padding-top:0
}
.news-headline h2 {
	color:#fff;
	margin-left:.7em;
	padding:.4em 1.2em;
	background:url(../Images/regular/icons/lhr-icon-banner-cta.png) no-repeat left
}
.news-headline span {
	padding:0 1em 0 2.5em;
	float:left
}
/***** corp home page banner ****/

.banner-inner.corp-hp h2 {
	margin-bottom:0.35em !important;
}

.banner-inner.corp-hp p {
	margin-bottom:1em;
 }

 .banner-inner.corp-hp .arrow-icon {
		min-width:12.5em !important;
	}

@media only screen and (min-width:830px) {

	.banner-inner.corp-hp {
		max-width:36%;
	}

}




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

	.banner-inner.corp-hp {
		margin-top:2em;
		margin-left:1em;
	}

	.banner-inner.corp-hp .arrow-icon {
		background: #e8e8e8;
		padding: 1em 1em 1em 1.4em;
		margin:.5em 0;
	}
}


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

	.banner-inner.corp-hp {
		margin-top:0.5em;
		background:rgba(0,0,0,0.4);
	}
	.banner-inner.corp-hp .arrow-icon {
		width:97%;
	}

	.new-approach .bx-viewport {
		min-height:166px !important;
		background-color:#000 !important;
	}
}

/***** MEDIA QUERY x 2: FIX LATEST DESTINATIONS BREAKPOINTS ******/

@media only screen and (min-width:661px) and (max-width:1275px) {

	.inner-cities {
		width:49.1%;
		margin-right: 10px;
		float:left;
	}

	.city-wrapper div.inner-cities:nth-of-type(even), #lhr-security .city-wrapper a:nth-of-type(even) div.inner-cities {
		margin-right: 0 !important;
		float:right !important;
	}

}

@media only screen and (max-width:660px) {
	.inner-cities {
	float:none !important;
	width:100%;
	}

	.inner-cities > div h2, .inner-cities > div p {
		font-size:1.8em !important;
		line-height:1em;
	}

	.inner-cities > div h2 {
		margin-bottom:0;
		margin-left:0.5em !important;
	}

	.inner-cities > div p {
		margin-bottom:1em;
	}

}

/***** MEDIA QUERY x 2: SECURITY BREAKPOINTS ******/

@media only screen and (min-width:661px) and (max-width:1275px) {

	#lhr-security	.inner-cities {
		width:48%;
		}

	#lhr-security .inner-cities > div  {
		max-width:90%;
		margin:0 auto;
		}

	#lhr-security .inner-cities > div p  {
		font-size: 1.4em;
		}
}

/** CORRECT VERTICAL ALIGNMENT FOR LOGO PROMOS **/


@media only screen and (min-width: 661px) {
	.small-box-8.columns.logobox {
		margin-top: 5% !important;
	}
}


@media only screen and (max-width: 660px) {
	.small-box-8.columns.logobox {
		margin-top: 10%;
	}
}

/******** links to buttons in store listings ********/

.sandr.first-time-info p.clearfix a[href^="http://boutique.heathrow.com"] {
    border-bottom: none;
    padding: 1em 0.5em;
    min-height: 3em;
    display:block;
    width: 80%;
    float: none;
    margin: 1em auto;
    background-color: #7e5da4;
    font-size: 1em;
    text-decoration: none;
    color: white;
    text-align: center;
    line-height: 1;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.sandr.first-time-info p.clearfix a:hover[href^="http://boutique.heathrow.com"],
.sandr.first-time-info p.clearfix a:focus[href^="http://boutique.heathrow.com"],
.sandr.first-time-info p.clearfix a:active[href^="http://boutique.heathrow.com"] {
    background-color: #522981;
    text-decoration: underline;
    color: white;
}

.lt-ie9 .sandr.first-time-info p.clearfix a[href^="http://boutique.heathrow.com"] {
    min-height: 1em;
}

/* 	GENERAL MEDIA QUERY: TABLET AND DESKTOP ONLY */

@media screen and (min-width:660px) {

	/* multilingual alignment fixes */
	.mlintro img {
		margin:0 0 0.5em 1em;
		width:auto;
	}


	.width50 {
		width:50% !important;
	}


	.rlintro img {
		margin:0 1em 0.5em 0;
		width:auto;
	}

	body.r-l .outer-wrapper {
		float:none !important;
	}

	body.r-l header ul.small-9 {
		width:75%;
	}

	.communications h3 {
		padding-right:1em !important;
	}

}

/* 	GENERAL MEDIA QUERY: MOBILE ONLY */

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

/* multilingual alignment fixes */

	.mlintro img, img.mlthumb {
		margin-left:0;
		width:100% !important;
	}


	.rlintro img {
		margin-right:0;
		width:100% !important;
	}

	.rl-content .mlthumb {
		float:none;
		padding-right:0;
		margin-right:0;
	}

	.rlintro ul.airport-amenities {
	float:right !important;
	}

	.rlintro p.black20 {
	padding-right: 1em !important;
	}

	.mlintro ul:first-child,
	.rlintro ul:first-child {
		padding-bottom:0 !important;
	}

	.ml-key-right .table-data {
		margin-left:0 !important;
		text-align: left !important;
	}

	.rl-key-left .table-data {
		margin-right:0 !important;
		text-align: right !important;
	}


	.rl-key-left tr td:first-child {
		width:35% !important;
		text-align:right !important;
	}

	.ml-key-right tr td:first-child {
		width:35% !important;
	}


	.communications .content-wrap {
		border-bottom: 0 !important;
	}

	.ml-content.shadow-wrapper {
		padding-left:1em !important;
	}

	.rl-content.shadow-wrapper {
		padding-right:1em !important;
	}

	.rldownloadbox {
		padding-right:0!important;
	}

	.rldownloadbox ul.linkbullets.nopadright {
	padding-right: 0.3em !important;
	}

	.rlintro {
		padding-right:0 !important;
		padding-left:0 !important;
	}

	.r-l #conn, .r-l #arr {
	padding-right: 1.5em !important;
	}

	.ml-content.moblie-top p.clearfix,
	.rl-content.moblie-top p.clearfix {
	height:200px;
	overflow:hidden;
	}

	/* Amounts and costs of debt mobile alignment fix */

	.cost-debt .portlet-wrap {
		margin-left: 0.8em !important;
		width:98%;
	}

	.cost-debt .portlet-wrap .section-wrap.shadow-box {
		box-shadow: 0 1px 5px 1px;
	}

}

/************** No routes found on 'fly with' panels **********/

.fly-with fieldset.error {
	background-color: white !important;
}

.fly-with #errorSpanPlan a {
	color: #666 !important;
}


/********* Footer style for phone number disclaimer ***********/

#phonedisclaimer {
    font-size:0.75em;
    display:block;
    width: 21em;
    line-height:  1.3em;
	clear:both;
}

/********* Phone number disclaimer -- contact us page ***********/

.mainphone #phonedisclaimer {
    width:100%;
	margin-top:1.5em;
	font-size:0.7em !important;
	color: #333 !important;
	font-weight:normal !important;
	letter-spacing: 1px;
}


/************* Fix for PDF icon buttons ******************/

a.button[href$=".pdf"], a.button[href$=".PDF"], a.button[href$=".Pdf"] {
    background-color: #7E5DA4 !important;
	padding: 0.913em !important;
}

a.pdf-icon.button {
    text-decoration: none !important;
    background-image: url(/file_source/Heathrow/Images/icons/pdf-file-icon-reverse.png) !important;
    background-position: 90% -50% !important;
	transition: background-position 300ms ease-out 0s !important;
}

a:hover.pdf-icon.button, a:focus.pdf-icon.button, a:active.pdf-icon.button {
     background-color: #522981 !important;
     transition: background-color 300ms ease-out 0s !important;
	 background-position: 90% -23px !important;
	 text-decoration:underline !important;
}




/************* Heathrow Academy styles ****************/



p.strapline {
	font-size:1.6em !important;
	line-height: 1.2em;
	font-family: "FrutigerLTStd45Light",Helvetica,Arial,sans-serif;
	color:#666;
}

#aContact .telephone-icon {
	background: url(/file_source/Heathrow/Images/icons/telephone.png) 0 0 no-repeat;
	display:inline-block;
	margin-right:1em;
	margin-top:0;
	padding: 0.25em;
	float: left;
}

@media only screen and (max-width:1159px) {
	#aContact .telephone-icon {
		width:100%;
	}
}

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

	#aContact .small-3.f-left.m-left.clear {
		width:100%;
	}
	
	#aContact .small-5.f-left {
		margin: 0.3em 0 1em 0.95em;
		width:100%;
	}

}

@media only screen and (max-width:660px) {
	#aContact .small-7.f-left {
		margin-top:1.2em;
	}

}

#aContact .mail-icon {
	padding-left: 2.2em !important;
	border: 0px none !important;
}

#aContact imageright {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

#aContact.portlet-wrap a.button {
	margin-bottom: 0px !important; 
}

@media only screen and (max-width: 534px) {
	#aContact .small-5.imageright {
		float:none;
		display:block;
		width:75%;
		margin: 0.5em auto !important;
	}
	
	#aContact.portlet-wrap a.button {
		margin:0.5em !important;
	}
}



section.recruitment a, section.apprenticeship a, section.development a {
	color:white;
	text-decoration:none;
	border:0px none;
}


section.recruitment a:hover, section.apprenticeship a:hover, section.development a:hover, section.recruitment a:focus, section.apprenticeship a:focus, section.development a:focus, section.recruitment a:active, section.apprenticeship a:active, section.development a:active {
	text-decoration:underline;
}

section.recruitment span, 
section.apprenticeship span, 
section.development span {
	padding: 0.5em;
	border: 0;
	background-position: 0.5em 0.5em;
	background-repeat:no-repeat;
	padding-left: 2em;
	color: white;
	font-size: 1.4em;
    display: block;
	margin-bottom: 0.8em;
}

section.recruitment span {
	background-color: #727e8a;
	}
	
	section.apprenticeship .dept-lounge {
		margin-left:3px;
	}
	
section.apprenticeship span {
		background-color: #9e147a;
	}

	section.development .dept-lounge {
		margin-left:5px;
	}
	

section.development span {
		background-color: #462170;
	}

section.recruitment span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-grey.png');
	}

section.apprenticeship span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-cerise.png');
	}

section.development span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-purple.png');
	}

#aContact p {
	font-size: 0.8em;
	padding-left: 0.95em;
}

#aContact .address-line-1 {
	font-size: 1.2em;
	margin-bottom:0;
	padding-bottom:0;
	display:block;
}

.academystrap {
    width:99.7%;
background:url(/file_source/Company/Images/Heathrowjobs/Academy/academy-background.gif) 0 -9px repeat-x;
clear:both;
height:72px;
margin-bottom:1em;
border-top:10px solid white;
}

.academystrap img {
    display:inline-block;    
    padding:2px 0 6px 6px;
    height:64px;
   width:auto;
}

.academystrap img.imageright {
	display:inline !important;
	height:50px !important;
}


.academystrap.twocol {
	width:100%;
	margin-bottom:0;
}

@media only screen and (max-width:659px) {
	.academystrap {
		width:100%;
	}
	
	.academystrap img.imageright {
		display:none !important;
	}
}

p.strapline {
	font-size:1.6em !important;
	line-height: 1.2em;
	font-family: "FrutigerLTStd45Light",Helvetica,Arial,sans-serif;
	color:#666;
}

#aContact .telephone-icon {
	background: url(/file_source/Heathrow/Images/icons/telephone.png) 0 0 no-repeat;
	display:inline-block;
	margin-right:1em;
	margin-top:0;
	padding: 0.25em;
	float: left;
}

@media only screen and (max-width:1159px) {
	#aContact .telephone-icon {
		width:100%;
	}
}

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

	#aContact .small-3.f-left.m-left.clear {
		width:100%;
	}
	
	#aContact .small-5.f-left {
		margin: 0.3em 0 1em 0.95em;
		width:100%;
	}

}

@media only screen and (max-width:660px) {
	#aContact .small-7.f-left {
		margin-top:1.2em;
	}

}

#aContact .mail-icon {
	padding-left: 2.2em !important;
	border: 0px none !important;
}

#aContact imageright {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

#aContact.portlet-wrap a.button {
	margin-bottom: 0px !important; 
}

@media only screen and (max-width: 534px) {
	#aContact .small-5.imageright {
		float:none;
		display:block;
		width:75%;
		margin: 0.5em auto !important;
	}
	
	#aContact.portlet-wrap a.button {
		margin:0.5em !important;
	}
}

#academyIntro p {
	margin-bottom:0.5em;
	width:100%;
}

@media only screen and (min-width:997px) {
#academyIntro p {
	padding-right:28%;
	}
}

section.recruitment a, section.apprenticeship a, section.development a {
	color:white;
	text-decoration:none;
	border:0px none;
}


section.recruitment a:hover, section.apprenticeship a:hover, section.development a:hover, section.recruitment a:focus, section.apprenticeship a:focus, section.development a:focus, section.recruitment a:active, section.apprenticeship a:active, section.development a:active {
	text-decoration:underline;
}

section.recruitment span, 
section.apprenticeship span, 
section.development span {
	padding: 0.5em;
	border: 0;
	background-position: 0.5em 0.5em;
	background-repeat:no-repeat;
	padding-left: 2em;
	color: white;
	font-size: 1.4em;
    display: block;
	margin-bottom: 0.8em;
}

section.recruitment span {
	background-color: #727e8a;
	}
	
	section.apprenticeship .dept-lounge {
		margin-left:3px;
	}
	
section.apprenticeship span {
		background-color: #9e147a;
	}

	section.development .dept-lounge {
		margin-left:5px;
	}
	

section.development span {
		background-color: #462170;
	}

section.recruitment span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-grey.png');
	}

section.apprenticeship span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-cerise.png');
	}

section.development span {
		background-image: url('/file_source/Company/Images/Heathrowjobs/Academy/arrow-bullet-purple.png');
	}
	
	
	.aQuote.mainpage {
	position:relative;
	width: 40%;
	margin-top: 0 !important;
	float:right;
	display:block;
	margin-left:0.8em;
}

.aQuote {
	margin-bottom: 1em;
}

.aQuote blockquote {
	margin:0 !important;
	padding:1em 0 !important;
}


.aQuote figure {
	padding: 1em 4.5em;
	font-size: 1.2em;
	line-height: 1.4em;
	background-position: top left, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size:20%, 20%;
}

@media only screen and (min-width:660px) and (max-width:760px) {
	.aQuote figure {
		padding: 1em 3em;
	}
}



@media only screen and (max-width:659px) {
	.aQuote figure {
		padding: 1em 9em;
	}
	
}

@media only screen and (max-width:550px) {
	.aQuote figure {
		padding: 1em 8em;
	}
	
}

@media only screen and (max-width:475px) {
	.aQuote figure {
		padding: 1em 7em;
	}
	
}

@media only screen and (max-width:395px) {
	.aQuote figure {
		padding: 1em 5.5em;
	}
	
}


.aQuote.grey figure {
	background-color: #727e8a;
	background-image: url(/file_source/Company/Images/Heathrowjobs/Academy/grey-quote-top.png), url(/file_source/Company/Images/Heathrowjobs/Academy/grey-quote-bottom.png);
}



.aQuote.pink figure {
	background-color: #9e147a;
	background-image: url(/file_source/Company/Images/Heathrowjobs/Academy/pink-quote-top.png), url(/file_source/Company/Images/Heathrowjobs/Academy/pink-quote-bottom.png);
}


.aQuote.purple figure {
	background-color: #462170;
	background-image: url(/file_source/Company/Images/Heathrowjobs/Academy/purple-quote-top.png), url(/file_source/Company/Images/Heathrowjobs/Academy/purple-quote-bottom.png);
}


.aQuote blockquote p {
	color:white;
}

.aQuote figcaption p {
	font-size: 0.8em;
	color: white;
	font-weight: bold;
	font-style: italic;
}

@media only screen and (min-width: 780px) {
	.aQuote.mainpage figure {
		padding: 1em 6em !important;
	}
}

@media only screen and (max-width: 780px) and (min-width:660px) {
	.aQuote.mainpage figure {
		padding: 1em 4.5em !important;
	}
}


#aContact p {
	font-size: 0.8em;
	padding-left: 0.95em;
}

#aContact .address-line-1 {
	font-size: 1.2em;
	margin-bottom:0;
	padding-bottom:0;
	display:block;
}


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

	section.recruitment, section.apprenticeship, section.development {
		width:100%;
	}
	
	section.recruitment .dept-lounge, section.apprenticeship .dept-lounge, section.development .dept-lounge {
		margin-left:0;
	}

	section.recruitment img, section.apprenticeship img, section.development img {
		display:none;
	}
	section.recruitment span, section.apprenticeship span, section.development span {
		padding-top:1em;
		padding-bottom:1em;
		background-position:0.5em 1em;
	}
	
	.aQuote {
		width: 100% !important;
		margin-bottom:1em;
	}

}

.explainers .explainer {
	display:block;
	margin-left:1em;
	font-style: italic;
}


#app-chart {
	float:none;
	width:100%;
	margin-bottom:1.2em;
}

#app-chart div {
	display:block;
	min-height:3em;
	padding-top:0.8em;
	padding-left:1em;
	font-weight:bold;
	color:white;
	margin-bottom:0.3em;
}

#app-chart div span {
	float:right;
	padding-right:1em;
}

#app-chart #level2 {
	background-color:#8f75ad;
	width:72.22222222222222%;
}

#app-chart #level3 {
	background-color:#704896;
	width:83.33333333333333%;
}

#app-chart #level4 {
	background-color:#583485;
	width:100%;
}

@media only screen and (min-width:674px) and (max-width:707px) {
	#app-chart div span {
		display:block;
		float:none;
	}
}

@media only screen and (max-width:474px) {
	#app-chart div span {
		display:block;
		float:none;
	}
}
