@charset "utf-8";
/* AFerry RWD Content - from Oct 2017 */
/*	---------------------------------------------------------------------------------
	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
*/
@font-face { /* must be outside of any media query */
	font-family: 'Open Sans Regular';
	src: 	url('../fonts/OpenSans-Regular-webfont.eot');
	src: 	url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
			url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
			url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}




 
/*	-------------------------------------------------------
	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) {


/*	--------------------------------------------
	resets
	-------------------------------------------- */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit; /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/	updated aug 2014 */
	background-repeat: no-repeat;
}
/*	--------------------------------------------
	tag resets
	-------------------------------------------- */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
/*	--------------------------------------------
	normalize css - http://necolas.github.com/normalize.css/
	-------------------------------------------- */
html {
	height: 100%;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden; /*prevent horz scroll mobile*/
	-webkit-overflow-scrolling: touch;
}
body {
	min-height: 100%;
	height: 100%;
	overflow-x: hidden; /*prevent horz scroll mobile*/
	position: relative;
	-webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
b, strong {
	font-weight: bold;
	font-family: Arial, sans-serif;
}
abbr[title] {
	border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	overflow: auto;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*	--------------------------------------------
	html and body
	-------------------------------------------- */
html {
	/*For details on font-size:100% see here: http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/*/
	font-size: 100%;
	line-height: 1.4;
	/*For details on text-size-adjust:100% see here: https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust*/
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: "Open Sans Regular", Arial, sans-serif;
	background-color: #fff;
	color: #444;
	text-rendering: optimizelegibility;
}
/*	--------------------------------------------
	wrapper containers
	-------------------------------------------- */
#af_wrapper { 
	position: relative;
	width: 100%;
	max-width: 1280px; /* make 1300px? */
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
/*	--------------------------------------------
	header & footer
	-------------------------------------------- */
header, footer {
	background-color: #505050;
	color: #fff;
	clear: both;
	display: block;
	overflow: hidden;
}
footer {
	width: 100%;
	height: auto;
	padding-bottom: 1em;
}
main {
	overflow:auto;
	padding-bottom: 1.5em;
}
/*	--------------------------------------------
	p tags
	-------------------------------------------- */
p {
	padding: 0 .938em 1em .938em;
}
.af_pnl1 p,
.af_pnl2 p {
	padding: 0 0 1em 0;
}
.af_pnl1 p:last-child,
.af_pnl2 p:last-child {
	padding: 0;
}
	/*AF-11762*/

.af_data-driven-tabs p.reveal {
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #09c;
}
		
.afrwd_tabs1 > div {
	display: none;
	padding: 0;
}

/*END AF-11762*/


/*	--------------------------------------------
	hr tag
	-------------------------------------------- */
hr {
	border: 0;
	border-bottom: 2px dotted #d4d4d4;
	margin: 0;
	clear: both;
	display: block;
	overflow: hidden;
}
hr.faqhr {   /* NEW HR style aug 2017 for FAQ page cleanup by MC */
	margin: 1em 0;
}
hr + h3,
hr + p {
	margin-top: 1em;
}
/*	--------------------------------------------
	other tags
	-------------------------------------------- */
b, .af_strong {
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.af_pquote1 {
	color: #aeaeae;
	font-family: Arial, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.3;
}
/*	--------------------------------------------
	sprite
	-------------------------------------------- */
.af_sprite {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
 	background-image: url(../img/aferry-sprite.svgz);
	/*background-image: url(../img/aferry-sprite-ie.png)\9;*/
	background-size: 250px 590px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -999em;
}
/*	--------------------------------------------
	all specified unordered lists
	-------------------------------------------- */
ul.af_listdef1,
ul.af_listset1,
ul.af_liststripe1,
ul.af_liststripe2,
ul.af_timetables,
ul.af_timetables ul,
ul.af_rvwcomp1,
ul.af_rvwcomp1 ul,
ul.af_rvwtc,
ul.af_listfootnav2 {
	list-style: none;
	clear: both;
}
.af_listdef1 li,
.af_listset1 li,
.af_liststripe1 li,
.af_liststripe2 li,
.af_rvwtc li,
.af_listfootnav2 li {
	padding: 0 0 .75em 1.563em; 
	overflow: auto; 
	max-height: 4000px; 
}
.af_listdef1 li:before,
.af_listset1 li:before,
.af_liststripe1 li:before,
.af_liststripe2b li:before,
.af_rvwtc li:before,
.af_listfootnav2 li:before {
	content: "■ ";
	float: left;
	margin-left: -1.5em;
	color: #505050;
}


ul.af_listdef1 li > ul li::before {/*  nested <ul><li><ul><li>  */
	content: "‐";
	font-weight: bold;
}

ul.af_listdef1 + h3 {
	margin: .5em 0 0 0;
}
.af_rvwtc {
	padding-bottom: .938em;
}
/*	--------------------------------------------
	unordered lists: set 1
	-------------------------------------------- */
li.af_listset1 {
	padding: 0 0 .75em 1.563em; 
	line-height: 1.3;
}
li.af_listset1:before {
	margin-top: .4em;
}
li.af_listset1 h3 {
	clear: none;
	padding: 7px 0;
	color: #505050;
}
li.af_listset1 h3 a {
	color: #505050;
}
/*	--------------------------------------------
	unordered lists: zebra stripe 1
	-------------------------------------------- */
.af_liststripe1 li {
	padding: .25em .5em .375em 2em;
	border: 2px solid #eaeaea;
}
.af_liststripe1 li:nth-child(odd) {
	background-color: #eaeaea;
}
/*	--------------------------------------------
	unordered lists: zebra stripe 2
	-------------------------------------------- */
.af_liststripe2 li {
	padding: .5em .5em .375em .5em; 
	border: 2px solid #eaeaea;
}
.af_liststripe2 li:nth-child(odd) {
	background-color: #eaeaea;
}
ul.af_liststripe2 li ul.af_liststripe2b li {
	padding: .25em .50em .375em 2em;
	background-image: none;
	border: 0 none;
}
ul.af_liststripe2 h3 {
	padding: 7px;
}
ul.af_liststripe2 h3 a {
	color: #505050;
}
/*	--------------------------------------------
	unordered lists: zebra stripe 3 - timetable panel - mobile version
	-------------------------------------------- */
ul.af_timetables h4 {
	background-color: #eee;
	color: #444;
	padding: .75em .25em .75em .65em;
	margin-bottom: 2px;
}
ul.af_timetables h4 span {
	float: right;
	display: block; 
	margin: .45em .45em 0 0;
}
ul.af_timetables ul {
	padding: .938em 0 0 0;
	display: none;
}
ul.af_timetables li ul li {
	padding: 0 0 .938em 0;
}
ul.af_timetables ul.af_ttsel1b {
	display: block;
}

/*	--------------------------------------------
	unordered lists: Reviews Top Level Page Panels and Ferry Company Reviews Inner Page Panels
	-------------------------------------------- */
ul.af_rvwcomp1 {
	padding-top: 5px;
}
ul.af_rvwcomp1 .af_rvwheadctn1 {
	color: #444;
	padding: 0;
	margin-bottom: 2px;
	clear: both;
}
ul.af_rvwcomp1 .af_rvwheadctn1 span {
	display: inline-block;
	margin: .45em 0 0 0;
	float: right;
}
ul.af_rvwcomp1 .af_rvwheadctn1 span.summary {
  float: none;
}
ul.af_rvwcomp1 ul {
	padding: .938em 0 0 0;
}
ul.af_rvwcomp1 li ul li {
	padding: 0 0 .938em 0;
}
.af_col-2-3 ul.af_rvwcomp1 li ul li {
	padding: 0;
}
ul.af_rvwcomp1 ul.af_ttsel1b {
	display: block;
}
.af_rvwcomp1 > li { 
  border: 1px dotted #bbb;
  margin-top: 0;
  padding: .45em .938em;
}
.af_rvwcomp1 > li + li {
  margin-top: .938em;
}
.af_col-2-3 ul.af_rvwcomp1 .af_rvwheadctn1 {
	background-color: #fff;
	padding: 0;
}
.af_rvwheadctn2 { 
	border-bottom: 1px dotted #bbb;
	display: block;
	float: left;
	margin-bottom: .5em;
	padding-bottom: .5em;
	width: 100%;
}
a.af_rvwheadctn2 h4 { 
	float: left;
	margin: 0 3em 0 0; 
	display: inline-block;
	width: 100%;
	color: #505050;
}
a.af_rvwheadctn2 .af_starspriteB { 
	float: left;
	margin: 0;
	display: inline-block;
}
/*	--------------------------------------------
	unordered lists: footnav2
	-------------------------------------------- */
.af_listfootnav2 li:before {
	color: #fff;
}
/*	--------------------------------------------
	a link hover
	-------------------------------------------- */
a {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #505050;
	text-decoration: underline;
	transition: color .1s ease-in 0s;
}
p > a {
	font-weight: bold;
	font-family: Arial, sans-serif;
}
/*	------------------------------
	back to top link 
	------------------------------ */
.top_site {
	bottom: 16px;
	display: none!important; /* map link is wrecking back to top arrow 27-04-2016, so hiding arrow for now. GC*/
	position: fixed;
	right: 16px;
	z-index: 700000;
	
}
.top_site a {
	color: rgba(26, 22, 14, .5);
	background-position: -205px -415px;
	width: 40px;
	height: 40px; 
	}
/*	--------------------------------------------
	headings h1 h2 h3 etc
	-------------------------------------------- */
h1, h2, h3, h4 {
	padding: 15px 15px 7px 15px;
	line-height: 1.3;
	font-weight: bold;
	clear: both;
	font-family: Arial, sans-serif;
}
h1 {
	font-size: 1.438em; 
	color: #505050;	
}
	
/*AF-11762*/
h1 {
  margin: 0 0 0.2em;
  padding: 8px 7px 2px;
}	
/*END AF-11762*/

h2 {
	font-size: 1.250em; 
	color: #505050;
}
h3 {
	font-size: 1.125em; 
	color: #bababa;
}
h4 {
	font-size: 1em; 
	color: #505050;
}
.af_pnl1 h2,
.af_pnl2 h2 {
	padding: 0 0 .5em 0; 
	margin-bottom: .575em; 
}
/*.af_pnl1 h2 {
	border-bottom: 2px dotted #d4d4d4;
}*/
/*AF-11762*/
.af_data-driven-tabs .af_pnl1 h2 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: .4em;
}
/*END AF-11762*/


/*	------------------------------------------------------
	style ol lists/numbers:
	https://stackoverflow.com/questions/21369843/is-there-any-way-to-make-numbers-in-ordered-list-bold
	https://caniuse.com/#search=counter-increment
	------------------------------------------------------*/
ol.af_listdef1 {
	counter-reset: item;
}
ol.af_listdef1 li {
	counter-increment: item;
}
ol.af_listdef1 li::before {
	content: counter(item) ".";
	font-weight: bold;
}

	
.af_pnl2 h2 {
/*	border-bottom: 2px dotted #fff;*/
	border-bottom: 1px dotted rgba(255,255,255,.4);
}
.af_pnl1 h3,
.af_pnl2 h3,
.af_pnl1 h4,
.af_pnl2 h4 {
	padding: 0 0 .5em 0; 
}
ul.af_liststripe1 + h3 {
	margin-top: 1em;
}
h3 a {
	color: #bababa;
}
h3 a:hover {
	text-decoration: underline;
}
h2 span.af_icon-plus2,
h2 span.af_icon-minus2 { /* min/max panels */
	display: inline-block;
	margin: .25em 0 0 .625em;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.af_pnl1 h2.af_min, 
.af_pnl2 h2.af_min,
.af_pnl1 h2.af_max, 
.af_pnl2 h2.af_max { /* min/max panels */
	position: relative;
	padding-right: 1.2em;
	cursor: pointer;
}
.af_pnl1 h2.af_min, 
.af_pnl2 h2.af_min { /* min panels */
	margin-bottom: 0;
}

.af_pnl2 h3 {
	color: #e8e8e8;
}
h2 > sub {
	bottom: 0;
}
p + h3 {
	margin-top: 1em;
}
/*	--------------------------------------------
	input, select, textarea
	-------------------------------------------- */
input, 
select, 
textarea {
	border: 1px solid #c0c0c0;
	color: #494949;
	height: 2.4em;
	outline: medium none;
	padding: .25em;
	width: 100%;
}
input:select {
	box-shadow: none;
	outline: medium none;
}
input:focus {
	background-color: #e8e8e8;
}
/*	--------------------------------------------
	input invalid
	-------------------------------------------- */
input:not([type=email]):invalid { 
	border: 2px solid #b01f25;
	box-shadow: none;
	outline: medium none;
}
/*	--------------------------------------------
	option
	-------------------------------------------- */
option {
	padding: 5px;
}
/*	--------------------------------------------
	button
	-------------------------------------------- */
button {
	background-color: #44a13f;
	border: 0 none;
	border-radius: .313em;
	/*clear: both; this is causing issues with the email sign up button, ok to remove? */
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: bold;
	height: 2.5em;
	min-height: 32px;
	line-height: 1.3;
	margin: .75em 0 0 0;
	padding: 0 .75em;
	text-align: center;
	width: 100%;
	font-family: Arial, sans-serif;
}
button:hover{
	background-color: #0c7129;
	}
button + p,
.af_afterButton {
	margin: .938em 0 0 0;
}
/*	------------------------
	buttons copied from booking flow
	------------------------ */
button.afrwd_btn6 { /* back button only - grey - afrwd_main panel */
	background-color: #eee;
	border: .07em solid #B2B2B2;
	color: #333;
	margin-top: .75em;
	margin-right: .25em;
}
button.afrwd_btn6:hover, button.afrwd_btn6:active,
button.afrwd_btn6-email:hover, button.afrwd_btn6-email:active {
	background-color: #ddd;
}
button.afrwd_btn1 {
  float: right;
  margin-top: .75em;
}
.afrwd_btn1 span, 
.afrwd_btn4 span, 
.afrwd_btn5 span, 
.afrwd_btn6 span, 
.afrwd_btn7 span, 
.afrwd_btn8 span, 
.afrwd_btn9 span, 
.afrwd_btn10 span {
	background-image: url(../img/aferry-sprite.svgz);
	background-color: rgba(0, 0, 0, 0);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 250px 590px;
	height: 14px;
	width: 8px;
}
.afrwd_btn4 span, .afrwd_btn6 span {
  background-position: -193px 0;
  float: left;
  margin: .15em .75em 0 0;
}
.afrwd_btn1 span, .afrwd_btn5 span, .afrwd_btn7 span, .afrwd_btn8 span, .afrwd_btn9 span {
  background-position: -142px -19px;
  float: right;
  margin: .3em 0 0 .8em;
}
	
	
	
	
	/*AF-11762*/

/*	TABS */
.afrwd_tabs-content {
  clear: left;
  float: left;
  margin: 0;
  width: 100%;
		font-size: 16px; /* reset font size for tabs back to "1em" */
}		
/*	---------------------------------
	generic styles - console/share panel tabs
	--------------------------------- */
.afrwd_tabs1 {
  border: 4px solid #f6f6f6;
  clear: both;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.afrwd_tabs1 h2 {
  margin: .6em 0 .25em 0;
  padding: 0;
}
.afrwd_tabs1 .af_pnl1.af_SO-auto h2,
.afrwd_tabs1 .af_pnl2 h2 {
	border-bottom: 1px dotted rgba(255,255,255,.3);
	padding-bottom: .3em;
	margin-bottom: .3em;
}
	
.afrwd_tabs-content h1,
.afrwd_tabs-content h2,
.afrwd_tabs-content h3,
.afrwd_tabs-content h4,
.afrwd_tabs-content h5,
.afrwd_tabs-content h6
	{
	font-family: arial, sans-serif;
}
.afrwd_tabs-content h2 {
  font-size: 19px;
  letter-spacing: -0.005em;
  padding: 6px 6px 6px 0;
}
.afrwd_tabs-content h3 {
  font-size: 16px;
}
.afrwd_tabs-content h4 {
  font-size: 18px;
	padding: 0;
}
.afrwd_tabs-content h5 {
  font-size: 17px;
}
.afrwd_tabs-content h6 {
  font-size: 16px;
	color: #777;
}
.afrwd_tabs-content li.openpanel {
  padding: 0.4em 0;
	overflow: hidden;
}
.afrwd_tabs1.af_data-driven-tabs h2.rwd_share1 {
	margin: .5em .5em .75em .5em;
}
.afrwd_tabs1.af_data-driven-tabs > div.afrwd_tabs2 {
	display: inline;
	padding: 0;
}
.afrwd_tabs1.af_data-driven-tabs > .active {
	display: block;
}
/*	---------------------------------
	console tabs
	--------------------------------- */
.af_data-driven-tabs .afrwd_tabs2 ul {
  border-bottom: 0 none;
  list-style: outside none none;
  margin: 0 0 .3em 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-decoration: none;
	background-color: transparent;
}
.af_data-driven-tabs .afrwd_tabs2 li {
	display: block;
	padding: 0;
}
.af_data-driven-tabs .afrwd_tabs2 a {
  background-color: #dedede;
  border-bottom: 1px solid #fff;
  color: #333;
  display: block;
  height: 100%;
  padding: .8em .5em;
  position: relative;
  text-decoration: none;
  /*white-space: nowrap;*/
  width: 100%;
	clear: both;
	overflow: hidden;
	font-size: 0.775em;
}
.af_data-driven-tabs .afrwd_tabs2 a.active {
	background-color: #f4f4f4;
	font-weight: bold;
	z-index: 1;
}
.af_data-driven-tabs .afrwd_tabs2 li .active {
	color: #005684;
}
.afrwd_tabs1 .af_schedules > li {
  cursor: pointer;
}
.afrwd_tabs1 .af_liststripe3 li {
  margin: 0;
  padding: .3em;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(4) {
  clear: both;
  float: none;
  margin: 1em 0 0;
  padding: 0.6em 0 0;
  width: 100%;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(5) {
  float: none;
  margin: 0;
  width: 100%;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul {
  border-bottom: 0 none;
  padding-bottom: 0;
}


/* h2-esque: the JS only works on H2s, but it works on ALL h2s (in relevent section) so I need a heading OTHER than H2. I could use H1 (HTML, all good) but that's BAD for screen-readers so bad for accessibility*/
.afrwd_tabs1 .h2-esque { 
  clear: both;
  color: #005684;
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 0.2em;
  padding: 0;
}

.afrwd_tabs1 .af_pnl1 h2.h2_smaller.af_min, 
.afrwd_tabs1 .af_pnl2 h2.h2_smaller.af_min, 
.afrwd_tabs1 .af_pnl1 h2.h2_smaller.af_max, 
.afrwd_tabs1 .af_pnl2 h2.h2_smaller.af_max {
  background-color: rgba(0, 0, 0, 0.05);
  color: #888;
  cursor: pointer;
  font-size: 1.1em;
  margin: 0 0 0.4em 0;
  padding: 0.5em 0.4em;
  position: relative;
  line-height: 1.6;
}

.afrwd_tabs1 h2.h2_smaller span.af_icon-plus2, 
.afrwd_tabs1 h2.h2_smaller span.af_icon-minus2 {
  position: absolute;
  right: 10px;
  top: 10px;
}



/* ACCOMM? */
.afrwd_tabs1 .afrwd_list-in {
  font-weight: normal;
  list-style-type: none;
  text-transform: none;
}
.afrwd_tabs1 div.afrwd_list > ul {
  position: relative;
}
.afrwd_tabs1 .accomm li.afrwd_title {
  background-color: transparent;
  border-left: 0 none;
  border-right: 0 none;
  padding: 0.75em 0 0.25em;
}
.afrwd_tabs1 .afrwd_list li {
  clear: both;
  position: relative;
}
.afrwd_tabs1 li {
  list-style: outside none none;
}
.afrwd_tabs1 .afrwd_accomm-frm figure {
  clear: none;
  float: left;
  margin: 0 1em 0 0;
  width: auto;
}
.afrwd_tabs1 .afrwd_accomm-frm h4 {
  border-top: 1px dotted #005684;
  margin: .5em 0 .35em;
  padding: .5em 0 0;
}

.afrwd_tabs1 .afrwd_full-accom-desc, /* accomm section */
.afrwd_tabs1 .afrwd_acc-thb-0-num-sel-hd /* upgrades section */ 
	{
  float: right;
  width: 100%;
  padding: 0;
  margin: 0;
}
.afrwd_tabs1 figure.afrwd_acc-opn-img {
  clear: none;
  float: left;
  margin: 0;
  width: 100%;
}


	
.afrwd_tabs1 .afrwd_full-accom-desc ul li {
	border: 0 none;
  color: #555;
  line-height: 1.3;
  list-style: outside none none;
  margin: 0 0 .75em 1em;
  overflow: visible;
  padding: 0 .75em;
}
	
	
.afrwd_tabs1 .afrwd_full-accom-desc ul li::before, 
.afrwd_tabs1 #pet-info ul li::before {
    content: "■ ";
    float: left;
    margin-left: -1.5em;
    margin-top: -.2em;
    color: #005684;
}
	
	

/* END  ACCOMM? */

.afrwd_tabs1 .af_home-icon {
  background-position: -102px -125px;
  height: 20px;
  width: 20px;
}
.afrwd_tabs1 a.active .af_home-icon {
  background-position: -82px -125px;
}

.afrwd_tabs-content p {
  margin: 0;
  padding: .2em 0 .9em 0;
}
.afrwd_tabs-content h3 {
  margin: 0;
  padding: .4em 0 .6em 0;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
	
#pet-info ul {
  margin-bottom: 1em;
}
#pet-info li {
/*  font-size: 1.125em;*/
  text-indent: 1.6em;
}
	
img.floatingImg {
  clear: both;
  display: block;
  float: none;
  margin: 0.5em 2em 1em 0;
}

button#af_searchBuy {
  margin: 0 0 .7em 0;
}
	

/* END AF-11762*/
	
	
	
	
	
	
	
/*	--------------------------------------------
	img
	-------------------------------------------- */
img {
	max-width: 100%;
	border: 0 none;
}
/*	--------------------------------------------
	figure
	-------------------------------------------- */
figure + button,
figure + p,
figure + h3 {
	margin: .938em 0 0 0;
}
figure {
	overflow: hidden;
}
/*	--------------------------------------------
	figcaption
	-------------------------------------------- */
figcaption {
  font-size: .857em;
  line-height: 1.4;
  margin: .4em 0 0;
}
	
	/*	--------------------------------------------
	columns
	-------------------------------------------- */
.af_col-2-3,
.af_col-1-1,
.af_col-1-2,
.af_col-1-3,
.af_col-1-4,
.af_col-1-5,
.af_col-1-6,
.af_col-1-7,
.af_col-1-8 {
  width: 100%;
  padding: 0 .938em; 
}
.af_col-2-3 .af_col-1-2 {
	padding: 0;
}
.af_col-1-2 + .af_col-1-2 {
	margin-top: .938em; 
}
/*AF-11762*/
	
	.af_data-driven-tabs .af_col-1-3, 
.af_data-driven-tabs .af_col-2-3, 
.af_data-driven-tabs .af_col-3-3 {
  width: 100%;
}

.af_data-driven-tabs .af_col-2-3, 
.af_data-driven-tabs .af_col-1-1, 
.af_data-driven-tabs .af_col-1-2, 
.af_data-driven-tabs .af_col-1-3, 
.af_data-driven-tabs .af_col-1-4, 
.af_data-driven-tabs .af_col-1-5, 
.af_data-driven-tabs .af_col-1-6, 
.af_data-driven-tabs .af_col-1-7, 
.af_data-driven-tabs .af_col-1-8 {
  padding: 0 .4em;
}
/*END AF-11762*/

	
/*	--------------------------------------------
	AFerry panel styling
	-------------------------------------------- */
.af_pnl1, .af_pnl2, .af_pnl3 {
	overflow: hidden;
	margin: 0 0 1.876em 0; 
	clear: both; /* eg when 1 x double panel follows 2 x single column panels */
}
.af_pnl1 { /* default panel */
	background-color: #fff;
}
.af_pnl2 { /* dark blue prominent panel e.g. sign up and save */
	padding: .938em; 
	background-color: #505050;
}
.af_pnl2, .af_pnl2 a, .af_pnl2 h2 {
	color: #fff;
}
.af_pnl2 a {
	color: #e8e8e8;
}
.af_col-2-3 .af_pnl1 .af_col-1-2 { /* 1-2 columns within a spanning 2-3 column */
	padding: 0;
}
.af_col-2-3 .af_pnl1 .af_col-1-2:last-child { /* 1-2 columns (last) within a spanning 2-3 column */
	padding: 0;
	margin-top: 0;
}
.af_col-1-1 .af_pnl1 .af_col-1-3 { /* 1-3 columns within a spanning 1-1 column */
	padding: 0;
}
.af_col-1-1 .af_pnl1 .af_col-1-3:nth-last-child(2) { /* 1-3 columns (2nd to last) within a spanning 1-1 column */
	padding: 0;
}
.af_col-1-1 .af_pnl1 .af_col-1-3:last-child { /* 1-3 columns (last) within a spanning 1-1 column */
	padding: 0;
}
	
	
	
	
	/*AF-11762*/
/*.afrwd_tabs1 */.af_pnl1 {
  padding: 0;
  border: none;
}
/*.af_data-driven-tabs */.af_pnl1 h2 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: .4em;
}


.afrwd_tabs1 .af_pnl1 p, 
.afrwd_tabs1 .af_pnl2 p {
  padding: 0 0 1em;
}
/*END  AF-11762*/


	
	
	
/*	--------------------------------------------
	social media
	-------------------------------------------- */
.af_social1,
.af_social2,
.af_social3,
.af_social4,
.af_social5,
.af_social6 {
	width: 45px;
	height: 45px;
	border-radius: .313em;
	margin: 0 .938em .938em 0;
}
.af_social1 {
	background-position: 0 -315px;
}
.af_social2 {
	background-position: -50px -315px;
}
.af_social3 {
	background-position: -100px -315px;
}
.af_social4 {
	background-position: -150px -315px;
}
.af_social5 {
	background-position: -200px -315px;
	margin: 0 0 .938em 0;
}
.af_social6 {
	background-position: 0 -465px;
}
/*	--------------------------------------------
	map and video container
	-------------------------------------------- */
.af_mapcanvas1 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	padding-top: 25px;
	height: 0;
	margin: 0 0 .938em 0;
}
.af_mapcanvas1 img {
	max-width: none;
}
.af_mapdialog {
	padding: 0 0 0 0 !important;	
}
.af_mapdialog footer {
	
	height: 31px;
	padding-top: 5px;
}
.af_mapcanvasdialog {
	width: 100%;
	height: calc(100% - 81px);
}
.af_mapcanvasdialog img {
	max-width: none;
}
.af_video1 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 ratio */
	height: 0;
}
.af_video1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0 none;
}
.af_mapfooter {
	padding-left: 5px !important;
	padding-top: 2px !important;
}

	
	/*AF-11762*/

