@charset "utf-8";
/* AFerry Engine: "afeng_" */

/*	---------------------------------------------------------------------------------
	AFerry Colours
	GREY											REAL
	-------------------------------------	-------------------------------------------- */
/*	AFerry Dark Blue #505050						AFerry Dark Blue #005684
	AFerry Mid Blue #bababa (#bababa)				AFerry Mid Blue #0099cc (#09c)
	AFerry Light Blue #aeaeae						AFerry Light Blue #81b5d8
	AFerry Light Blue 2 #ebebeb						AFerry Light Blue 2 #e0ecf7
	AFerry Strapline blue #e1e1e1					AFerry Strapline blue #c6effe
	AFerry Light Blue Zebra Stripe #eaeaea			AFerry Light Blue Zebra Stripe #edf3f8
	AFerry Light Grey Background #F5F5F5			AFerry Light Grey Background #F5F5F5
	AFerry Dark Yellow #d4d4d4						AFerry Dark Yellow #fdcc1a
	AFerry Yellow Border/Focus #e8e8e8				AFerry Yellow Border/Focus #fee594


	AFerry currency button BG yellow #c6c6c6		AFerry currency button BG yellow #fdb913
	AFerry currency button border yellow #c0c0c0	AFerry currency button border yellow #fcaf17
	Body Grey #444									Body Grey #444
	Dotted Border #bbb								Dotted Border #bbb
	Forms Text #494949								Forms Text #494949
	Forms Border #c0c0c0							Forms Border #c0c0c0
	Forms Invalid #b01f25							Forms Invalid #b01f25
	Button Green #44a13f							Button Green #44a13f
*/


/*body { background-color: dodgerblue!important; }  /* for engine testing only */


 
/*	-------------------------------------------------------
	Keyframes for GEM 14189: swirly-loading-anim  (shoud not go inside media query)
	------------------------------------------------------- */
	
@-webkit-keyframes swirly-svgz {
	100% { background-position: -384px; opacity: 1;} /* background-position will be total width of sprite */
	}
@-moz-keyframes swirly-svgz {
	100% { background-position: -384px; opacity: 1;}
	}
@-o-keyframes swirly-svgz {
	100% { background-position: -384px; opacity: 1;}
	}
@keyframes swirly-svgz {
	100% { background-position: -384px; opacity: 1;}
	}



/*	--------------------------------------------
	NOTE: Specify media query for 0px and up
	Helps brand over-rides for CORE 2016
	-------------------------------------------- */	
@media screen and (min-width: 0em) {

/*#afeng_single-ret-options {
  float: right;
  margin: 0 0 0.3em;
  overflow: hidden;
  width: 100%;
}*/
#afeng_single-ret-options {
  float: right;
  margin: 0 0 0.3em;
  width: 100%;
}

/*	-----------------------------------
	Generic styles, for some elements outside of .afeng_eng1, eg popups
	------------------------------------ */
.afeng_cntn-engine input, 
.afeng_cntn-engine textarea, 
.afeng_cntn-engine button, 
.afeng_cntn-engine select {
	font-size: 100%;
	line-height: normal;
	margin: 0;
	vertical-align: baseline;
	float: none;
}
/*	--------------------------------------------
	AFENG Engine-specific resets
	-------------------------------------------- */
.ui-helper-hidden-accessible { 
	position: absolute; 
	left: -999em;
}
.afeng_eng1 *, 
.afeng_eng1 *:before, 
.afeng_eng1 *:after,
#ui-datepicker-div *, 
#ui-datepicker-div *:before, 
#ui-datepicker-div *:after {
	box-sizing: border-box; 
	margin: 0;
	padding: 0;
	border: 0;
	}
.afeng_eng1 {	/* wrapper for all engine-related stuff */
	width: 100%;
	}
.af_row .afeng_eng1 {
	margin-bottom: 5px;	 
}
.afeng_cntn-engine { /* the actual widget */
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	font-size: 16px; /* stops cascade */
	color: #444;
	margin: 1em auto;
	background-color: #d4d4d4;
/*	padding: .6em .75em;*/
	padding: .5em;
	border: 3px solid #e8e8e8;
	height: auto;

	-webkit-border-radius: .313em; 
		 -moz-border-radius: .313em; 
			border-radius: .313em; 
	position: relative;
	display: block; 
	width: 100%;
	}
.afeng_eng1 h1,
.afeng_eng1 h2,
.afeng_eng1 h3,
.afeng_eng1 h4 {
	margin: 0;
	padding: 0;
	}
.afeng_eng1 article, 
.afeng_eng1 section {
	display: block;
	}
.afeng_eng1 sub, 
.afeng_eng1 sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}
.afeng_eng1 sup {
	top: -.5em;
	}
.afeng_eng1 sub {
	bottom: -.25em;
	}
.afeng_eng1 b, 
.afeng_eng1 strong {
	font-weight: bold;
	}
.afeng_eng1 label {
	-webkit-user-select: none;	
	-moz-user-select: none;	
	-ms-user-select: none;	
	user-select: none;
	}
.afeng_eng1 label.afeng_radiolab,
.afeng_incTrailerBlock label {
  font-size: 0.843em;
  margin-right: 0.3em;
}
input[type="checkbox"] + label, 
input[type="radio"] + label {
  margin: 0;
  min-width: auto;
  width: auto;
}
.popup input[type="checkbox"] + label, 
.popup input[type="radio"] + label {
	margin: 0;
	min-width: auto;
	width: 80%;
	float: left;
	display: block;
}


.afeng_eng1 input,
.afeng_eng1 textarea,
.afeng_eng1 button,
.afeng_eng1 select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
	background-color: #fff;
	-webkit-appearance:none;
	-webkit-border-radius: 0;
	/*min-height: auto;*/
}
.afeng_eng1 input[type="radio"] {
	-webkit-appearance: radio !important;
}
/*.afeng_eng1 #numAdults, 
.afeng_eng1 #numChildren {
	height: 2.4em !important;
}*/

.afeng_eng1 *[id^="numAdults"],
.afeng_eng1 *[id^="numChildren"] {
	height: 2.4em !important;
}







.afeng_eng1 button,
.afeng_eng1 html input[type="button"],
.afeng_eng1 input[type="reset"],
.afeng_eng1 input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	}
.afeng_eng1 textarea {
	overflow: auto;
	}

/* --------------------------------------------
	 input, select, textarea
-------------------------------------------- */
.afeng_eng1 input, 
.afeng_eng1 select, 
.afeng_eng1 textarea {
	border: 1px solid #444;
	color: #444;
	height: 2.4em;
	outline: medium none;
	padding: .25em;
	width: 100%;
	cursor: pointer;	
	}
.afeng_eng1 input.afeng_calSelDate {/* 10089 */
  width: 80%;
  margin-left: 20%;
}

.afeng_eng1.routeOnly {
    position:relative;
}

/* --------------------------------------------
	 input select
-------------------------------------------- */
.afeng_eng1 select {
	box-shadow: none;
	outline: medium none;
	-webkit-appearance: menulist !important;
	}
/* --------------------------------------------
	 input focus
-------------------------------------------- */
.afeng_eng1 input:focus {
	background-color: #edf3f8;
	}
.afeng_eng1 input[type="radio"]:focus {
	background-color: transparent;
}
/* --------------------------------------------
	 input invalid
-------------------------------------------- */
.afeng_eng1 input:invalid {
	border: 2px solid #b01f25;
	box-shadow: none;
	outline: medium none;
	}
/* --------------------------------------------
	 option
-------------------------------------------- */
.afeng_eng1 option {
	padding: 5px;
	}
/*	--------------------------------------------
	button
	-------------------------------------------- */
.afeng_eng1 button,
.afeng_eng1 .afeng_btn {
	background-color: #44a13f;
	border: 0 none;
	border-radius: .313em;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0 .75em;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
	clear: both;
	height: 2.5em;
	font-family: Arial, sans-serif;
	}
.afeng_eng1 .afeng_btn1:hover,
.afeng_eng1 .afeng_btn1:active {
	background-color: #0c7129;
}
.afeng_disabled {
	background-color: rgba(180,180,180,.8)!important;
	color: #d1d1d1;
}
.afeng_eng1 button + p {
	margin: .938em 0 0 0;
	}
.afeng_sprite,
#ui-datepicker-div .ui-icon { /* sprite for aferry engine */
	background-image: url(../img/coreeng.svgz);
	/*background-image: url(../img/coreeng-ie.png)\9;*/
	background-repeat: no-repeat;
	background-size: 700px 500px;
	border: medium none!important;
	display: block;
	float: left;
	padding: 0;
	text-indent: -999em;
	margin: 0 .2em;
	}
#ui-datepicker-div .ui-icon {
	margin: .2em;
	}
.afeng_eng1 a {	/* ALL links in engine */
	font-size: 1em;
	text-decoration: none;
	color: inherit; /*core feb2016*/
	border-bottom: 1px dotted #444;
	}
.afeng_eng1 .afeng_btn2 {
	background-color: #aeaeae;
	}
.afeng_eng1 .afeng_btn3 { /* currency button */
	background-color: #c6c6c6 ;
	border: 1px solid #c0c0c0 ;
	margin: 0;
	padding: .6em 3em .8em .5em; 
	font-size: .98em;
	width: 100%;
	}
.afeng_eng1 .afeng_cntn-vehicle button {
  float: none;
  margin-right: 0;
}
.afeng_eng1 .afeng_btn3:hover {
	text-decoration: none;	
	background-color: #e8e8e8;
	}
 .afeng_btn em {
	color: #505050;
	font-weight: bold;
	margin: 0 .6em 0 0;
	}
.afeng_currencyHold {
	position: relative;
	}
.afeng_selPicker {	
	width: 100%;
	position: relative; 
	background: none; 
	overflow: hidden;
	margin: .05em 0 .5em 0 ;
	}
.detailRemindText.afeng_hasTooltip {
  /*margin-top: -0.5em;*/
}
#af_searchBuy { margin-bottom: 1em; }

/* original 
.afeng_eng1 input[type=number]::-webkit-inner-spin-button, 
.afeng_eng1 input[type=number]::-webkit-outer-spin-button { /* hide spinners 
	-webkit-appearance: none; 
	margin: 0; 
	}
.afeng_eng1 input[type=number] { -moz-appearance: textfield; /* same fix, but for FF29  }
*/

/* less specific, so works for popups too: */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { /* hide spinners */
	-webkit-appearance: none; 
	margin: 0; 
	}
input[type=number] { -moz-appearance: textfield; /* same fix, but for FF29 */ }

label.afeng_h2 {
	color: #555;
	/*display: block; remove 10089*/
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .1em;
	width: 100%;
	}
/*.afeng_childAgeBlock,
.afeng_kidsBG,
#afeng_vehicleSummary,
#afeng_trailerSummary {
	background-color: #e8e8e8;
	display: block;
	overflow: hidden;
	}*/
.afeng_childAgeBlock,
.afeng_kidsBG,
*[id^="afeng_trailerSummary"],
*[id^="afeng_vehicleSummary"] {
	background-color: #e8e8e8;
	display: block;
	overflow: hidden;
	}
	
	
	
	
.afeng_childAgeBlock {
	display: block;
	float: right;
	margin: 10px 0;
/*	padding: 10px 10px 0 10px;*/
	padding: 5px;
	clear: both;
	
	-webkit-border-radius: .313em; 
		 -moz-border-radius: .313em; 
			border-radius: .313em; 
	}
.afeng_childAgeBlock span {
  clear: both;
  display: block;
  float: none;
  margin-left: 0;
  width: 100%;
	font-size: 14px;
}
.afeng_childAgeBlock input {
	color: #494949;
	text-align: center;
	margin: 0 .3em .5em .3em;
	width: 2.5em;
	height: 2.5em;
	padding: 0;
	}
.afeng_eng1 input[type=checkbox],
.afeng_eng1 input[type=radio] {
	display: inline;
	width: auto;
	margin: .2em .2em 1em 0;
	padding: 0;
	height: auto;
	border: none;
	float: left;
	-webkit-appearance: radio!important;
	}
.afeng_eng1 input[type=checkbox] {
	-webkit-appearance: checkbox!important;
	}
.afeng_eng1 p input[type=checkbox],
.afeng_eng1 p input[type=radio] {
	margin: .2em .2em .5em .5em;
	float: none;
	}
/* note: radio buttons and checkboxes are inputs, so need to counter the width: 100% for those */
.afeng_selPaxOut{ 
	float: left; 
	width: 30%; 
	clear: right; 
	margin: 0 3em 0 0 ; 
}
select.afeng_date-mnth {
	color: #555;
	float: left;
	width: 62%;
	margin: 0 3% 1em 0;
	}
select.afeng_date-yr {
	color: #555;
	float: left;
	width: 35%;
	margin: 0 0 1em 0;
	}
.afeng_eng1 form + button {
	margin: 0;
	}
.afeng_eng1 form h2 {
	color: #505050;
	}
/*	-------------------------------------------
	floats
	------------------------------------------- */
.afeng_floatL,
.afeng_floatLalt, /* lower case to match what entee have used */
.afeng_floatR,
.afeng_floatRalt {
	display: block;
	width: 100%;
	float: none;
	margin: 0 0 1em 0;
	position: relative; 
	}
.afeng_fullWidth {
	background-color: transparent;
	float: none;
	clear: both; 
	display: block;
	height: auto;
	margin: 0;
	min-height: 2em;
	position: relative;
	width: 100%;
	}
.afeng_fullWidth.afeng_spaceAbove { margin-top: .5em; }
fieldset.afeng_inline { 
	display: inline-block; 
	margin: 0 .5em .25em 0; 
	}
fieldset.afeng_inline label::first-line { margin-left: -.5em; }
.afeng_paxHold {
	display: block;
	margin: 0 0 1em;
	overflow: visible;
	position: relative;
	width: 100%;
	clear: both;
	}
.afeng_paxHold .afeng_sprite { /* hide cats dogs on mobile*/
	display: none;
	}
.afeng_paxAll { 
	width: 49%; 
	float: left; 
	display: block; 
	margin: 0; 
	}
.afeng_paxAll + .afeng_paxAll { float: right; }
.afeng_paxAll.afeng_kids {
	display: block;
	float: right;
	margin: -20px 0 -20px -20px;
	padding: 20px 0 20px 20px;
	
	-webkit-border-radius: .313em .313em 0 0; 
		 -moz-border-radius: .313em .313em 0 0; 
			border-radius: .313em .313em 0 0; 
	}
.afeng_paxAll.afeng_moreSpace { margin-top: .5em; }
.afeng_paxAll label {
	clear: none;
	display: table-cell;
	float: none;
	height: 2.4em;
	vertical-align: middle;
	padding: 0 0 0 .5em;
	width: auto;
	}
.afeng_paxAll select {
	display: block;
	float: left;
	min-width: 2.8em;
	width: 3.3em;
}
.afeng_paxAll select + div {
	display: none;
	}
