@charset "utf-8";
/* AFerry RWD Content - from Sept 2014 */
/* --------------------------------------------
   colors
-------------------------------------------- */
/*	AFerry Dark Blue #005684
	AFerry Mid Blue #0099cc (#09c)
	AFerry Light Blue #81b5d8
	AFerry Light Blue #E0ECF7
	AFerry Light Blue Zebra Stripe #edf3f8
	AFerry Light Grey Background #F5F5F5
	AFerry Dark Yellow #fdcc1a
	AFerry Yellow Panel border #fee594
	Body Grey #444
	Dotted Border #bbb
	Forms Text #494949
	Forms Border #c0c0c0
	Forms Invalid #b01f25
	Forms Light Yellow Focus #fee594
	Button Green 44a13f
*/
/* --------------------------------------------
   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;
}

/* --------------------------------------------
   web fonts
-------------------------------------------- */
@font-face {
    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;
}
/* --------------------------------------------
   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;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
/*	--------------------------------------------
	header & footer
	-------------------------------------------- */
header, footer {
	background-color: #005684;
	color: #fff;
    clear: both;
    display: block;
    overflow: hidden;
}
footer {
    width: 100%;
    height: auto;
}
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;
}
/* --------------------------------------------
   hr tag
-------------------------------------------- */
hr {
	border: 0;
	border-bottom: 2px dotted #fdcc1a;
	margin: 0;
	clear: both;
	display: block;
	overflow: hidden;
}
hr + h3,
hr + p {
	margin-top: 1em;
}
/* --------------------------------------------
   other tags
-------------------------------------------- */
b, .af_strong {
	font-weight: bold;
	font-family: Arial, sans-serif;
}
.af_pquote1 {
    color: #81b5d8;
    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: url(../img/aferry-sprite.png);
	background: url(../img/aferry-sprite-ie.png)\9;
	background-size: 250px auto;
	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; /*was hidden*/
	max-height: 4000px; /*ADDED*/
}
.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: #005684;
}
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: #005684;
}
li.af_listset1 h3 a {
	color: #005684;
}
/* --------------------------------------------
   unordered lists: zebra stripe 1
-------------------------------------------- */
.af_liststripe1 li {
	padding: .250em .500em .375em 2em;
	border: 2px solid #edf3f8;
}
.af_liststripe1 li:nth-child(odd) {
	background-color: #edf3f8;
}
/* --------------------------------------------
   unordered lists: zebra stripe 2
-------------------------------------------- */
.af_liststripe2 li {
	padding: .5em .5em .375em .5em; 
	border: 2px solid #edf3f8;
}
.af_liststripe2 li:nth-child(odd) {
	background-color: #edf3f8;
}
ul.af_liststripe2 li ul.af_liststripe2b li {
	padding: .250em .500em .375em 2em;
	background: none;
	border: 0 none;
}
ul.af_liststripe2 h3 {
	padding: 7px;
}
ul.af_liststripe2 h3 a {
	color: #005684;
}
/* --------------------------------------------
   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: 0.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: 0.45em 0.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: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
}
a.af_rvwheadctn2 h4 { 
	float: left;
	margin: 0 3em 0 0; 
	display: inline-block;
	width: 100%;
	color: #005684;
}
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: #005684;
	text-decoration: underline;
	transition: color 0.1s ease-in 0s;
}
p > a {
	font-weight: bold;
	font-family: Arial, sans-serif;
}
/*	------------------------------
	back to top link 
	------------------------------ */