/* map */
.af_mapcanvas1 {
	display: none;
	height: 100%;
  margin: 0;
  padding-bottom: 70%;
  padding-top: 0;
  position: relative;
	background-color: #ccc; /* just to show for testing */
}
.af_mapcanvas1.map-visible {
	display: block;
}
/* click to view map */
.map-image {
	background-image: url("../img/Map-blurred-600x420px.jpg");
  background-color: #ddd;
  background-repeat: no-repeat;
  background-size: cover;
  clear: both;
  height: 400px;
  overflow: hidden;
  width: 100%;
  display: block;
  position: relative; 
  cursor: pointer;
}
		
.map-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mapCanvas666 {
	display: none;
	z-index: 20; /* so the "click here" text is hidden when real map is activated */
}
.unhide-map {
	display: block!important;
}
	/*END map*/
	/* END AF-11762*/


	
	
	
/*	--------------------------------------------
	reviews/testimonials popup
	-------------------------------------------- */
/* for reviews in results page popup */
.ui-widget, 
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button { 
	display: block;
	font-family: arial, sans-serif;
	clear: both;
}
.ui-widget button /* nextTestimonialPage */ { 
	font-size: 1.4em;
}
.ui-widget {
	font-size: .9em;
	line-height: 1.3em;
}
.ui-widget button { 
	display: inline-block;
}
.ui-widget p{
	padding: 0 0 .6em 0;
}
.ui-widget-content {
	background-image: none;
	border: 0 none;
	padding-bottom: 10px;
}
.ui-progressbar.ui-widget-content {
	padding-bottom: 0;
}
.ui-widget-overlay {
	background-color: rgba(0, 0, 0, .8);
}
.ui-dialog {
	overflow: hidden;
	border-radius: 5px;
}
.ui-dialog .ui-dialog-content {
	background-color: #fff;
}
.ui-widget-content {
	background-color:#fff;
	border: 0 none;
	position: relative;
  /*  overflow: hidden !important;*/
	overflow: hidden;
}
.af_col-1-2 > .af_oplogo2 {
  clear: both;
  display: block;
  float: none;
  margin: .3em auto;
}
div#testimonialsContainer section.af_pnl1 {
	border: none;
	padding-left: 11px;
	padding-bottom: 11px;
	padding-right: 11px;
}
div#testimonialsContainer .af_col-1-2 > .af_oplogo2 {
	margin: 0;
}
div#testimonialsContainer #reviewsHeader .af_col-1-2{
	margin-top: 0px;
}
div#testimonialsContainer #reviewsHeader select {
	height: auto;
	padding: 0;
	font-size: 80%;
}
div#testimonialsContainer #reviewButtons {
	clear: both;
	width:100%
}
#reviewItems {
  overflow: auto;
}
div#reviewsHeader  {
	overflow: auto;
}
#reviewButtons button {
	width: auto;
}

.af_dialogclose {
  float: right;
  position: absolute;
  right: 6px;
  top: 4px;
  width: auto;
}
.af_numberedReview {
	padding: .4em 0 0 0;
}
.af_numberedReview li { 
	padding: 0 ;
}
.ui-widget .af_rvwcomp1 > li:hover {
	cursor: pointer;
}
.ui-widget-header {
	border: 0 none;
}
.ui-dialog .ui-dialog-content {
  padding: .5em .3em;
}
.af_col-1-2 > .af_oplogo2 {
  margin-bottom: .5em;
  margin-left: .5em;
}
div#testimonialsContainer #reviewItems {
	overflow-y: auto;
	width: 100%;
}
.afrwd_close1 {
	background-image: url(../img/aferry-sprite.svgz);
	/*background-image: url(../img/aferry-sprite-ie.png)\9;*/
	background-size: 250px 590px;
	width: 26px; /* should be 25px but gets cut off */
	height: 26px; /* should be 25px but gets cut off */
	display: inline-block;
	top: -17px;
	right: 7px;
	position: absolute;
	z-index: 1003;
}
.afrwd_close1 { /* blue close icon */
	background-position: -125px -125px;
}
.afrwd_close1:hover {
	cursor: pointer;
}
.af_dialogclose .afrwd_close1 {
	top: 7px;
}	

	
/*AF-11762*/

/* reviews */
		
.af_data-driven-tabs ul.af_rvwcomp1 li ul li {
  padding: 0;
}
.af_data-driven-tabs ul.af_rvwcomp1 .af_rvwheadctn1 span.summary {
  margin: 0;
}
.af_data-driven-tabs ul.af_rvwcomp1 ul p {
  font-size: 1em;
  padding: 0 0 0.5em;
}
.af_data-driven-tabs ul.af_rvwcomp1 ul {
  padding: 0.438em 0 0;
}
.af_data-driven-tabs .af_closedOnMobile.af_numberedReview { /* trying to keep closed by default */
  display: none;
}
	
/* END reviews */
/* END AF-11762*/

	
	
	
/*	--------------------------------------------
	clock graphic
	-------------------------------------------- */
.af_clock1 {
	background-position: -190px -245px;
	width: 13px;
	height: 14px;
	margin: .313em .313em 0 0; 
}
/*	--------------------------------------------
	flag
	-------------------------------------------- */
.af_flagSM,
.af_flagLG {
	margin-right: .75em;
	vertical-align: text-top;
	height: auto;
	width: 16px;
}
.af_flagLG {
	width: 30px;
}
/*	--------------------------------------------
	Responsive-Friendly CSS Columns
	-------------------------------------------- */
.af_rwd2col,
.af_rwd2col-rule {
  -webkit-columns: 2 200px;
	 -moz-columns: 2 200px;
			columns: 2 200px;
}
.af_rwd3col,
.af_rwd3col-rule {
  -webkit-columns: 3 200px;
	 -moz-columns: 3 200px;
			columns: 3 200px;
}
.af_rwd2col,
.af_rwd3col,
.af_rwd2col-rule,
.af_rwd3col-rule {
  -webkit-column-gap: 30px;
	 -moz-column-gap: 30px;
			column-gap: 30px;
}
.af_rwd2col-rule,
.af_rwd3col-rule,
.af_rwd1to2col-rule {
  -webkit-column-rule: 2px dotted #d4d4d4;
	 -moz-column-rule: 2px dotted #d4d4d4;
		 column-rule: 2px dotted #d4d4d4;
}
.af_rwd1to2col, /* timetables panel */
.af_rwd1to2col-rule {
  -webkit-columns: 1 200px;
	 -moz-columns: 1 200px;
			columns: 1 200px;
  -webkit-column-gap: 30px;
	 -moz-column-gap: 30px;
			column-gap: 30px;
}
/*	--------------------------------------------
	Slider
	-------------------------------------------- */