.afeng_summaryText {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	padding: 0;
	}
.afeng_noselect {
	-moz-user-select: none;
	cursor: default;
	}
a.afeng_editLink {
	display: inline-block;
	float: right;
	margin: 0 10px;
	padding: 0;
	text-align: right;
	text-transform: lowercase;
	}
.afeng_eng1 .afeng_calPicker {
	color: #555;
	/*background-color: #fff; /* added for GEM11267*/ 
	float: left;
	margin: 0;
	padding: 0;
	width: 47%;
	position: relative;
	}
.afeng_eng1 .afeng_selTime {
	width: 46%;
	float: right;
	height: 2.4em;
	}
.afeng_dateText { display: none; }
#afeng_routeOut,
#afeng_routeRet {
	width: 100%; 
	position: relative;
	}
#afeng_routeRet { 
	margin-top: .3em;
	}
	
/*	----------------------
	New Freight vehicles
	----------------------
	ABL - Abnormal Load
	ART - Articulated Lorry (this could be simplified to “Artic / Lorry” if it helps design)
	RIG - Rigid
	RTR - Road Train
	UNA - Unaccompanied (Trailer)
	----------------------*/



/* disp Block, fl Left on all vehicle icons: */
/*.afeng_trailerHeight, 
.afeng_trailerLength, 
.afeng_heightCAR, 
.afeng_lengthCAR, 
.afeng_heightMBS, 
.afeng_lengthMBS, 
.afeng_heightCVN, 
.afeng_lengthCVN, 
.afeng_heightMPV, 
.afeng_lengthMPV, 
.afeng_heightPPC, 
.afeng_lengthPPC, 
.afeng_heightMTH, 
.afeng_lengthMTH, 
.afeng_heightCMP, 
.afeng_lengthCMP, 
.afeng_heightVAN, 
.afeng_lengthVAN, 
/*	- new freight vehicles oct 2016 *
.afeng_heightABL, 
.afeng_lengthABL, 
.afeng_heightART, 
.afeng_lengthART, 
.afeng_heightRIG, 
.afeng_lengthRIG, 
.afeng_heightRTR, 
.afeng_lengthRTR, 
.afeng_heightUNA, 
.afeng_lengthUNA, 
/*	- END new freight vehicles oct 2016 *

.afeng_heightFXF, 
.afeng_lengthFXF, 
.afeng_heightSUV, 
.afeng_lengthSUV, 

 
.afeng_extHeightCAR, 
.afeng_extLengthCAR, 
.afeng_extHeightMBS, 
.afeng_extLengthMBS, 
.afeng_extHeightCMP, 
.afeng_extLengthCMP, 
.afeng_extHeightMTH, 
.afeng_extLengthMTH, 
.afeng_extHeightCVN, 
.afeng_extLengthCVN, 
.afeng_extHeightVAN, 
.afeng_extLengthVAN, 
.afeng_extHeightSUV, 
.afeng_extLengthSUV, 
.afeng_extHeightFXF, 
.afeng_extLengthFXF, 
.afeng_extHeightMPV, 
.afeng_extLengthMPV, 
.afeng_extHeightPPC, 
.afeng_extLengthPPC 
	{	display: none;
	}
	*/
	
/* stop vehicle icons appearing in popups */
*[class^="afeng_height"],
*[class^="afeng_length"],
*[class^="afeng_width"],
*[class^="afeng_load"],
*[class^="afeng_extHeight"],
*[class^="afeng_extLength"],
	.afeng_eng1 .afeng_genCar
	{	display: none;
	}






/* --- */
#afeng_vehLHBlock {
	width: auto;
	}
.afeng_nonCarSizeBlock {
	float: left;
	width: 50%;
	}
/*#afeng_vehExtraHeightL, 
#afeng_vehExtraLengthL {
	line-height: 17px;
	padding-left: 18px;
	text-indent: -18px;
	width: 282px;
	}
#afeng_vehExtraHeightL input[type="checkbox"], 
#afeng_vehExtraLengthL input[type="checkbox"] {
	margin: 0 2px 0 0;
	}*/
.afeng_vehSmallPrint {
	font-size: 80%;
	}
.afeng_vehHitchDisclaim {
	font-size: 90%;
	}
	/*
#afeng_vehCarLength, 
#afeng_vehCarHeight, 
#afeng_vehTrailerLength, 
#afeng_vehTrailerHeight, 
#afeng_vehExtraHeightR, 
#afeng_vehExtraLengthR {
	float: left;
	margin: 0 0 0 4px;
	overflow: hidden;
	padding: 0;
	width: 190px;
	}
#afeng_vehExtraHeightR, 
#afeng_vehExtraLengthR {
	width: 340px;
	}*/
/*.afeng_extraHL {
	display: inline;
	float: left;
	margin: 0 0 0 6px;
	}*/
/* POPUP OVERLAY */
#afeng_popupOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 100%;
	height: 100%;
	z-index: 1001;
}
	
/*	---------------------------------
	vehicle etc icons from afs.css 
	--------------------------------- */
.afeng_eng1 .afeng_BEshipOut,
.afeng_eng1 .afeng_BEshipRet { 
	background-position: 0 0 !important; 
	width: 28px; 
	height: 16px; 
	margin: 3px 0 0 0; 
	float: none;
	}
.afeng_eng1 .afeng_BEshipRet { 
	background-position: 0 -50px !important; 
	}
.afeng_eng1 .afeng_arrow-r {
	background-position: -650px -250px !important;	
	float: right;
	margin: .3em 0 0 .6em;
	width: 8px;
	height: 14px;
	}
/*#searchButton {
	min-width: 165px;
}*/
/*	---------------------------
	ROUTES LIST
	-------------------------- */
.afeng_routesListSimple.ui-autocomplete {
    max-height: 50%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
.afeng_routesList {
	background-color: #fff;
	border: 1px solid #a7a7a7;
	left: 2%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
	top: 16%;
	z-index: 1001;
	position: absolute;
	font-family: arial, sans-serif;
	box-sizing: border-box; 
	}
ul.afeng_routesList {	 /* need this selector to get enough precedence */
	overflow-y: scroll !important;
}
.afeng_routesList::-webkit-scrollbar {
	-webkit-appearance: none; 
	width: .938em;
	}
.afeng_routesList::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 .375em rgba(0,0,0,0.3);
	-webkit-border-radius: .813em;
	border-radius: .813em;
	}
.afeng_routesList::-webkit-scrollbar-thumb {
	-webkit-border-radius: .813em;
	border-radius: .813em;
	background-color: rgba(100,100,100,1.0);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	width: 20px;
	}
.afeng_routesList::-webkit-scrollbar-thumb:window-inactive {
	background-color: rgba(180,180,180,0.4); 
	}
.afeng_routesList .ui-state-focus, 
.afeng_vehiclesList .ui-state-focus,
.afeng_routesList .ui-state-focus a {
	background-color: #505050;
	color: #fff;
	}
.afeng_routesList li {
	vertical-align: middle;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	clear: both;
	width: 100%!important;
	max-width: 100%!important; 
	height: 2.15em;
	line-height: 2.15em;
	border-top: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
	margin: 0;
	position: relative;
	cursor: pointer;
	}
.afeng_routesList > li+li {
	border-top: none;
	}
.afeng_routesList li a {
	font-size: 15px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left: .5em !important;
	color: #505050;
	}
.afeng_routesList li:hover a {
	color: #fff;
	background-color: #505050;
	}
.afeng_routesList li:hover a h4 ,
.afeng_routesList li.ui-state-focus h4,
.afeng_routesList li.ui-state-focus .sub,
.afeng_routesList li.ui-state-focus .sub2 { 
	color: #fff!important;
}
.afeng_routesList li span.sub,
.afeng_vehiclesList li span.sub,
.afeng_routesList li span.sub2 /* sub2 is for hyphens only */
	{
	font-size: 1em;
	font-weight: normal;
	color: #a0a0a0;
	margin: 0 .2em 0 0;
	float: none;
	background-image: none;
	display: inline;
	}
.afeng_routesList li span.sub,
.afeng_vehiclesList li span.sub
	{
	display: none;	/* hide sub for mobile */ 
	}
.afeng_routesList li:hover a span.sub { color: #f5f5f5;
}

.afeng_routesList li .li-first
{
    border-top: 0 none; 
    padding:0 2px;
}

.afeng_routesList li .li
{
    padding:0 2px;
}

.afeng_routesList li em {
	background-color: #ffed78 !important;
	color: #505050;
	font-style: normal;
	}
.afeng_routesList li:hover em {
	background-color: transparent;
	color: #aeaeae; 
	font-style: normal;
	}
.afeng_routesList li:hover h3 em {
	background-color: #ffed78;
	color: #505050 !important; 
	font-style: normal;
	}
.afeng_routesList .ui-state-focus em {
	color: #aeaeae;
	}
.afeng_routesList span.sub {
	border: 0 none !important;
	color: #a0a0a0;
	}
.afeng_routesList li:hover a,
.afeng_routesList li:hover a span,
.ui-corner-all.ui-state-focus span {
	color: #fff !important;
}
.afeng_routesList .ui-state-focus, .afeng_routesList a.ui-state-focus {
	background-color: #505050 !important;
	color: #fff!important;
}
.afeng_routesList h3, 
.afeng_routesList h4 {
	font-size: 15px;	
	line-height: 28px;
	margin: 0;
	padding: 0;
	width: auto!important;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold; /* IE needs this, else it uses 'bolder' */
}
.afeng_routesList .afeng_ListOp,	/* blue icons in Routes List */
.afeng_routesList .afeng_ListRoute,
.afeng_routesList .afeng_ListDest,
.afeng_routesList .afeng_listIconText { /* blue text next to icons in Routes List -hide in mobile*/
	display: none;
 	}
/*	------------------------------
	end ROUTES LIST 
	------------------------------ */

/*	--------------------------------
	VEHICLE LIST
	-------------------------------- */	
.afeng_vehiclesList {
	background-color: #fff;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	cursor: default;
	display: block;
	min-width: 200px;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 2000 !important;
	font-family: arial, sans-serif;
	font-size: .9em;
	list-style: outside none;
	max-width: 100%;
	white-space: nowrap;
	overflow-y: hidden;
}
.afeng_vehiclesList li a { 
	border-bottom: 1px solid #e7e7e7;
	color: #505050;
	font-weight: bold;
	padding: .7em .4em;
	cursor: pointer;
	display: block;
	}
.afeng_vehiclesList li:hover a { 
	background-color: #505050;
	color: #fff;
	box-shadow: none;
	list-style-image: none;
	text-decoration: none;
}

/*	--------------------------------
	Currency Selector
	-------------------------------- */
ul.radioButtonList {
	display: block;
	list-style: outside none;
	margin: 0;
	max-height: 102px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
	width: 240px;
	background-color: #fff;
	font-family: arial, sans-serif;
	z-index: 2000;
	}
li.fScanToggle {
	border-bottom: 1px dotted #a7d3ec;
	border-top: 1px dotted #a7d3ec;
	clear: both;
	float: left;
	height: 34px;
	line-height: 30px;
	margin: 0;
	overflow: hidden;
	width: 100%;
	}
.fScanToggle label input {
	left: -999em;
	position: absolute;
	}
li.fScanToggle label {
	color: #505050;
	float: left;
	font-size: 14px;
	width: 100%;
	}
li.fScanToggle label:hover, 
li.fScanToggle.selected label, 
li.fScanToggle.selected label:hover {
	background-color: #417eab;
	color: #fff;
	float: left;
	width: 100%;
	}
li.fScanToggle.selected label {
	background-color: #c3e9fc;
	color: #505050;
	}
li.fScanToggle label span {
	cursor: pointer;
	display: block;
	padding: 3px 0 3px 10px;
	text-align: left;
	font-family: arial, sans-serif;
	}
ul.radioButtonList li.selected em, ul.radioButtonList li.selected:hover em, ul.radioButtonList li:hover em {
	color: #d4d4d4;
	font-style: normal;
	font-weight: bold;
	}
ul.radioButtonList li.selected em {
	color: #505050;
	}
.afeng_eng1 .afeng_petsAll {
	background-position: 0 -250px !important;
	width: 17px;
	height: 17px;
	}
