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


/*	-----------------------------------
	Generic styles, for some elements outside of .afeng_eng1, eg popups
	------------------------------------ */
input, textarea, button, select {
  font-size: 100%;
  line-height: normal;
  margin: 0;
  vertical-align: baseline;
}



/*	--------------------------------------------
	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; /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/   updated aug 2014 */
	background-repeat: no-repeat;
	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: #FDCC1A;
	padding: .6em .75em;
	border: 3px solid #fee594;
	height: auto;
	/*overflow: hidden; */
	-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 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;
}
.afeng_eng1 input[type="radio"] {
  -webkit-appearance: radio !important;
}
.afeng_eng1 #numAdults, .afeng_eng1 #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;	
	}
/* --------------------------------------------
   input select
-------------------------------------------- */
.afeng_eng1 select {
	box-shadow: none;
	outline: medium none;
	-webkit-appearance: menulist !important;
	}
/* --------------------------------------------
   input focus
-------------------------------------------- */
.afeng_eng1 input:focus {
	background-color: #ecf8ff;
	}
.afeng_eng1 input[type="radio"]:focus {
	background-color: #FDCC1A;
}
/* --------------------------------------------
   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: url(../img/afeng.png);
	background: url(../img/afeng-ie.png)\9;
	background-repeat: no-repeat;
	background-size: 700px auto;
	border: medium none!important;
	display: block;
	float: left;
	padding: 0;
	text-indent: -999em;
	margin: 0 .2em;
	}
.afeng_eng1 a {	/* ALL links in engine */
	font-size: 1em;
	text-decoration: none;
	color: #444;
	border-bottom: 1px dotted #444;
	}
.afeng_eng1 .afeng_btn2 {
	background-color: #81b5d8;
	}
.afeng_eng1 .afeng_btn3 { /* currency button */
	background-color: #fdb913 ;
	border: 1px solid #fcaf17 ;
	margin: 0;
	padding: .6em 3em .8em .5em; 
	font-size: .98em;
	width: 100%;
	}
.afeng_eng1 .afeng_cntn-vehicle button { 
	float: right; 
	margin-right: 2%;
	}
.afeng_eng1 .afeng_btn3:hover {
	text-decoration: none;	
	background-color: rgba(255, 224, 106, 1);
	}
 .afeng_btn em {
	color: #005684;
	font-weight: bold;
	margin: 0 .6em 0 0;
	}
.afeng_currencyHold {
	position: relative;
   /* min-width: 260px;   */
	}
.afeng_selPicker {	
	width: 100%;
	position: relative; 
	background: none; 
	overflow: hidden;
	margin: .05em 0 .5em 0 ;
	}
#af_searchBuy { margin-bottom: 1em; }
.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 */ }

label.afeng_h2 {
	color: #575756;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .1em;
	width: 100%;
	}
.afeng_childAgeBlock,
.afeng_kidsBG,
#afeng_vehicleSummary,
#afeng_trailerSummary {
  background: rgba(255, 224, 106, 1);
  display: block;
  overflow: hidden;
	}
.afeng_childAgeBlock {
	display: block;
	float: right;
	margin: 10px 0;
	padding: 10px 10px 0 50px;
	clear: both;
	
	-webkit-border-radius: .313em; 
	   -moz-border-radius: .313em; 
		  border-radius: .313em; 
	}
.afeng_childAgeBlock span {
	margin-left: -40px;
	display: block; float: left; 
	line-height: 2em;
	}
.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 1em .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: #575756;
	float: left;
	width: 62%;
	margin: 0 3% 1em 0;
	}
select.afeng_date-yr {
	color: #575756;
	float: left;
	width: 35%;
	margin: 0 0 1em 0;
	}
.afeng_eng1 form + button {
	margin: 0;
	}
.afeng_eng1 form h2 {
	color: #005684;
	}
/*	-------------------------------------------
	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: 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 {
	width: 3.3em; 
	min-width: 3.3em; 
	float: left; 
	display: block;
	}
	*/