.top_site {
    bottom: 16px;
    display: none;
    position: fixed;
    right: 16px;
    z-index: 700000;
}
.top_site a {
    color: rgba(26, 22, 14, 0.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: #005684;	
}
h2 {
	font-size: 1.250em; 
	color: #005684;
}
h3 {
	font-size: 1.125em; 
	color: #09c;
}
h4 {
	font-size: 1em; 
	color: #005684;
}
.af_pnl1 h2,
.af_pnl2 h2 {
	padding: 0 0 .5em 0; 
	margin-bottom: .75em; 
}
.af_pnl1 h2 {
	border-bottom: 2px dotted #fdcc1a;
}
.af_pnl2 h2 {
	border-bottom: 2px dotted #fff;
}
.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: #09c;
}
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;
}
.af_pnl1 h2.af_min, 
.af_pnl2 h2.af_min { /* min panels */
	margin-bottom: 0;
}
h3 span.af_icon-plus,
h3 span.af_icon-minus {
    display: inline-block;
    margin: .3em .625em 0 0;
	float: left;
}
.af_pnl2 h3 {
	color: #fee594;
}
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: 0.25em;
    width: 100%;
}
/* --------------------------------------------
   input select
-------------------------------------------- */
input:select {
    box-shadow: none;
    outline: medium none;
}
/* --------------------------------------------
   input focus
-------------------------------------------- */
input:focus {
	background-color: #fee594;
}
/* --------------------------------------------
   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: 0.313em;
    clear: both;
    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: url(../img/aferry-sprite.png) repeat scroll 0 0 / 250px auto rgba(0, 0, 0, 0);
  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: 0.3em 0 0 0.8em;
}
/* --------------------------------------------
   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 {
	margin: .5em 0 0 0;
	font-size: .857em; 
	line-height: 1.3;
}
/* --------------------------------------------
   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; 
}
/* --------------------------------------------
   AFerry panel styling
-------------------------------------------- */
.af_pnl1, .af_pnl2 {
	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: #005684;
}
.af_pnl2, .af_pnl2 a, .af_pnl2 h2 {
	color: #fff;
}
.af_pnl2 a {
	color: #fee594;
}
.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;
}
/* --------------------------------------------
   social media
-------------------------------------------- */
.af_social1,
.af_social2,
.af_social3,
.af_social4,
.af_social5,
.af_social6 {
	width: 45px;
	height: 45px;
	border-radius: 0.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 */
	padding-top: 25px;
	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;
}

/* --------------------------------------------
   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: rgba(0, 0, 0, .8);
}
.ui-dialog {
	overflow: hidden;
	border-radius: 5px;
}
.ui-dialog .ui-dialog-content {
	background: #fff;
}
.ui-widget-content {
	background:#fff;
	border: 0 none;
	position: relative;
  /*  overflow: hidden !important;*/
    overflow: hidden;
}
.af_col-1-2 > .af_oplogo2 {
  clear: both;
  display: block;
  float: none;
  margin: 0.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: url(../img/aferry-sprite.png);
	background: url(../img/aferry-sprite-ie.png)\9;
	background-size: 250px auto;
	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;
}	

/* --------------------------------------------
   clock graphic
-------------------------------------------- */
.af_clock1 {
	background-position: -190px -245px;
	width: 13px;
	height: 14px;
	margin: 0.313em 0.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 #fdcc1a;
     -moz-column-rule: 2px dotted #fdcc1a;
		  column-rule: 2px dotted #fdcc1a;
}
.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: #005684;
}
.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: #E0ECF7;
	max-width: 400px;
	margin-bottom: 1em;
	/*height: 372px;*/
	height: auto;
}
.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: #E0ECF7;
	border: 1px solid #005684;
}
.af_flexcontnav li a.active {
	cursor: default;
	background-color: #005684;
	border: 1px solid #E0ECF7;
}
/* --------------------------------------------
   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;
}
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 #fdcc1a;
  display: block;
  height: 36px;
}
.af_WTAwrap {
	float: left;
	left: 50%;
	position: relative;
}
.af_WTAcontent {
  background-color: #005684;
  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: #fdcc1a;
	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;
}
/* --------------------------------------------
   footer navigation 2
-------------------------------------------- */
ul.af_listfootnav2 li a {
	color: #fff;
}
.af_listfootnav2 {
	font-size: 0.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 0.625em;
}
.af_payicon {
	width: 50px;
	height: 30px;
	margin: 0 0.175em 0.625em 0.175em;
	float: none;
}
.af_visa {
	background-position: 0 -50px;
}
.af_vise {
	background-position: -52px -50px;
}
.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: 40px;
	display: inline-block;
	margin: .938em .938em 0 0;
	clear: both;
    text-indent: -9999px;
    background-size: contain;
}
/* --------------------------------------------
   navigation + header
-------------------------------------------- */
button#af_searchBuy { 
	display: block;
}
/* --------------------------------------------
   search site & breadcrumbs
-------------------------------------------- */
.af_search {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0.938em 0 0 1em;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.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: #09c;
}
/*	---------------------------------
	NORMAL (January-November, hidden during Christmas):
	--------------------------------- */