.afeng_eng1 .afeng_BEpetsDogs {
	background-position: 0 -300px !important;
	width: 18px;
	height: 18px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpetsCats {
	background-position: 0 -350px !important;
	width: 20px;
	height: 20px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpetsGeneric {
	background-position: 0 -350px !important;
	width: 20px;
	height: 20px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpax {
  background-position: -50px 0 !important;
  height: 20px;
  margin: 0.05em 0.2em 0 0;
  width: 18px;
}
	.afeng_eng1 .afeng_BE18plus {
  background-position: -50px -50px !important;
  height: 20px;
  margin: 0.5em 0 0 0.4em;
  width: 16px;
}
.afeng_eng1 .afeng_BEunder18 {
  background-position: -50px -100px !important;
  height: 20px;
  margin: 0.5em 0 0 0.4em;
  width: 16px;
}
	
/* additions - March 2017 */	
.afeng_eng1 .afeng_BEseniors {
  background-position: -450px -50px !important;
  height: 20px;
  margin: 0.5em 0 0 0.3em;
  width: 20px;
}
.afeng_eng1 .afeng_BEstudents {
  background-position: -500px -50px !important;
  height: 16px;
  margin: 0.6em 0 0 0.4em;
  width: 18px;
}	
	
.afeng_eng1 .afeng_genMale {
	background-position: -50px -150px !important; width: 8px !important; height: 16px !important;
	}
.afeng_eng1 .afeng_genFemale {
	background-position: -50px -200px !important; width: 9px !important; height: 16px !important;
	}
.afeng_eng1 .afeng_genBoy {
	background-position: -50px -250px !important;	width: 7px !important; height: 11px !important;
	}
.afeng_eng1 .afeng_genGirl {
	background-position: -50px -300px !important; width: 7px !important; height: 11px !important;
	}
.afeng_eng1 .afeng_genBoyGirl {
	background-position: -50px -350px !important; width: 14px !important; height: 11px !important;
	}
.afeng_eng1 .afeng_BEvehType {
	background-position: -100px 0 !important;
	width: 36px;
	height: 16px;
	margin: .2em .2em 0 0; 
	}
.afeng_eng1 .afeng_BEaddTrailer {
	background-position: -100px -50px !important;
	height: 14px;
	width: 34px;
	}
.afeng_eng1 .afeng_genCar {
	background-position: -100px -100px !important; width: 36px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genCarCaravan {
	background-position: -100px -150px !important;
	width: 50px !important; height: 18px !important; margin-right: 2px;
	}
.afeng_eng1 .afeng_genCarTrailer {
	background-position: -100px -200px !important; width: 50px !important; height: 17px !important;
	}
.afeng_eng1 .afeng_genVan {
	background-position: -100px -250px !important; width: 38px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genMotorbike {
	background-position: -100px -300px !important; width: 27px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genMotorcycleCombo {
	background-position: -300px -150px !important; width: 27px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genBicycle {
	background-position: -100px -350px !important; width: 21px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genSUV {
	background-position: -450px -250px !important; width: 42px !important; height: 18px !important;
	}
.afeng_eng1 .afeng_genMPV {
	background-position: -450px -300px !important; width: 37px !important; 
	}
.afeng_eng1 .afeng_genMBS {
	background-position: -450px -350px !important; width: 44px !important; height: 20px !important; 
	}
.afeng_eng1 .afeng_genMotorhome {
	background-position: -150px 0 !important; width: 26px !important; height: 18px !important; 
	}
.afeng_eng1 .afeng_genFootPax {
	background-position: -150px -50px !important;
	}

/* afeng_whiteXXXX (begins with...) */
.afeng_eng1 *[class^="afeng_white"] { 
	display: block;
	float: left;
	margin: 12px 0 0 12px;
	width: 20px;
	height: 20px;
  }
.afeng_eng1 .afeng_whiteCAR {
	background-position: -300px -100px !important;
	width: 35px;
	height: 19px;
	}
.afeng_eng1 .afeng_whiteMTH, 
.afeng_eng1 .afeng_whiteCMP {
	background-position: -150px -150px !important;
	width: 29px;
	}
.afeng_eng1 .afeng_whiteVAN {
	background-position: -150px -200px !important;
	width: 42px;
	}
.afeng_eng1 .afeng_whiteMBS {
	background-position: -150px -250px !important;
	width: 44px;
	}
.afeng_eng1 .afeng_whiteSUV, 
.afeng_eng1 .afeng_whiteFXF {
	background-position: -150px -300px !important;
	width: 42px;
	height: 18px;
	}
.afeng_eng1 .afeng_whiteMPV, 
.afeng_eng1 .afeng_whitePPC {
	background-position: -150px -350px !important;
	width: 37px;
	height: 18px;
	}
.afeng_eng1 .afeng_whiteCarCaravan {
	background-position: -200px 0 !important;
	width: 50px;
	height: 23px;
	}
.afeng_eng1 .afeng_whiteCarTrailer {
	background-position: -200px -50px !important;
	width: 44px; 
	height: 15px;
	}
.afeng_eng1 .afeng_whiteCarBoat {
	background-position: -200px -100px !important; 
	height: 15px;
	}
.afeng_eng1 .afeng_whiteCarGlider {
	background-position: -200px -150px !important; 
	height: 12px;
	}
.afeng_eng1 .afeng_whiteCurrency {
	background-position: -200px -200px !important;
	width: 36px;
	height: 15px;
	}
.afeng_eng1 .afeng_whiteMulti {
	background-position: -200px -250px !important;
	width: 36px;
	height: 22px;
	margin: 10px 0 0 12px;
	}
/*	-----------------------------------------
	
	----------------------------------------- */
.afeng_eng1 .afeng_selDown, 
#ui-datepicker-div .afeng_selDown {  /* 10089 */
  background-color: transparent;
  background-position: -350px 0;
  height: 18px;
  margin: 0;
  position: absolute;
  right: 0.4em;
  text-indent: -999em;
  top: 0.5em;
  width: 16px;
}
.afeng_selPicker .afeng_selDown {  /* 10089 */
  box-shadow: -4px 2px 8px 5px #fff;
}
.afeng_selDown:hover {
	background-position: -350px -50px;
	}
#afeng_route1btn, .showDifReturn #afeng_route2btn { /* now HIDING select buttons on route lists only */
  display: none!important;
}
/*	-----------------------------------------
	
	----------------------------------------- */
.afeng_selUp {
	background-position: -350px -100px; height: 16px; width: 16px;
	}
.afeng_selUp:hover {
	background-position: -350px -150px;
	}
.afeng_selPrev {
	background-position: -350px -200px; height: 16px; width: 16px;
	}
.afeng_selPrev:hover {
	background-position: -350px -250px;
	}
.afeng_selNext {
	background-position: -350px -300px; height: 16px; width: 16px;
	}
.afeng_selNext:hover {
	background-position: -350px -350px;
	}
/************ column 9 ************/
.afeng_eng1 .afeng_swap {
	background-position: -400px 0;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	position: absolute;
	right: 5px; /* don't mention "top" and it will work even when error msg is showing? */
	margin: 18px 0 0 0;
	z-index: 1;
}
.afeng_eng1 .afeng_swap:hover, 
.afeng_eng1 .afeng_swap:active {
	background-position: -400px -50px;
	}
.afeng_eng1 input.afeng_calIcon {
	background-position: -400px -100px !important;
	border: 0;
	height: 17px;
	width: 16px;
	cursor: pointer;
	text-indent: -999em;
	display: inline-block;
	border: none;
	outline: 0;
	text-shadow: none;
	color: transparent;
	position: absolute;
	top: .7em; /* 10089 */
	right: .5em; /* 10089 */
	}
.afeng_eng1 .afeng_calPicker input { 	
	-webkit-appearance:none;
	-webkit-border-radius: 0; /* square corners for calendar icon */
	}
.afeng_eng1 .afeng_calIcon:hover {
	background-position: -400px -150px;
	}
.afeng_eng1 .afeng_fade50pc .afeng_calIcon {
	cursor: default;
	background-position: -400px -100px;
	}
.afeng_fade50pc .afeng_calIcon:hover {
	background-position: -400px -100px;
	}
/*.afeng_eng1 .afeng_Xclose,*/
.afeng_Xclose,
#ui-datepicker-div .ui-datepicker-calCloser {
	background-position: -400px -200px; 
	height: 22px; 
	width: 22px; 
	position: absolute;
	top: -8px;
	right: -3px;
	z-index: 999;
	}
/*.afeng_eng1 .afeng_Xclose:hover {*/
.afeng_Xclose:hover {
	background-position: -400px -250px;
	}
.afeng_eng1 .afeng_iInfoError {
	background-position: -400px -300px;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
	display: inline-block;
	padding: 0px;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	}
.afeng_eng1 .afeng_whiteCaravanTrailer {
	background-position: -400px -350px; 
	width: 44px; 
	height: 18px; 
	}
.afeng_eng1 .afeng_orangeArrow {
	background-position: -450px -200px; 
	width: 16px; 
	height: 16px; 
	}
.afeng_eng1 .afeng_motorhomeTrailer {
	background-position: -600px -0px; 
	width: 46px; 
	height: 21px; 
	}
.afeng_eng1 .afeng_vanCaravan {
	background-position: -600px -50px; 
	height: 15px; 
	}
.afeng_eng1 .afeng_vanTrailer {
	background-position: -600px -100px;
	}
.afeng_eng1 .afeng_suvCaravan {
	background-position: -600px -150px;
	height: 15px; 
	}
.afeng_eng1 .afeng_suvTrailer {
	background-position: -600px -200px;
	width: 45px; 
	height: 14px; 
	}
.afeng_eng1 .afeng_mpvCaravan {
	background-position: -600px -250px; 
	width: 47px; 
	height: 15px; 
	}
.afeng_eng1 .afeng_mpvTrailer {
	background-position: -600px -300px; 
	width: 42px; 
	height: 14px; 
	}
.afeng_eng1 .afeng_minibusTrailer {
	background-position: -600px -350px; 
	height: 17px; 
	}
.afeng_eng1 .afeng_motorhomeCaravan {
	background-position: -650px -0px; 
	width: 47px; 
	height: 15px; 
	}
.afeng_eng1 .afeng_minibusCaravan {
	background-position: -650px -50px; 
	width: 50px; 
	height: 15px; 
	}
.afeng_eng1 .afeng_BEmapIcon {
  background-position: -650px -350px;
  height: 19px;
  margin: 0 .25em 0 .35em;
  width: 14px;
}


/* ============================================= */

.afeng_cntn-vehicle, 
.afeng_cntn-groups { 
	background-color: #eee;
	border: 5px solid #fff;
	-webkit-border-radius: .313em; 
		 -moz-border-radius: .313em; 
			border-radius: .313em; 

	color: #444;
	margin: 0 auto;
	padding: 3%;
	text-align: left;
	width: 98%;
	overflow: hidden;
	
	-moz-box-shadow:	0 0 2em rgba(0,0,0,0.7); /* right, bottom, blur, red, green, blue, opacity */
	-webkit-box-shadow: 0 0 2em rgba(0,0,0,0.7); 
	box-shadow:		 0 0 2em rgba(0,0,0,0.7); 
	}
.afeng_cntn-groups .afeng_fullWidth, 
.afeng_cntn-vehicle .afeng_fullWidth {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none;
}
.afeng_cntn-vehicle .afeng_fullWidth {
	padding-top: 5px; /* added 2017 */
}
.afeng_cntn-groups .afeng_fullWidth { 
	width: 100%;
	}
.afeng_floatLalt.afeng_grptsptmar1 { 
	margin-top: 1em;
	}
.afeng_cntn-vehicle h2, 
.afeng_cntn-groups h2 {
	margin: .3em auto;
	padding: 0;
	color: #505050;
	 }
.afeng_cntn-vehicle input {
  float: left;
  margin: 0 0.4em 0 0;
  width: 73%;
  clear: both;
}
.afeng_cntn-vehicle input[type=checkbox],
.afeng_cntn-vehicle input[type=radio]{
	width: 8%;
	background-color: transparent;
	}
	
	
.afeng_popup-vehicle,
.afeng_popup-routes,
.afeng_popup-accomm
	{ 
	position: absolute;
	margin: 12px auto;
	width: 94%;
	z-index: 1002;
	font-family: Arial, sans-serif;
	}

.afeng_popup-currency {
	position: absolute;
 	z-index: 1002;
}
/*	-------------------------------------
	non "ui-" calpicker stuff
	------------------------------------- */
.afeng_aferry-buttonpanel {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	}
.afeng_aferry-buttonpanel td {
	border: none !important;
	}
.afeng_calButtons, 
.afeng_cbDisbled, 
.afeng_cbDisbled {
 	background-color: #505050;
	border: 0;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	color: #fff !important;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto;
	font-size: .9em !important;
	display: block;
	margin: .33em .5em !important;
	padding: .33em !important;
	}
 .afeng_calButtons:hover {
	background-color: #aedff7;
	color: #505050 !important;
	}
.afeng_cbDisbled {
	background-color: #ccc;
	color: #aaa !important;
	cursor: default;
	}
#ui-datepicker-div .afeng_MonthSelector {
	background-color: #fff;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	display: block;
	margin: 0 auto;
	overflow: visible !important;
	padding: 0;
	position: relative;
	right: 1px;
	top: -9px;
	width: 163px;
	z-index: 2001;
	box-shadow: 1px 1px 6px rgba(0,0,0,.25);
}
.afeng_MonthSelector li {
	background-color: #fff;
	border-bottom: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	clear: both;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	width: 160px;
	}
.afeng_MonthSelector + .afeng_MonthSelector li {
	border-top: 1px solid #777;

	}
.afeng_MonthSelector + .afeng_MonthSelector li + li {
	border-top: medium none;
	}
.afeng_MonthSelector li + li {
	border-top: medium none;
	}
.afeng_MonthSelector li a {
	background-color: #fff;
	clear: both;
	color: #505050;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}
.afeng_MonthSelector li a span.sub,
.afeng_MonthSelector h3 span.sub {
	color: #A0A0A0;
	font-size: 12px;
	font-weight: normal;
	}

.afeng_MonthSelector li a:hover {
	background-color: #C7EAFD;
	border-bottom: 1px solid #C7EAFD;
	border-top: 1px solid #C7EAFD;
	cursor: pointer;
	margin: -1px -2px -2px 0;
	}
.afeng_selDatePick input { 
	background-color: transparent !important;
	font-family: arial, sans-serif;
	font-weight: bold;
	text-align: center;
	text-indent: -.5em;
	-webkit-border-radius: .313em; 
		 -moz-border-radius: .313em; 
			border-radius: .313em; 
	width: 100%;
	height: 2.1em;
	}
.afeng_incTrailerBlock {
  clear: both;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 1em 0 0 0;
  width: 100%;
  height: auto;
}

#afeng_trailerSummary, #afeng_vehicleSummary, #afeng_trailerSummaryDiffReturn, #afeng_vehicleSummaryDiffReturn {
  margin: 0;
  padding: 10px;
  overflow: hidden;
  width: 100%;/* GC 20-09-2016 */
}
.afeng_eng1 *[id^="afeng_numCats"] { 
	margin-left: 1.28em; 
}
.afeng_map1 {
	width: 100%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	clear: both;
	height: 300px; /* this can be amended to suit */
	}
.afeng_stripe1 { background-color: #eaeaea; }
.afeng_strong1 { font-weight: normal; }
hr + .afeng_price-cntn { margin-top: .75em; }
select.afeng_selDateMonth { width: 28%; margin-right: 3%; }
select.afeng_selYear { width: 38%; }
li.afeng_radio1 input,
li.afeng_radio2 input,
li.afeng_radio1 label,
li.afeng_radio2 label,
.afeng_radio1,
.afeng_radio2 {
	display: inline-block;
	float: left;
	width: auto;
	}
.afeng_radio1 {
	margin-right: 2em;
	}
li.afeng_radio1 label,
li.afeng_radio2 label {
	font-size: 1em;
	cursor: pointer;
	}
li.afeng_radio1 input,
li.afeng_radio2 input {
	margin: .2em .5em 0 0;
	}
.afeng_formItems textarea {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	min-height: 7em;
	}
/*	-------------------------------
	VEHICLE POPUP
	------------------------------- */
	
.afrwd_cntn-vehicle {
	background-color: #eee;
	border: 5px solid #fff;
	-webkit-border-radius: .313em; 
		 -moz-border-radius: .313em; 
			border-radius: .313em; 

	color: #555;
	margin: 0 auto;
	padding: .75em;
	text-align: left;
	width: 98%;
	overflow: hidden;
	-moz-box-shadow:	0 0 2em rgba(0,0,0,0.7); /* right, bottom, blur, red, green, blue, opacity */
	-webkit-box-shadow: 0 0 2em rgba(0,0,0,0.7); 
	box-shadow:		 0 0 2em rgba(0,0,0,0.7); 
	}
.afrwd_cntn-vehicle h2 {	
	margin: .3em auto;
	color: #505050;
	 }
.afrwd_popup-vehicle,
.afrwd_popup-routes,
.afrwd_popup-accomm
	{ 
	position: absolute;
	top: 10%;
	left: 3%;
	width: 94%;
	z-index: 1002;
	}
/*	-------------------------------
	end VEHICLE POPUP
	------------------------------- */
	


/*	-----------------------------------
	jQuery datepicker (classes starting with "ui" are from jQuery widget)
	----------------------------------- */
#ui-datepicker-div .ui-state-focus span.sub {
	border: 0 none !important;
	color: #E6E8FA !important;
	}
#ui-datepicker-div .ui-helper-hidden {
	display: none;
	}
#ui-datepicker-div .ui-helper-hidden-accessible {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
#ui-datepicker-div .ui-helper-reset {
	border: 0 none;
	font-size: 100%;
	line-height: 1.3;
	list-style: none outside none;
	margin: 0;
	outline: 0 none;
	padding: 0;
	text-decoration: none;
	}
#ui-datepicker-div .ui-helper-clearfix:before, 
#ui-datepicker-div .ui-helper-clearfix:after {
	content: "";
	display: table;
	}
#ui-datepicker-div .ui-helper-clearfix:after {
	clear: both;
	}