.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;
	/*white-space: nowrap;*/
  /*  width: 13.750em; */
  width: auto;
/*	padding: .5em .5em 0 .5em;*/
	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_mapLink {
   display: none;
	}
*/
.afeng_eng1 .afeng_calPicker {
	color: #575756;
	float: left;
	margin: 0;
	padding: 0;
	width: 47%;
	position: relative;
	}
.afeng_eng1 .afeng_selTime {
	width: 46%;
	float: right;
	height: 2.4em !important;
	}

.afeng_dateText { display: none; }
#afeng_routeOut,
#afeng_routeRet {
	width: 100%; 
	position: relative;
	}
	#afeng_routeRet { 
	margin-top: 1em;
	}
/* 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, 
.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;
	}
/* --- */

#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; 
	width: 28px; 
	height: 16px; 
	margin: 3px 0 0 0; 
	display: inline-block!important;
	float: none;
	}
.afeng_eng1 .afeng_BEshipRet { 
	background-position: 0 -50px; 
	}
.afeng_eng1 .afeng_arrow-r {
	background-position: -650px -250px;	
	float: right;
	margin: .3em 0 0 .6em;
	width: 8px !important;
	height: 14px;
	}
#searchButton {
   /* min-width: 185px;*/
	min-width: 165px;
}
/*	---------------------------
	ROUTES LIST
	-------------------------- */
.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; /*broke because it's outside of intended HTML? */
	}
ul.afeng_routesList {   /* need this selector to get enough precedence */
	overflow-y: scroll !important;
}
.afeng_routesList::-webkit-scrollbar {
	-webkit-appearance: none; /* GC13 03 2015 */
	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: 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: rgba(180,180,180,0.4); 
	}
.afeng_routesList .ui-state-focus, 
.afeng_vehiclesList .ui-state-focus,
.afeng_routesList .ui-state-focus a {
	background-color: #005684;
	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: 1em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-left: .5em !important;
	color: #005684;
	}
.afeng_routesList li:hover a {
	color: #fff!important;
	background-color: #005684!important;
	}

.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 em.auto-suggest {
	background-color: #ffed78 !important;
	color: #005684;
	font-style: normal;
	}
.afeng_routesList li:hover em.auto-suggest {
	background-color: transparent;
	color: #81B5D8; 
	font-style: normal;
	}
.afeng_routesList li:hover h3 em.auto-suggest {
	background-color: #ffed78;
	color: #005684 !important; 
	font-style: normal;
	}
.afeng_routesList .ui-state-focus em.auto-suggest {
	color: #81b5d8;
	}
.afeng_routesList span.sub {
	border: 0 none !important;
	color: #2f4f4f;
	}
.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: #005684 !important;
	color: #fff!important;
}

.afeng_routesList h3, 
.afeng_routesList h4 {
	font-size: 1em;	
	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: 0.9em;
	list-style: outside none;
	max-width: 100%;
	white-space: nowrap;
	overflow-y: hidden;
}
.afeng_vehiclesList li a { 
	border-bottom: 1px solid #e7e7e7;
	color: #005684;
	font-weight: bold;
	padding: .7em .4em;
	cursor: pointer;
	display: block;
	}
.afeng_vehiclesList li:hover a { 
	background-color: #005684;
	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: 260px;
	}
.fScanToggle label input {
  left: -999em;
  position: absolute;
	}
li.fScanToggle label {
  color: #005684;
  float: left;
  font-size: 14px;
  width: 260px !important;
	}
li.fScanToggle label:hover, 
li.fScanToggle.selected label, 
li.fScanToggle.selected label:hover {
	background-color: #417eab;
	color: #fff;
	float: left;
	width: 300px;
	}
li.fScanToggle.selected label {
	background-color: #c3e9fc;
	color: #005684;
	}

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: #FDCC1A;
  font-style: normal;
  font-weight: bold;
	}
ul.radioButtonList li.selected em {
  color: #005684;
	}