.af_flextitle1 {
	width: 100%;
	padding: 10px;
}
.af_flextitle1 h2 {
	margin-bottom: .25em;
}
.af_flexdesc1 h2 {
	padding: 0;
	line-height: 1.2;
}
.af_flexdesc1 h2 a {
	color: #505050;
}
.af_flexdesc1 p {
	padding: 0;









	margin: 0;
}
.af_flexdesc1 p a:link {
	font-weight: normal;
}
.af_flexdesc1 p a:visited {
	font-weight: normal;
}
.af_flexdesc1 p a:hover {
	font-weight: normal;
}
.af_flex-ctn a:active,
.af_flexslider a:active {
	outline: none;
}
.af_slides,
.af_flexcontnav {
	margin: 0;
	padding: 0;
	list-style: none;
} 
.af_flexdirecnav {
	display: none;
}
.af_flexslider .af_slides > li { /* Hide the slides before the JS is loaded. Avoids image jumping */
	display: none;
	-webkit-backface-visibility: hidden;
}
.af_flexslider .af_slides > li:first-child {/* ...but show the first one first. see: http://stackoverflow.com/questions/12717097/flexslider-slow-image-load */
	display: block; -webkit-backface-visibility: visible;
} 
.af_flexslider .af_slides img {
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.af_slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .af_slides {
	display: block;
}
* html .af_slides {
	height: 1%;
}
.no-js .af_slides > li:first-child {
	display: block;
}
/*.af_flexslider {
	position: relative;
	zoom: 1;
	background-color: #ebebeb;
	max-width: 400px;
	margin-bottom: 1em;
	height: auto;
	min-height: 335px; 
    overflow: hidden; 
}*/
.af_flexslider {
  background-color: #ebebeb;
  height: auto;
  margin-bottom: 1em;
  max-width: 400px;
	min-height: 335px;
	overflow: hidden;
  position: relative;
}
.af_flexslider .af_slides {
	zoom: 1;
}
.af_flexslider .af_slides > li {
	position: relative;
}
.af_flex-ctn {
	zoom: 1;
	position: relative;
}
.af_flexcontnav { /* Control Nav */
	width: auto;
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
}
.af_flexcontnav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.af_flexcontnav li:first-child {
	margin: 0;
}
.af_flexcontnav li a {
	width: 15px;
	height: 15px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background-color: #ebebeb;
	border: 1px solid #505050;
}
.af_flexcontnav li a.active {
	cursor: default;
	background-color: #505050;
	border: 1px solid #ebebeb;
}
/*	--------------------------------------------
	footer
	-------------------------------------------- */
/*.af_rwdfoot2col {
  -webkit-columns: 2 95px;
	 -moz-columns: 2 95px;
		  columns: 2 95px;

  -webkit-column-gap: .938em;
	 -moz-column-gap: .938em;
		  column-gap: .938em;		 
	color: #fff;
}  */
.af_rwdfoot2col {  /* change made to fix on iphone/ipad */
  -webkit-columns: 1 100%;
	 -moz-columns: 1 100%;
		  columns: 1 100%;

  -webkit-column-gap: .938em;
	 -moz-column-gap: .938em;
		  column-gap: .938em;		 
	color: #fff;
}
footer .af_col-1-3 h3 {
	color: #fff;
	padding-right: 0;
	padding-left: 0;
}
.af_copyright {
	display: block;
	overflow: hidden;
	clear: both;
	text-align: center;
	font-size: .75em;
	margin: 1em 0 0 0;
	line-height: 1.5;
}
/*	--------------------------------------------
	WTA logo
	-------------------------------------------- */
.af_WTAhold {
	display: block;
	overflow: hidden;
	clear: both;
	margin: .938em .938em 0 .938em;
}
.af_WTAbgLine {
  border-bottom: 1px solid #d4d4d4;
  display: block;
  height: 36px;
}
.af_WTAwrap {
	float: left;
	left: 50%;
	position: relative;
}
.af_WTAcontent {
  background-color: #505050;
  color: #fff;
  float: left;
  font-family: Arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 70px;
  left: -50%;
  line-height: 70px;
  padding: 0 6px 0 0;
  position: relative;
}
.af_WTAlogo {
  background-position: -160px -515px;
  height: 70px;
  margin: 0 6px;
  position: relative;
  width: 59px;
}
.af_WTAcontent span.af_highlight {
	color: #d4d4d4;
	display: none;
}
/*	--------------------------------------------
	footer navigation 1
	-------------------------------------------- */
ul.af_listfootnav1 {
	display: table;
	margin: 1em auto 0 auto;
	padding: 0 1em;
	text-align: center;
}
ul.af_listfootnav1 li a {
	color: #fff;
}
.af_listfootnav1 li {
	display: inline-block;
	margin: 0 0 10px 0;
}
.af_listfootnav1 li:after {
	content: "|";
	width: 1px;
	padding: 0 2px 0 10px;
	font-weight: normal;
	color: rgba(255,255,255,.3);
}
/*	--------------------------------------------
	footer navigation 2
	-------------------------------------------- */
ul.af_listfootnav2 li a {
	color: #fff;
}
.af_listfootnav2 {
	font-size: .875em; 
}
/*	--------------------------------------------
	payment types
	-------------------------------------------- */
.af_payctn1 {
	display: table;
	margin: 1em auto 0 auto;
	padding: 0 1em;
	text-align: center;
}
ul.af_pay1 {
	min-width: 100%;
	list-style: none;
}
ul.af_pay1 li {
	display: inline-block;
}
ul.af_pay1 li.af_paytxt1 {
	display: block;
}
.af_paytxt1 {
	font-size: .75em;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 0 .625em;
}
.af_payicon {
	width: 50px;
	height: 31px;
	margin: 0 .175em .625em .175em;
	float: none;
}
.af_visa {
	background-position: 0 -50px;
}
.af_vise {
	background-position: -52px -50px;
}
ul.af_pay1 li.af_vise, 
li.af_sprite.af_payicon.af_vise {
	display: none; /*added*/ /*MichaelS*/
}
.af_mast {
	background-position: -104px -50px;
}
.af_maes {
	background-position: -156px -50px;
} 
.af_payp {
	background-position: -190px -210px;
} 
/*	--------------------------------------------
	app
	-------------------------------------------- */
.af_app1,
.af_app2 {
	width: 110px;
	height: 33px; /*was 40px*/
	display: inline-block;
	margin: .938em .938em 0 0;
	clear: both;
	text-indent: -9999px;
	background-size: cover; /*was contain*/
}
/*	--------------------------------------------
	navigation + header
	-------------------------------------------- */
button#af_searchBuy { 
	display: block;
}
/*	--------------------------------------------
	search site & breadcrumbs
	-------------------------------------------- */