#ui-datepicker-div .ui-helper-clearfix {
	}
#ui-datepicker-div .ui-helper-zfix {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
.afeng_eng1 ul.ui-autocomplete {
	position: absolute;
	}
#ui-datepicker-div .ui-state-disabled {
	background-color: #E2E3E4;
	cursor: default !important;
	width: 31px;
	}
/* added to sprite definition */
#ui-datepicker-div .ui-icon{
	display: block;
	overflow: hidden;
	text-indent: -999em;

	width: 14px;
	height: 14px;
	}
#ui-datepicker-div .ui-widget-overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

#ui-datepicker-div .ui-menu {
	display: block;
	list-style: none outside none;
	margin: 0;
	outline: medium none;
	}
#ui-datepicker-div .ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
	}
#ui-datepicker-div .ui-menu .ui-menu-item {
	margin: 0;
	width: 100%;
	}
#ui-datepicker-div .ui-menu .ui-menu-divider {
	border-width: 1px 0 0;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 5px -2px;
	}
/*	---------------------------------
	calendar
	--------------------------------- */
#ui-datepicker-div.ui-datepicker {
	font-size: 16px; /* yes, pixels :)	*/ 
	position: absolute;
	left: 2%;
	top: 5%; 
	background-color: #fff;
	border: 1px solid #dadada;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .35);
	margin: 0 auto ;
	overflow: visible; /* to view the closing "x" */
	padding: .625em;
	width: 96%;
	max-width: 85%;
	margin-left: -1%;
	z-index: 999;
	display: none;/* for mobile */
	}
#ui-datepicker-div.ui-datepicker table {
	width: 100%; 
	border-collapse: collapse;
	margin: .375em auto 0 auto;
	}
#ui-datepicker-div .ui-datepicker-calendar {
	background-color: #E2E3E4;
	border: 0 none;
	border-collapse: collapse;
	margin: .625em auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
	}
#ui-datepicker-div .ui-datepicker-calendar a, 
#ui-datepicker-div .ui-datepicker-calendar a:link, 
#ui-datepicker-div .ui-datepicker-calendar a:visited, 
#ui-datepicker-div .ui-datepicker-header a, 
#ui-datepicker-div .ui-datepicker-header a:link, 
#ui-datepicker-div .ui-datepicker-header a:visited {
	border: 0 none;
	}
#ui-datepicker-div .ui-datepicker-header,
#ui-datepicker-div .ui-widget-header {
	background-color: #505050;
	background-image: none;
	border: 0 none;
	display: block;
	height: 3.6em;
	margin: 0 auto;
	padding: .5em .75em;
	position: relative;
	width: 100%;
	}
#ui-datepicker-div .ui-datepicker-next {
	right: 1em;
	}
#ui-datepicker-div .ui-datepicker-prev span, 
#ui-datepicker-div .ui-datepicker-next span {
	background-position: -350px -300px;
	border: medium none;
	cursor: pointer;
	margin: 0;
	position: absolute;
	right: .75em;
	top: 1.3em;
	width: 16px;
	height: 18px;
	}
#ui-datepicker-div .ui-datepicker-prev span {
	background-position: -350px -200px;
	left: .5em;
	right: auto;	
	}
#ui-datepicker-div .ui-datepicker-next:hover,
#ui-datepicker-div .ui-datepicker-prev:hover {
	background-color: transparent;
	}
#ui-datepicker-div .ui-datepicker-prev:hover span {
	background-position: -350px -250px;
	}
#ui-datepicker-div .ui-datepicker-next:hover span {
	background-position: -350px -350px;
	}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title { 
	background-color: #fff; 
	background-image: none; 
	height: 2em;
	line-height: 2em;
	margin: 4px auto 0;
	padding: 0;
	width: 80%;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-align: center;
	font-weight: bold;
	}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
	display: block;
	font-size: 12px;
	margin: 0 auto;
	}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select option {
	padding: 3px 2px;
	}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month-year {
	background-color: #fff;
	color: #aeaeae;
	width: 60%;
	}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {
	width: 49%;
	}
#ui-datepicker-div.ui-datepicker td {
	border: 1px solid #E7E7E7;
	border-collapse: collapse;
	margin: 0 auto;
	width: 14.28%;
	padding: 0;
	background-color: #fff;
	}
#ui-datepicker-div.ui-datepicker .aferry-buttonpanel td {
	border: 0 none !important;
	}
#ui-datepicker-div.ui-datepicker th td {
	background-color: #9D9FA2;
	border: 0 none;
	border-collapse: collapse;
	color: #E7E7E7;
	font-weight: bold;
	padding: .7em .3em;
	text-align: center;
	}
#ui-datepicker-div.ui-datepicker td span, 
#ui-datepicker-div.ui-datepicker td a {
	display: block;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 100%;
	}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane tbody {
	background-color: transparent!important; 
	background-image: none!important;
	}
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
	background-color: #fff;
	color: #343434;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	width: auto;
	}
#ui-datepicker-div .ui-state-default span {
	height: 32px !important;
	}
#ui-datepicker-div .ui-datepicker-other-month {
	background-color: #D7D8D8;
	border: 1px solid #E7E7E7;
	color: #343434;
	font-weight: bold;
	}
#ui-datepicker-div {
	overflow: visible;
	z-index: 1001 !important;
	font-size: 1em;
	font-family: arial, sans-serif;
	padding: .625em;
	border-radius: 0;
	}
#ui-datepicker-div.ui-datepicker .journeyType {
	color: #ECECEC;
	display: inline-block;
	float: right;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: center;
	width: 100%;
	}
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
	background: 0 none;
	background-color: transparent;
	}
#ui-datepicker-div .ui-state-default:hover, 
#ui-datepicker-div .ui-widget-content .ui-state-default:hover, 
#ui-datepicker-div .ui-widget-header .ui-state-default:hover .ui-datepicker-other-month:hover {
	background-color: #C3E9FC;
	color: #505050;
	cursor: pointer;
	font-weight: bold;
	}
#ui-datepicker-div .ui-datepicker-calendar .button-hover a {
	background-color: #AEDFF7;
	}
#ui-datepicker-div .ui-state-disabled, 
#ui-datepicker-div .ui-widget-content .ui-state-disabled, 
#ui-datepicker-div .ui-widget-header .ui-state-disabled, 
#ui-datepicker-div .ui-datepicker-unselectable .ui-state-disabled {
	background-color: #ECEDED;
	color: #D7D8D8;
	cursor: pointer;
	padding: 0;
	}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span, 
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable span:hover {
	background-color: #ddd;
	border: 0 none;
	color: #bbb;
	cursor: pointer;
	width: auto !important;
	}
#ui-datepicker-div .ui-state-default a, 
#ui-datepicker-div .ui-state-default a:link, 
#ui-datepicker-div .ui-state-default a:visited {
	border-collapse: collapse;
	color: #555555;
	text-decoration: none;
	}
#ui-datepicker-div .ui-state-default a:visited {
	color: #555555;
	}
#ui-datepicker-div .ui-state-active, 
#ui-datepicker-div .ui-widget-content .ui-state-active, 
#ui-datepicker-div .ui-widget-header .ui-state-active {
	background-color: #F27521;
	border: 0 none;
	color: #fff;
	font-weight: bold;
	}
#ui-datepicker-div .ui-state-active a, 
#ui-datepicker-div .ui-state-active a:link, 
#ui-datepicker-div .ui-state-active a:visited {
	background-color: #F27521;
	border: 0 none;
	color: #fff;
	text-decoration: none;
	}
#ui-datepicker-div .ui-state-active a:visited {
	color: #212121;
	}
#ui-datepicker-div .ui-datepicker-current-day {
	border: 0 none;
	}
#ui-datepicker-div .ui-widget:active {
	outline: medium none;
	}
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all.ui-state-disabled, 
#ui-datepicker-div .ui-datepicker-next.ui-corner-all.ui-state-disabled {
	background-color: rgba(0, 0, 0, 0) !important;
	float: right;
	margin: 0;
	opacity: .5;
	}
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all.ui-state-disabled:hover, 
#ui-datepicker-div .ui-datepicker-next.ui-corner-all.ui-state-disabled:hover {
	background-color: rgba(0, 0, 0, 0) !important;
	opacity: .5;
	}
#ui-datepicker-div .ui-datepicker-calendar th {
	background-color: #9D9FA2;
	border: 0 none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-collapse: collapse;
	color: #fff;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0;
	text-align: center;
	padding: .3em 0;
	width: auto;
	}
.afeng_eng1 th.ui-datepicker-week-end {
	background-color: #6B6C6D !important;
	border-collapse: collapse;
	border-left: 1px solid #EFEFEF;
	color: #fff;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0;
	text-align: center;
	width: auto;
	}
/*	---------------------------------
	end jq datepicker 
	--------------------------------- */

/*	-------------------------------
	start resident
	------------------------------- */
/*.afeng_resident label {
	clear: both;
	display: block;
	padding: 0 .5em 0 0;
	width: 100%;
	}
*/
	.afeng_paxHold > .afeng_resident {
	margin: 0 0 1em;
	}
	
	
	
/*.afeng_resident select {
  width: auto;
  min-width: 50%;
}*/
.afeng_resident select {
	width: auto;
	min-width: 60%;
	max-width: 60%;
}
/*.afeng_resident label {
  clear: none;
  display: block;
  float: left;
  padding: .3em .5em 0 0;
  width: auto;
}*/
.afeng_resident label {
	clear: none;
	display: block;
	float: left;
	padding: .3em .5em 0 0;
	width: 40%;
	max-width: 50%;
}
	
/*
LFD Large Family Discount exceptions*/
#residentDiscountDiv .afeng_resident label ,
#largeFamilyDiscountDiv .afeng_resident label ,
#automobileClubDiscountDiv  .afeng_resident label { 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 40%; /* to match label width just above */
	}

	
#residentDiscountDiv .afeng_resident select,
#largeFamilyDiscountDiv .afeng_resident select,
#automobileClubDiscountDiv  .afeng_resident select { 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%; /* to match select width just above */
	}

	
	/* END LFD Large Family Discount exceptions*/
	
	
.afeng_paxHold > .afeng_resident {
  margin: 0 0 0.3em;
  padding: 0;
}
.afeng_sprite.afrwd_help3 {
	background-position: -650px -200px;
	display: inline-block;
	height: 17px;
	margin: .25em 0 0 .5em;
	overflow: hidden;
	width: 16px;
	position: absolute;
	right: 0;
	top: -2px;
	}
/*	-------------------------------
	end resident
	------------------------------- */

.afeng_fullWidth.afeng_spaceAbove2 + .afeng_btn2 { 
	margin-left: 0;
	margin-top: 0;
	}
textarea.afeng_grpmess1 { 
	height: 9em;
	}
.afeng_fullWidth.afeng_spaceAbove + .afeng_btn2 { 
	margin-left: 2%;
	}
.afeng_eng1 .ui-helper-hidden-accessible { display: none; }


/*	---------------------------------
	messages used in flexi-flow
	--------------------------------- */
.afrwd_msg3-cntn {
	background-color: #fff;
	line-height: 1.3;
	padding: .75em;
	width: 100%;
	height: auto;
	margin: 0 0 .75em 0;
	display: block;
	overflow: hidden;

	border: 1px solid #777;
	-webkit-border-radius: .313em;
		 -moz-border-radius: .313em;
			border-radius: .313em;
}
.afrwd_msg3-cntn { /* red */
	color: #b01f25;
	border: 1px solid #b01f25;
}
.afrwd_msg1-cntn h2, .afrwd_msg2-cntn h2, .afrwd_msg3-cntn h2 {
	font-size: .9em;
}

/* Multi popups *********** */
.afeng_multileg {
	background-color: #c3e9fc;	
}
.multiDifHold {
	max-height: 280px;
	top: -50px;
	overflow-x: hidden;
}

/* ************************ */
.afeng_eng1 .afrwd_excl-mk1, .afeng_eng1 .afrwd_excl-mk2 {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 .75em 0 0; 
	float: left;
	}
.afeng_eng1 .afrwd_excl-mk1 {
	background-position: -400px -300px;
	}
.afeng_eng1 .afrwd_excl-mk2 {
	background-position: -425px -300px;
	}
.afrwd_excl-mk1 + h2 {
	margin-top: 0;
	display: inline-block;
	color: #b01f25;
	width: 82%;
	}
.afrwd_excl-mk1 + h2 + h4 {
	color: #505050;
	margin: 0;
	}
.vehHitchDisclaim { /* sm print in veh popup? */
	font-size: 90%;
}
.errorItem.none {
	width: 90%;
}
.none {
	display: none !important;
}
.afeng_fade50pc {
	opacity: .5;
}
.tooltip {
	background-color: #ffffd8;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 0 5px #888;
	display: none;
	font-family: arial,sans-serif;
	min-width: 20px;
	overflow: visible;
	padding: 5px 10px;
	position: absolute;
	width: 90%;
	z-index: 99;
	max-width: 260px;
}
.tooltip > .arrow {
	border-bottom: 12px solid #ffffd8;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	height: 0;
	margin: 0;
	position: absolute;
	top: -11px;
	width: 0;
	z-index: 1001;
	}
.tooltip > .arrowBorder {
	border-bottom: 12px solid #aaa;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	height: 0;
	position: absolute;
	top: -12px;
	width: 0;
	z-index: 1000;
	}
.afeng_eng1 select.afeng_bdr1, .afeng_eng1 input.afeng_bdr1 {
	border: 2px solid #b01f25;
	}
.afeng_eng1 input#route1 {
	padding-right: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
#afeng_openJawBlock, #afeng_multiLegBlock {
	position: relative;
	padding-bottom: 300px;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	}
#afeng_openJawBlock iframe, #afeng_multiLegBlock iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}
#afeng_multiRoutes {
	border-bottom: 1px dotted #444;
	display: inline-block;
	margin: 0 0 .5em;
}
#currencyEdit {
	white-space: nowrap;
}
#multiRoutesDiv { display: none; } 

.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all	{
	display: none; /* hide random calendar buttons */
}
.afeng_cntn-engine > form#afs-searchForm {
	height: auto;
	overflow: hidden;
}
#widget_maps {
  position: static;
  width: 100%;
}
#map-canvas {
  height: 400px;
  width: 100%;
  margin: 1em 0;
}
.afeng_selSpecialText.ui-autocomplete-input {
  cursor: auto;
  padding-right: 1.4em;
}