.afeng_eng1 .afeng_petsAll {
	background-position: 0 -250px;
	width: 17px;
	width: 17px;
	}
.afeng_eng1 .afeng_BEpetsDogs {
	background-position: 0 -300px;
	width: 18px;
	height: 18px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpetsCats {
	background-position: 0 -350px;
	width: 20px;
	height: 20px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpetsGeneric {
	background-position: 0 -350px;
	width: 20px;
	height: 20px;
	margin: .5em 0 0 .5em;
	}
.afeng_eng1 .afeng_BEpax {
	background-position: -50px 0; 
	width: 14px; 
	height: 16px;
	margin: .15em .2em 0 0;
	}
.afeng_eng1 .afeng_BE18plus {
	background-position: -50px -50px;
	width: 14px;
	height: 16px;
	margin: .6em 0em 0 .5em;
	}
.afeng_eng1 .afeng_BEunder18 {
	background-position: -50px -100px;
	width: 14px; 
	height: 16px;
	margin: .6em 0em 0 .5em;
	}
.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;
	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_eng1 .afeng_whiteCAR {
	display: block;
	background-position: -300px -100px;
	width: 35px;
	height: 19px;
	margin: 12px 0 0 12px;
	float: left;
	}
.afeng_eng1 .afeng_whiteMTH, 
.afeng_eng1 .afeng_whiteCMP {
	display: block;
	float: left;
	background-position: -150px -150px;
	width: 29px;
	height: 20px;
	margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteVAN {
	background-position: -150px -200px;
	width: 42px;
	height: 20px;
	display: block;
	float: left;
	margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteMBS {
	background-position: -150px -250px;
	width: 44px;
	height: 20px;
	margin: 12px 0 0 12px;
	display: block;
	float: left;
	}
.afeng_eng1 .afeng_whiteSUV, 
.afeng_eng1 .afeng_whiteFXF {
	background-position: -150px -300px;
	width: 42px;
	height: 18px;
	display: block;
	float: left;
	margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteMPV, 
.afeng_eng1 .afeng_whitePPC {
	background-position: -150px -350px;
	width: 37px;
	height: 18px;
	display: block;
	float: left;
	margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteCarCaravan {
	background-position: -200px 0;
	width: 50px;
	height: 23px;
	margin: 12px 0 0 12px;
	display: block;
	float: left;
	}
.afeng_eng1 .afeng_whiteCarTrailer {
	background-position: -200px -50px;width: 44px; height: 15px;
	display: block; float: left; margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteCarBoat {
	background-position: -200px -100px; height: 15px;
	display: block; float: left; margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteCarGlider {
	background-position: -200px -150px; height: 12px;
	display: block; float: left; margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteCurrency {
	background-position: -200px -200px;
	width: 36px;
	height: 15px;
	margin: 12px 0 0 12px;
	}
.afeng_eng1 .afeng_whiteMulti {
	background-position: -200px -250px;
	width: 36px;
	height: 22px;
	margin: 10px 0 0 12px;
	}
/*	-----------------------------------------
	
	----------------------------------------- */
.afeng_eng1 .afeng_selDown,
#ui-datepicker-div .afeng_selDown   {
	background-position: -350px 0px;
	width: 16px;
	height: 18px;
	margin: 0;
	position: absolute;
	top: .5em;
	right: .4em;
	text-indent: -999em;
	background-color: transparent;
	}
input.afeng_selDown:hover {
	background-position: -350px -50px;
	}
	
	
	

/*	-----------------------------------------
	
	----------------------------------------- */

.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: .75em;
	top: auto;
	z-index: 1;
	}
*/	
.afeng_eng1 .afeng_swap {
	background-position: -400px 0;
	cursor: pointer;
	display: block;
	float: right;
	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-top: 18px; /* instead of "top: 18px;" */
	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: .6em;
	right: .3em;
	}
.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,
#ui-datepicker-div .ui-datepicker-calCloser {
	background-position: -400px -200px; 
	height: 22px; 
	width: 22px; 
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 999;
	}
.afeng_eng1 .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; 
	display: block; float: left; margin: 12px 0 0 12px;
	}
.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_cntn-vehicle, .afeng_cntn-groups { 
	background-color: #eee;
	border: 5px solid #fff;
	-webkit-border-radius: .313em; 
	   -moz-border-radius: .313em; 
		  border-radius: .313em; 

	color: #575756;
	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-vehicle .afeng_fullWidth, .afeng_cntn-groups .afeng_fullWidth { 
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none;
	}
.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: #005684;
	 }
.afeng_cntn-vehicle input { 
	width: auto; 
	float: left;
	margin: 0 .4em 0 0;
	height: auto;
	}
.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: #005684;
	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: #005684 !important;
	}
.afeng_cbDisbled {
	background-color: #ccc;
	color: #aaa !important;
	cursor: default;
	}
/*#ui-datepicker-div .afeng_MonthSelector { /* the list of months in drop-down 
	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: 160px;
	z-index: 2001;
	}
	*/
#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 #727272;
	}
.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: #005684;
	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 { 
	width: 100%;
	display: block;
	clear: both;
	margin: .3em 0;
	overflow: hidden;
	}
#afeng_vehicleSummary,
#afeng_trailerSummary {
	margin: .3em 0 .6em 0;
	padding: 10px;
	}
#afeng_numCats,
	.afeng_catLabel { 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: #edf3f8; }
.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: #575756;
	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: #005684;
	 }
.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: #005684;
	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 {
	background: transparent;
	}
#ui-datepicker-div .ui-datepicker-prev:hover {
	background: 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: none repeat scroll 0 0 #fff; 
	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: #81B5D8;
	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: none repeat scroll 0 0 rgba(0, 0, 0, 0) !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: #005684;
	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 {
	padding: 0 .5em 0 0;
	}
*/	

.afeng_resident label {
  clear: both;
  display: block;
  padding: 0 0.5em 0 0;
  width: 100%;
}

.afeng_paxHold > .afeng_resident {
	margin: -1em 0 1em 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: #fff;
	line-height: 1.3;
	padding: .75em;
	width: 100%;
	height: auto;
	margin: 0 0 .75em 0;
	display: block;
	overflow: hidden;

	border: 1px solid #727272;
	-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: #005684;
	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;
  min-width: 20px;
  overflow: visible;
  padding: 5px 10px;
  position: absolute;
  white-space: nowrap;
  font-family: arial, sans-serif;
}*/
.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_numPets {
	display: none; 
}
*/


/* GEM 8632: */
.afeng_cntn-engine > form#afs-searchForm {
  height: auto;
  overflow: hidden;
}



/*@media screen and (min-width: 481px) { /* pax age tweaks Oct2015 
.app_show{
	display: none;
}
} /* END media query*/


/*	--------------------------------------------
   'TABLET' Media Queries - 500px 31.250em to 768px 48.000em up if 16px = 1em
	-------------------------------------------- */
/*@media screen and (min-width: 500px) {*/
@media screen and (min-width: 481px) { /* anything over iphone landscape? */
.app_show{
	display: none;
}

/*	--------------------------------------------
	floats
	------------------------------------------- */
.afeng_floatL {	
	display: block;
	width: 47%;
	float: left;
	margin: 0 0 1em 0;
	}
.afeng_floatR {	
	display: block;
	width: 47%;
	float: right;
	margin: 0 0 1em 0;
	}
.afeng_floatLalt {	
	display: block;
	width: 100%;
	float: none;
	margin: 0 0 1em 0;
	}
.afeng_floatRalt {
	display: block;
	width: 100%;
	float: none;
	margin: 0 0 1em 0;
	}
.afeng_cntn-vehicle fieldset.afeng_inline, .afeng_cntn-groups fieldset.afeng_inline { /*MS - added , .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;
	}
#afrwd_searchFormPanelx .afeng_eng1 .afeng_calPicker { 	/* exception for MMB amend booking */
	margin-right: 0;
	}
	
/*	-------------------------------
	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: #575756;
	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_routesList li a {
	clear: both;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.afeng_selSpecialText.ui-autocomplete-input {
	cursor: auto;
}
.afeng_currencyHold {
	min-width: 260px;
	}
.afeng_eng1 .afeng_swap {
  margin-top: 0;
}


} /* END media query*/


/* --------------------------------------------
   'DESKTOP' Media Queries - 768.01px 48.001em up if 16px = 1em
-------------------------------------------- */
@media screen and (min-width: 768px) {
/* --------------------------------------------
   html and body
-------------------------------------------- */
html {
   font-size: 87.5%;
}
/*	----------------------------
	engine
	---------------------------- */
.afeng_cntn-engine {
  border: 5px solid #fee594;
  border-radius: 0;
  font-size: 14px;
  margin: 0 0 1.5em;
  padding-bottom: 60px;
}
.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 {
	width: 16em;
	max-width: none;
	margin-left: 0;
}


/*#ui-datepicker-div.ui-datepicker {
	width: 16em;
	max-width: none;
	margin-left: 0;
}
*/

/*	--------------------------------------------
	floats
	------------------------------------------- */	
.afeng_floatL,
.afeng_floatLalt,
.afeng_floatR, 
.afeng_floatRalt {	
	display: inline;
	width: 47%;
	margin: 0; 
	float: left;
	}
.afeng_floatR, 
.afeng_floatRalt {
	float: right;
	margin: 0 0 .4em 0;
	}

.afeng_fullWidth.afeng_spaceAbove,
.afeng_fullWidth.afeng_spaceAboveWithRule {
	clear: both;
	margin-top: 1em;
	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 {
	line-height: 1.4em;
	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: #FDCC1A;
	}
label.afeng_radioLab {
	display: block;
	float: left;
	font-size: 1em;
	max-width: 18em; 
	}
.afeng_cntn-vehicle select {
	max-width: 15em;
	float: left;
	}
.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 {
	width: 47%; 
 }
.afeng_paxAll + .afeng_paxAll {
	float: right;
	margin-bottom: .833em;
	margin-left: 6px;
	}
.afeng_paxAll.afeng_kids {
	display: block;
	float: right;
	margin: -.833em 0 -.333em -.833em;
	padding: .833em 0 .333em .833em;
	}
.afeng_paxAll label {
	clear: none;
	display: table-cell;
	float: none;
	height: 2.4em;
	vertical-align: middle;
	padding: 0 0 0 .5em;
	  font-size: .8em;

	}
.afeng_paxAll select {
	width: 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 0;
	padding: 6px .333em 0 50px;
	
	-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_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: block;
	width: 50px;
	}
/* --- */

.afeng_trailerLength {
	background-position: -200px -300px;
	height: 28px;
	margin-top: 22px;
	}
.afeng_trailerHeight {
	background-position: -200px -350px;
	height: 28px;
	margin-top: 22px;
	}
.afeng_lengthCAR {
	background-position: -250px 0;
	height: 25px;
	margin-top: 22px;
	}
.afeng_heightCAR {
	background-position: -250px -50px;
	height: 18px;	
	margin-top: 22px;
	}
.afeng_lengthMBS {
	background-position: -500px -300px;
	height: 26px;
	margin-top: 22px;
	}
.afeng_heightMBS {
	background-position: -500px -350px;
	height: 24px;	   
	margin-top: 22px;
	}
.afeng_lengthCVN {
	background-position: -250px -100px;
	height: 28px;	
	margin-top: 22px;
	}
.afeng_heightCVN {
	background-position: -250px -150px;
	height: 22px;
	margin-top: 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;	
	margin-top: 19px;
	}
.afeng_heightMTH, 
.afeng_heightCMP {
	background-position: -250px -250px;
	height: 22px;	
	margin-top: 22px;
	}
.afeng_lengthVAN {
	background-position: -250px -300px;
	height: 26px;	
	margin-top: 18px;
	}
.afeng_heightVAN {
	background-position: -250px -350px;
	height: 19px;
	margin-top: 22px;
	}
.afeng_lengthFXF, 
.afeng_lengthSUV {
	background-position: -500px -100px;
	height: 26px;
	margin-top: 22px;
	}
.afeng_heightFXF, 
.afeng_heightSUV {
	background-position: -450px -250px;
	height: 19px;
	margin-top: 22px;
	}
.afeng_extHeightCAR {
	background-position: -300px 0;
	height: 34px;
	margin-top: 18px;
	}
.afeng_extLengthCAR {
	background-position: -300px -50px;
	height: 34px;
	margin-top: 22px;
	}
.afeng_extHeightMBS {
	background-position: -550px -300px;
	width: 49px;
	height: 34px;
	margin-top: 17px;
	}
.afeng_extLengthMBS {
	background-position: -550px -350px;
	height: 34px;
	margin-top: 22px;
	}
.afeng_extHeightCMP,
.afeng_extHeightMTH {
	background-position: -300px -200px;
	height: 32px;
	margin-top: 15px;
	}
.afeng_extLengthCMP, 
.afeng_extLengthMTH {
	background-position: -300px -250px;
	height: 22px;
	margin-top: 22px;
	}
.afeng_extHeightCVN {
	background-position: -300px -200px;
	height: 32px;
	margin-top: 22px;
	}
.afeng_extLengthCVN {
	background-position: -300px -250px;
	height: 22px;
	margin-top: 22px;
	}
.afeng_extHeightVAN {
	background-position: -300px -300px;
	height: 30px;
	margin-top: 16px;
	}
.afeng_extLengthVAN {
	background-position: -300px -350px;
	width: 49px;
	height: 19px;
	margin-top: 22px;
	}
.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; 
	}
/*	-----------------------------------------
	
	----------------------------------------- */
.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_swap {
	position: absolute;
	right: .4em;/* to reset mobile version */
	top: .5em;
	}
.afeng_eng1 .afeng_swap:hover {
	background-position: -400px -50px;
	}
.afeng_eng1 .afeng_calIcon {
	top: .5em;
	right: .35em;
	}
.afeng_eng1 .afeng_calIcon:hover {
	background-position: -400px -150px;
	}
.afeng_eng1 .afeng_fade50pc .afeng_calIcon {
	cursor: default;
	background-position: -400px -100px;
	}
.afeng_eng1 .afeng_fade50pc .afeng_calIcon:hover {
	background-position: -400px -100px;
	}
.afeng_eng1 .afeng_whiteCaravanTrailer {
	background-position: -400px -350px; width: 44px; height: 18px; 
	display: block; float: left; margin: 12px 0 0 12px;
	}
.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_cntn-vehicle, .afeng_cntn-groups { 
	border: 8px solid #fff;
	border-radius: 0;
	-webkit-box-shadow: 3px 3px 15px #ccc;  
	-moz-box-shadow:	3px 3px 15px #ccc;  
	box-shadow:	   3px 3px 15px #ccc;  
	padding: 0 0 2% 0;
	margin: 0 auto;
	max-width: 620px;
	width: 100%;
	}
.afeng_cntn-vehicle h2, .afeng_cntn-groups h2 { 
	color: #fff;
	background: #005684;
	margin: 0 0 2% 0;
	padding: .5em;
	width: 100%;
	 }
.afeng_popup-vehicle { 
	font-size: 14px; /* stops cascade */
/* positioning for demo only */
	position: absolute;
	left: 50%;
	top: 2%;
	margin-left: -320px;
	width: 640px;
	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;
	}
/*	------------------------------
	routes list (tab+)
	------------------------------ */
.afeng_routesList { /*tablet */
	left: 20%;
	top: 16%;
	width: 85%!important; 
	min-width: 700px !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: .8em;
	font-weight: normal;	
	color: #81b5d8;
	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;
	}

/*	-------------------------------
	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%;
	}

/*	--------------------------
	route list
	-------------------------- */
.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_numCats,
.afeng_catLabel  {
	margin-left: .8em;
	}
#afeng_routeOut,
#afeng_routeRet { 
	display: block;
	float: left;
	width: 47%;
	}
#afeng_routeRet { 
	float: right;
	margin-top: 0;
	}
	
.afeng_eng1 .afeng_mapLink {
	display: inline;
/*	display: none; */ /* until map link is ready */
	position: absolute;
	right: 0.8em;
	z-index: 2;
	}
.afeng_eng1 .afeng_swap {
  left: 48.25%;
  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_fullWidth.afeng_engineLast { /* fix btn to btm? */
	position: absolute;
	bottom: .65em;
	box-sizing: border-box;
	width: 96.5%;
	}
.afeng_eng1 .afeng_btn3 {
	/*width: 60%;	*/
	width: 100%;	
	max-width: 280px;
	padding: .8em 3em .8em .5em; 
	}	
.afeng_routesList li,
.afeng_routesList li a {
	height: 32px;
	line-height: 32px;
	}



.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;
}

} /* 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: 0.3em 0.75em;
}
#ui-datepicker-div .ui-datepicker-prev span, 
#ui-datepicker-div .ui-datepicker-next span {
  right: 0.55em;
  top: 34%;
}
#ui-datepicker-div.ui-datepicker table {
  margin: 0.075em auto 0;
}
.afeng_calButtons, 
.afeng_cbDisbled, 
.afeng_cbDisbled {
  margin: 0.23em 0.5em !important;
  padding: 0.23em !important;
}
.afeng_fullWidth.afeng_engineLast { 
	width: 97.5%;
	}
.afeng_engineLast .afeng_floatL, .afeng_engineLast .afeng_floatLalt, .afeng_engineLast .afeng_floatR, .afeng_engineLast .afeng_floatRalt {
  width: 47%;
}


	
/*	-------------------------------
	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;
	width: 13.750em; 
	}



} /* 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;
	}

.afeng_routesList { /*tablet */
	min-width: 750px !important; 
	max-width: 950px !important; 
	}