header.af_header {
	z-index: 100;
	position: relative;
	color: #fff;
	background: #005684;
	height: 63px;
	padding: 0.7em 1em;
	overflow: hidden;
	}
/*	---------------------------------
	CHRISTMAS (December, hidden Jan-Nov):
	--------------------------------- 
header.af_header { 
	z-index: 100;
	position: relative;
	color: #fff;
	height: 63px;
	padding: 0.7em 1em;
	overflow: hidden;
	background: url(../img/aferry-xmas-banner-320-480px.jpg) center right no-repeat #005684; 
	}
/*END Christmas */


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);
}
/*
.af_close-btn:focus, 
.af_close-btn:hover {
	opacity: 1;
}
*/


nav a#af_nav-close-btn {
 /* background-color: #f00;*/
  display: block;
  left: 0;
  position: absolute;
  top: -3.75em;
}

a#af_nav-close-btn {
 /* background-color: #fa0;*/
  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: 0.5em 0 0 0;
	padding: 0;
	outline: none;
	overflow: hidden;
	white-space: nowrap;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
	opacity: 0.7;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.af_basket {
	background-position: -210px	0;
	float: right;
	margin: 0.55em 0 0 0;
}
.af_nav-btn:hover, 
.af_nav-btn:focus,
a.af_basket:hover {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
	opacity: 1;
}
a.af_avatar { display: none; }
/* NAVIGATION */
nav {
	z-index: 200;
	overflow: hidden;
	width: 100%;
	color: #fff;
	background-color: #005684;
	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 {
	position: absolute;
	top: -2.75em;
	left: 1.25em;
	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, 0.1);
}
nav li:before {
	content: normal;
}
nav li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.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: 0.625em transparent solid;
	border-bottom: 0.625em transparent solid;
	border-right: 0.625em #fff solid;
}
nav li a {
	display: block;
	color: #fff;
	font-weight: bold;
	outline: none;
	padding: 0.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: #fee594;
}
.js-ready nav {
	height: 100%;
	width: 80%;
	-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	        box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
}
.js-ready nav .block {
	background: transparent;
}
.js-ready nav .close-btn {
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
	opacity: 0.7;
}
.js-ready nav .close-btn:focus, .js-ready nav .close-btn:hover {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
	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: -webkit-transform 3000ms ease;
	-moz-transition: -moz-transform 3000ms ease;
	-o-transition: -o-transform 3000ms ease;
	transition: transform 3000ms ease;
*/
	-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 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	transition: transform 500ms ease;
*/
	-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 {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
	opacity: 0.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, 0.9, 0.9);
	-moz-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
	-ms-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
	-o-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
	transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.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 {
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/
	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: 0.75em 1em;
	z-index: 999;
}
.af_langFlag { 
	float: left;
	height: 30px;
	width: 30px;
	margin: 0.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 0.5em 0 -1.6em;
		height: 14px;
}
ul.af_schedules h3 {
    background: none repeat scroll 0 0 #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: 0.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: #81b5d8;
}
.af_SO-auto button:hover {
    background-color: #09c;
}
.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: #005684;
	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: 0.2em 0.65em;
	border-radius: 0.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: #fdcc1a;
    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: 0.37em;
}
.af_SO-auto .af_SO-price span.af_SO-decimals {
	font-weight: normal;
	font-size: 0.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: #81b5d8;
}
.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; }
/*	---------------------------------
	MANUAL special Offers (mob)
	--------------------------------- */