.af_search {
	display: block;
	overflow: hidden;
	clear: both;
	padding: .938em 0 0 1em;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.af_sitesearinput1, 
.af_sitesearbtn1 {
	display: inline-block;
	clear: none;
}
.af_sitesearinput1 {
	width: 96%;
	margin: 0 2% 0 0;
}
.af_sitesearbtn1 {
	width: 96%;
	margin: .5em 0 0 0;
	background-color: #fa0;
	height: 2em;
}
.af_sitesearbtn1:hover {
	background-color: #bababa;
}
/*	---------------------------------
	NORMAL (DON'T put Christmas graphics in "CORE", put them in Brand CSS, as all different):
	--------------------------------- */
header.af_header {
	z-index: 100;
	position: relative;
	color: #fff;
	background-color: #505050;
	height: 63px;
	padding: .7em 1em;
	overflow: hidden;
	}
header.af_header .af_block-title {
	display: none; 
}
/* LOGO etc */
.af_logoHold {
	padding: 0;
	display: block;
	overflow: hidden;
	width: 60%;
	float:left;
}
/* aferry LOGO etc */
.af_logo { /*mob*/
	background-size: contain;
	background-position: 0 0;
	width: 97px;
	height: 44px;
	display: block;
	float: none;
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: none;
	overflow: hidden;
	text-indent: -999em;
}
.af_strapline {
	display: none;
}
.af_block {
	position: relative;
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 20%;
}
.af_close-btn {
	display: none;
	width: 25px;
	height: 25px;
	padding: 0;
	border: 0;
	outline: none;
	background-position: -125px -125px;
	white-space: nowrap;
	text-indent: 100%;
	opacity: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
nav a#af_nav-close-btn {
  display: block;
  left: 0;
  position: absolute;
  top: -3.75em;
}
a#af_nav-close-btn {
  display: block;
  height: 30px;
  margin: 0;
  padding: 1.4em 2em 2.4em 1.2em;
  width: 180px;
}
.af_icon-arrow-dark-R { background-position: -142px 0; width: 8px; height: 14px; }
.af_icon-arrow-dark-D { background-position: -155px 0; width: 15px; height: 8px; }
.af_icon-arrow-dark-U { background-position: -174px 0; width: 15px; height: 8px; }
.af_icon-arrow-dark-L { background-position: -193px 0; width: 8px; height: 14px; }
.af_nav-btn,
a.af_basket {
	width: 35px;
	height: 27px;
	margin: .5em 0 0 0;
	padding: 0;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	opacity: .7;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.af_basket {
	background-position: -210px	0;
	float: right;
	margin: .55em 0 0 0;
	color: #fdcc1a; /*13-10-2016 MS*/
	font-family: arial,sans-serif; /*13-10-2016 MS*/
	font-weight: bold; /*13-10-2016 MS*/
	line-height: .8; /*13-10-2016 MS*/
	padding-left: 4px; /*13-10-2016 MS*/
	text-align: center; /*13-10-2016 MS*/
	text-decoration: none; /*13-10-2016 MS*/
	text-indent: 0; /*13-10-2016 MS*/
}
.af_basket:hover { /*13-10-2016 MS*/
    color: #fdcc1a;
    cursor:pointer;
}
.af_nav-btn:hover, 
.af_nav-btn:focus,
a.af_basket:hover {
	opacity: 1;
}
a.af_avatar { display: none; }
/* NAVIGATION */
nav {
	z-index: 200;
	overflow: hidden;
	width: 100%;
	color: #fff;
	background-color: #505050;
	position: absolute;
	top: 0;
	padding-top: 4em;
}
	nav:not(:target) {
	z-index: 1;
	height: 0 !important;
	overflow: hidden;
	padding: 0;
}
	nav:target .close-btn {
	display: block;
}
nav .af_close-btn {
  display: block;
}
nav ul {
	list-style: none;
	*zoom: 1;
	display: block;
	font-family: arial, sans-serif;
	white-space: nowrap;
}
nav ul:before, nav ul:after {
	content: "";
	display: table;
}
nav ul:after {
	clear: both;
}
nav .af_block {
	z-index: 2;
	position: relative;
	padding: 0;
	width: 100%;
	float: left;
	display: block;
}
	
nav .af_block-title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
nav li {
	display: block;
	padding: 0;
	line-height: 2;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
nav li:before {
	content: normal;
}
nav li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
nav li.is-active:after {
	z-index: 50;
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: -0.03125em;
	margin-top: -0.625em;
	border-top: .625em transparent solid;
	border-bottom: .625em transparent solid;
	border-right: .625em #fff solid;
}
nav li a {
	display: block;
	color: #fff;
	font-weight: bold;
	outline: none;
	padding: .6em 1.5em;
}
/*	------------------------
	nav links + hover
	------------------------ */
/* .pg- = page; .st- = site */
.pg_Home 				nav li.af_Home a, 
.pg_FerryCompanies 		nav li.af_FerryCompanies a, 
.pg_FerryRoutes 		nav li.af_FerryRoutes a, 
.pg_FerryPorts 			nav li.af_FerryPorts a, 
.pg_MiniCruises 		nav li.af_MiniCruises a, 
.pg_Countries 			nav li.af_Countries a, 
.pg_SpecialOffers 		nav li.af_SpecialOffers a, 
.pg_FerryTimetables 	nav li.af_FerryTimetables a, 
.pg_FerryReviews 		nav li.af_FerryReviews a, 
.pg_News 				nav li.af_News a, 
.pg_FAQ 				nav li.af_FAQ a, 
.pg_ManageMyBooking 	nav li.af_ManageMyBooking a,
nav li a:focus, nav li a:hover {
	color: #e8e8e8;
}
.js-ready nav {
	height: 100%;
	width: 80%;
	-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, .25);
		-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, .25);
			 box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, .25);
}
.js-ready nav .block {
	background-color: transparent;
}
.js-ready nav .close-btn {
	display: block;
	opacity: .7;
}
.js-ready nav .close-btn:focus, .js-ready nav .close-btn:hover {
	opacity: 1;
}
.js-ready nav {
	left: -80%;
}
.js-ready #af_wrapper {
	left: 0;
}
.js-nav #af_wrapper {
	left: 80%;
}
.csstransforms3d.csstransitions.js-ready nav {
	left: 0;
	overflow: visible;
	padding-top: 4em;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: none;
	-webkit-transition-delay: none;

	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
/*GC new */
.csstransforms3d.csstransitions.js-ready.js-nav nav {
	height: 100%!important;
}
.csstransforms3d.csstransitions.js-ready #af_wrapper {
	left: 0 !important;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	-webkit-transition: -webkit-transform 200ms ease;
	-moz-transition: -moz-transform 200ms ease;
	-o-transition: -o-transform 200ms ease;
	transition: transform 200ms ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.csstransforms3d.csstransitions.js-nav #af_wrapper {
	-webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
	-moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
	-ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
	-o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
}
.csstransforms3d.csstransitions.js-ready nav .block {
	opacity: .7;
	-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
	-webkit-transition-delay: ease, 0s;
	-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
	-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
	transition: opacity 300ms 100ms ease, transform 500ms ease;
	-webkit-transform: translate3d(80%, 0, 0) scale3d(0.9, .9, .9);
	-moz-transform: translate3d(80%, 0, 0) scale3d(0.9, .9, .9);
	-ms-transform: translate3d(80%, 0, 0) scale3d(0.9, .9, .9);
	-o-transform: translate3d(80%, 0, 0) scale3d(0.9, .9, .9);
	transform: translate3d(80%, 0, 0) scale3d(0.9, .9, .9);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.csstransforms3d.csstransitions.js-nav nav .block {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.af_langPick {
	overflow: hidden;
	margin: 0;
	padding: .75em 1em;
	z-index: 999;
}
.af_langFlag { 
	float: left;
	height: 30px;
	width: 30px;
	margin: .15em 0 0 0;
}
.af_langPick select {
	width: 76%;
	float: left;	
	margin: 0 .6em 0 0;
}
/*	---------------------------------
	Schedules Panels (mob)
	--------------------------------- */
ul.af_schedules {
	list-style: none;
	display:table;
	width: 100%;
}	
	
ul.af_schedules a {
	text-decoration: underline;
}	
ul.af_schedules li ul {
	width: 100%;	
	margin: 0;
	padding: 0;
}
ul.af_schedules li ul li {
	width: 100%;
	background-color: #fff;
	display: block;
	height: 3em;
	overflow: hidden;
	padding: 1em 0 1em 1.6em;
	border-top: 1px dotted #bbb;
}
ul.af_schedules li ul li:first-child {
	border-top: 0 none;
}
ul.af_schedules li ul li .af_oplogo1 { 
	margin: -.5em 0 0 0;
}
ul.af_schedules li ul li [class*=" af_icon"] { /* http://stackoverflow.com/questions/7366323/what-does-the-selector-class-span-do */
	margin: 0 .5em 0 -1.6em;
	height: 14px;
}
ul.af_schedules h3 {
	background-color: #ddd;
	color: #444;
	padding: .75em 1.25em .75em .65em;
	margin-bottom: 2px;
	position: relative;
}
ul.af_schedules h3 span.af_opName {
	font-weight: normal;
	color: inherit;
	opacity: .9;
	font-size: .85em;
	white-space: nowrap;
}
ul.af_schedules h3 span.af_icon-arrow-dark-D,
ul.af_schedules h3 span.af_icon-arrow-dark-U {
	position: absolute;
	top: .4em;
	right: .4em;
	display: block; 
	margin: .45em .45em 0 0;
}
/*	---------------------------------
	schedules board etc
	--------------------------------- */
.af_icon-cal {
	width: 14px;
	height: 14px;

	background-position: -190px -286px;
}
.af_icon-clock {
	background-position: -190px -245px;

	width: 13px;
}
.af_icon-ship {
	background-position: -190px -266px;
	width: 20px;
}
/*	---------------------------------
	AUTO special Offers (mob)
	--------------------------------- */
.af_pnl1.af_SO-auto {
	border:  0 none;
	background-color: #fff;
	color: #444;
}
.af_SO-auto button {
	background-color: #aeaeae;
}
.af_SO-auto button:hover {
	background-color: #bababa;
}
.af_pnl1.af_SO-auto h3 {
	color: #fff;
	margin: 0;
	padding: 0;
}
.af_SO-auto ul.af_specOffers {
	list-style: none;
	display:table;
	width: 100%;
	background-color: #505050;
	margin: 1em 0;
	padding: 1em;
	color: #fff;
}	
.af_SO-auto ul.af_specOffers a {
	text-decoration: underline;
}	
.af_SO-auto ul.af_specOffers li ul {
	width: 100%;	
	margin: 0;
	padding: 0;
}
.af_SO-auto ul.af_specOffers li ul li{
	width: 100%;
	display: block;
	padding: 0;
}
.af_SO-auto .af_oplogo1 { 
	margin: 0 auto;
	padding: .2em .65em;
	border-radius: .35em;
	width: 120px;
	background-color: #fff;
}
.af_SO-auto ul.af_specOffers li ul li select {
	width: auto;
}
.af_SO-auto ul.af_specOffers .af_SO-price {
	color: #d4d4d4;
	padding: 0;
	font-weight: bold;
	font-size: 2.4em;
	font-family: arial, sans-serif;
	line-height: 1;
}
.af_SO-auto .af_SO-price span.af_SO-from {
	display: block;
	width: 100%;
	clear: both;
	font-weight: normal;
	font-size: .37em;
}
.af_SO-auto .af_SO-price span.af_SO-decimals {
	font-weight: normal;
	font-size: .6em;
}
.af_SO-auto ul.af_specOffers .af_SO-more {
	display: block;
	float: right;
	width: 50%;
}
.af_SO-auto ul.af_specOffers .af_SO-detail-1 {
	color: #aeaeae;
}
.af_SO-auto ul.af_specOffers .af_SO-detail-2 {
	color: #fff;
}
.af_SO-auto ul.af_specOffers li ul li:nth-child(1) { 
	width: 100%; 
}
.af_SO-auto ul.af_specOffers li ul li:nth-child(2) { 
	width: 50%; 
	float: left; 
	margin: .5em 0 0 0; 
}
.af_SO-auto ul.af_specOffers li ul li:nth-child(3) {
	width: 50%; 
	float: right; 
	margin: .5em 0 0 0; 
}
.af_SO-auto ul.af_specOffers li ul li:nth-child(4) {
	width: 50%; 
	float: left; 
	clear: left; 
	margin: 1em 0 0 0; 
}
.af_SO-auto ul.af_specOffers li ul li:nth-child(5) { 
	width: 50%; 
	float: right;
	margin: .5em 0 0 0; 
}
	
/*AF-11762*/
	
/*	--------------------------------------------
	Special Offers (SO) Panels
	-------------------------------------------- */
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(3) {
  display: none;
}
	/* ports exceptions - no longer required? 
.af_ports-page-tabs .af_SO-auto ul.af_specOffers li ul li:nth-child(3) { 
  display: block;
}
	*/
	
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul {
    border-bottom: 0 none;
    padding-bottom: 0;
}
	
/* END Special Offers */
	
.afrwd_tabs1 ul.af_schedules li ul li > .af_oplogo1 {
  margin: 0 0 0 -2.4em;
  padding: 0;
}
	
	
/* Booking.yeah widget */
.afrwd_3rdptyctn1 {
  position: relative;
	padding-bottom: 170px!important;
	}
	
	.afrwd_3rdptyctn1 iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
	
	
/* END AF-11762 */

	
	
/*	---------------------------------
	MANUAL special Offers (mob)
	--------------------------------- */
.af_pnl1.af_SO-manual {
	border:  0 none;
	background-color: #fff;
	color: #444;
}
.af_SO-manual button {
	background-color: #aeaeae;
}
.af_SO-manual button:hover {
	background-color: #bababa;
}
.af_pnl1.af_SO-manual h3 {
	margin: 0;
	padding: 0;
}
.af_SO-manual ul.af_specOffers {
	list-style: none;
	display:table;
	width: 100%;
	margin: 1em 0;
	padding: 1em;
	border: 1px dotted #bbb;
}	
.af_SO-manual ul.af_specOffers a {
	text-decoration: underline;
}	
.af_SO-manual ul.af_specOffers li ul {
	width: 100%;	
	margin: 0;
	padding: 0;
}
.af_SO-manual ul.af_specOffers li ul li{
	width: 100%;
	display: block;
	padding: 0;
}
.af_SO-manual ul.af_specOffers li ul li .af_oplogo1 { 
	margin: 0 ;
	padding: .2em .65em;
	border-radius: .35em;
	width: 120px;
	background-color: #fff;
	float: right;
}
.af_SO-manual ul.af_specOffers li ul li select {
	width: auto;
}
.af_SO-manual ul.af_specOffers .af_SO-price {
	color: #d4d4d4;
	padding: 0;
	font-weight: bold;
	font-size: 2.6em;
	font-family: arial, sans-serif;
}
.af_SO-manual ul.af_specOffers .af_SO-price span {
	display: block;
	width: 100%;
	clear: both;
	font-weight: normal;
	font-size: 11px;
}
.af_SO-manual ul.af_specOffers .af_SO-more {
	display: block;
	float: right;
	width: 50%;
}
.af_SO-manual ul.af_specOffers .af_SO-detail-1 {
	color: #505050;
	padding: .25em 0;
	font-size: 1.24em;
}
.af_SO-manual ul.af_specOffers .af_SO-detail-2 {
	color: #444;
	padding: .25em 0;
}
.af_SO-manual ul.af_specOffers li ul li:nth-child(1) { width: 100%; }
.af_SO-manual ul.af_specOffers li ul li:nth-child(2) { width: 100%; }
.af_SO-manual ul.af_specOffers li ul li:nth-child(3) { width: 100%; }
/*	---------------------------------
	special Offers DETAILS (mob)
	--------------------------------- */
.af_SO-detail-text {
	padding: 1em 0;
	position: relative;
	min-height: 170px; /* to stop these SO sections' absolutely-positioned images crashing into each other */
}
/*.af_SO-detail-text + .af_SO-detail-text {
	border-top: 2px dotted #d4d4d4;
	padding-top: 1em;
}*/
.af_SO-detail-text .af_figSM {
	width: 100%;
}
/*	--------------------------------------------
	companies panels
	-------------------------------------------- */
ul.af_opctn1 li, ul.af_opctn2 li, ul.af_opctn3 li, ul.af_opctn4 li { /* 1 in a row */
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px dotted #bbb; 
	margin: 0 0 1em 0;
	padding: 1em;
	text-align: center;
	list-style: none;
}
.af_oplogo1 {
	width: 90px;
	height: auto;
	margin: 0 auto;
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 10px; /* in case of missing images, stop grid breaking */
}
.af_optxt1, 
.af_optxt2 {
	display: block;
	overflow: hidden;
}
.af_optxt1 {
	margin-top: .5em;
	font-size: .875em; 
	text-overflow: ellipsis;
	white-space: nowrap;
}
.af_optxt2 {
	margin-top: 2em;
	font-size: .750em; 
	color: #bababa;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
/*	--------------------------------------------
	destinations and news panels
	-------------------------------------------- */
ul.af_dstnctn1 li, 
ul.af_dstnctn2 li, 
ul.af_dstnctn3 li, 
ul.af_newsctn1 li { /* 1 in a row */
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border: 1px dotted #bbb; 
	margin: 0 0 1em 0;
	padding: 1em;
	list-style: none;
}
ul.af_dstnctn1 li:nth-child(2n+1), ul.af_dstnctn2 li:nth-child(2n+1), ul.af_dstnctn3 li:nth-child(2n+1), ul.af_newsctn1 li:nth-child(2n+1) { 
	background-color: #f3f3f3; 
}
ul.af_spchpctn1 li { /* 1 in a row */ 
	width: 100%; 
	height: auto; 
	display: block; 
	overflow: hidden; 
	background-color: #fff; 
	list-style: none; 
    border: 5px solid #fff; 
    border-radius: 0 0 1em 1em; 
    margin: 0 0 0.75em 0; 
}
ul.af_spchpctn1 li:last-child { 
	margin: 0; 
}

.af_dstnpicctn1, 
.af_dstnpicctn3, 
.af_newspicctn1 {
	width: 70px;
	height: 72px;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-right: 1em;
}

.af_spchppicctn1 { 
	width: auto; 
	height: auto; 
	display: block; 
	overflow: hidden; 
	margin: 0 0 1em 0; 
}

.af_dstnctn1 h4, .af_dstnctn2 h4, .af_dstnctn3 h4, .af_newsctn1 h4, .af_spchpctn1 h4 {
  clear: none;
  overflow: hidden;
  padding: 0;
  text-align: left;
}
.af_dstntxt1,
.af_newstxt1 {
	font-size: 1em; 
	text-align: left;
	overflow: hidden;
}
.af_dstntxt2,
.af_newstxt2 {
	margin-top: 1em;
	font-size: .875em; 
	text-align: left;
	overflow: hidden;
}
.af_dstntxt2 a,
.af_newstxt2 a {
	color: #bababa;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.af_dstnctn1 h4,
.af_dstnctn2 h4,
.af_newsctn1 h4 {
	padding: 0;
	text-align: left;
	clear: none;
	overflow: hidden;
}
.af_spchpctn1 h4 { 
	font-size: 1.2em; 
}
.af_spchpctn1 .af_dstntxt1 { 
	white-space: normal;
}


/*	--------------------------------------------
	timetables panel
	-------------------------------------------- */
.af_formctn {
	background-color: #eee;
	border: 1px solid #bbb;
	border-radius: .313em;
	margin: 0 0 1em;
	padding: .938em;
	text-align: left;
	width: 100%;
}
.af_ttnote1 {
	padding: .938em 0 0 0;
}
.af_ttform1 {
	margin: 0 auto .5em 0;
	overflow: hidden;
	padding: 0;
 	width: 100%;
}
.af_ttform1:last-child {
	margin-bottom: 0;	
}
.af_ttform1 > button {
	margin-top: .938em;
}
.af_ttform1 label {
	clear: both;
	display: block;
	overflow: hidden;
}
.af_ttcalpicker1 {
	position: relative;
	width: 100%;
	display: block;
	float: left;
}
.af_ttcalctn {
	position: absolute;
	top: .5em;
	right: .5em;
}
.af_tticoncal1 {
	width: 20px;
	height: 20px;
	background-position: -150px -290px;
	border-radius: 0;
	border: 0 none;
}
h3.af_tthead1 {
	background-color: #ddd;
	color: #444;
	padding: .75em .25em .75em .65em;
	margin-bottom: 2px;
	font-size: 1em;
}
h3.af_tthead1 span {
	display: block;
	float: right;
	margin: .45em .45em 0 0;
}
/*	--------------------------------------------
	Reviews Top Level Page Panels and Ferry Company Reviews Inner Page Panels
	-------------------------------------------- */
.af_starspriteA,
.af_starspriteB,
.af_0star {
	display: inline-block;
	margin: 0 .938em 0 0;
	padding: 0;
	border: 0;
	outline: none;
 	background-image: url(../img/stars.svgz);
	background-size: 216px 465px;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -999em;
	width: 216px;
	height: 40px;
}
.af_starspriteA.af_1star { background-position: 0 -48px; }
.af_starspriteA.af_2star { background-position: 0 -96px; }
.af_starspriteA.af_3star { background-position: 0 -144px; }
.af_starspriteA.af_4star { background-position: 0 -192px; }
.af_starspriteA.af_5star { background-position: 0 -240px; }
.af_starspriteB,
#reviewsHeader .af_starspriteA {
	width: 137px;
	height: 25px;
}
.af_starspriteB.af_0star,
#reviewsHeader .af_starspriteA.af_0star { background-position: 0 -290px; }
.af_starspriteB.af_1star,
#reviewsHeader .af_starspriteA.af_1star { background-position: 0 -320px; }
.af_starspriteB.af_2star,
#reviewsHeader .af_starspriteA.af_2star { background-position: 0 -350px; }
.af_starspriteB.af_3star,
#reviewsHeader .af_starspriteA.af_3star { background-position: 0 -380px; }
.af_starspriteB.af_4star,
#reviewsHeader .af_starspriteA.af_4star { background-position: 0 -410px; }
.af_starspriteB.af_5star,
#reviewsHeader .af_starspriteA.af_5star { background-position: 0 -440px; }

#reviewsHeader .af_starspriteA {
	float: left;
	height: 25px;
	margin-left: -.938em;
	margin-right: -.938em;
	width: 137px;
}
#reviewsHeader .af_starspriteB {
  height: 25px;
  margin-left: -0.45em;
  width: 137px;
}
.af_oplogo2 {
	display: inline-block;
	height: auto;
	overflow: hidden;
	width: 140px;
	float: none;
}
.af_rvwnote1 {
	padding: .5em 0 0 0;
	text-align: right;
}
.af_rvwer1 span {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
.af_rvwbased1 {
	display: inline-block;
	margin: 0 .938em 1em 0;
	padding: 1em 0 0;
	vertical-align: top;
	font-size: .875em;
}
#reviewsHeader .af_rvwbased1 {
	margin-left: -.938em;
	margin-right: -.938em;
	float: right;
	font-size: .75em;
}
div#reviewsHeader  {
	overflow: auto;
}
#reviewPanelContainer .af_oplogo2 {
  float: none;
}
#reviewsHeader img.af_oplogo2 {
	margin: 0;
	width: 100px;
	display: none;
}
#reviewsHeader label,
#reviewsHeader .ui-widget input {
	font-size: .8em;
}
.af_rvwdate1 {
	display: inline-block;
	vertical-align: top;
	font-size: .875em;
	padding: .2em .5em .5em 0;
}
.af_rvwhead1 {
	overflow: hidden;
	font-family: Georgia, "Times New Roman", "Lucida Bright", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1.438em;
	letter-spacing: .03em;
	line-height: 1.2;
}
/*	--------------------------------------------
	minus and plus icons
	-------------------------------------------- */
/*.af_icon-minus,
.af_icon-plus {
	background-position: -175px -85px;
	height: 11px;
	width: 11px;
}
.af_icon-plus {
	background-position: -150px -85px;
}*/
.af_icon-minus,
.af_icon-plus, 
.af_icon-minus2,
.af_icon-plus2 { /*min/max panels*/
	background-position: -228px -50px;
	height: 16px;
	width: 16px;
}
.af_icon-plus,
.af_icon-plus2 { 
	background-position: -208px -50px;
}
h3 span.af_icon-plus,
h3 span.af_icon-minus {
	margin: .15em .625em 0 0;
}
/*AF-11762*/
/*Plus/minus big
.af_data-driven-tabs .af_icon-minus, 
.af_data-driven-tabs .af_icon-plus {  TOTAL CHEAT, DO THIS PROPERLY FOR BIG +/-
  background-position: -350px -170px;
  height: 22px;
  width: 22px;
  background-size: 500px 1180px;
	cursor: pointer;
}
.af_data-driven-tabs .af_icon-plus {
  background-position: -300px -170px;
}
/*END AF-11762*/
	

	
	
	
/*	--------------------------------------------
	reviews forms
	-------------------------------------------- */
.af_forms {
	margin: 0 auto;
	clear: both;
}
.af_forms h2 {
	border-bottom: 0 none;
	margin-bottom: 0;
}
.af_formItems {
  font-size: 1.5em;
  margin: 0 -.5em .5em -.5em;
  overflow: hidden;
  padding: 0;
  width: auto;
  clear: both;
  display: block;
}
.af_forms hr {
	border: 0;
	border-bottom: 2px dotted #d4d4d4;
	margin: 2em 0;
	clear: both;
	display: block;
	overflow: hidden;
}
li.af_radio1 input, 
li.af_radio2 input, 
li.af_radio1 label, 
li.af_radio2 label, 
.af_radio1, 
.af_radio2 {
	display: inline-block;
	float: left;
	width: auto;
	margin-bottom: .2em;
}
.af_radio1, 
.af_radio2 {
	margin: .5em 0 0 0;	
}
.af_formItems li {
	list-style: none outside none;
}
li.af_radio1 input, 
li.af_radio2 input {
	display: inline-block;
	float: left;
	width: auto;
	height: auto;
	margin: .2em .5em 0 0;
}
li.af_radio1 {
	margin-right: 2em;
}
.af_formItems textarea {
	max-width: 100%;
	min-height: 7em;
	min-width: 100%;
	width: 100%;
}
/*	--------------------------------------------
	reviews forms star rating - Lea Verou Version mobile
	-------------------------------------------- */