#ui-datepicker-div .ui-menu .ui-menu-item {	
	min-width: 720px !important;
	}
.afeng_routesList li, .afeng_routesList h4 {	
	min-width: 720px !important;
	}
	
/*	---------------------------------
	calendar stuff
	--------------------------------- */
/* 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;
	}
#ui-datepicker-div.ui-datepicker {
	width: 14em;
	font-size: 15px; /* yes, pixels :)  */ 
	max-width: none;
	margin-left: 0;
  padding: 0.425em;
}

label.afeng_h2,
label.afeng_standard {
	color: #494949;
	float: left;
	margin: 0;
	display: block;
	font-size: 1.2em;
	}
label.afeng_standard {
	font-weight: normal;
	font-size: 1em;
	}
label.afeng_h2 span,
label.afeng_standard span {
	display: inline-block;
	}
.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_calPicker {
	width: 40%;
	}
	*/
.afeng_eng1 .afeng_calPicker {
  width: 38%;
}

.afeng_eng1 .afeng_selTime {
	width: 26%;
	}




label.afeng_h2 span, 
label.afeng_standard span {
	display: inline-block; /* "Outward" route */
	}	
.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: #005684;
	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_paxAll label {
	font-size: .8em;
	}

.afeng_resident label {
  clear: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0.5em 0.5em 0 0;
  width: auto;
}
} /* END media query*/