/*	----------------------------
	show route list in mobile for dif return
	------------------------------ */
/*.showDifReturn { /* think this is surplus to requirement 
	display: none;
	}*/
.showDifReturn .afeng_selPicker.greyed, 
.showDifReturn #route2 {
  display: block;
  margin: 0;
}
#swapRoutes {
	display: none!important;
	}
.showDifReturn #afeng_route2btn { /* re-instate button for different return */
	display: block; 
}
/*	-----------------------------------------------
	New "holders" to allow DiffReturn
	----------------------------------------------- */
.af_fullnew {
  clear: both;
  display: block;
  float: left;
  position: relative;
  width: 100%;
}
.af_outward-hold,
.af_return-hold {
  display: block;
  margin: 0;
  width: 100%;
}
.af_freight-additions-hold,
.af_freightBox-5 {
  display: none;
}

.afeng_freight-selected .af_freight-additions-hold {
  display: block;
  margin: 0;
  width: 100%;
}
.afeng_freight-selected .af_freightBox-5 {
  display: block;
}




/* standard */
.af_outward-hold .af_holder-a,
.af_outward-hold .af_holder-b,
.af_outward-hold .af_holder-c,
.af_return-hold .af_holder-a,
.af_return-hold .af_holder-b,
.af_return-hold .af_holder-c {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;/* 48% for dsk */
	float: none; /* left for dsk*/
	position: relative;
	z-index: 9;
	}



	
[class^="af_freightBox-"] {
  /*background-color: #aaf;*/
  float: left;
  margin: 0;
  position: relative;
  width: 100%;
}
/*[class^="af_freightBox-"] label {
  margin-top: .3em;
	display: block;
	}
*/
[class^="af_freightBox-"] label {
  display: table-cell;
  height: 36px;
  vertical-align: bottom;
}
	
.afeng_fullWidth.afeng_engineLast [class^="af_freightBox-"] label {
  margin-top: 0;
	}





[class^="af_freightBox-"] input,
[class^="af_freightBox-"] div.afeng_selPicker {
	margin-bottom: 0;
	width: 100%;
	}
	
	
/*.af_freightBox-4 input {
	position: relative;
		width: 64%;
	margin-right: 0;
}*/
/*.af_freightBox-5 + #searchButton {
  position: relative;
  width: 100%;

}*/
	
	
	
	
	
.af_outward-hold .af_holder-a {
	clear: both;
	}
/*L2276*/
.af_outward-hold .af_holder-b {
  clear: left;
  padding-top: 47px;
}
.af_outward-hold .af_holder-c {
	float: right;
	clear: none;
	}
.af_return-hold {
  position: absolute;
  top: 5.5em;
}
.af_return-hold .afeng_selPicker.greyed {
  display: none;
}
.differentReturnIsChosen .af_return-hold .afeng_selPicker.greyed {
  display: block;
}
.differentReturnIsChosen .af_return-hold {
  position: relative;
  top: auto;
}





	
.af_return-hold .af_holder-a {/* return route date time */
  clear: both;
  float: right;
 /* display: none;*/
}	
.af_return-hold .af_holder-b,
.af_return-hold .af_holder-c {
	display: none;
	}

/*.differentReturnIsChosen */
.differentReturnIsChosen .af_outward-hold .af_holder-a,
.differentReturnIsChosen .af_outward-hold .af_holder-b,
.differentReturnIsChosen .af_outward-hold .af_holder-c,
.differentReturnIsChosen .af_return-hold .af_holder-a,
.differentReturnIsChosen .af_return-hold .af_holder-b,
.differentReturnIsChosen .af_return-hold .af_holder-c {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;/* 48% for dsk */
	float: none; /* left for dsk*/
	position: relative;
	clear: both;
	}
.differentReturnIsChosen .af_return-hold .af_holder-a,
.differentReturnIsChosen .af_return-hold .af_holder-b,
.differentReturnIsChosen .af_return-hold .af_holder-c {
	float: right;
	}

	
#afeng_single-ret-options {
  clear: both;
  float: none;
}
/*	-----------------------------------------------
	END new "holders" to allow DiffReturn
	----------------------------------------------- */


.afeng_eng1 .afeng_BEshipOut, 
	.afeng_eng1 .afeng_BEshipRet {
  display: block;
  float: left;
  margin: .2em .4em 0 0;
}
#afeng_routeOut .afeng_selPicker,
#afeng_routeRet .afeng_selPicker {
  background-color: transparent;
  background-image: none;
  float: right;
  margin: 0 0 .5em 0;
  overflow: hidden;
  position: relative;
  width: 87%;
}
.afeng_eng1 .afeng_mapLink {
  border-bottom: 0 none;
  display: block;
  float: none;
  font-size: 0.9em;
  left: 0;
  margin: .55em .4em 0;
  position: absolute;
  top: auto;
  width: auto;
  z-index: 99;
}
.afeng_eng1 .afeng_mapLink.afeng_mapText {
  border-bottom: 1px dotted #444;
  /*margin: 1.95em 0 0 0.4em;*/
	margin: .66em 0 0 .1em;
  text-indent: 0;
}
.afeng_cntn-engine.afeng_cutdown .afeng_mapLink.afeng_mapText {
	margin: 1.75em 0 0 0.435em;
}


[id^="afeng_petsBlock-"] { /* ID begins with... */
  margin-left: 1%;
	}
.afeng_eng1 input[type="checkbox"], .afeng_eng1 input[type="radio"] {
  background-color: #fff;
  margin: 0.3em 0.2em 0 0;
}


/*	---------------------------------------------
	turn currency select into a standard select DD menu 
	---------------------------------------------- */
.afeng_eng1 select {
  box-shadow: none;
  outline: medium none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.afeng_engineLast [class^="afeng_floatL"] { /* currency select */
  display: block;
  float: left;
  margin: 0;
  width: 30%;
}
.afeng_engineLast [class^="afeng_floatR"] { /*search button */
  display: block;
  float: right;
  margin: 0;
  width: 66%; /* amend */
}
/* END currency select into a standard select DD menu */

.afeng_paxHold + .afeng_paxHold {
  display: block;
  margin: 0;
  overflow: hidden;
}
.currencyHolder {
  /*background-color: #fdb913;*/
  background-color: transparent;
  /*border: 1px solid #fcaf17;*/
	border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 6px;
  display: block;
  float: left;
  height: 3em;
  line-height: 3;
  overflow: hidden;
  position: relative;
  width: 30%;
}
.afeng_freight-selected .currencyHolder { /* hide when freight options selected */
  display: none;
}

#searchButton {
  float: right;
  min-width: 0;
  width: 64%;
  clear: none;
}
/*.af_freightBox-5 + .currencyHolder + #searchButton { /* will this work? may need programmer help as adjacent siblings still work even if "display: none" on one of them? 
  position: relative;
  width: 100%!important;
  float: right;
  min-width: 0;
  width: 64%;
  clear: none;
}*/

.currencyHolder select {
	-webkit-appearance: none!important;
	-moz-appearance: none;
	appearance: none;
	
	border: 0 none;
	background-color: transparent;
	font-family: arial, sans-serif;
	color: #444;
	font-weight: bold;
	width: 100%;
	width: 110%\9;
	padding-right: 30px;
  max-width: 400px; /* needed to make "Ellipses" work on android */
	}
.currencyHolder select::-ms-expand {
    display: none;
}

.currencyHolder::after {
  background-color: transparent;
  background-image: url("../img/afeng.svgz");
  background-position: -350px 0;
  background-repeat: no-repeat;
  background-size: 700px 500px;
  border: medium none !important;
  bottom: 5px;
  clear: none;
  content: "";
  display: block;
  float: right;
  height: 18px;
  margin: -2em 0.33em 0 0;
  overflow: hidden;
  padding: 0;
  text-indent: -999em;
  width: 16px;
}

.currencyHolder select option {
	background-color: #fff;
	background-color: transparent\9;
	}
.afeng_fullWidth.afeng_engineLast {
  clear: both;
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
	position: relative;
	margin: .6em 0 0 0;
}

/*	---------------------------------------------
	END turn currency select into a standard select DD menu 
	---------------------------------------------- */
	
/*.afeng_frag-one-third {
	width: 31%;
	display: table;
	float: left;
	margin: 0 3.5% 0 0;
	padding: 0 0 .35em 0;
	clear: right;
}*/
/*.afeng_frag-one-third:nth-child(3n) {
	margin-right: 0;
	float: right;
	}*/

.afeng_frag-one-third {
/*  display: flex;*/
  display: table;
 /* flex-wrap: wrap;*/
  float: left;
/*  justify-content: space-between;*/
  margin: 0 2.3% 0 0;
  padding: 0 1% 0.35em 0;
  width: 31%;
}


/*.afeng_frag-one-third label {
	height: 36px;
	line-height: 1.1;
	vertical-align: bottom;
	display: table-cell;
}*/
.afeng_frag-one-third label {
  line-height: 1.1;
  padding-bottom: 3px;
  vertical-align: bottom;
  display: table-cell;
  height: 36px;
}
.afeng_cntn-engine label {
  font-size: 14px;
}
	
	
	
/*	---------------------------------------
	Small Engine Dec 2016
	---------------------------------------*/
			
#fscanengineSMALL {
  overflow: hidden;
  position:absolute;
  z-index:999;
  width:100%;
  height:100%;
  top:0;
}

.afeng_cntn-engine.afeng_cutdown .afeng_centralise {
  overflow: auto;
  padding: 1.3em;
  position: relative;
  width: 100%;
}

.afeng_cntn-engine.afeng_cutdown {
  padding: 0;
  height:100%;
}

.afeng_cntn-engine.afeng_cutdown .afeng_selSpecialText.ui-autocomplete-input {
  background-color: transparent;
  border: 0 none;
  clear: none;
  font-size: 1em;
  width: 100%;
}


.afeng_cntn-engine.afeng_cutdown .afeng_sprite.afeng_BEshipOut {
  margin: 1.4em 0 0 .45em;
}
	
	


.afeng_cntn-engine.afeng_cutdown .afeng_input-frame {
  background-color: #fff;
  border: 1px solid #444;
  color: #444;
  cursor: pointer;
  float: right;
  height: auto;
  outline: medium none;
  padding: .25em;
  position: relative;
  text-align: left;
  width: 90%;
  background-clip: padding-box;
}
	
	/*	---------------------------------------
	END Small Engine Dec 2016
	---------------------------------------*/

	
.afeng_frag-one-half {
  float: left;
  width: 48%;
}
	



.afeng_frag-one-half + .afeng_frag-one-half {
  float: right;


}

	
	
	
	
	
.af_freightBox-1,
	#FreightAgentVehicleBlock > .afeng_fullWidth {
  display: table;
  /*justify-content: space-between;*/
}



.afeng_frag-one-half,
	.afeng_frag-one-third{
 /* display: flex;*/
  display: table-cell;
  /*flex-direction: column;*/
/*  float: left;*/
/*  justify-content: flex-end;*/
/*  width: 48%;*/
}

	.afeng_frag-one-third{
  width: 31%;
	/*	width: 31%\9;*/
}



/*	-------------------------------------------------------
	GEM 14189    swirly-loading-anim - swirly animation with svgz
	------------------------------------------------------- */
.afrwd_btn1 span.swirly-loading-anim,
.afrwd_btn9 span.swirly-loading-anim,
.afrwd_btn15 span.swirly-loading-anim {
  width: 32px;
  height: 32px;
  margin: 0 auto!important;
  background-image: url("https://static.aferry.co.uk/mobile/content/flexi/img/swirly-loading-anim-sprite.svgz");
  background-position: left center;
  background-repeat: no-repeat;
 /* background-size: contain;*/
  background-size: 384px 32px;
   /* background: url("https://static.aferry.co.uk/mobile/content/flexi/img/swirly-loading-anim-Fallback.gif") no-repeat left center \0/; /* IE8 only*/

  -ms-animation:     swirly-svgz 1.2s steps(12) infinite;
  -webkit-animation: swirly-svgz 1.2s steps(12) infinite; /* Safari 4+ */
  -moz-animation:    swirly-svgz 1.2s steps(12) infinite; /* Fx 5+ */
  -o-animation:      swirly-svgz 1.2s steps(12) infinite; /* Opera 12+ */
  animation:         swirly-svgz 1.2s steps(12) infinite; /* IE 10+, Fx 29+ */
  opacity: 1;
  visibility: visible;
  display: flex;
  position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
transform: none;
min-height: none;

	flex-direction: column;
 }

.afeng_btn1 span.btntext,
.afrwd_btn1 span.btntext,
.afrwd_btn9 span.btntext,
.afrwd_btn15 span.btntext {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
 	

} /* END media query*/





/*	-----------------------------------------------------
	IE9-only hack
	https://browserstrangeness.bitbucket.io/css_hacks.html
	via: https://stackoverflow.com/questions/12296628/need-hack-for-ie9-only
	----------------------------------------------------- */
@media screen and (min-width:0\0) and (min-resolution:.001dpcm) { 
.swirly-loading-anim {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("https://static.aferry.co.uk/mobile/content/flexi/img/swirly-loading-anim-Fallback.gif") no-repeat left center;
  background-size: contain;
}


} /* END media query */







/*	---------------------------------
	iPhone / other mobile (0px to 600px) 
	--------------------------------- */
@media screen and (min-width: 0px) and (max-width : 600px) {  /* adding fixes for GEM 9767 at end of this MQ */
* { margin:0; padding:0; }

.afeng_paxAll.afeng_kids {
	margin: 0 0 0 4.33%;
	}
	#afeng_petsBlock {
	margin-left: 3%;
	}
.afeng_paxHold {
	 width: 70%;
	}
	


/*	-------------------------------------------------
	Fixing Mobile Order of Pax + Pets Blocks
	Using the "begins with..." css as there are different IDs for out and return.
	Pets or Seniors/Students blocks will go Absolute to the right of Pax... 
	------------------------------------------------- */	
.afeng_childAgeBlock + *[id^="afeng_petsBlock"],
.afeng_childAgeBlock + *[id^="seniors-students"]
	/* begins with... */  {
	position: absolute; 
	right: 0; 
	top: 0; 
	}	
	
/*	----------------------------------------------------------
	... UNLESS Pets AND Seniors/Students are both present, in which case Seniors/Students will go Absolute to the right of Pax, 
	and Pets will stay underneath Child ages block 
	------------------------------------------------------------- */	
.afeng_childAgeBlock + *[id^="seniors-students"] + *[id^="afeng_petsBlock"]
	/* begins with... */  {
	position: relative; 
	right: auto; 
	top: auto; 
	clear: both;
	margin: 0 0 0 13%;
	}	
	
/*------------------------------------------------*/	
	