.af_rvwfrmrating,
.af_standardrvw1 {
	float: left;
	margin-top: -.45em;
}
.af_rvwcontainer label{
	font-size: 1em;
}
.af_rvwcontainer textarea{
	font-family: inherit;
	font-size: .75em;
}
.af_rvwcontainer .af_standardrvw1 {
	margin-top: 0;
}
.af_standardrvw1 {
	padding-bottom: .5em;
}
.af_standard {
	padding-right: .5em;
}
/* :not(:checked) is a filter, so that browsers that dont support :checked dont 
	follow these rules. Every browser that supports :checked also supports :not(), so
	it doesnt make the test unnecessarily selective */ /*Lea Verou note*/
.af_rvwfrmrating:not(:checked) > input {
	position: absolute;
	top: -9999px;
	clip: rect(0,0,0,0);
}
.af_rvwfrmrating:not(:checked) > label { /*default*/
	background-color: #fff;
	border-radius: 5px;
	color: #ccc;
	cursor: pointer;
	float: right;
	font-size: 200%;
	height: 1.0em;
	width: .9em;
	line-height: 1.05;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.af_rvwfrmrating:not(:checked) > label:before {
	content: "☆ "; 
}
.af_rvwfrmrating > input:checked ~ label, /* clicked on */
.af_rvwfrmrating:not(:checked) > label:hover, /*hovering*/
.af_rvwfrmrating:not(:checked) > label:hover ~ label {
	color: #fbb921;
}
.af_rvwfrmrating > input:checked ~ label:before /* clicked on */ {
	content: "★ ";
}
.af_rvwfrmrating > input:checked + label:hover, /*hovering selected*/
.af_rvwfrmrating > input:checked + label:hover ~ label,
.af_rvwfrmrating > input:checked ~ label:hover,
.af_rvwfrmrating > input:checked ~ label:hover ~ label,
.af_rvwfrmrating > label:hover ~ input:checked ~ label {
	color: #d4d4d4;
	content: "★ ";
}
.af_rvwfrmrating > label:active {
	position: relative;
}
/*.af_rvwcontainer .af_formItems{
	margin:  .5em 0 .5em 0;
}*/
.af_rvwcontainer #af_searchBuy{
	margin: .75em 0 .75em 0;
}
/*.af_rvwcontainer .af_rvwfrmrating{
	margin-top: -.25em;
}*/
button.af_signupbtn {
  float: right;
}
.af_pnl2 button.af_signupbtn + p {
  clear: both;
}
.afrwd_subReview { 
	background-color: #ddd;

	color: #fff;
	cursor: default;
	float: right;
}





.af_rvwcontainer .af_formItems {
  margin: 0.5em 0;
  font-size: 1.3em;/* new */
}
.af_rvwcontainer .af_rvwfrmrating {
  font-size: 1.2em;
  margin-top: -0.25em;
  display: block;
  clear: both;
}
#DivYourRatingsHandler .af_formItems {
  font-size: 1.15em;
}
input.af_confirmedmyreview[type="radio"] {
  display: block;
  float: left;
  width: 30px;
  text-align: left;
  height: 20px;
  margin: 0 0 30px 0;
}




/*	--------------------------------------------
	dirty bullet fix
	-------------------------------------------- */
ul.squareBullet {
	list-style: none;
	clear: both;
}
.squareBullet li {
	padding: 0 0 .75em 1.563em; 
	overflow: hidden;
}
.squareBullet li:before {
	content: "■ ";
	float: left;
	margin-left: -1.5em;
	color: #505050;	
}
ul.squareBullet + h3 {
	margin: .5em 0 0 0;
}
ul.squareBullet + hr {
	margin: 0 0 1em 0;
}
/*	--------------------------------------------
	fix google search
	-------------------------------------------- */
#af_wrapper .gsc-selected-option-container {
	width: auto !important;
}
/*	--------------------------------------------
	cookie-consent
	-------------------------------------------- */
.af_cookie-consent-cntn {
	background-color: #ebebeb;
	display: none;
	width: 100%;
}
.af_cookie-consent-hd {
	max-width: 1280px;
	margin: 0 auto;
}
.af_cookie-consent-hd p {
	padding: 1em .938em;
	width: 85%;
	display: inline-block;
}
.af_cookie-consent-hd p a {
	color: #505050;
}
.af_cookie-consent-close {
	float: right;
	background-color: #505050;
	width: auto;
	padding: .5em;
	font-weight: bold;
	font-size: 125%;
	color: #fff;
	text-align: center;
	font-family: arial, sans-serif;
	cursor: pointer;
}

/*	--------------------------------------------
	privacy policy containers
	-------------------------------------------- */
.af_row.af_LRcol1 {
	border-top: 1px solid #ddd;
}
.af_row.af_LRcol1:first-child {
	border-top: 0 none;
}
.af_col-1-3.af_Lcol1 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.af_col-2-3.af_Rcol1 {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.af_row .af_LRcol1cntn {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	margin-bottom: 1em;
}
.af_col-1-3.af_Lcol1 > h4,
.af_col-2-3.af_Rcol1 > h4 {
	padding: 10px 0 0 0;
}
.af_col-1-3.af_Lcol1 > p,
.af_col-2-3.af_Rcol1 > p {
	padding: 10px 0;
}
.af_col-1-3.af_Lcol1 > h4.af_LRcol1dispnone2,
.af_col-2-3.af_Rcol1 > h4.af_LRcol1dispnone2 {
	display: none;
}
.af_row.af_LRcol1 {
	background-color: #fff;
}
.af_row.af_LRcol1:nth-child(2n+1) {
	background-color: #eaeaea;
}

/*	--------------------------------------------
	clearing context
	-------------------------------------------- */
.af_row:after {
  content: "";
  display: table;
  clear: both;
}
[class*='af_col-'] {
  float: left;
}
.af_closedOnMobile { /* mobile */
	display: none;
}

	
/*	------------------------------------------------------------------------
	AF-11309  Have booking engine open in all views including tablet/mobile
	------------------------------------------------------------------------ */	
.afeng_eng1.af_closedOnMobile {
	display: block!important;		
	}
button#af_searchBuy {
	display: none!important;
	}
	
	
	/* END AF-11309  Have booking engine open in all views including tablet/mobile*/
	
	
	
	
	
	
/*	-----------------------------
	asterisks head and foot 
	----------------------------- */
.af_headAsterisk,
.af_footAsterisk {
	font-size: 70%;
	}
.af_headAsterisk {
  display: block;
  float: right;
  font-size: 47%;
  margin-top: 1.45em;
}
#testimonialDialog {
	overflow: scroll; /* addded to allow review popup to scroll in mobile view Nov2015*/
	}
/*a.af_sprite.af_basket,*/ /*13-10-2016 MS*/
a.afeng_sprite.af_avatar {
	text-indent: -999em;
}


#reviewFlexiForm .af_pnl1 h2 { /* review form 2016 */
  border: 0 none;
  height: auto;
  line-height: 1;
  margin: 0;
  padding: 0;
}


/*	-----------------------------
	departure board 
	----------------------------- */
.af_pnl3 {
    background-color: #000;
	color: #fff;
	padding: .938em;
}
.af_pnl3 h2 span.af_icon-plus2, .af_pnl3 h2 span.af_icon-minus2 {
	margin: .7em .5em 0 .625em;
}
.af_pnl3 h2 span.af_icon-plus2 {
	background-position: -208px -30px;
}
.af_pnl3 h2 span.af_icon-minus2 {
	background-position: -228px -30px;
}
.af_pnl3 h2.af_min, .af_pnl3 h2.af_max {
    background-color: #fab921;
    padding: 10px 1.9em .5em 10px;
    position: relative;
	color: #000;
}

#board-content li
{ 
    display:none;
}

#board-content li.more
{ 
    display:list-item;
}

.af_DepBrdTitle,
.af_DepBrdContent,
.af_DepBrdInnerContent {
    clear: both;
    display: block;
    overflow: hidden;
}

.af_DepBrdInnerLoading {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 16px;
}

.af_DepBrdInnerMore 
{
    clear: both;
    display: block;
    overflow: hidden;
    text-align: center;
    font-family: Arial,sans-serif;
    font-size: 16px;
}

.af_DepBrdInnerMore li {
    display: block !important;
}

.af_DepBrdInnerMore a, .af_DepBrdInnerMore a:visited {
    color: #FFFFFF;
}

.af_DepBrdInnerMore a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.af_DepBrdInnerMore a.loading {
    text-decoration: none;
    cursor:default;
}


.af_DepBrdTitle {
	margin-top: .938em;
	background-color: #666;
	padding: 5px;
}
ul.af_DepBrdTitle li,
ul.af_DepBrdContent li,
ul.af_DepBrdInnerContent li {
	list-style: outside none none;
	overflow: hidden;
}
ul.af_DepBrdTitle li {
	font-size: 15px;
	font-weight: bold;
}
ul.af_DepBrdContent > li {
	padding: 5px 0;
	border-bottom: 1px solid #fff;
	font-size: 16px;
}
ul.af_DepBrdInnerContent li {
	font-size: 16px;
}
.af_DepBrdTitle > li:first-child,
.af_DepBrdTitle > li:last-child,
.af_DepBrdInnerContent > li:first-child,
.af_DepBrdInnerContent > li:last-child {
	color: #fff;
}
ul.af_DepBrdTitle li,
ul.af_DepBrdInnerContent li {
	margin-right: 2%;
	width: auto;
	display: inline-block;
	float: left;
	color: #f7eb35;
	font-family: Arial,sans-serif;
}
.af_DepBrdTitle > li:last-child,
.af_DepBrdInnerContent > li:last-child {
	margin-right: 0;
}


/*	------------------------------------------------------
	new fix for aferry iframe engine (G Translate) 
	------------------------------------------------------ */
.afry-affiliate-engine-holder {
	position: relative;
	height: 420px;
	}
#fscanengine .afry-affiliate-engine-holder iframe#afiframe { 






	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
	display: block;
}
/*	END new fix for aferry iframe engine (G Translate) */

.trustpilot-widget {
  min-height: 28px;
}

	
	/*AF-11762*/
/*trustpilot*/
.trustpilot-widget {
  min-height: 30px;/* avoid FOUC when trustpilot loads in */
}
.af_pnl1.trustpilot-surround {
  background-color: #efefef;
  border-radius: 2px;
  min-height: 6em;
  padding: .8em;
}
	
	
	
/*	--------------------------------------
	Port Address 2 columns
	-------------------------------------- */	
.afrwd_tabs1 .af_port-address-col-1,
.afrwd_tabs1 .af_port-address-col-1alt,
.afrwd_tabs1 .af_port-address-col-2,
.afrwd_tabs1 .af_port-address-col-2alt {
	width: 100%;
	display: block;
	}
/*	--------------------------------------
	END Port Address 2 columns
	-------------------------------------- */	

	
	
	
/*	--------------------------------------
	CSS columns heading fix?
	-------------------------------------- */
	
	
/* keep headings with text across columns? */

.afrwd_tabs1 div.af_rwd2col-rule h4 + p {	
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
} 
	
	
.afrwd_tabs1 .af_liststripe3 li:nth-child(2n+2) {
  background-color: #edf3f8;
}
.afrwd_tabs1 .af_listfootnav3 li::before {
  color: #005684;
  float: left;
  margin-left: -1.5em;
}
.afrwd_tabs1 .af_liststripe3 li {
  background-color: #fff;
  border: 0 none;
  margin: 0;
  max-height: 4000px;
  overflow: auto;
  padding: 0.25em 0.5em 0.375em .5em;
}	
	
.afrwd_tabs1 .af_float-left-half li {
	width: 100%;
	margin: 0 0 2em 0;
}


.afrwd_tabs1 .af_intext-logo { /* eg booking.com logo in hotel tab */
  background-size: contain;
  clear: both;
  display: inline-block;
  width: 140px;
  height: auto;
  margin: 0.6em 0 0;
  text-indent: -9999px;
}

.afrwd_tabs1 .allACCOMM.offer-blocks {
  margin: 2em 0 1em;
}
input, select, textarea {
  background-color: #fff;
}
	
	
	
/*	-------------------------------------------------
	xxxx
	------------------------------------------------- */
	
/*	--------------------------------
	List Group - eg for operator page
	-------------------------------- */

.afrwd_tabs1 .list-group {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding-right: -1.5%;
	}
.afrwd_tabs1 .list-group-item {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #fff;
  display: block;
  float: left;
  font-size: 0.8em;
  height: 75px;
  margin: 0 2% 2em 0;
  padding: 0;
  width: 32%;
	}
	
	

.afrwd_tabs1 .list-group-item,
.afrwd_tabs1 .list-group-item:first-child,
.afrwd_tabs1 .list-group-item:last-child
	{
	border-radius: 0;
	}
.afrwd_tabs1 .list-group-item:nth-child(3n+3) {	
	margin-right: 0;
	}
.afrwd_tabs1 .list-group-item {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.afrwd_tabs1 .af_optxt3 {
  background-color: rgba(0, 153, 204, 0.95);
  border: 0 none;
  color: #fff;
  font-size: 1.0em;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 21% 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
 .afrwd_tabs1 .list-group-item:hover .af_optxt3 {
 /* display: block;*/
	 opacity: 1;
	 -webkit-transition: opacity .375s ease-in-out;
  -moz-transition: opacity .375s ease-in-out;
  -o-transition: opacity .375s ease-in-out;
  transition: opacity .375s ease-in-out;
}
.afrwd_tabs1 .list-group-item:hover .c4f_opTxt {
	display: block;
}
.afrwd_tabs1 .af_oplogo1 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
  margin: 1.3em auto 0 ;
	}
.afrwd_tabs1 .af_SO-auto .af_oplogo1 {
	top: auto;
	-webkit-transform: none;
     -ms-transform: none;
     transform: none;
  margin: 1.3em auto 0 ;
}
/*	--------------------------------
	END List Group - eg for operator page
	-------------------------------- */
	
	
	



.squareBullet.af_tick1 li::before {
  color: #44a13f;
  content: "✔ ";
}


#af_faq-answers-block .af_closablePanel {
  border: 2px solid #edf3f8;
  clear: both;
  display: block;
  margin: 0 0 0.5em;
  padding: 0.5em 1em;
}
#af_faq-answers-block > section {
  border: 5px solid #edf3f8;
  margin: 0 0 2em;
  padding: 0.5em;
}
#af_faq-answers-block > section > h3 {
  font-size: 1.4em;
}	
#af_faq-answers-block h2.af_min, #af_faq-answers-block h2.af_max {
  font-size: 1.15em;
}
	#af_faq-answers-block p {
  font-size: 16px;
}
/*END AF-11762*/

/* AF-13577 Simplify Footer - START */
.af_ftnvctn {
	display: inline-block;
	text-align: center;
	width: 100%
}	
ul.af_ftnvltctn li {
	margin: 1em 1em 0 1em;
	display: inline-block;
}
ul.af_ftnvltctn li a {
	color: #fff;
	display: block;
}
ul.af_ftnvltctn li a .af_app1,
ul.af_ftnvltctn li a .af_app2 {
	clear: none;
	margin: 0;
}
ul.af_ftnvltctn li.af_ftnvlta {-webkit-order: 1; order: 1;}
ul.af_ftnvltctn li.af_ftnvltb {-webkit-order: 2; order: 2;}
ul.af_ftnvltctn li.af_ftnvltc {-webkit-order: 3; order: 3;}
ul.af_ftnvltctn li.af_ftnvltd {-webkit-order: 4; order: 4;}
ul.af_ftnvltctn li.af_ftnvlte {-webkit-order: 5; order: 5;}
ul.af_ftnvltctn li.af_ftnvltf {-webkit-order: 6; order: 6;}
/* AF-13577 Simplify Footer - END */	
	
	
	
	
	
	/*	--------------------------------------------------------------
	For NEW 2017 SO Panels - move to CORE_style.css when available
	-------------------------------------------------------------- */
.af_SO-manual ul.af_specOffers.af_SO-pic {
	margin: 0;
	padding: 1em 0;
	width: 100%;
	border: 0 none;
	border-bottom: 1px dotted #bbb;
}
.af_SO-manual ul.af_specOffers.af_SO-pic li ul {
	border-bottom: 0 none;
}	
.af_SO-manual ul.af_specOffers.af_SO-pic li ul li:nth-child(1) {
	width: 60%;
}	
.af_SO-detail-text.af_SO-pic .af_SO-detail-1 {
	padding: .25em 0;
	font-size: 1.24em;
	color: #005684;
}
.af_SO-detail-text.af_SO-pic { /* flexbox bits to move btn to baseline by default */
	margin: 1em 0;
	display: flex;
	flex-direction: column;
	min-height: 160px;
	border-bottom: 1px dotted #bbb;
}
.af_SO-detail-2 { /* flexbox bits to move btn to baseline by default */
	flex: auto;
}
.af_SO-manual button {
	background-color: #09c;
	align-self: flex-start; /* flexbox bits to move btn to baseline by default */
}
.af_pnl1.af_SO-manual h3 {
	padding: 0 0 .2em 0;
}
/*	--------------------------------------------------------------
	end NEW 2017 SO Panels 
	-------------------------------------------------------------- */