/*	---------------------------------
	Media Queries for screen wider than 75.00em (1200px)
	--------------------------------- */
@media screen and (min-width: 1200px) {
.afeng_routesList { /*tablet */
	min-width: 900px !important; 
	max-width: 1100px !important; 
	}

} /* END media query*/


/*  ---------------------------------
	iPhone / other mobile (0px to 480px) 
	--------------------------------- */
@media screen and (min-width: 0px) and (max-width : 480px) {
* { margin:0; padding:0; }

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

.afeng_childAgeBlock + #afeng_petsBlock {
	position: absolute; 
	right: 0; 
	top: 0; 
	}

.app_show{
	  display: initial;
	}

	#route2,
.app_hide,
.afeng_selPicker.greyed {
		display: none;
		}
	label.afeng_h2 {
		width: 13%;
		}
.afeng_selPicker {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 87%;
	}
.afeng_eng1 .afeng_calPicker {
	width: 55%;
	}
.afeng_eng1 .afeng_selTime {
	float: right;
	height: 2.4em !important;
	width: 30%;
	}
.afeng_cntn-engine {		
		padding: 8px 8px 40px 8px;
		margin: 0;
	}
.afeng_cntn-engine > form {
	  padding-top: 60px;
	  position: relative;
	}

#TravelMethod {
	position: absolute;
	top: -48px;