.afeng_eng1.routeOnly {
    height: 100px;
    overflow-y: hidden;
}
	
	
.app_show {
	display: inline-block!important; /* OK? for 10089 */
	}
#route2,
.app_hide,
.afeng_selPicker.greyed {
	display: none;
	}
label.afeng_h2 {
	width: 13%;
	}
.afeng_selPicker {
	background-color: transparent;
	background-image: none ;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 87%;
	}
.afeng_selPicker.afeng_selDatePick {

	width: 100%;
	}
.afeng_eng1 .afeng_calPicker { /* 10089 */
  width: 65%;
}
.afeng_eng1 .afeng_selTime {
	float: right;
	height: 2.4em !important;
	width: 30%;
	}
.afeng_cntn-engine {		
	padding: .5em;
	margin: 0;
	}
.afeng_cntn-engine form#afs-searchForm {/* more specific for form ID*/
	position: relative;
	}
div[id^="TravelMethod"] { /* 10089 *//* begins with... */ 
  float: right;
  display: block;
  margin: 0 0 .5em 0;
  background: #00f;
    }
#swapRoutes { 
	display: none; 
}
#PassengerBlock {
  margin: 1em 0 0;
}
.afeng_mapLink {  /* 10089 */
  margin: 0;
  position: absolute;
  left: 0;
  top: 7px;
  width: auto;
  z-index: 99;
  font-size: 0.9em;
}
.afeng_eng1 .afeng_BEshipOut, 
.afeng_eng1 .afeng_BEshipRet {  /* 10089 */
  left: 0;
  position: absolute;
  top: 5px;
  width: 28px;
}
.afeng_eng1 .differentReturnIsChosen .afeng_BEshipOut {
  top: 6px;
}
.afeng_eng1 *[id^="afeng_numCats"] { 
	margin-left: 0;
	}
#currencyText { display: none;
	}
*[class^="afeng_float"] { /* begins with... */ 
	margin: 0 0 .4em;
  }
.afeng_engineLast *[class^="afeng_floatL"] { /* begins with... */ 
	display: block;
	float: left;
	margin: 0;
	width: 25%;
  }
.afeng_engineLast *[class^="afeng_floatR"] { /* begins with... */ 
	display: block;
	float: right;
	margin: 0;
	width: 70%;
	}
.afeng_eng1 .afeng_btn3 {
	height: 3em;
	margin: 0;
	padding: .8em 0 .8em .45em;
	text-align: left;
	}
.afeng_eng1 #currencyEdit .afeng_selDown {
	top: 1em;
	}
.afeng_btn em {
	display: block;
	margin: .1em 0 0 .3em;
	}
.afeng_eng1 .afeng_BEvehType {
	margin: .5em 0 0 0;
	}
fieldset.afeng_inline {
	display: inline-block;  
	margin: .3em .3em .3em 0;
	}
#afeng_single-ret-options fieldset.afeng_inline {
	margin: 0;
	}	
.afeng_eng1 .afeng_BEpets {
	background-position: 0px -250px;
	height: 16px;
	margin: .95em .2em 0 0;
	width: 14px;
	}
.afeng_paxAll {
	display: block;
	float: left;
	margin: 0 1% 0 0;
	padding: 0;
	width: 45%;
}
.afeng_paxAll + .afeng_paxAll {
	float: left;
	margin-left: 4.33%;
	}
.afeng_paxAll label {
	clear: both;
	display: block;
	float: none;
	height: 1.6em;
	padding: 0 0 0 .5em;
	vertical-align: middle;
	width: auto;
	font-size: .8em;
	}
.afeng_paxAll select {
	min-width: 3em;
	width: 3em;
}
.afeng_paxHold {
	clear: none;
	float: left;
	margin: 0;
	width: 43%;
	}
#residentDiscountDiv .afeng_paxHold,
#largeFamilyDiscountDiv .afeng_paxHold,
#automobileClubDiscountDiv  .afeng_paxHold { 
	width: 100%;
}
.afeng_paxAll.afeng_kids {
	border-radius: 0;
	margin: 0 0 0 .25em;
	padding: 0;
	width: auto;
	float: left;
	}
.detailRemindText.afeng_hasTooltip {
	clear: both;
	}
.afeng_eng1 input[type="checkbox"], 
.afeng_eng1 input[type="radio"] {
	margin: .3em .2em 0 0;
	background-color: transparent;
	}
.afeng_paxAll.afeng_moreSpace {
	margin-top: 0;
	}
/*a.af_basket {
	display: none;
	}*/ /*13-10-2016 MS*/
.af_avatar {
	height: 34px;
	margin: .35em 0 0 0;
	opacity: .7;
	outline: medium none;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	width: 35px;
	background-position: -650px -300px;
	float: right;
	}
.af_avatar:hover {
	opacity: 1;
	}
.af_logo { 
	background-image: url("content-aferry/img/site-logo/af_logo-aferry.co.uk.png");
	}
.afeng_childAgeBlock {
	float: none;
	margin: 0 0 .3em 0;
	}

/*	-----------------------
	FIXES FOR GEM 9767 booked amend return
	---------------------- */
.afeng_cntn-engine.afeng_bkd-amend-ret form {
  padding: 0;
}
.afeng_bkd-amend-ret .afeng_selPicker.greyed, 
.afeng_bkd-amend-ret #route2 {
  display: block !important;
  min-height: 38px;
  overflow: visible;
  top: 0;
  width: 100%;
  margin: 0 0 .275em 0 ;
  position: relative;
}
.afeng_bkd-amend-ret #afeng_routeRet {
  margin-top: 0;
  overflow: hidden;
  padding-top: 33px;
  position: relative;
}
.afeng_bkd-amend-ret #afeng_routeOut {
  display: none;
  padding: 0;
}
.afeng_bkd-amend-ret #swapRoutes.afeng_sprite.afeng_swap {
   display: none;
}
.afeng_bkd-amend-ret #afeng_routeRet label.afeng_h2 {
  /*width: 13%;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: inline-block;
}
/*	-----------------------
	end FIXES FOR GEM 9767 booked amend return
	---------------------- */
	
	
	
} /* END media query */


@media screen and (min-width: 360px) { /* pax pet tweaks Oct2015 */
.afeng_paxAll select {
	min-width: 3.0em;
}
.afeng_eng1 label.afeng_radiolab, 
	.afeng_incTrailerBlock label {
  font-size: 0.95em;
  margin-right: 0.5em;
  clear: none;
  width: auto;
  max-width: 90%;
		height: auto;
		padding: 0;
}


} /* END media query*/





/*	--------------------------------------------
	 'TABLET' Media Queries - 601px and up
	-------------------------------------------- */
@media screen and (min-width: 601px) { 
.app_show{
	display: none!important;
}
#afeng_single-ret-options {
	margin: 0;
	float: left;
	width: 100%;
	padding: 0 3.3em 0 0;
}
.af_return-hold {
  position: absolute; 
  top: 0;
}
.af_return-hold .afeng_selPicker.greyed {
  display: block;
}

.differentReturnIsChosen .af_return-hold {
  position: relative;
}
.afeng_incTrailerBlock {
	clear: both;
	display: block;
	float: none;
	margin: 14px 0 0 0;
	overflow: hidden;
	width: 100%;
	}

.afeng_eng1.routeOnly {
    height: 100px;
    overflow-y: hidden;
}
/*	--------------------------------------------
	floats
	------------------------------------------- */
.afeng_floatL {	
	width: 47%;
	float: left;
	}
.afeng_floatR {	
	width: 47%;
	float: right;
	}
.afeng_cntn-vehicle fieldset.afeng_inline, 
.afeng_cntn-groups fieldset.afeng_inline { 
	display: inline-block; 
	margin: 0 .5em 0 0; 
	width: 100%;
	}
fieldset.afeng_inline { 
	display: inline-block; 
	margin: 0 .5em 0 0; 
	}
/* --------------------------------------------
	 buttons
-------------------------------------------- */
.afeng_eng1 button {
	height: 2.25em;
	}
.afeng_eng1 .afeng_floatRalt button {
	float: right;
	padding: 0 1.6em;
	font-size: 1.3em;
	}
select#afeng_method-travel { width: 47%; }

/*	-------------------------------
	VEHICLE POPUP
	------------------------------- */
.afrwd_cntn-vehicle fieldset.afrwd_inline { 
	display: inline-block; 
	margin: 0 .5em 0 0; 
	width: 100%;
	}
/*	-------------------------------
	end VEHICLE POPUP
	------------------------------- */
	
/* amended for GEM 8632: */
.afeng_eng1 .afeng_calPicker { 	
	margin-right: 1em;
	}
	
/*	-------------------------------
	start resident
	------------------------------- */
.afeng_resident select {
	width: 35%;
	}
.afeng_sprite.afrwd_help3 {
	position: relative;
	right: auto;
	top: auto;
	float: none;
	display: inline-block;
	}
.afeng_paxHold > .afeng_resident {
	margin-top: -1.5em;
	}
/*	-------------------------------
	end resident
	------------------------------- */
	
/*	-------------------------------
	Groups additions
	------------------------------- */
.afeng_halfWidth {
	display: inline-block;
	width: 47%;
	vertical-align: top;
	}
.afeng_halfWidth:last-child {
	float: right;
	}
.afeng_halfWidth > .afeng_floatLalt,
.afeng_halfWidth > .afeng_floatRalt {
	display: block;
	width: 100%;
	}
.afeng_paxAll label {
	height: auto;
	padding: 0 0 0 .2em;
	}

/* TAB: */
.afrwd_msg1-cntn h2, .afrwd_msg2-cntn h2, .afrwd_msg3-cntn h2 {
	display: inline-block;
	margin: 0 0 .75em 0;
}
.afrwd_msg1-cntn .afrwd_excl-mk1 + h2 + h4,
.afrwd_msg2-cntn .afrwd_excl-mk1 + h2 + h4,
.afrwd_msg3-cntn .afrwd_excl-mk1 + h2 + h4 {
	font-weight: normal;
	color: #555;
	margin: 1em 0 0 0;
}
.afrwd_msg1-cntn > h2, .afrwd_msg2-cntn > h2, .afrwd_msg3-cntn > h2 {
	margin-bottom: 0;
	padding: 0;
	display: inline;
	}
.afrwd_excl-mk1 + h2 {
	width: 92%;
	font-size: 1.1em; 
	}
#multiRoutesDiv { display: block; }

#ui-datepicker-div {
	max-width: 250px;
}
.afeng_vehiclesList {
	width: 250px;
}
.afeng_currencyHold {
	min-width: 260px;
	}
.afeng_eng1 p input[type="checkbox"], 
.afeng_eng1 p input[type="radio"] {
  float: none;
  margin: 0.2em 0.2em 0.5em 0.5em;
}

/*	----------------------------
	engine
	---------------------------- */
.afeng_cntn-engine {
	border: 5px solid #e8e8e8;
	border-radius: 0;
	font-size: 14px;
	margin: 0 0 1.5em;
	min-height: 372px; 
}
.afeng_eng1 input, 
.afeng_eng1 select, 
.afeng_eng1 textarea {
	border-color: #aeaeae;
	}
#ui-datepicker-div {
	max-width: 250px;
}
.afeng_vehiclesList {
	width: 280px;
	max-width: 450px;
}
.afeng_eng1 button,
.afeng_eng1 .afeng_btn {
	width: auto;
	}
.afeng_eng1 .afeng_btn.afeng_btn3 { /* currency button */
	padding: .4em 3em .4em .5em; 
	}
.afeng_paxHold .afeng_sprite {
	display: block;
	}
.afeng_paxAll select + div {
	}
.afeng_childAgeBlock input {
	width: 2em;
	height: 2em;
	margin: 0 .3em .3em 0;
	}
/* tablet portrait */
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
	line-height: 1.9em;
	}
#ui-datepicker-div.ui-datepicker {
	max-width: 320px; /* esp. on timetables pages, calendar has been full width */
	margin-left: 0;
}

/*	--------------------------------------------
	floats
	------------------------------------------- */	
[class*="afeng_float"] {
 /* OK? Mar2017
	display: block;
  float: none;
  width: 100%; */
  margin: 0;
}
.popup [class*="afeng_float"] /* begins with... */  {
	width: 50%;
	float: left;
	}
/*
	OK to remove? Mar2017
	.afeng_floatR, 
.afeng_floatRalt {
	float: right;
	margin: 0 0 .4em 0;
	}*/
	
#afeng_routeRet {
	margin: 0;
	}
.afeng_fullWidth.afeng_spaceAbove,
.afeng_fullWidth.afeng_spaceAboveWithRule {
	clear: both;
	margin-top: 3em;
	padding-top: 1em;
	}
.afeng_fullWidth.afeng_spaceAbove2 { 
	clear: both;
	margin-top: 1em;
	}
.afeng_fullWidth.afeng_spaceAboveWithRule {
	border-top: 1px dotted #999;
	}
.afeng_currencyHold {
	margin-top: .4em;
	}
#afeng_currencySelect { display: none; } /* hides currency label on desktop */

fieldset.afeng_inline { display: block; float: left; margin: 0 .5em 0em 0;	}
fieldset.afeng_inline input { display: block; float: left;	}
fieldset.afeng_inline label {
	padding-left: .1em;
	padding-right: .4em;
	}
fieldset.afeng_inline input[type="checkbox"], 
fieldset.afeng_inline input[type="radio"] {
	display: block;
	float: left;
	height: 20px;
	margin: 0 .3em 0 0;
	padding: 0;
	width: auto;
	background-color: transparent;
	}
label.afeng_radioLab {
	display: block;
	float: left;
	font-size: 1em;
	max-width: 18em; 
	}
.afeng_cntn-vehicle select,
.afeng_cntn-vehicle input	{
	max-width: 15em;
	float: left;
	clear: both;
	}
.afeng_cntn-vehicle label.afeng_standard{
	max-width: 15em;
	float: left;
	}
.afeng_eng1 input[type=checkbox],
.afeng_eng1 input[type=radio] {
	display: inline;
	width: auto;
	margin: 0 .6em 0 0;
	padding: 0;
	}
/*	-------------------------- */
.afeng_paxHold {	
	margin: .5em 0 .5em 0;	
}
/*.afeng_paxHold + .afeng_paxHold {
	margin-top: 3em; 
	overflow: hidden; 
	display: block; 
}*/
	
.afeng_paxAll[id^="afeng_paxStudentBlock"] {
  width: 44%;
}
.afeng_paxAll {
	width: 47%; 
 }
.afeng_paxAll + .afeng_paxAll {
	margin-left: 6px;
	}
.afeng_paxAll.afeng_kids {
	display: block;
	float: right;
	margin: -.833em 0 -.333em -.833em;
	padding: .833em 0 .333em .833em;
	}
.afeng_paxAll label {
	font-size: 0.8em;
	height: 2.4em;
	padding: 0 0 0 0.5em;
}
.afeng_paxAll select {
	min-width: 3.3em;
}
input.afeng_childAge {
	border: 1px solid #C0C0C0;
	color: #494949;
	height: 1.8em;
	margin: 0 0 0 .3em;
	padding: 0;
	text-align: center;
	width: 1.8em;
	}