.SO-small {
	font-size: 80%;
}	




.af_panelError {
	border: 1px solid #ff0000;
	background-color: #ffcccc;
}
.af_panelNotImplemented {
	border: 1px solid #00ff00;
	background-color: #ccffcc;
}



/*	-------------------------------------------------------
	GEM 14189    swirly-loading-anim - swirly animation with svgz
	------------------------------------------------------- */
.afeng_btn1 span.swirly-loading-anim,
.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) { 

.afeng_btn1 span.swirly-loading-anim,
.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;
  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 */









@media screen and (max-width: 21.063em) { /* Reviews Top Level Page Panels and Ferry Company Reviews Inner Page Panels - 337px down */
.af_rvwbased1 {
	margin: 0 .938em 0 0;
	padding: 0;
}
	
} /* END media query */

@media screen and (min-width: 25.000em) { 
/*	--------------------------------------------
	companies panels
-------------------------------------------- */	
ul.af_opctn1 li, ul.af_opctn2 li, ul.af_opctn3 li, ul.af_opctn4 li { /* 2 in a row */
	width: 48%;
	height: auto;
	display: inline-block;
	overflow: hidden;
	float: left;
	border: 1px dotted #bbb; 
	margin: 0 4% 1em 0;
	padding: 1em;
	text-align: center;
	list-style: none;
}
ul.af_opctn1 li:nth-child(2n+2),
ul.af_opctn2 li:nth-child(2n+2),
ul.af_opctn3 li:nth-child(2n+2),
ul.af_opctn4 li:nth-child(2n+2) {
	margin-right: 0;
}

ul.af_opctn1 li:nth-child(2n+1), ul.af_opctn2 li:nth-child(2n+1), ul.af_opctn3 li:nth-child(2n+1), ul.af_opctn4 li:nth-child(2n+1) { 
	background-color: #fff; 
}
ul.af_dstnctn1 li:nth-child(2n+1), ul.af_dstnctn2 li:nth-child(2n+1), ul.af_dstnctn3 li:nth-child(2n+1), ul.af_newsctn1 li:nth-child(2n+1) { 
	background-color: #fff; 
}
.af_liststripe1 li.af_listset1:nth-child(odd) { 
	background-color: #fff; 
}
.af_liststripe2 li:nth-child(2n+1) { 
	background-color: #fff; 
}

.af_flexslider { 
	min-height: 385px; 
}

} /* END media query */







/*	--------------------------------------------
	'TABLET' Media Queries - 500px 31.250em to 768px 48.000em up if 16px = 1em
	-------------------------------------------- */
@media screen and (min-width: 31.250em) {
/*	--------------------------------------------
	search site & breadcrumbs
	-------------------------------------------- */
.af_sitesearinput1 {
	width: auto;
}
/*	--------------------------------------------
	WTA logo
	-------------------------------------------- */
.af_WTAcontent span.af_highlight {
	display: inline-block;
}
/*	--------------------------------------------
	sign-up & save
	-------------------------------------------- */
.af_signup {
	display: block;
}
.af_pnl2 button.af_signupbtn {
	width: auto;
	display: block;
	height: 2.1em;
}
section.af_pnl2 p + button.af_signupbtn {
	margin: 0;
}
/*	--------------------------------------------
	timetables panel
	-------------------------------------------- */
.af_ttcalpicker1 {
	width: 68%;
	display: inline-block;
}
.af_ttcalpicker1 + button {
	margin: 0 0 0 2%;
	width: 30%;
	height: 2.1em;
}
/* reviews panel */
a.af_rvwheadctn2 .af_starspriteB { 
	float: right;
}
a.af_rvwheadctn2 h4 {
	margin: 0;
	width: 60%;
}
/* Companies and Timetables Panels - 500 up */
ul.af_opctn1 li, ul.af_opctn3 li {
	width: 32%; /* 3 in a row */
	margin: 0 2% 2% 0;
}
ul.af_opctn1 li:nth-child(3n+1),
ul.af_opctn1 li:nth-child(3n+2),
ul.af_opctn3 li:nth-child(3n+1),
ul.af_opctn3 li:nth-child(3n+2),
ul.af_opctn4 li:nth-child(3n+1),
ul.af_opctn4 li:nth-child(3n+2) {
	margin-right: 2%;
}
ul.af_opctn1 li:nth-child(3n+3),
ul.af_opctn3 li:nth-child(3n+3),
ul.af_opctn4 li:nth-child(3n+3) {
	margin-right: 0;
}


/* --------------------------------------------
   destinations and news panels
-------------------------------------------- */
.af_spchppicctn1 { 
	width: 150px; 
	height: auto; 
	display: inline-block; 
	overflow: hidden; 
	float: left; 
	margin: 0 1em 0 0; 
}




/*	---------------------------------
	generic styles - console/share panel tabs
	--------------------------------- */
.afrwd_tabs1 {
	padding: 0;
}
.afrwd_tabs1 h2 {
	padding: 0;
	margin: 0 0 .75em 0;
}
.afrwd_tabs1 h2.afrwd_share1 {
	margin: .5em .5em .75em .5em;
}
.afrwd_tabs1 > div {
	display: none;
	padding: 0;
}
.afrwd_tabs1 > div.afrwd_tabs2 {
	display: inline;
	margin: 0;
	border: 0 none;
	font-size: 1.3em;
	padding: 1em 0 0 0;
}
.afrwd_tabs1 > .active {
	display: block;
	margin: -2px 0 0 0;
}
/*	------------------------------------------
	map tabs - based on console tabs from MMB
	------------------------------------------ */
.afrwd_tabs2 ul {
	list-style: none;
	padding: 0;
	margin: 0 .75em .3em .75em;
	overflow: hidden;
	border-bottom: 0;
	position: relative;
	background-color: #e5e5e5;
}
	.afrwd_tabs2 ul::after {
	content: "☰"; 
	position: absolute;
	top: -1px;
	right: 10px;
	z-index: 2;
	pointer-events: none;
	color: #444; 
	font-size: 1.75em;
	font-weight: bold;
}
.afrwd_tabs2 ul.open a {
	position: relative;
	display: block;
}
.afrwd_tabs2 li {
	display: block;
	padding: 0;
}
.afrwd_tabs2 a {
	display: block;
	color: #444;
	text-decoration: none;
	padding: .5em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}
.afrwd_tabs2 a.active {
	border-bottom: 0 none;
	position: relative;
	bottom: 0;
	border: 0;
	z-index: 1;
	background-color: #d4d4d4;
	font-weight: bold;
}
.afrwd_tabs2 li .active {
	color: #444;
}
#reviewsHeader img.af_oplogo2 {
	width: auto;
	display: block;
}
#reviewsHeader .af_starspriteA{
	width: 216px;
	height: 40px;
	float: none;
	display: block;
		}
#reviewsHeader .af_starspriteA.af_1star { background-position: 0 -48px; }
#reviewsHeader .af_starspriteA.af_2star { background-position: 0 -96px; }
#reviewsHeader .af_starspriteA.af_3star { background-position: 0 -144px; }
#reviewsHeader .af_starspriteA.af_4star { background-position: 0 -192px; }
#reviewsHeader .af_starspriteA.af_5star { background-position: 0 -240px; }
#reviewsHeader .af_rvwbased1 {
	float: none;
	font-size: .9em;
}
	
	.af_signup {
  clear: none;
  display: block;
  float: left;
  margin: 0;
  width: 60%;
}

.af_pnl2 button.af_signupbtn {
  display: block;
  height: 2.1em;
  margin: 0;
  max-width: 37%;
  width: auto;
}
	
.af_copyright {
	margin: 0;
}	
} /* END media query */




@media screen and (min-width: 43.750em) { /* Companies and Timetables Panels - 700 up */
ul.af_opctn1 li,
ul.af_opctn3 li,
ul.af_opctn4 li {
	width: 23.5%; /* 4 in a row */
	margin: 0 2% 2% 0;
}
ul.af_opctn1 li:nth-child(4n+1),
ul.af_opctn1 li:nth-child(4n+2),
ul.af_opctn1 li:nth-child(4n+3),
ul.af_opctn3 li:nth-child(4n+1),
ul.af_opctn3 li:nth-child(4n+2),
ul.af_opctn3 li:nth-child(4n+3),
ul.af_opctn4 li:nth-child(4n+1),
ul.af_opctn4 li:nth-child(4n+2),
ul.af_opctn4 li:nth-child(4n+3) {
	margin-right: 2%;
}
ul.af_opctn1 li:nth-child(4n+4),
ul.af_opctn3 li:nth-child(4n+4),
ul.af_opctn4 li:nth-child(4n+4) {
	margin-right: 0;
}
} /* END media query */


/*	--------------------------------------------
	'DESKTOP' Media Queries - 768.01px 48.001em up if 16px = 1em
	-------------------------------------------- */
@media screen and (min-width: 48.001em) {
.af_flexcontnav { /* Control Nav */
	display: block;
}
.af_closedOnMobile { /* tablet and up */
	display: block;
}
#af_wrapper { 
	background-color: #f5f5f5;
}
.af_col-1-3 .af_rvwbased1 {
	margin: 0 .938em 0 0;
	padding: 0;
}
/* Destination/Countries Panels - 768px up */
ul.af_dstnctn1 li { /* 2 in a row */
	width: 49%;
	display: inline-block;
	float: left;
	margin: 0 2% 2% 0;
}
ul.af_dstnctn1 li:nth-child(2n+2) {
	margin-right: 0;
}
/*	--------------------------------------------
	html and body
	-------------------------------------------- */
html {
	font-size: 87.5%;
	overflow-x: visible; /* reset mobile settings */
}
body {
	background-color: #aeaeae;
	overflow-x: visible; /* reset mobile settings */
}
/*	--------------------------------------------
	header & footer
	-------------------------------------------- */
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
	/* height is taller when footer <li>s are in 1 column */
	/*height: 410px;*/ /* REMEMBER height = padding-bottom on .af_sticky_wrap */
	/*height: 570px;*/ /* REMEMBER height = padding-bottom on .af_sticky_wrap */
	/*height: 160px; /* REMEMBER height = padding-bottom on .af_sticky_wrap */
	height: 440px; /* Temporary fix til footer dev work is done */
}
.af_sticky_wrap {
/*	padding-bottom: 160px; /*was 570px*/ 
	padding-bottom: 440px; /* Temporary fix til footer dev work is done */ 
}
/*	------------- 
	IE9: footer exceptions
	--------------------- */
/*footer {
	height: 530px\9;
	}
.af_sticky_wrap {
	padding-bottom: 530px\9;
	}*/
/*	--------------------------------------------
	hr tag
	-------------------------------------------- */
hr {
	border-bottom: 1px dotted #d4d4d4;
}
/*	--------------------------------------------
	navigation + header
	-------------------------------------------- */
button#af_searchBuy { 
	display: none;
}
/*	--------------------------------------------
	unordered lists: zebra stripe 3 - timetable panel - desktop version
	-------------------------------------------- */
.af_timetables li {
	padding: .5em .5em .375em .5em; 
	border: 2px solid #eaeaea;
	overflow: hidden;
	display: block;
}
.af_timetables li:nth-child(odd) {
	background-color: #eaeaea;
}
ul.af_timetables li ul.af_liststripe2b li {
	padding: .25em .5em .375em 2em;
	background-image: none;
	border: 0 none;
}
ul.af_timetables h4 {
	background-color: transparent;
	color: #505050;
	padding: 0 0 .5em 0;
}
ul.af_timetables h4 span {
	display: none; 
}
ul.af_timetables ul {
	border-top: 0 none;
	padding: 0;
	display: block;
}
ul.af_timetables li ul li {
	padding: 0;
	border: 0 none;
}
ul.af_timetables > li > ul > li:nth-child(2n+1) {
	background-color: transparent;
}
ul.af_timetables li.af_ttsel1a {
	background-color: #505050;
	border: 2px solid #505050;
}
ul.af_timetables li.af_ttsel1a h4,
ul.af_timetables li.af_ttsel1a ul.af_ttsel1b li {
	color: #fff;
}
/*	--------------------------------------------
	headings h1 h2 h3 etc
	-------------------------------------------- */


h1 {
	font-size: 1.643em; 
}
h2 {
	font-size: 1.429em; 
}
h3 {
	font-size: 1.143em; 
}
h4 {
	font-size: 1em; 
}
/*.af_pnl1 h2 {
	border-bottom: 1px dotted #d4d4d4;
}*/
/*.af_pnl2 h2 {
	border-bottom: 1px dotted #fff;
}*/
/*.af_pnl2 h2 {
	border-bottom: 1px dotted rgba(255,255,255,.3);
	padding-bottom: .3em;
	margin-bottom: .3em;
}*/
/*	--------------------------------------------
	button
	-------------------------------------------- */
button {
	width: auto;
}
/*	--------------------------------------------
	columns
	-------------------------------------------- */
.af_col-2-3 {
  width: 66.66%;
}
.af_col-1-1 {
  width: 100%;
}
.af_col-1-2 {
  width: 50%;
}
.af_col-1-3 {
  width: 33.33%;
}
.af_col-1-4 {
  width: 25%;
}
.af_col-1-5 {
  width: 20%;
}
.af_col-1-6 {
  width: 16.66666666666667%;
}
.af_col-1-7 {
  width: 14.28571428571429%;
}
.af_col-1-8 {
  width: 12.5%;
}
.af_col-2-3 .af_col-1-2 { /* seperate spanning 1 column inside a spanning 2 column */
	padding: 0 .938em 0 0; 
}
.af_col-2-3 .af_col-1-2 + .af_col-1-2 /* this affects the second of the two, so fixes the above problem */
	{
	margin-top: 0;
	padding: 0 0 0 .938em; 
}
/*	--------------------------------------------
	AFerry panel styling
	-------------------------------------------- */
.af_pnl1 { /* default panel */
	padding: .938em; 
/*  	border: 1px solid #e8e8e8;*/
		border: 0 none;

}
.af_pnl2 { /* dark blue prominent panel e.g. sign up and save */
	padding: .938em; 
/*  	border: 1px solid #eaeaea;*/
		border: 0 none;

}
.af_col-2-3 .af_pnl1 .af_col-1-2 { /* 1-2 columns within a spanning 2-3 column */
	padding: 0 .938em 0 0;
}
.af_col-2-3 .af_pnl1 .af_col-1-2:last-child { /* 1-2 columns (last) within a spanning 2-3 column */
	padding: 0 0 0 .938em;
}
.af_col-1-1 .af_pnl1 .af_col-1-3 { /* 1-3 columns within a spanning 1-1 column */
	padding: 0 20px 0 0;
}
.af_col-1-1 .af_pnl1 .af_col-1-3:nth-last-child(2) { /* 1-3 columns (2nd to last) within a spanning 1-1 column */
	padding: 0 10px;
}
.af_col-1-1 .af_pnl1 .af_col-1-3:last-child { /* 1-3 columns (last) within a spanning 1-1 column */
	padding: 0 0 0 20px;
}
	
/*AF-11762*/	
	
.afrwd_tabs1 .af_pnl1,
.afrwd_tabs1 .af_pnl2 { 
  	border: 0 none;
}

/*END AF-11762*/	
	
	
	
/*	--------------------------------------------
	engine container
	-------------------------------------------- */
.af_eng1 {
	margin: 0 0 1.876em 0;
}
/*	--------------------------------------------
	clock graphic
	-------------------------------------------- */
.af_clock1 {
	margin-top: .188em; /* 3px */
}
/*	--------------------------------------------
	Responsive-Friendly CSS Columns
	-------------------------------------------- */
.af_rwd2col-rule,
.af_rwd3col-rule,
.af_rwd1to2col-rule {
  -webkit-column-rule: 1px dotted #d4d4d4;
	 -moz-column-rule: 1px dotted #d4d4d4;
		 column-rule: 1px dotted #d4d4d4;
}
.af_rwd1to2col, /* timetables panel */
.af_rwd1to2col-rule {
  -webkit-columns: 2 200px;
	 -moz-columns: 2 200px;
			columns: 2 200px;
  -webkit-column-gap: 15px;
	 -moz-column-gap: 15px;
			column-gap: 15px;
}
/*	--------------------------------------------
	Slider
	-------------------------------------------- */