/*	width: 100%;*/
	width: 90%;
	}
#swapRoutes { 
	/*display: none; */
	display: block; 
}

.afeng_eng1 .afeng_BEshipOut, 
.afeng_eng1 .afeng_BEshipRet {
	margin-top: 9px;
	}

	#afeng_numCats, .afeng_catLabel {
	margin-left: 0;
	}

	#currencyText { display: none;
	}
/*.afeng_currencyHold {
	min-width: 0px;
	}
	*/
.afeng_floatL, .afeng_floatLalt, .afeng_floatR, .afeng_floatRalt {
	margin: 0 0 0.4em;
	}
.afeng_engineLast .afeng_floatL, 
.afeng_engineLast .afeng_floatLalt {
	display: block;
	float: left;
	margin: 0;
	/*width: 20%;*/
	width: 25%;
	}
.afeng_engineLast .afeng_floatR, 
.afeng_engineLast .afeng_floatRalt {
	display: block;
	float: right;
	margin: 0;
	/*width: 76%;*/
	width: 70%;
	}
	#searchButton {
	float: right;
	min-width: 0;
	width: 100%;
	}
.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: 0.1em 0 0 0.3em;
	}
.afeng_eng1 .afeng_BEvehType {
		margin: .5em 0 0 0;
		}
	fieldset.afeng_inline {
	display: inline-block;
		margin: 0.3em 0.5em .3em 0;
	}