.afeng_childAgeBlock {
	margin: 3px 0 5px;
	padding: 6px 0.8em ;
	
	-webkit-border-radius: .313em 0 .313em .313em; /* no round corner for top-left */
	   -moz-border-radius: .313em 0 .313em .313em; 
			border-radius: .313em 0 .313em .313em; 
	}
	
/* --- */
/* disp Block on all vehicle icons: */
/*.afeng_trailerHeight, 
.afeng_trailerLength, 
.afeng_heightCAR, 
.afeng_lengthCAR, 
.afeng_heightMBS, 
.afeng_lengthMBS, 
.afeng_lengthCVN, 
.afeng_heightCVN, 
.afeng_heightMPV, 
.afeng_lengthMPV, 
.afeng_heightPPC, 
.afeng_lengthPPC, 
.afeng_heightMTH, 
.afeng_lengthMTH, 
.afeng_heightCMP, 
.afeng_lengthCMP, 
.afeng_heightVAN, 
.afeng_lengthVAN, 
.afeng_widthVAN, 
.afeng_heightFXF, 
.afeng_lengthFXF, 
.afeng_heightSUV, 
.afeng_lengthSUV, 
.afeng_extHeightCAR, 
.afeng_extLengthCAR, 
.afeng_extHeightMBS, 
.afeng_extLengthMBS, 
.afeng_extHeightCMP, 
.afeng_extLengthCMP, 
.afeng_extHeightMTH, 
.afeng_extLengthMTH, 
.afeng_extHeightCVN, 
.afeng_extLengthCVN, 
.afeng_extHeightVAN, 
.afeng_extLengthVAN, 
.afeng_extHeightSUV, 
.afeng_extLengthSUV, 
.afeng_extHeightFXF, 
.afeng_extLengthFXF, 
.afeng_extHeightMPV, 
.afeng_extLengthMPV, 
.afeng_extHeightPPC, 
.afeng_extLengthPPC */
	
/**[class^="afeng_height"],
*[class^="afeng_length"],
*[class^="afeng_width"],
*[class^="afeng_load"],
*[class^="afeng_extHeight"],
*[class^="afeng_extLength"]
	{
	display: block;
	width: 50px;
	}
	*/
*[class^="afeng_height"],
*[class^="afeng_length"],
*[class^="afeng_width"],
*[class^="afeng_load"],
*[class^="afeng_extHeight"],
*[class^="afeng_extLength"]
	{
	display: none;
	}
	
/* --- */
	/*
.afeng_trailerLength {
	background-position: -200px -300px;
	height: 28px;
	}
.afeng_trailerHeight {
	background-position: -200px -350px;
	height: 28px;
	}
.afeng_lengthCAR {
	background-position: -250px 0;
	height: 25px;
	}
.afeng_heightCAR {
	background-position: -250px -50px;
	height: 18px;	
	}
.afeng_lengthMBS {
	background-position: -500px -300px;
	height: 26px;
	}
.afeng_heightMBS {
	background-position: -500px -350px;
	height: 24px;		 
	}
.afeng_lengthCVN {
	background-position: -250px -100px;
	height: 28px;	
	}
.afeng_heightCVN {
	background-position: -250px -150px;
	height: 22px;
	}
.afeng_lengthMPV, 
.afeng_lengthPPC {
	background-position: -500px -200px; 
	width: 37px; 
	height: 25px; 
	}
.afeng_heightMPV, 
.afeng_heightPPC {
	background-position: -500px -250px; 
	width: 45px; 
	}
.afeng_lengthMTH, 
.afeng_lengthCMP {
	background-position: -250px -200px;
	height: 28px;	
	}
.afeng_heightMTH, 
.afeng_heightCMP {
	background-position: -250px -250px;
	height: 22px;	
	}


.afeng_lengthFXF, 
.afeng_lengthSUV {
	background-position: -500px -100px;
	height: 26px;
	}
.afeng_heightFXF, 
.afeng_heightSUV {
	background-position: -450px -250px;
	height: 19px;
	}
.afeng_extHeightCAR {
	background-position: -300px 0;
	height: 34px;

	}
.afeng_extLengthCAR {
	background-position: -300px -50px;
	height: 22px;
	}
.afeng_extHeightMBS {
	background-position: -550px -300px;
	width: 49px;
	height: 34px;
	}
.afeng_extLengthMBS {
	background-position: -550px -350px;
	height: 34px;
	}
.afeng_extHeightCMP,
.afeng_extHeightMTH {
	background-position: -300px -200px;
	height: 32px;
	}
.afeng_extLengthCMP, 
.afeng_extLengthMTH {
	background-position: -300px -250px;
	height: 22px;
	}
.afeng_extHeightCVN {
	background-position: -300px -200px;
	height: 32px;
	margin-top: 22px;
	}
.afeng_extLengthCVN {
	background-position: -300px -250px;
	height: 22px;
	}
.afeng_extHeightVAN {
	background-position: -300px -300px;
	height: 30px;
	width: 50px;
}
.afeng_extLengthVAN {
	background-position: -300px -350px;
	width: 49px;
	height: 19px;
	}
.afeng_extHeightSUV, 
.afeng_extHeightFXF {
	background-position: -550px -100px; 
	width: 42px; 
	height: 28px; 
	margin: 3px 0 0 3px; 
	}
.afeng_extLengthSUV, 
.afeng_extLengthFXF {
	background-position: -550px -150px; 
	height: 16px; 
	margin: 3px 0 0 3px; 
	}
.afeng_extHeightMPV, 
.afeng_extHeightPPC {
	background-position: -550px -200px;	
	width: 42px; 
	height: 32px; 
	margin: 3px 0 0 3px; 
	}
.afeng_extLengthMPV, 
.afeng_extLengthPPC {
	background-position: -550px -250px;	
	height: 22px; 
	margin: 3px 0 0 1px; 
	}
*/
/*	----------------------
	New Freight vehicles
	----------------------
	ABL - Abnormal Load
	ART - Articulated Lorry (this could be simplified to “Artic / Lorry” if it helps design)
	RIG - Rigid
	RTR - Road Train
	UNA - Unaccompanied (Trailer)
	----------------------*/
.halfFLoatR {
	display: block;
	float: right;
	width: 50%;
	margin: 1em 0;
	padding: 0;
	}

/*	ABL - Abnormal Load 
.afeng_lengthABL {
	background-position: -235px -400px;
	height: 28px;
	margin: 0px 11px 0 0;
	width: 50px;
}
.afeng_heightABL {
	background-position: -290px -400px;
	height: 28px;
	margin: 0 5px 0 0;
	width: 55px;
}
.afeng_widthABL {
	background-position: -450px 0;
	height: 40px;
	margin: 2px 19px 0 14px;
	width: 26px;
}
.afeng_loadABL {
	background-position: -235px -450px;
	height: 28px;
	margin: 6px 11px 8px 0;
	width: 50px;
}
	
/*	ART - Articulated Lorry 
.afeng_lengthART {
	background-position: 0 -400px;
	height: 26px;
	margin: 3px 9px 2px 0;
	width: 56px;
}
.afeng_heightART {
	background-position: -60px -400px;
	height: 26px;
	margin: 3px 0 2px 0;
	width: 65px;
}
.afeng_widthART {
  background-position: -450px 0;
  height: 45px;
  margin: 11px 16px 0 13px;
  width: 32px;
}
.afeng_loadART {
  background-position: 0 -450px;
  height: 26px;
  margin: 18px 9px 0 0;
  width: 56px;
}


/*	RIG - Rigid 
.afeng_lengthRIG {
	background-position: -498px -400px;
	height: 28px;
	margin: 0px 10px 0 0;
	width: 48px;
}
.afeng_heightRIG {
	background-position: -550px -400px;
	height: 27px;
	margin: 0px 8px 0 0;
	width: 50px;
}
.afeng_widthRIG {
	background-position: -550px -50px;
	height: 35px;
	margin: 3px 21px 0 12px;
	width: 25px;
}
.afeng_loadRIG {
	background-position: -498px -450px;
	height: 22px;
	margin: 9px 10px 6px 0;
	width: 48px;
}


/*	RTR - Road Train 
.afeng_lengthRTR {
  background-position: -350px -400px;
  height: 28px;
  width: 65px;
}
.afeng_heightRTR {
  background-position: -420px -400px;
  height: 28px;
  margin: 0 3px 0 0;
  width: 65px;
}
.afeng_widthRTR {
	background-position: -450px 0;
	height: 40px;
	margin: 0 22px 0 22px;
	width: 26px;
}
.afeng_loadRTR {
	background-position: -350px -450px;
	height: 22px;
	width: 65px;
	margin: 6px 2px 10px 4px;
}


/*	UNA - Unaccompanied (Trailer) 
.afeng_lengthUNA {
  background-position: -130px -400px;
  height: 28px;
  margin: 18px 18px 0 0;
  width: 42px;
}
.afeng_heightUNA {
  background-position: -180px -400px;
  height: 28px;
  margin: 18px 9px 0 0;
  width: 50px;
}
.afeng_widthUNA {
  background-position: -500px 0;
  height: 45px;
  margin: 11px 16px 0 13px;
  width: 32px;
	}

.afeng_loadUNA {
  background-position: -130px -450px;
  height: 28px;
  margin: 18px 18px 0 0;
  width: 42px;
	}


/*	VAN - Van 
.afeng_lengthVAN {
  background-position: -250px -300px;
  height: 28px;
  margin: 0px 10px 0 0;
  width: 40px;
}
.afeng_heightVAN {
	background-position: -250px -350px;
	height: 27px;
	margin-top: 0px;
	width: 50px;
}
.afeng_widthVAN {
	background-position: -550px -0px;
	height: 36px;
	margin-right: 7px;
	width: 37px;
	margin: 1px 3px 1px 10px;
}
.afeng_loadVAN {
	background-position: -600px -450px;
	height: 19px;
	margin: 5px 7px 13px 7px;
	width: 40px;
}
	*/
	
	
	
	
	
	
	
	
	
	
/*	-----------------------------------------
	
	----------------------------------------- */
.afeng_eng1 .afeng_selUp {
	background-position: -350px -100px; height: 16px; width: 16px;
	}
.afeng_eng1 .afeng_selUp:hover {
	background-position: -350px -150px;
	}
.afeng_eng1 .afeng_selPrev {
	background-position: -350px -200px; height: 16px; width: 16px;
	}
.afeng_eng1 .afeng_selPrev:hover {
	background-position: -350px -250px;
	}
.afeng_eng1 .afeng_selNext {
	background-position: -350px -300px; height: 16px; width: 16px;
	}
.afeng_eng1 .afeng_selNext:hover {
	background-position: -350px -350px;
	}
/************ column 9 ************/
.afeng_eng1 .afeng_calIcon {
	top: .5em;
	right: .35em;
	}
/* ============================================= */
.afeng_cntn-vehicle, 
.afeng_cntn-groups { 
	border: 8px solid #fff;
	border-radius: 0;
	padding: 0 0 2% 0;
	max-width: 620px;
	width: 100%;
	}
/*.afeng_cntn-vehicle h2, 
.afeng_cntn-groups h2 { 
	color: #fff;
	background-color: #505050;
	margin: 0 0 2% 0;
	padding: .5em;
	width: 100%;
	 }
*/
	.afeng_cntn-vehicle h2, .afeng_cntn-groups h2 {
	color: #444;
	background-color: transparent!important; /* so I don't have to change every version... */
	margin: 0;
	padding: 8px 2px 5px 11px;
	width: 100%;
	font-weight: normal;
	font-size: 27px;
	/*border-bottom: 4px solid #fff;*/
	letter-spacing: 0.02em;
}


	
	
	.afeng_popup-vehicle { 
	font-size: 14px; /* stops cascade */
/* positioning for demo only */
	position: absolute;
	left: 50%;
	top: 2%;
	margin-left: -300px;
	width: 600px;
	z-index: 1002;
	}


.afeng_popup-routes {
	left: -10px;
	position: absolute;
	top: 90px;
	width: 830px;
	z-index: 1002;
	}
.afeng_popup-vehicle button { 
	float: right;
	margin-right: 1em;
	clear: both;
	}
	
/*	-------------------------------
	start resident
	------------------------------- */
.afeng_sprite.afrwd_help3 {
	position: relative;
	right: auto;
	top: auto;
	float: none;
	display: inline-block;
	margin-top: 0;
	}
.afeng_paxHold > .afeng_resident {
	margin-top: -1em;
	}
.afeng_cntn-groups .afeng_fullWidth { 
	width: 96%;
	}
.afeng_fullWidth.afeng_spaceAbove2 + .afeng_btn2 { 
	margin-left: 2%;
	margin-top: 2%;
	}
.afeng_eng1 *[id^="afeng_numCats"] { 
	margin-left: .8em;
	}
.afeng_eng1 .afeng_swap {
	left: 48.35%;
	margin-top: 2em;
	right: auto;
	top: auto;
}
/* messages / warnings (dsk): */
.afrwd_msg1-cntn h2, .afrwd_msg2-cntn h2, .afrwd_msg3-cntn h2 {
	margin: 0 0 .75em 0;
}
.afeng_eng1 .afeng_btn3 {
	width: 100%;	
	max-width: 280px;
	padding: .8em 3em .8em .5em; 
	}	
.afeng_engineLast .afeng_floatL, .afeng_engineLast .afeng_floatLalt, .afeng_engineLast .afeng_floatR, .afeng_engineLast .afeng_floatRalt {
	display: inline;
	float: left;
	margin: 0;
	width: 35%;
}
.afeng_engineLast .afeng_floatR, .afeng_engineLast .afeng_floatRalt {
	float: right;
}
.afeng_currencyHold {
	position: relative;
	width: 100%;
	min-width: auto;
}
.tooltip {
	width: auto;
}
#afeng_route2btn {
  display: none;
}
.afeng_bkd-amend-ret #swapRoutes {
  display: none;
}
.afeng_bkd-amend-ret #afeng_route2btn {
  display: block;
}
.afeng_mapLink {
  margin: 0;
}
.afeng_eng1 .afeng_BEshipOut,
.afeng_eng1 .afeng_BEshipRet { 
	display: inline-block;
	}
.afeng_eng1 input.afeng_calSelDate {
  margin-left: 0;
  width: 100%;
}

/*	-----------------------------------------------
	New "holders" to allow DiffReturn
	----------------------------------------------- */
.af_outward-hold,
.af_return-hold {
  display: block;
  float: left;
  margin: 0;
}
.af_return-hold {
  float: right;
}
.differentReturnIsChosen .af_outward-hold /* dif ret */
{
  width: 48%;
}

/* dif ret */
.differentReturnIsChosen .af_return-hold {
  width: 48%; 
  position: relative;
}