.af_flexslider {
	height: 330px; /*was 313px*/ /*amended MS 25-07-2016*/
	min-height: 330px; 
    max-height: 510px 
}
.af_flexslider.af_gallery { /* exception for op. image gallery */
	height: auto;
}
.af_flexdirecnav {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.af_flexdirecnav li a { /* Direction Nav */
	width: 45px;
	height: 42px;
	margin: 0;
	display: none;
	position: absolute;
	right: 11px;
	cursor: pointer;
	text-indent: -9999px;
}
.af_flexslider:hover .af_flexdirecnav li a { 
	display: block;
}
.af_flexdirecnav li a.next {
	background-position: -100px -415px;
	right: 0;
	top: 0;
}
.af_flexdirecnav li a.prev {
	background-position: 0 -415px;
	right: 45px;
	top: 0;
}
.af_flexdirecnav li a.next:hover {
	background-position: -150px -415px;
}
.af_flexdirecnav li a.prev:hover {
	background-position: -50px -415px;
}
.af_flexdirecnav li a.disabled {
	opacity: .3;
	/*filter: alpha(opacity=30);*/
	cursor: default;
}
/*	--------------------------------------------
	footer
	-------------------------------------------- */
footer .af_col-1-3 {
	border-right: 1px dotted rgba(255,255,255,.3);
	min-height: 175px;
}
footer .af_col-1-3 + .af_col-1-3 + .af_col-1-3 {
	border-right: 0 none;
}
/*	--------------------------------------------
	footer navigation 2
	-------------------------------------------- */
.af_listfootnav2 {
	font-size: .857em; 
}
/*	--------------------------------------------
	WTA logo
	-------------------------------------------- */
.af_WTAcontent span.af_highlight {
	display: inline-block;
}
/*	---------------------------------
	Schedules Panels
	--------------------------------- */
ul.af_schedules {
	list-style: none;
	display:table;
	width: 100%;
}	
ul.af_schedules li ul {
	border-bottom: 1px dotted #d4d4d4;
	display: table;
	width: 100%;	
	margin: 0 0 1em 0;
	padding: 0;
}
ul.af_schedules li ul li {
	width: 25%;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	height: 3em;
	overflow: hidden;
	padding: 1em 0 1em 1.6em;
	border: 0 none;
}
ul.af_schedules li ul li:nth-child(1) { width: 20%; }
ul.af_schedules li ul li:nth-child(2) { width: 35%; }
ul.af_schedules li ul li:nth-child(3) { width: 25%; }
ul.af_schedules li ul li:nth-child(4) { width: 20%; padding-left: 0;  }
ul.af_schedules li ul li:nth-child(4) img { float: right}
ul.af_schedules h3 {
	background-color: #fff;
	padding: 0;
	color: #aeaeae;
	margin-bottom: 0;
}
ul.af_schedules h3 span.af_icon-arrow-dark-D,
ul.af_schedules h3 span.af_icon-arrow-dark-U {
	display: none;
}
ul.af_schedules li ul li .af_oplogo1 { 
	margin: 0;
}
/*	---------------------------------
	AUTO Special Offers (dsk)
	--------------------------------- */
.af_pnl1.af_SO-auto {
	border:  0 none;
	background-color: #505050;
	color: #fff;
}
.af_pnl1.af_SO-auto h2,
.af_pnl1.af_SO-auto h3 {
	color: #fff;
}
.af_SO-auto ul.af_specOffers {
	margin: 0;
	padding: 0;
	width: 100%;
}	
.af_SO-auto ul.af_specOffers li ul {
	border-bottom: 1px dotted #d4d4d4;
	display: table;
	width: 100%;	
	margin: 0 0 1em 0;
	padding: 0;
	font-size: .85em;
}
.af_SO-auto ul.af_specOffers li ul li{
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 0 .5em 0;
	border: 0 none;
}
.af_SO-auto ul.af_specOffers li ul li button {
	float: right;
}
.af_SO-auto .af_oplogo1 { 
	padding: .2em .45em;
	width: 99px;
}
.af_SO-auto ul.af_specOffers .af_SO-price {
	padding: 0 .25em;
}
/*	---------------------------------
	special Offers LIs
	--------------------------------- */
.af_SO-auto ul.af_specOffers li ul li:nth-child(1) { width: 29%; padding-right: 1%; float: none; margin: 0; }
.af_SO-auto ul.af_specOffers li ul li:nth-child(2) { width: 18%; float: none; text-align: center; margin: 0; }
.af_SO-auto ul.af_specOffers li ul li:nth-child(3) { width: 17%; float: none; margin: 0; }
.af_SO-auto ul.af_specOffers li ul li:nth-child(4) { width: 21%; float: none; text-align: center; clear: none; margin: 0; padding: 0 .75em; }
.af_SO-auto ul.af_specOffers li ul li:nth-child(5) { width: 14%; float: none; margin: 0; }
.af_SO-auto .af_SO-price {
	border: 0 none;
	padding: 0;
}
.af_SO-auto .af_SO-more {
	display: none;
}
.af_SO-auto .af_oplogo1 { 
	margin: 0 auto;
	float: none;
}
/*	---------------------------------
	MANUAL Special Offers (dsk)
	--------------------------------- */
.af_pnl1.af_SO-manual {
	border: 1px solid #e8e8e8;
	padding: .938em;
}
.af_SO-manual ul.af_specOffers {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0 none;
}	
.af_SO-manual ul.af_specOffers li ul {
	border-bottom: 1px dotted #d4d4d4;
	display: table;
	width: 100%;	
	margin: 0 0 1em 0;
	padding: 0;
}
.af_SO-manual ul.af_specOffers li ul li{
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	padding: 0 0 .5em 0;
	border: 0 none;
}
.af_SO-manual ul.af_specOffers li ul li button {
	float: right;
}
/*	---------------------------------
	special Offers LIs
	--------------------------------- */
.af_SO-manual ul.af_specOffers li ul li:nth-child(1) { width: 68.5%; }
.af_SO-manual ul.af_specOffers li ul li:nth-child(2) { width: 15%; }
.af_SO-manual ul.af_specOffers li ul li:nth-child(3) { width: 15%; }
.af_SO-manual .af_SO-price {
	border: 0 none;
	padding: 0;
}
.af_SO-manual .af_SO-more {
	display: none;
}
.af_SO-manual .af_oplogo1 { 
	margin: 0 auto;
	float: none;
}
/*	---------------------------------
	special Offers DETAILS (dsk)
	--------------------------------- */
.af_SO-detail-text {
	padding: 0 0 1em 32%;
	position: relative;
}
.af_SO-detail-text .af_figSM {
	width: 30%;
	position: absolute;
	top: 0;
	left: 0;
}
.af_SO-detail-text .af_figSM + p {
	margin-top: 0;
}
/*.af_SO-detail-text + .af_SO-detail-text {
	border-top: 1px dotted #d4d4d4; 
}*/
	/*
.af_SO-detail-text + .af_SO-detail-text figure.af_figSM {
	padding-top: 1em;
}*/
/*	--------------------------------------------
	companies panels
	-------------------------------------------- */
.af_optxt1 {
	font-size: .929em; 
}
.af_optxt2 {
	font-size: .786em; 
}
/*	--------------------------------------------
	destinations and news panels
	-------------------------------------------- */
.af_dstntxt1, 
.af_dstntxt2,
.af_dstnctn1 h4 {
	text-overflow: ellipsis;
	white-space: nowrap;
}
.af_dstntxt1,
.af_newstxt1 {
	font-size: 1em; 
}
.af_dstntxt2,
.af_newstxt2 {
	font-size: .857em; 
}
.af_dstnctn1 h4,
.af_dstnctn2 h4 {
	font-size: 1.2em;
}
.af_spchppicctn1 { 
	width: 150px; 
	height: auto; 
	display: inline-block; 
	overflow: hidden; 
	float: left; 
	margin: 0 1em 0 0; 
}

/*	--------------------------------------------
	timetables panel
	-------------------------------------------- */
.af_ttcalpicker1 {
	width: 68%;
	display: inline-block;
}
.af_ttcalpicker1 + button {
	margin: 0 0 0 2%;
	width: 30%;
}
h3.af_tthead1 {
	background-color: transparent;
	color: #bababa;
	padding: 0 0 .5em;
	margin-bottom: 0;
	font-size: 1.143em;
}
h3.af_tthead1 span {
	display: none;
}
/*	--------------------------------------------
	reviews forms
	-------------------------------------------- */
.af_forms {
	clear: none;
}
	
.af_forms h2 {
	border-bottom: 0 none;
}
.af_formItems {
 	width: 80%;
}
.af_forms label.af_standard,
.af_forms label.af_standardrvw1 {
	line-height: 2em;
	margin: 0 1% 0 0;
	text-align: right;
	width: 45%;
	display:block;
	float: left;
}
.af_forms input, .af_forms select {
	width: 54%;
	float: right;
}
.af_rvwcontainer .af_forms input[type="text"],.af_rvwcontainer  .af_forms select {
	width: 54%;
}
.af_forms hr {
	border-bottom: 1px dotted #d4d4d4;
}
li.af_radio1 input, 
li.af_radio2 input {
 	margin: .1em .5em 0 0;
 }
.af_formItems textarea {
	max-width: 54%;
	min-width: 54%;
	width: 54%;
}
a.af_rvwheadctn2 h4 {
	display: block;
	width: 100%;
}
a.af_rvwheadctn2 .af_starspriteB {
	float: left;
}
/*	---------------------------------
	console tabs -dsk
	--------------------------------- */
.afrwd_tabs2 ul::after {
	display: none;
}
.afrwd_tabs2 ul {
	list-style: none;
	padding: 0;
	margin: 0 1% .3em 1%;
	overflow: visible;
	background-image: none;
}
.afrwd_tabs2 li {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
	width: auto;
}
.afrwd_tabs2 li .active {
	color: #444;
	border-bottom-color: #fff;
}
.afrwd_tabs2 a {
	display: inline-block;
	color: #444;
	background-color: #e5e5e5;
	text-decoration: none;
	padding: .5em 1em;
	position: relative;
	overflow:visible;
	top: auto;
	left: auto;
	width: auto;
	border-radius: .313em .313em 0 0;
}
.afrwd_tabs2 a.active {
	border-bottom: 5px solid transparent;
	bottom: -5px;
	background-color: #d4d4d4;
	margin-top: -5px;
	outline: none;
}
.afrwd_main2, .afrwd_main3 {
  background-color: #fff;
  clear: left;
  float: left;
  margin: 0 1%;
  padding: .75em;
  width: 98%;
}
.afrwd_main3 {
  border: 3px solid #d4d4d4;
  margin-bottom: .75em;
}
/*	----------------------
	END tabs
	---------------------- */
.mapInfo {
  background-color: #ffe55e;
  border: medium none;
  border-radius: 5px;
  color: #0a4e9b;
  display: block;
  font: 12px/16px Arial, sans-serif;
  left: 10px;
  margin: 0;
  opacity: .8;
  overflow: hidden;
  padding: 6px;
  position: absolute;
  top: 10px;
  width: 220px;
  z-index: 1000;
}
.mapInfo p {
  color: #0a4e9b;
  display: block;
  margin: 0;
  opacity: 1;
  overflow: hidden;
  padding: 0 0 0 4px;
  position: relative;
}
.pancontainer {
	position: relative; 
}
/*	--------------------------------------------
	cookie-consent
	-------------------------------------------- */
.af_cookie-consent-hd p {
	width: 95%;
}
/*	--------------------------------------------
	privacy policy containers
	-------------------------------------------- */
.af_row.af_LRcol1:first-child {
	border-top: 1px solid #ddd;
}
.af_col-1-3.af_Lcol1 {
	border-right: 0 none;
	padding-bottom: 9999em;
	margin-bottom: -9999em;
}
.af_col-1-3.af_Lcol1 > h4.af_LRcol1dispnone1,
.af_col-2-3.af_Rcol1 > h4.af_LRcol1dispnone1 {
	display: none;
}
.af_col-1-3.af_Lcol1 > h4.af_LRcol1dispnone2,
.af_col-2-3.af_Rcol1 > h4.af_LRcol1dispnone2 {
	display: block;
}
.af_col-1-3.af_Lcol1 > h4,
.af_col-2-3.af_Rcol1 > h4 {
	padding: 10px 0;
}
.af_timetables li:nth-child(2n+1) {
	background-color: #eee;
	}


/* Review - write a review */
.af_rvwcontainer .af_rvwfrmrating {
  clear: none;
}



/* AF-11762 */

.afrwd_tabs1 img.floatingImg {
	float: left;
	clear: none;
}
	
/*	---------------------------------
	console tabs
	--------------------------------- */
.af_data-driven-tabs .afrwd_tabs2 ul::after {
	 	display: none;
	}
.af_data-driven-tabs .afrwd_tabs2 ul {
 	list-style: none;
	padding: 0;
	margin: 0 1% .3em 1%;
	overflow: visible;
	background-image: none;
}
.af_data-driven-tabs .afrwd_tabs2 ul.open a, 
	.af_data-driven-tabs .afrwd_tabs2 ul a{
	border-bottom: 0 none; 
}
.af_data-driven-tabs .afrwd_tabs2 ul.open:first-child {
	border-top: 0 none; 
}
.af_data-driven-tabs .afrwd_tabs2 li {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
	width: auto;
	max-width: 20%;  /* removing this should make it less likely that the tab itself will go onto two lines, but much more likely that the row of tabs will break onto two lines */
}
.af_data-driven-tabs .afrwd_tabs2 a {
  background-color: #dedede;
  border-radius: 0.15em 0.15em 0 0;
	border: 0 none;
  color: #333;
  min-height: 40px;
  overflow: visible;
  padding: 0.8em 1em;
  position: relative;
  text-decoration: none;
  vertical-align: bottom;
  white-space: normal;
}
.af_data-driven-tabs .afrwd_tabs2 a.active {
  background-color: #f4f4f4;
  border-bottom: 5px solid #f4f4f4;
  bottom: -3px;
  min-height: 45px;
  outline: medium none;
}
.af_data-driven-tabs .afrwd_tabs2 li .active {
  border-bottom-color: #f4f4f4;
  color: #005684;
  display: block;
}
.afrwd_tabs-content {
	background-color: #fff;
	clear: left;
	float: left;
	margin: 0;
	padding: 0.75em;
	width: 100%;
	border: 14px solid #f4f4f4;
}
.afrwd_tabs1 {
  border: 0 none;
}
.af_data-driven-tabs .afrwd_tabs2 li .active::after {
  display: none;
}





/*reviews*/

.hreview-aggregate {
  position: relative;
  padding-right: 130px;
}	
	


ul.af_schedules li ul {
  margin: 0 0 0.4em;
}

ul.af_schedules li ul li {
  padding: 0.6em 0 0.6em 1.6em;
}

.af_flexcontnav {
  display: none; 
}
.af_sitesearbtn1 {
  height: 1.8em;
  margin: 0;
  font-size: 1.1em;
}




/* ACCOMM? */

.afrwd_full-accom-desc, /* accomm section */
.afrwd_acc-thb-0-num-sel-hd /* upgrades section */ 
	{
  float: right;
  width: 65%;
}

figure.afrwd_acc-opn-img {
  margin: 0 1% 0 0;
  width: 33%;
}

/* END  ACCOMM? */
	
/*.af_data-driven-tabs .afrwd_tabs2 ul::after*/
.af_data-driven-tabs .afrwd_tabs2 li .active::after, 
	.af_data-driven-tabs .afrwd_tabs2 ul.open::after{
	display: none;
	-webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

	.af_data-driven-tabs .afrwd_tabs2 ul.open:first-child {
	border-top: 0 none; 
}
.af_data-driven-tabs .afrwd_tabs2 > ul, 
.af_data-driven-tabs .afrwd_tabs2 > ul.open {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  width: 100%;
  overflow: hidden;
}

.af_data-driven-tabs .afrwd_tabs2 > ul li, 
.af_data-driven-tabs .afrwd_tabs2 > ul.open li {
  border: 0 none;
}


	
	
	
	
	
	/*	-----------------------------
		special offers: PORTS PAGE
	-----------------------------------*/
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li {
	display: block;
	text-align: left;
	}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(1) {
	width: 100%;
}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(2) {
  float: left;
  margin: 0.5em 0 0;
  width: 50%;
}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(3) {
  float: right;
  margin: 0.5em 0 0;
  width: 50%;
}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(3) img {
  float: right;
  margin: 0;
}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(4) {
  clear: left;
  float: left;
  margin: 1em 0 0;
  width: 50%;
}
.af_ports-page-tabs .afrwd_tabs-content .af_SO-auto ul.af_specOffers li ul li:nth-child(5) {
  float: right;
  margin: 0.5em 0 0;
  width: 50%;
}


	
	

	
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li {
  border: 0 none;
  clear: none;
  display: block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  width: 25%;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(1) {
  clear: both;
  float: none;
  margin: 0;
  width: 100%;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(2) {
 /* background-color: #a0a;*/
  margin: 0;
  text-align: left; 
  width: 30%;
  float: left;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(3) {
	float: left;
	width: .5%; /* "display: none;" doesn't necessarily work with nth-child */
	}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(4) {
  clear: none;
  float: left;
  margin: 0;
  padding: 0.7em 0 0 0;
  width: 41%;
}
.afrwd_tabs1 .af_SO-auto ul.af_specOffers li ul li:nth-child(5) {
 /* background-color: #0a0;*/
  margin: 0;
  width: 29%;
  float: left;
}
.afrwd_tabs1 .afrwd_tabs1 figure {
	margin: 0 0 1em 0;		
	}


.af_flexdesc1 {
	background-color: #e0ecf7;
}
.af_internal-holder{ 
	background-color: #edf3f8; 
	padding: 1.5em;
	}
	

	
	
#af_faq-answers-block .af_closablePanel {
  border: 2px solid #edf3f8;
  clear: both;
  display: block;
  margin: 0 0 0.5em;
  padding: 0.5em 1em;
}
#af_faq-answers-block > section {
  border: 10px solid #edf3f8;
  padding: 1em;
  margin: 0 0 2em 0;
}
#af_faq-answers-block > section > h3 {
  font-size: 1.6em;
}
	
#af_faq-answers-block h2.af_min, 
#af_faq-answers-block h2.af_max 
	{
  font-size: 1.3em;
}
	#af_faq-answers-block p {
  font-size: 16px;
}
	
	
.afrwd_tabs1.af_data-driven-tabs > div.afrwd_tabs2 {
	display: inline;
	border: 0 none;
}


/*	--------------------------------------
	Port Address 2 columns
	-------------------------------------- */	
.af_port-address-col-1,
.af_port-address-col-1alt {
	width: 66%;
	padding-right: 4%; 
	display: block;
	float: left;
	}
.af_port-address-col-2,
	.af_port-address-col-2alt {
  clear: right;
  display: block;
  float: right;
	width: 34%;
  padding: .5em 0 0 0;
}	
.af_port-address-col-1alt {
/*	padding: 0 0 0 3.5%;*/
	padding: 0;
	float: right;
	}
.af_port-address-col-2alt {
  clear: left;
  float: left;
}	

/*	--------------------------------------
	END Port Address 2 columns
	-------------------------------------- */	


.afrwd_tabs1 .af_pnl1.af_SO-auto {
 padding: .9em; /* Special Offers panel needs padding */
}
	
.af_float-left-half li {
  float: left;
  width: 48%;
}

.af_float-left-half li:nth-child(2n+2) {
  float: right;
}
.af_SO-auto ul.af_specOffers li ul {
    border-bottom: 1px dotted #fdcc1a;
    padding-bottom: .8em; 
}
.afrwd_tabs-content h3 {
  font-size: 19px;
}
/*END AF-11762*/

/*	--------------------------------------------------------------
	AF-13577 Simplify Footer - START - add into CORE_style.css 
	-------------------------------------------------------------- */	
ul.af_ftnvltctn {
	display: -webkit-inline-flex;
	display: inline-flex;
}
ul.af_ftnvltctn li.af_ftnvlta {-webkit-order: 1; order: 1; margin-top: 1.35em;}
ul.af_ftnvltctn li.af_ftnvltb {-webkit-order: 2; order: 2; margin-top: 1.35em;}
ul.af_ftnvltctn li.af_ftnvlte {-webkit-order: 3; order: 3;}
ul.af_ftnvltctn li.af_ftnvltf {-webkit-order: 4; order: 4;}
ul.af_ftnvltctn li.af_ftnvltc {-webkit-order: 5; order: 5; margin-top: 1.35em;}
ul.af_ftnvltctn li.af_ftnvltd {-webkit-order: 6; order: 6; margin-top: 1.35em;}
.af_sticky_wrap {
    padding-bottom: 160px;
}
footer {
    height: 160px;
}
	
} /* END media query */