.afeng_eng1 .afeng_BEpets {
	background-position: 0px -250px;
	height: 16px;
	margin: .95em 0.2em 0 0;
	width: 14px;
	}
/*
.afeng_paxAll {
	display: block;
	float: left;
	margin: 0 1% 0 0;
	padding: 0;
	width: auto;
	}
*/
.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.1em;
	padding: 0 0 0 0.5em;
	vertical-align: middle;
	width: auto;
	  font-size: 0.8em;
	}

/*
.afeng_paxAll select {
	width: 100%;
	}
*/
/*
.afeng_paxAll select {
  min-width: 2.8em;
  width: 3.2em;
}
*/
.afeng_paxAll select {
  min-width: 3em;
  width: 3em;
}
.afeng_paxHold {
	clear: none;
	float: left;
	margin: 0 0 .6em 0;
	width: 43%;
	}
#residentDiscountDiv .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_incTrailerBlock {
	clear: both;
	display: block;
	float: none;
	height: 30px;
	margin: 14px 0 0 0;
	overflow: hidden;
	width: 100%;
	}

.afeng_eng1 input[type="checkbox"], .afeng_eng1 input[type="radio"] {
	margin: .2em .2em 0 0;
	}

.afeng_paxAll.afeng_moreSpace {
	margin-top: 0;
	}
	a.af_basket {
	display: none;
	}

.af_avatar {
	height: 34px;
	margin: 0.35em 0 0 0;
	opacity: 0.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 1em 0;
	}






} /* END media query */


@media screen and (min-width: 360px) { /* pax pet tweaks Oct2015 */
.afeng_paxAll select {
  min-width: 3.0em;
  width: 3.3em;
}

} /* END media query*/