/* standard */
.af_outward-hold .af_holder-a,
.af_outward-hold .af_holder-b,
.af_outward-hold .af_holder-c,
.af_return-hold .af_holder-a,
.af_return-hold .af_holder-b,
.af_return-hold .af_holder-c {
	margin: 0;
	padding: 0 0 1em 0;
	width: 48%;
	position: relative;
	z-index: 9;
	}
.af_outward-hold .af_holder-b {
  clear: left;
  float: left;
}

.differentReturnIsChosen .af_outward-hold .af_holder-a, 
.differentReturnIsChosen .af_outward-hold .af_holder-b, 
.differentReturnIsChosen .af_outward-hold .af_holder-c, 
.differentReturnIsChosen .af_return-hold .af_holder-a, 
.differentReturnIsChosen .af_return-hold .af_holder-b, 
.differentReturnIsChosen .af_return-hold .af_holder-c {
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 1em;
  position: relative;
	width: 100%; 
}
.differentReturnIsChosen .af_return-hold .af_holder-a,
.differentReturnIsChosen .af_return-hold .af_holder-b,
.differentReturnIsChosen .af_return-hold .af_holder-c {
	float: right;
	}
.showDifReturn .afeng_selPicker.greyed, .showDifReturn #route2 {
  float: none;
}
.af_return-hold .af_holder-a {/* return route date time */
  display: block;
}	

/*	-----------------------------------------------
	END new "holders" to allow DiffReturn
	----------------------------------------------- */
.afeng_paxHold > .afeng_resident {
  padding: 0;
  margin: 0;
}
.afeng_resident select {
  width: 100%;
}	
.afeng_eng1 .afeng_BEshipOut, 
.afeng_eng1 .afeng_BEshipRet {
  display: block;
}
.afeng_incTrailerBlock {
  padding: 0.9em 0 0.4em;
}
#afeng_routeOut .afeng_selPicker, #afeng_routeRet .afeng_selPicker {
  float: left;
  width: 100%;
  clear: both;
}
.afeng_eng1 .afeng_mapLink {
  float: right;
  font-size: 0.9em;
  left: auto;
  margin: 0;
  position: absolute;
  right: 0.6em;
  top: auto;
  width: auto;
  z-index: 99;
  display: none;
}
.afeng_centralise .afeng_eng1 .afeng_mapLink { /* for map link inside cut-down engine */
   top: 0.6em;
}


.afeng_eng1 .afeng_mapLink.afeng_mapText {
  display: block;
  margin: 0;
}

.afeng_eng1 .afeng_mapLink.afeng_mapText > span.afeng_mapText {
  margin: 0;
  padding: 0;
}

.afeng_engineLast .afeng_floatL, 
.afeng_engineLast .afeng_floatLalt, 
.afeng_engineLast .afeng_floatR, 
.afeng_engineLast .afeng_floatRalt {
  width: 48%;
}
.currencyHolder {
  width: 48%;
  max-width: 200px;
}
	

/*#searchButton {
  max-width: 45%;
}*/
#searchButton {
  max-width: 45%;
 /* margin: 1em 0 0 0;*/
  margin: 0;
}
/*#searchButton {
  position: absolute;
  right: 0;
  bottom: 0;
}*/
#swapRoutes {
	display: block!important;
	}





	/*
[class^="af_freightBox-"] {
  float: left;
  margin: 0;
  position: relative;
  width: 48%;
}
.af_freightBox-2,
.af_freightBox-4 {
  float: right;
  margin: 0 ;
}*/
	

[class^="af_freightBox-"] {
  clear: left; 
  float: left;
  margin: 0;
  position: relative;
  width: 48%;
}
	
.af_freightBox-2, .af_freightBox-4 {
  clear: none; 
  float: right;
  margin: 0;
}

[class^="af_freightBox-"] input,
[class^="af_freightBox-"] div.afeng_selPicker {
	margin-bottom: 0;
	}
.af_freightBox-4 input {
	position: relative;
		width: 64%;
	margin-right: 0;
}
.af_freightBox-4 fieldset {
	padding: 1.3em 0 0 0;
	}

.af_freightBox-5 {
	clear: left;
	margin: 0;
	}	
	
	
	
	
	

/*.af_freightBox-1,
	#FreightAgentVehicleBlock > .afeng_fullWidth {
  display: flex;
  justify-content: space-between;
}*/



/*.afeng_frag-one-half,
	.afeng_frag-one-third{
  display: flex;
  flex-direction: column;
  float: left;
  justify-content: flex-end;
  width: 48%;
}*/

/*	.afeng_frag-one-third{
  width: 33%;
}
*/

	
	
	
	
.afeng_selPicker {
  margin: 0;
}
.afeng_eng1 .afeng_calPicker {
	background-color: #fff; /* added for GEM11267*/ 
	}
.afeng_eng1 .afeng_cntn-vehicle button { 
	float: right; 
	margin-right: 2%;
	}

	
	
*[id^="adults-children"] + *[id^="seniors-students"] {
	padding-top: .6em;
	}

	
.afeng_cntn-engine.afeng_cutdown .afeng_centralise {
 padding: 2.5em;
}
.afeng_eng1 .afeng_centralise .afeng_mapLink.afeng_mapText {
  top: .4em;
	margin: 0;
}

} /* END media query*/






/*	---------------------------------
	Media Queries for screen wider than 54.00em (875px or 864px)
	--------------------------------- */
@media screen and (min-width: 864px) {


	#ui-datepicker-div .ui-datepicker-header, 
#ui-datepicker-div .ui-widget-header {
	height: 3.2em;
	padding: .3em .75em;
}
#ui-datepicker-div .ui-datepicker-prev span, 
#ui-datepicker-div .ui-datepicker-next span {
	right: .55em;
	top: 34%;
}
#ui-datepicker-div.ui-datepicker table {
	margin: .075em auto 0;
}
.afeng_calButtons, 
.afeng_cbDisbled, 
.afeng_cbDisbled {
	margin: .23em .5em !important;
	padding: .23em !important;
}
	
.afeng_engineLast .afeng_floatL, 
.afeng_engineLast .afeng_floatLalt, 
.afeng_engineLast .afeng_floatR, 
.afeng_engineLast .afeng_floatRalt {
	width: 47%;
}
	
.afeng_eng1.routeOnly {
    height: inherit;
    overflow-y: inherit;
}

	
/*	-------------------------------
	datepicker- 2months fix
	------------------------------- */
.ui-datepicker-group {
	display: block;
	float: left;
	width: 50%;
}
.ui-datepicker-group-last .afeng_eng1 .afeng_selDown, 
.ui-datepicker-group-last #ui-datepicker-div .afeng_selDown {
	display: none!important;
}
.ui-datepicker-group-last #ui-datepicker-div .afeng_MonthSelector {
	display: none!important;
}
.afeng_summaryText {
 /* white-space: nowrap; BAD THING. */
  width: 100%;
  max-width: 80%;
}
	
afeng_eng1 .afeng_BEmapIcon {
  text-indent: 0;
}
	
	/*	------------------------------
	routes list (tab+)
	------------------------------ */
.afeng_routesList { /*tablet */
	left: 20%;
	top: 16%;
	width: auto !important;
	min-width: 600px !important; 
	max-width: 750px !important; 
	}
.afeng_routesList .afeng_ListOp,
.afeng_routesList .afeng_ListRoute,
.afeng_routesList .afeng_ListDest	{ /* blue icons in Routes List */
	background-position: 0 -100px;
	width: 22px;
	height: 15px;
	position: absolute;
	right: 0;
	top: .45em;
	display: inline-block;
	}
.afeng_routesList .afeng_ListRoute,
.afeng_routesList .afeng_ListDest {
	background-position: 0 -200px;
	height: 10px;
	width: 20px;
	top: .65em;
	}
.afeng_routesList .afeng_ListDest {
	background-position: 0 -150px;
 	}
.afeng_routesList .afeng_listIconText { /* blue text next to icons in Routes List */
	font-size: 11px;
	font-weight: normal;	
	color: #aeaeae;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin: 0;
	padding: 0 30px 0 0;
	position: absolute;
	right: .3em; 
	top: .1em;
	width: auto;
	height: auto;
	background-image: none;
	}
.afeng_routesList li a {
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.afeng_sprite.afeng_popular_route { /* new july 2017 */
	width: 16px;
	height: 16px;
	background-position: -16px -150px;
	position: relative;
	float: none;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}
	
.afeng_routesList li:hover a span.afeng_popular_route {
	background-position: -33px -150px;
	}
/*	--------------------------
	route list also
	-------------------------- */
.afeng_routesList li span.sub, 
.afeng_vehiclesList li span.sub,
.afeng_routesList li span.sub2 {
	background-image: none;
	display: inline;
	float: none;
	font-size: 12px;
	margin: 0 .2em 0 0;
	}
#afeng_routeOut, #afeng_routeRet {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
}
#afeng_routeRet { 
	float: right;
	margin-top: 0;
	}
.afeng_routesList li,
.afeng_routesList li a {
	height: 32px;
	line-height: 32px;
	}
/*	-----------------------------
	END route list
	----------------------------- */
	
#ui-datepicker-div.ui-datepicker {
	max-width: 600px; /* esp. on timetables pages, calendar has been full width */
}
.afeng_eng1 .afeng_swap {
  left: 48.95%;
  margin-top: 2.3em;
}
#searchButton {
  max-width: 32%;
}
	
	
} /* END media query*/


















/*	---------------------------------
	Media Queries for screen wider than 62.500em (1000px)
	--------------------------------- */
@media screen and (min-width: 1000px) {
/*	----------------------------
	engine?
	---------------------------- */
.afeng_cntn-engine {
	min-height: 372px;
	max-width: 1024px;
	overflow: visible;
	}
.afeng_paxAll select + div {
	float: left; 
	display: block;
	margin: .6em 0 0 .4em;
	}
#afeng_outH2, #afeng_retH2	{ display: none;
	}
#ui-datepicker-div .ui-menu .ui-menu-item {	
	min-width: 720px !important;
	}
.afeng_routesList li, .afeng_routesList h4 {	
	min-width: 720px !important;
	}
	
/*	---------------------------------
	calendar stuff
	--------------------------------- */
#ui-datepicker-div.ui-datepicker {
	font-size: 15px;
	padding: 0.425em;
}
/* tablet portrait */
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
	line-height: 1.7em;
	}
label.afeng_h2,
label.afeng_standard {
	float: left;
	margin: 0;
	display: block;
	}
label.afeng_standard {
	font-weight: normal;
	font-size: 1em;
	}
/*label.afeng_h2 span,
label.afeng_standard span {
	display: inline-block;
	}
	*/
	
label.afeng_h2 span, 
label.afeng_standard span {
  display: inline-block;
  vertical-align: bottom;
}



.afeng_frag-one-third label::after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}



	
	
	
	
	
.afeng_calPicker {
	margin: 0 2% 0 0;
	width: 40%;
	}
.afeng_ui-datepicker {
 	font-size: 1.3em;
	}
.afeng_eng1 .afeng_selTime {
	width: 33%;
	float: left;
	}
.afeng_dateText { 
	font-size: .75em; 
	line-height: 1.2;
	margin: 0 0 0 0;
	width: 33%;
	display: table-cell;
	height: 2.4em;
	vertical-align: middle;
	padding: 0 0 0 .5em;
	}
.afeng_eng1 .afeng_calPicker {
	width: 38%;
}
.afeng_eng1 .afeng_selTime {
	width: 26%;
	}
.afeng_monthSelDown {
	right: 4px;
	top: 6px;
	}
/*	-------------------------------
	VEHICLE POPUP
	------------------------------- */
.afrwd_cntn-vehicle {
	border: 8px solid #fff;
	border: 8px solid #e1f4fd\9; /* legacy IE */
	border-radius: 0;
	-webkit-box-shadow: 3px 3px 15px #ccc;	
	-moz-box-shadow:	3px 3px 15px #ccc;	
	box-shadow:		 3px 3px 15px #ccc;	

	margin: 0 auto;
	max-width: 620px;
	width: 100%;
	}
.afrwd_cntn-vehicle h2 {	
	color: #fff;
	background-color: #505050;
	line-height: 40px;
	margin: -.75em -.75em .4em -.75em;
	padding: 0em 1em;
	display: inline-block;
	width: 610px;
	min-width:100%; 
	 }
.afrwd_popup-vehicle { 
	position: absolute;
	left: 50%;
	top: 10%;
	margin-left: -320px;
	width: 640px;
	z-index: 1002;
	}
.afrwd_popup-routes {
	left: -10px;
	position: absolute;
	top: 90px;
	width: 830px;
	z-index: 1002;
	}
/*	-------------------------------
	end VEHICLE POPUP
	------------------------------- */

/*	-------------------------------
	start resident
	------------------------------- */
.afeng_resident select {
	width: 25%;
	}
/*	-------------------------------
	end resident
	------------------------------- */

/*	-------------------------------
	Groups additions
	------------------------------- */
.afeng_halfWidth {
	display: inline-block;
	width: 47%;
	vertical-align: top;
	}
.afeng_halfWidth:last-child {
	float: right;
	}
.afeng_halfWidth > .afeng_floatLalt,
.afeng_halfWidth > .afeng_floatRalt {
	display: block;
	width: 100%;
	}
.afeng_resident label {
	clear: none;
	display: block;
	float: left;
	margin: 0;
	padding: .5em .5em 0 0;
	width: auto;
	max-width: none;
}

	
	
/*.afeng_frag-one-third label {
	height: auto;
}
	*/
	
		
/*	---------------------------------------
	Small Engine Dec 2016
	---------------------------------------*/

.afeng_cntn-engine.afeng_cutdown {
	  padding: 20px;
	}
.afeng_cntn-engine.afeng_cutdown .afeng_centralise {
  background-color: #fee594;
  left: 50%;
  overflow: auto;
  padding: 2.5em;
  position: absolute;
 /* resize: both;*/
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
	
	#vehicleSummaryTooltip { /* for demo */
		display: none!important; 
	}

.afeng_cntn-engine.afeng_cutdown .afeng_selSpecialText.ui-autocomplete-input {
  clear: none;
  /*min-height: 2.5em;*/
  width: 100%;
  font-size: 1.5em;
	background-color: transparent;
	border: 0 none;
	
}
	
.afeng_cntn-engine.afeng_cutdown .afeng_sprite.afeng_BEshipOut {
  margin: 1.3em 0 0 0;
}

/*	---------------------------------------
	END Small Engine Dec 2016
	---------------------------------------*/

[class^="af_freightBox-"] label {
  height: auto;
	padding-top: 6px;
}

} /* END media query*/





/*	---------------------------------
	Media Queries for screen wider than 75.00em (1200px)
	--------------------------------- */
@media screen and (min-width: 1200px) {
.afeng_eng1 label.afeng_radiolab, 
.afeng_incTrailerBlock label {
	font-size: 1em;
}
} /* END media query*/