@media screen and (min-width: 53.125em) { /* Reviews Top Level Page Panels - 850px up */
/*.af_col-2-3*/ 
.af_oplogo2 {
	float: right;
}
/*	-----------------------------
	reviews in results - popup
	----------------------------- */
.af_col-1-2 > .af_oplogo2 {
  clear: both;
  display: block;
  float: none;
  margin-left: .5em;
  margin-bottom: .5em;
}
.af_rvwbased1 {
  display: block;
  margin-left: .5em;
}
.af_col-1-2 > .af_formItems {
  width: 100%;
}


.af_rwdfoot2col {  /* change made to fix on iphone/ipad */
 /* -webkit-columns: 2 40%;
	 -moz-columns: 2 40%;
		  columns: 2 40%;
 */
  -webkit-columns: 2 95px;
	 -moz-columns: 2 95px;
		  columns: 2 95px;

  -webkit-column-gap: .938em;
	 -moz-column-gap: .938em;
		  column-gap: .938em;		 
}

footer {
	/* height is less tall when footer <li>s are in 2 columns */
	/*height: 180px;*/ /*was 480px*/ /* REMEMBER height = padding-bottom on .af_sticky_wrap */
}
/*.af_sticky_wrap {
	padding-bottom: 180px;*/ /*was 480px*/
/*}*/

/*	--------------------------------------------------------------
	AF-13577 Simplify Footer - START - add into CORE_style.css 
	-------------------------------------------------------------- */
.af_sticky_wrap {
    padding-bottom: 180px;
}
footer {
    height: 180px;
}

} /* END media query */


/*	------------------------------------
	MQ: 57.875em
	------------------------------------ */
@media screen and (min-width: 57.875em) { 

/* Companies and Timetables Panels - 926 up */

ul.af_opctn1 li {
	width: 19.2%; /* 5 in a row */
	margin: 0 1% 1% 0;
}
ul.af_opctn1 li:nth-child(5n+1),
ul.af_opctn1 li:nth-child(5n+2),
ul.af_opctn1 li:nth-child(5n+3),
ul.af_opctn1 li:nth-child(5n+4) {
	margin-right: 1%;
}
ul.af_opctn1 li:nth-child(5n+5) {
	margin-right: 0;
}
		
h1 {
	margin: .5em 0;
	max-width: 71%;
}
/*	----------------------------------
	NAV - moved for Hamburger resize
	---------------------------------- */
.af_langFlag { 
	float: right;
}
/*	--------------------------------------------
	search site & breadcrumbs
	-------------------------------------------- */
.af_search {
	margin: .938em 0 0 0;
	border-top: 0 none!important;
	position: absolute;
	right: 1em;
/*	top: 6.7em;*/
	top: 88px;
	overflow: visible;
}
.af_sitesearinput1 {
	width: 52%;
	margin: 0 .938em .5em 0;
}
.af_sitesearbtn1 {
	width: auto;
	margin: 0;
	background-color: #505050;
	height: 2em;
}
.af_langPick {
	width: 215px;
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 0;
	margin: 0;
}
.af_langPick select {
	width: 175px;
}
a.af_basket {
	margin: 4px 225px 0 0;
	font-size: 1.25em; /*13-10-2016 MS*/
}
.af_block {
	display: none;
}
nav .af_block{
	margin: 0;
	display: block;
}
header.af_header {
	min-height: 70px;
	height: 5em;
	padding: 1em 1em;
}
header .af_nav-btn {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* aferry LOGO etc */
.af_logo { /*tab/dsk*/
	margin: 0;
	float: left;
}
nav .af_close-btn {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
nav .af_block-title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
nav li {
	float: left;
	font-size: .875em;
	border-top: 0 none;
}
nav li a {
	padding: .45em .35em;
}
nav {
	position: static;
	top: auto;
	padding-top: 0;
	min-height: 40px;
}
nav li:last-child {
	border-bottom: 0 none;
}
nav li.is-active:after {
	display: none;
}
.js-ready nav {
	height: auto;
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.js-ready nav .af_block {
	background-color: transparent;
}
.js-ready nav .af_close-btn {
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
	opacity: .7;
}
.js-ready nav .af_close-btn:focus, .js-ready nav .af_close-btn:hover {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
	opacity: 1;
}
.js-ready nav {
	left: auto;
}
.js-ready #af_wrapper {
	left: auto;
}
.js-nav #af_wrapper {
	left: auto;
}
.csstransforms3d.csstransitions.js-ready nav {
	left: auto;
	overflow: hidden;
	padding-top: 0;
  
  	-webkit-transform:none;
	-moz-transform: none;
	-ms-transform: none;

	-o-transform: none;
	transform:none;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: visible;
	-o-backface-visibility: visible;
	backface-visibility: visible;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.csstransforms3d.csstransitions.js-ready #af_wrapper {
	left: auto !important;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition:none;
	-o-transition: none;
	transition: none;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: visible;
	-o-backface-visibility: visible;
	backface-visibility: visible;
}
.csstransforms3d.csstransitions.js-nav #af_wrapper {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.csstransforms3d.csstransitions.js-ready nav .af_block {
	filter: none;
	opacity: 1;
	-webkit-transition: none;
	-webkit-transition-delay: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	padding-left: .3em;
}
.csstransforms3d.csstransitions.js-nav nav .af_block {
	filter: none;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
/* LOGO etc */
.af_logoHold {
	margin: 0;
	display: block;
	overflow: hidden;
	width: auto;
}
.af_strapline {
	font-family: arial, sans-serif;
	color: #e1e1e1;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 0 .5em 0;
	margin: 1em 0 0 1em;
	letter-spacing: .015em;
}
/*	--------------------------------------------
	search site - no breadcrumbs
	-------------------------------------------- */
.af_sitesearinput1 {
	width: auto;
	margin: .35em .938em 0 0;
}
.af_sitesearbtn1 {
/*	margin: .35em 0 0 0;*/
	margin: 0;
}
/* ----------------------------------- */
/*	---------------------------------
	special Offers LIs
	--------------------------------- */
ul.af_specOffers li ul li:nth-child(1) { width: 30%; }
ul.af_specOffers li ul li:nth-child(2) { width: 14%; }
ul.af_specOffers li ul li:nth-child(3) { width: 18%; }
ul.af_specOffers li ul li:nth-child(4) { width: 22%; }
ul.af_specOffers li ul li:nth-child(5) { width: 16%; }
a.af_rvwheadctn2 h4 {
	width: 40%;
}
a.af_rvwheadctn2 .af_starspriteB {
	float: right;
}

/*hide/show*/
.af_hide {
	display: none;
}
.af_show {
	display: block;
}

.ui-widget-content.ui-corner-all { /* note: for reviews popups etc */
  box-shadow: 0 0 9px rgba(0, 0, 0, .6);
}


} /* END media query */



@media screen and (min-width: 62.500em) { /* sign-up & save - 1000px up */ 

ul.af_dstnctn1 li { /* 3 in a row */
	width: 32.66666666666667%;
	margin: 0 1% 1% 0;
}
ul.af_dstnctn1 li:nth-child(2n+2) {
	margin-right: 1%;
}
ul.af_dstnctn1 li:nth-child(3n+3) {
	margin-right: 0;
}
.af_signup {
	width: 57%; /* GC12-03-2015 */
	display: inline-block;
	float: left;
}
.af_pnl2 button.af_signupbtn {
	display: inline-block;
	margin: 0 0 0 2%;
	height: 2.1em;
	white-space: nowrap;
}
.af_flexslider {
	height: 372px; 
	min-height: 372px; 
    max-height: 372px; 
}

/*	-----------------------------
	departure board 
	----------------------------- */
ul.af_DepBrdInnerContent li {
	text-overflow: ellipsis;
    white-space: nowrap;
}
.af_col-1-3 ul.af_DepBrdInnerContent li {
	text-overflow: ellipsis;
    white-space: normal;
}
ul.af_DepBrdContent > li {
	padding: 5px;
}
ul.af_DepBrdTitle li,
ul.af_DepBrdInnerContent li {
	width: 44.5%;
}
.af_DepBrdTitle > li:first-child,
.af_DepBrdInnerContent > li:first-child {
    width: 7%;
}
.af_col-1-3 ul.af_DepBrdTitle li,
.af_col-1-3 ul.af_DepBrdInnerContent li {
	width: auto;
}
} /* END media query */




@media screen and (min-width: 63.750em) {

h1 {
	max-width: 72.5%;
}
nav li {
	font-size: .95em;
}
nav li a {
	padding: .5em .375em;
}
/*	---------------------------------
	AUTO Special Offers (dsk)
	--------------------------------- */
.af_SO-auto ul.af_specOffers li ul {
	font-size: 1em;
}
.af_SO-auto .af_oplogo1 { 
	padding: .2em .65em;
	width: 120px;
}
} /* END media query */


@media screen and (min-width: 75.063em) { /* Companies and Timetables Panels - 1201px up */
h1 {
	max-width: 77%;
	margin: 0 0 .5em 0;
	}
	
ul.af_opctn1 li {
	width: 15.83333333333333%; /* 6 in a row */
	margin: 0 1% 1% 0;
}
ul.af_opctn1 li:nth-child(6n+1),
ul.af_opctn1 li:nth-child(6n+2),
ul.af_opctn1 li:nth-child(6n+3),
ul.af_opctn1 li:nth-child(6n+4),
ul.af_opctn1 li:nth-child(6n+5) {
	margin-right: 1%;
}
ul.af_opctn1 li:nth-child(6n+6) {
	margin-right: 0;
}
/* super-wide nav spacing */
/* from content rwd */
nav li {
	font-size: .965em; 
	letter-spacing: .01em;
}
nav li a {
	padding: .5em .65em;
}
/* end content rwd */

.af_signup {
	width: 64%; 
}
	
/*	--------------------------------------------
	NOTE: temp until dev work is done on GEM:
	http://gemini2.entee.co.uk/workspace/0/item/13694	
	sorry Michael ;)
	-------------------------------------------- */
/*	footer {
	height: 440px;*/
}
/*.af_sticky_wrap {
	padding-bottom: 440px; 
}*/

/*	--------------------------------------------
	END http://gemini2.entee.co.uk/workspace/0/item/13694
	-------------------------------------------- */

	
/*	--------------------------------------------------------------
	For NEW 2017 SO Panels - move to CORE_style.css when available
	-------------------------------------------------------------- */
.af_SO-detail-text.af_SO-pic { /* flexbox bits to move btn to baseline by default */
	min-height: 180px; /* OK? Clashes from other styles?*/
}
/*	--------------------------------------------------------------
	end NEW 2017 SO Panels 
	-------------------------------------------------------------- */

	


} /* END media query */

	
@media screen and (min-width: 1000px) {
	
.af_data-driven-tabs .af_col-1-3, 
.af_data-driven-tabs .af_col-2-3, 
.af_data-driven-tabs .af_col-3-3 {
  width: 50%;
}
#reviewPanelContainer .hreview-aggregate .af_oplogo2 {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.af_data-driven-tabs .af_col-2-3, 
.af_data-driven-tabs .af_col-1-1, 
.af_data-driven-tabs .af_col-1-2, 
.af_data-driven-tabs .af_col-1-3, 
.af_data-driven-tabs .af_col-1-4, 
.af_data-driven-tabs .af_col-1-5, 
.af_data-driven-tabs .af_col-1-6, 
.af_data-driven-tabs .af_col-1-7, 
.af_data-driven-tabs .af_col-1-8 {
	padding: 0 1.5em;
}
	h1 {
  padding: 15px 15px 7px;
}
.af_liststripe3 li {
  padding: 0.25em 0.5em 0.375em 2em;
}	
/*	--------------------------------
	List Group - eg for operator page
	-------------------------------- */
.list-group-item, 
.list-group-item:nth-child(3n+3) 	{
		width: 24%;
		margin-right: 1.33%;
	}

.list-group-item:nth-child(4n+4) {	
	margin-right: 0;
	}
/*	--------------------------------
	END List Group - eg for operator page
	-------------------------------- */

	
	
	
	} /* end media query */

	
/*	---------------------------------------------
	END Screen MQs
	--------------------------------------------- */







/*	-------------------------------------
	PRINT STYLESHEET: this is version 1, 06-10-2014
	------------------------------------- */
@media print {
  h1 {
		color: #000;
		background-image: none;
	}
nav, 
aside,
footer,
.afeng_eng1,
button#af_searchBuy,
.af_flexslider,
select
	{
	display: none;
}
body, article {
		width: 100%;
		margin: 0;
		padding: 0;
	 position: static; overflow: visible; float: none; 
	}
	@page {
		margin: 2cm;
	}
h2, h3 {
	page-break-after: avoid;
}
img {
	max-width: 100% !important;
}
article {
	page-break-before: always;
}
ul, img {
	page-break-inside: avoid;
}

	header h1:after {
		content: url(https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=http://www.aferry.com&choe=UTF-8);

		position: absolute;
		right: 0;
		top: 0;
	}
/* links ? */
 main a {
		font-weight: bold;
		text-decoration: none;
	}
	main a[href^=http]:after {
		content:" <" attr(href) "> ";
	}
	/* links on images? */
	main a[href^="#"]:after {
		content: "";
	}
} /* end media query */
/*	-------------------------------------
	END print stylesheet
	------------------------------------- */