.af_pnl1.af_SO-manual {
    border:  0 none;
    background-color: #fff;
	color: #444;
}
.af_SO-manual button {
    background-color: #81b5d8;
}
.af_SO-manual button:hover {
    background-color: #09c;
}
.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: 0.2em 0.65em;
	border-radius: 0.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: #fdcc1a;
    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: #005684;
	padding: 0.25em 0;
	font-size: 1.24em;
}
.af_SO-manual ul.af_specOffers .af_SO-detail-2 {
	color: #444;
	padding: 0.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;
}
.af_SO-detail-text + .af_SO-detail-text {
	border-top: 2px dotted #fdcc1a;
	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 { /* 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: 0.875em; 
	text-overflow: ellipsis;
	white-space: nowrap;
}
.af_optxt2 {
	margin-top: 2em;
	font-size: 0.750em; 
	color: #09c;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
/* --------------------------------------------
   destinations and news panels
-------------------------------------------- */
ul.af_dstnctn1 li,
ul.af_dstnctn2 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;
}
.af_dstnpicctn1,
.af_newspicctn1 {
	width: 70px;
	height: 72px;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-right: 1em;
}
.af_dstntxt1,
.af_newstxt1 {
	font-size: 1em; 
	text-align: left;
	overflow: hidden;
}
.af_dstntxt2,
.af_newstxt2 {
	margin-top: 1em;
	font-size: 0.875em; 
	text-align: left;
	overflow: hidden;
}
.af_dstntxt2 a,
.af_newstxt2 a {
	color: #09c;
	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;
}
/* --------------------------------------------
   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 0.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: url(../img/stars.png);
	background: url(../img/stars-ie.png)\9;/*if this is for IE8< we may to to rejig slightly*/
	background-size: 216px auto;
	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: 0.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-minus2,
.af_icon-plus2 { /*min/max panels*/
    background-position: -228px -50px;
    height: 16px;
    width: 16px;
}
.af_icon-plus2 { 
    background-position: -208px -50px;
}
/* --------------------------------------------
   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 #FDCC1A;
	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: 0.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: #fdcc1a;
	content: "★ ";
}
.af_rvwfrmrating > label:active {
    position: relative;
}
.af_rvwcontainer .af_formItems{
    margin:  0.5em 0 0.5em 0;
}
.af_rvwcontainer #af_searchBuy{
    margin: .75em 0 .75em 0;
}
.af_rvwcontainer .af_rvwfrmrating{
	margin-top: -.25em;
}
.afrwd_subReview { 
	background-color: #ddd;
	color: #fff;
	cursor: default;
}
/* --------------------------------------------
   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: #005684;	
}
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: #e0ecf7;
    display: none;
	width: 100%;
}
.af_cookie-consent-hd {
	max-width: 1280px;
	margin: 0 auto;
}
.af_cookie-consent-hd p {
	padding: 1em 0.938em;
	width: 85%;
	display: inline-block;
}
.af_cookie-consent-hd p a {
	color: #005684;
}
.af_cookie-consent-close {
	float: right;
	background-color: #005684;
	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: #edf3f8;
}

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

/*	-----------------------------
	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*/
	}
	
@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 0.938em 0 0;
    padding: 0;
}
} /* END Media Query 21.063em*/

@media screen and (min-width: 25.000em) { /*ADDED*/ /*FS*/
/* --------------------------------------------
   companies panels
-------------------------------------------- */	
ul.af_opctn1 li, ul.af_opctn2 li, ul.af_opctn3 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) {
	margin-right: 0;
}
} /* END media query */





/*	--------------------------------------------
	481px Media Queries - 481px >
	-------------------------------------------- */
@media screen and (min-width: 481px) {

/*	---------------------------------
	CHRISTMAS (December, hidden Jan-Nov):
	--------------------------------- 
header.af_header {
	background: url(../img/aferry-xmas-banner-481-1024px.jpg) center center no-repeat #005684; 
	}
/* END Christmas */


} /* 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) {
	margin-right: 2%;
}
ul.af_opctn1 li:nth-child(3n+3),
ul.af_opctn3 li:nth-child(3n+3) {
	margin-right: 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;
	padding: 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: #e5e5e5;
}
	.afrwd_tabs2 ul::after {
	content: "☰";/* may have to change to an image for IE8? */
	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: #fdcc1a;
	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;
}
} /* END Media Query 31.250em */

@media screen and (min-width: 43.750em) { /* Companies and Timetables Panels - 700 up */
ul.af_opctn1 li,
ul.af_opctn3 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) {
	margin-right: 2%;
}
ul.af_opctn1 li:nth-child(4n+4),
ul.af_opctn3 li:nth-child(4n+4) {
	margin-right: 0;
}
} /* END Media Query 43.750em */


/* --------------------------------------------
   '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 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: #81b5d8;
	overflow-x: visible; /* reset mobile settings */
}
/* --------------------------------------------
   header & footer
-------------------------------------------- */
footer {
    position: absolute;
    width: 100%;
    bottom: 0;
	padding: 0;
    margin: 0;
    height: 410px; /* REMEMBER height = padding-bottom on .af_sticky_wrap */
}
.af_sticky_wrap {
	padding-bottom: 410px; 
}
/*	------------- 
	IE8 -9: footer exceptions
	--------------------- */
footer {
	height: 530px \ ;/* IE8-9*/
	}
.af_sticky_wrap {
	padding-bottom: 530px \ ;/* IE8-9*/
	}
/* --------------------------------------------
   hr tag
-------------------------------------------- */
hr {
	border-bottom: 1px dotted #fdcc1a;
}
/* --------------------------------------------
   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 #edf3f8;
	overflow: hidden;
	display: block;
}
.af_timetables li:nth-child(odd) {
	background-color: #edf3f8;
}
ul.af_timetables li ul.af_liststripe2b li {
	padding: .250em .500em .375em 2em;
	background: none;
	border: 0 none;
}
ul.af_timetables h4 {
    background-color: transparent;
    color: #005684;
    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: #005684;
	border: 2px solid #005684;
}
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 #fdcc1a;
}
.af_pnl2 h2 {
	border-bottom: 1px dotted #fff;
}
/* --------------------------------------------
   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 #FEE594;
}
.af_pnl2 { /* dark blue prominent panel e.g. sign up and save */
	padding: .938em; 
  	border: 1px solid #edf3f8;
}
.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;
}
/* --------------------------------------------
   engine container
-------------------------------------------- */
.af_eng1 {
	margin: 0 0 1.876em 0;
}
/* --------------------------------------------
   clock graphic
-------------------------------------------- */
.af_clock1 {
	margin-top: 0.188em; /* 3px */
}
/* --------------------------------------------
   Responsive-Friendly CSS Columns
-------------------------------------------- */
.af_rwd2col-rule,
.af_rwd3col-rule,
.af_rwd1to2col-rule {
  -webkit-column-rule: 1px dotted #fdcc1a;
     -moz-column-rule: 1px dotted #fdcc1a;
		  column-rule: 1px dotted #fdcc1a;
}
.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: 313px; /* GC 12-03-2015 */
}
.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 #fff;
	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: 0.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 #fdcc1a;
    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: #81b5d8;
	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: #005684;
	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 #fdcc1a;
    display: table;
	width: 100%;	
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 0.85em;
}
.af_SO-auto ul.af_specOffers li ul li{
	width: 25%;
	display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    padding: 0 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: 0.2em 0.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 #fee594;
    padding: 0.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 #fdcc1a;
    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 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 #fdcc1a; 
}
.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: 0.857em; 
}
.af_dstnctn1 h4,
.af_dstnctn2 h4 {
	font-size: 1.2em;
}
/* --------------------------------------------
   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: #09c;
    padding: 0 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 #FDCC1A;
}
li.af_radio1 input, 
li.af_radio2 input {
 	margin: 0.1em 0.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: 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: #fdcc1a;
	margin-top: -5px;
	outline: none;
}
.afrwd_main2, .afrwd_main3 {
  background-color: #fff;
  clear: left;
  float: left;
  margin: 0 1%;
  padding: 0.75em;
  width: 98%;
}
.afrwd_main3 {
  border: 3px solid #fdcc1a;
  margin-bottom: 0.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: 0.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;
}
} /* END Media Query 48.001em*/

@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%;
}
} /* END Media Query 53.125em*/

/*	------------------------------------
	MQ: 57.875em
	------------------------------------ */
@media screen and (min-width: 57.875em) { 
/*	---------------------------------
	CHRISTMAS (December, hidden Jan-Nov):
	--------------------------------- 
header.af_header {
	background-image: url(../img/aferry-xmas-banner-1025-1280px.jpg); 
	}
/* END Christmas */


/* 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: 0.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;
	position: absolute;
	right: 1em;
	top: 6.7em;
	overflow: visible;
}
.af_sitesearinput1 {
	width: 52%;
	margin: 0 .938em .5em 0;
}
.af_sitesearbtn1 {
	width: auto;
	margin: 0;
	background-color: #005684;
	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;
}
.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: 0.875em;
	border-top: 0 none;
}
nav li a {
	padding: 0.45em 0.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: transparent;
}
.js-ready nav .af_close-btn {
	display: block;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
	opacity: 0.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: 0.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: #c6effe;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 0 0.5em 0;
	margin: 1em 0 0 1em;
	letter-spacing: 0.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, 0.6);
}



} /* END Media Query 57.875em*/

@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; /* GC 12-03-2015 */
}
} /* END Media Query 62.500em*/

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

h1 {
	max-width: 72.5%;
}
nav li {
	font-size: 0.95em;
}
nav li a {
	padding: 0.5em 0.375em;
}
/*	---------------------------------
	AUTO Special Offers (dsk)
	--------------------------------- */
.af_SO-auto ul.af_specOffers li ul {
	font-size: 1em;
}
.af_SO-auto .af_oplogo1 { 
	padding: 0.2em 0.65em;
	width: 120px;
}
} /* END Media Query 63.750em*/

@media screen and (min-width: 75.063em) { /* Companies and Timetables Panels - 1201px up */

/*	---------------------------------
	CHRISTMAS (December, hidden Jan-Nov):
	--------------------------------- 
body {
	background: url(../img/aferry-xmas-body-1280px.jpg) center top repeat-x #fff fixed; 
	} 
/* END Christmas */

h1 {
	max-width: 77%;
	margin: 0 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: 0.01em;
}
nav li a {
	padding: 0.5em 0.65em;
}
/* end content rwd */

.af_signup {
	width: 64%; /* GC12-03-2015 */
}
} /* END Media Query 75.063em*/

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







/*	-------------------------------------
	PRINT STYLESHEET: this is version 1, 06-10-2014
	------------------------------------- */
@media print {
  h1 {
      color: #000;
      background: 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
	------------------------------------- */
	
.af_panelError {
    border: 1px solid #ff0000;
    background-color: #ffcccc;
}
.af_panelNotImplemented {
    border: 1px solid #00ff00;
    background-color: #ccffcc;
}