@charset "UTF-8";
/* CSS Document */

/* colours: Dark Blue #005684 - H1, H2, offer titles, selected afry navigation tab text, selected and hover left navigation, deep link hover, flag link hover, footer link hover, more info links, larger map links, used within rotating banner ********************************/
/*  colours: Light Blue #81B5D8 - Slogan, Newsletter, Review Panel ********************************/
/* colours: Pale Yellow #fee594 - Selected and hover text on top navigation, used within rotating banner ********************************/
/* colours: Grey #727272 - text styles ********************************/
/* colours: Off White #f5f5f5 - background ********************************/

/*********** Reset CSS  from "http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/" ***********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%; /****** this helps with the 'Sticky Footer' ******/
}
/******see http://www.cssstickyfooter.com/using-sticky-footer-code.html for info on sticky footer********/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}
/* allows images to butt-up to each other */ 
table img {
	display: block; 
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html {	
	overflow-y: scroll; /****** forces scroll-bar to always appear in Firefox, so no horizontal shift occurs*****/
	height: 100%;
}

body > #divWrapper {height: auto; min-height: 100%;}
body > #divAfrytopnav {width: auto; min-width: 100%;}
/******************************************************* end of reset css *****/

Body {
	font-family: Arial, Helvetica, sans-serif;
	/* background: url("images/xmas-bg.jpg") repeat-y center top #D2E6F4; /* December 2012 to early Jan 2013. Same CSS can be used for cloud background. Replace background image = default-bg.jpg*/	
	background: url(images/default-bg.jpg) no-repeat scroll center top; /*December 2012 to early Jan 2013. Same CSS can be used for cloud background. Replace background image = xmas-bg.jpg*/
	height: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #727272;
	background-color: #d2e6f4;
	letter-spacing: 0px;
}

/************************************************************************* link text styles - start *****/
a:link { 
	font-size: 12px;
	color: #727272;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #727272;
	line-height: 17px;
	letter-spacing: 0px;
}
a:visited {
	font-size: 12px;
	color: #727272;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #727272;
	line-height: 17px;
	letter-spacing: 0px;
}
a:hover {
	font-size: 12px;
	color: #005684;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	letter-spacing: 0px;
}
.Img A:link { /*** gets rid of border-bottom dotted line below pictures ***/
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.Img A:visited { /*** gets rid of border-bottom dotted line below pictures ***/
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.Img A:hover { /*** gets rid of border-bottom dotted line below pictures ***/
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.moreInfo:link { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	/*** text-decoration: none; ***/
} 
.moreInfo:visited { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	/*** text-decoration: none; ***/
}
.moreInfo:hover { /*** review text link ***/
	font-size: 12px; 
	color: #727272; 
	font-weight: bold;
	border-bottom: 1px dotted #727272;
	line-height: 17px;
	/*** text-decoration: none; ***/
}
.FooterNav A:link { /*** BottomNav/FooterNav text link ***/
	border-bottom: 1px dotted #727272;
	font-weight: normal;
	font-size: 11px;
	color: #727272;
	text-decoration: none;
	letter-spacing: 0px;
}
.FooterNav A:visited { /*** BottomNav/FooterNav text link ***/
	border-bottom: 1px dotted #727272;
	font-weight: normal;
	font-size: 11px;
	color: #727272;
	text-decoration: none;
	letter-spacing: 0px;
}
.FooterNav A:hover { /*** BottomNav/FooterNav text link ***/
	border-bottom: 1px dotted #005684;
	font-weight: normal;
	font-size: 11px;
	color: #005684;
	text-decoration: none;
	letter-spacing: 0px;
}
a.WhiteNewsletterLink:link { 
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #FFFFFF;
	line-height: 17px;
	letter-spacing: 0px;
}
a.WhiteNewsletterLink:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #FFFFFF;
	line-height: 17px;
	letter-spacing: 0px;
}
a.WhiteNewsletterLink:hover {
	font-size: 12px;
	color: #005684;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	letter-spacing: 0px;
}
a.htwoStyleLink:link { 
	font-size: 17px;
	color: #005684;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
}
a.htwoStyleLink:visited {
	font-size: 17px;
	color: #005684;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
}
a.htwoStyleLink:hover {
	font-size: 17px;
	color: #81B5D8;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
}
.BoldHeaderTextLink:link { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
} 
.BoldHeaderTextLink:visited { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
}
.BoldHeaderTextLink:hover { /*** review text link ***/
	font-size: 12px; 
	color: #727272; 
	font-weight: bold;
	border-bottom: 1px dotted #727272;
}
/************************************************************************* link text styles - end *****/

/************************************************************************* main text styles - start *****/
/***adjacent sibling - means when <p> is followed by <p>, the SECOND <p> will have this extra attribute***/
p+h3 {
	margin-top: 20px; /*** WAS 10px ***/
}
ul+h3 {
	margin-top: 20px; /*** WAS 10px ***/
}
li {
	line-height: 16px;
}
p {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #727272;
    display: block;
	text-align: left;
	letter-spacing: 0px;
	padding: 10px 0px 1px 0px;
}
.Intro-P {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #727272;
    display: block;
	text-align: left;
	letter-spacing: 0px;
	padding: 0px 0px 1px 0px;
}
.p-style-Text-17LineHeight { /*** for schedules board ***/
	font-size: 12px;
	line-height: 17px; /*** normally 16px. needs to be 17px to line up with other columns text ***/
	font-weight: normal;
	color: #727272;
    display: block;
	text-align: left;
	letter-spacing: 0px;
}
.BoldHeaderText {
	font-size: 12px;
	font-weight: bold;
	color: #005684;
	letter-spacing: 0px;
}
.Intro { /*** Intro below h1 ***/
	font-size: 14px;
	color: #005684;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	line-height: 17px;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 2px 0px;
	letter-spacing: 0px;
}
.copyright { /*** used in phase 1 only replaced by '.copyright2' ***/
	font-size: 10px;
	color: #727272;
	text-align: left;
	letter-spacing: 0px;
}
.BookmarkUs { /*** Bookmark Us text ***/
	font-size: 11px;
	color: #727272;
	text-align: left;
}
.HeadersDeepLinks {
	font-size: 12px;
	color: #727272;
	line-height: 20px;
	margin-top: -8px;
	letter-spacing: 0px;
}
h1 { /*** first heading on the top of the page only! ***/
	font-size: 17px;
	color: #005684;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 20px;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 2px 0px;
	letter-spacing: 0px;
}
h2 { /*** all other main headers ***/
	font-size: 16px;
	color: #005684;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 18px;
	padding: 0px 0px 4px 0px; 
	margin: 0px 0px 2px 0px;
	letter-spacing: 0px;
}
h3 { /*** coloumn sub headers ***/
	font-size: 13px;
	color: #005684;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 16px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px /*** was 2px ***/ 0px;
	letter-spacing: 0px;
}
/************************************************************************* main text styles - end *****/

/************************************************************************* square bullets - start *****/
.squareBullet {
                margin-left: 7px; 
                padding-left: 10px;
                list-style-type: disc;
                display: inline-block; /*added 21-05-2014*/
                overflow: visible; /*added 21-05-2014*/ 
}
.squareBullet li {
	padding-top: 10px; 
}
#footernavBulletFix { /*** footernav bullet fix ***/
	list-style-type: none;
}
#afrynavigationBulletFix { /*** afrynavigation bullet fix ***/
	list-style-type: none;
}
/************************************************************************* square bullets - end *****/

/************************************************************************* container divs - start *****/
#divafrynavigationandtopbanner {
	width: 100%;
	position: absolute;	
	top: 0px;
}
#divAfrytopnav {
	height: 21px;
	width: 100%;
	background-color: #e5e5e5;
	margin: 0px auto 0px auto;
	clear: both;
	overflow: hidden;
}
#divGreygap {
	height: 1px;
	width: 100%;
	background-color: #c7c7c7;
}
#divWhitegap {
	height: 2px;
	width: 100%;
	background-color: #FFF;
}
#divWrapper {
	min-height: 100%;
	height: 100%;
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
}
#divContent {
	min-height: 100%;
	height: 100%;
	position: absolute;	
	top: 128px;
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #f5f5f5;
	overflow: hidden;
	display: block;
	clear: both;
}
.divLeft {
	float: left;
	width: 304px;
	margin-left: 12px;
	overflow: hidden;
}
.divMiddle {
	float: left;
	width: 304px;
	overflow: hidden;
}
.divRight {
	float: right;
	width: 304px;
	overflow: hidden;
}
.div2colMiddle { /*** spanning the right 2 coloumns ***/ 
	float: right;
	width: 630px;
	margin-right: 12px;
	overflow: hidden;
}
.div1colRight { /*** spanning the right coloumn ***/ 
	float: right;
	width: 304px;
	margin-right: 12px;
	overflow: hidden;
}
#div2colBannerRotatorHolder { /*** spanning the right 2 coloumns ***/ 
	float: right;
	width: 646px;
	margin: 0px 4px 9px 0px;
	overflow: hidden;
}
.div1ColHolderNoPanel { /*** this holding div is to be used in all none panel elements (except headers) - spanning 1 column ***/
	width: 300px;
	margin: 2px auto 18px auto;
	clear: both;
	overflow: hidden;
}
/************************************************************************* container divs - end *****/

/************************************************************************* extra padding div - start *****/
.AddedPadding { /*** makes the text more vertically aligned with logos opposite - see alternative operators sections ***/
	padding: 9px 0px 1px 0px;
}
/************************************************************************* extra padding div - end *****/

/************************************************************************* large icons (rollover versions) - start *****/
.divLargeIconsFirst {
	float: left;
	width: 118px;
	margin: 0px 0px 0px 14px;
	overflow: hidden;
}
.divLargeIconsSecond {
	float: left;
	width: 118px;
	margin: 0px 0px 0px 43px;
	overflow: hidden;
}
.divLargeIconsThird {
	float: right;
	width: 148px;
	margin: 0px 28px 0px 0px;
	overflow: hidden;
}
.divLargeIconFourth {
	float: right;
	width: 118px;
	margin: 0px 14px 0px 0px;
	overflow: hidden;
}
.divLargeIconHolder {
	width: 118px;
	margin: 0px auto 0px auto;
	float: none;
	overflow: hidden;
}
.div2Col4IconsHolderNoPanel { /*** holding div for the 4 Large Icons on the homepage ***/
	width: 630px;
	margin: 2px auto 16px auto;
	clear: both;
	overflow: hidden;
}
#Routes { display: block; width: 118px; height: 118px; background: url(images/routes.gif) no-repeat 0 0; }
#Routes:hover { background-position: 0 -118px; }
#Routes span { display: none; }
 
#Destinations { display: block; width: 118px; height: 118px; background: url(images/destinations.gif) no-repeat 0 0; }
#Destinations:hover { background-position: 0 -118px; }
#Destinations span { display: none; }

#FerryCompanies { display: block; width: 118px; height: 118px; background: url(images/ferry-companies.gif) no-repeat 0 0; }
#FerryCompanies:hover { background-position: 0 -118px; }
#FerryCompanies span { display: none; }

#Ferry-Ports { display: block; width: 118px; height: 118px; background: url(images/ferry-ports.gif) no-repeat 0 0; }
#Ferry-Ports:hover { background-position: 0 -118px; }
#Ferry-Ports span { display: none; }
/************************************************************************* large icons (rollover versions) - end *****/

/************************************************************************* afry upper tier navigation - start *****/
#divAfrytopnavhold {
	width: 980px;
	height: 21px;
	right: 0px;
	margin: 0px auto 0px auto;
	text-align: right;
	clear: both;
}
#afrynavigation {
	padding: 0px 7px 0px 0px;
	float: right;
	height: 21px;
	text-align: center;
}
#afrynavigation ul {
	margin: 0px;
	list-style: none;
	float: right;
}
#afrynavigation li {
	float:left;
	background: url(images/lefttoptiernav.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	font-weight: bold;
}
#afrynavigation a {
	float: left;
	display: block;
	background: url(images/righttoptiernav.jpg);
	background-repeat: repeat-x;
	padding: 4px 10px 7px 0px;
	text-decoration: none;
	color: #989898;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
#afrynavigation > ul a {
	width: auto;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#afrynavigation a {
	float: none;
}
    /* End IE5-Mac hack */
#afrynavigation a:hover {
	color: #005684;
}
#afrynavigation li:hover, #afrynavigation li:hover a {
	background-position:0% -150px;
}
#afrynavigation li:hover a {
	background-position:100% -150px;
}
/***these give the page id's to keep current page tab highlighted - check they match with afry-top-navigation.htm *****/
#ferries-upper #nav-ferries-upper, 
#ferries-hotels-upper #nav-ferries-hotels-upper,
#hotels-upper #nav-hotels-upper,
#cruise-upper #nav-cruise-upper,
#disney-upper #nav-disney-upper,
#ski-upper #nav-ski-upper,
#groups-upper #nav-groups-upper,
#freight-upper #nav-freight-upper { 
	background-position:0% -150px;
	border-width: 0px;
}
#ferries-upper #nav-ferries-upper a, 
#ferries-hotels-upper #nav-ferries-hotels-upper a,
#hotels-upper #nav-hotels-upper a,
#cruise-upper #nav-cruise-upper a,
#disney-upper #nav-disney-upper a,
#ski-upper #nav-ski-upper a,
#groups-upper #nav-groups-upper a,
#freight-upper #nav-freight-upper a {
	background-position:100% -150px;
	padding-bottom: 0px;
	color:#005684;
}
.AfryNavCurrent {
	color: #005684;
}
/************************************************************************* afry upper tier navigation - end *****/

/************************************************************************* top main navigation - start *****/
#TopNav {
	float: left;
	height: 33px;
	text-align: center;
	overflow: hidden;
}
#TopNav ul {
	margin: 0px;
	list-style: none;
	float: left;
	vertical-align: middle;
	height: 33px;
}
#TopNav li {
	float: left;
	background: url(images/lefttopnav.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 3px 0px 0px 8px;
	font-size: 12px;
	font-weight: bold;
}
#TopNav a {
	float: left;
	display: block;
	background: url(images/righttopnav.jpg);
	background-repeat: repeat-x;
	padding: 6px 10px 7px 0px;
	text-decoration: none;
	color: #FFF; 
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
#TopNav > ul a {
	width: auto;
	vertical-align: middle;
	height: 33px;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#TopNav a {
	float: none;
}
    /* End IE5-Mac hack */
#TopNav a:hover {
	color: #fee594;
}
#TopNav li:hover, #TopNav li:hover a {
	background-position:0% -33px;
}
#TopNav li:hover a {
	background-position:0% -33px;
}
/***these give the page id's to keep current page tab highlighted - check they match with incude header *****/
#home #nav-home, 
#ferry-companies #nav-ferry-companies,
#ferry-routes #nav-ferry-routes,
#ports #nav-ports,
#countries #nav-countries,
#ferry-deals #nav-ferry-deals,
#ferry-timetables #nav-ferry-timetables,
#ferry-reviews #nav-ferry-reviews,
#news #nav-news,
#faq #nav-faq,
#tips-and-guides #nav-tips-and-guides { 
	background-position:0% 0px; /*** was -66px ***/
	border-width: 0;
}
#home #nav-home a, 
#ferry-companies #nav-ferry-companies a,
#ferry-routes #nav-ferry-routes a,
#ports #nav-ports a,
#countries #nav-countries a,
#ferry-deals #nav-ferry-deals a,
#ferry-timetables #nav-ferry-timetables a,
#ferry-reviews #nav-ferry-reviews a,
#news #nav-news a,
#faq #nav-faq a,
#tips-and-guides #nav-tips-and-guides a {
	background-position:0% 0px; /*** was -66px ***/
	padding-bottom: 0px;
	color: #fee594;
}
.TopNavCurrent {
	color: #fee594;
	line-height: 15px;
}
/************************************************************************* top main navigation - end *****/

/************************************************************************* top banner - start *****/
#divTopBannerHold {
	width: 980px;
	height:104px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #f5f5f5;
}
#divTopBannerLogoHold {
	float: left;
	width: 119px;
	height: 56px;
	padding: 15px 14px 0px 14px;
	text-align: left;
}
#divTopBannerStraplineHold {
	float: left;
	width: 463px;
	height: 31px;
	padding: 40px 17px 0px 0px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	color: #81B5D8;
}
#divTopBannerCountrySelectHold {
	float: right;
	width: 339px;
	padding: 35px 14px 0px 0px;
	text-align: right;
}
.SelectCountryFlag {
	float: right;
	width: 17px;
	height: 16px;
	border: 0;
	display: inline;
	overflow: hidden;
	padding: 1px 0px 0px 0px;
}
.SelectCountryJumpMenuHold {
	float: right;
	display: inline;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}
#divTopBannerNavHold {
	float: left;
	width: 964px;
	height: 33px;
	padding: 0px 8px 0px 8px;
	text-align: left;
}
#divBlueTopNav {
	width: 964px;
	height: 33px;
	background-image: url(images/topnavrepeat.jpg);
	background-repeat: repeat-x;
	vertical-align: middle;
}
/************************************************************************* top banner - end *****/

/************************************************************************* breadcrumbs - start *****/
.BreadCrumb {
	padding-left: 17px;
	font-size: 10px;
	color: #727272;
	font-weight: normal;
	vertical-align: middle;
}
#divBreadcrumb {
	float: left;
	width: 700px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}
#crumbs {
	height: 23px;
	border: 0px;
	list-style-type: none;
}
#crumbs li {
	float: left;
	line-height: 23px;
	color: #727272;
	padding-right: 5px;
	font-size: 10px;
}		
#crumbs li a {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}							
#crumbs li a.crumbs:link,
#crumbs li a.crumbs:visited {
	color: #727272;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}	
a.crumbs:link, a.crumbs:visited,	
#crumbs li a.crumbs:hover,
#crumbs li a.crumbs:focus {
	color: #005684;
	font-weight: normal;
	font-size: 10px;
}		
/************************************************************************* breadcrumbs - end *****/

/************************************************************************* search and submit buttons - start *****/
#divSearchHold {
	float: left;
	width: 952px;
	height: 28px;
	padding: 4px 14px 4px 14px;
	text-align: right;
	display: block;
}				
.searchbutton {
	border: none;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	background: url(images/search-button.gif) no-repeat 0 0;
	padding-bottom: 2px;
	height: 17px;
	width: 63px;
	vertical-align: middle;
	cursor: pointer;
}
.searchbutton:hover { 
  background-position: 0 -17px;
}
.searchbutton span {
	display: none;
}
.searchbox {
	font-size: 11px;
	font-weight: normal;
	height: 13px;
	color: #87888a;
}
/************************************************************************* search buttons - end *****/

/************************************************************************* 1 column panel - start *****/
.panelTop-1col { /*** top div of a 1 column panel ***/
	width:304px;
	height: 5px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm.gif) no-repeat 0px 0px;
	padding-top: 0px; /*** alters the space between the top of the panel and the header title ***/
}
.panelBtm-1col { /*** bottom div of a 1 column panel ***/
	width:304px;
	height: 10px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm.gif) no-repeat 0 -10px;
	padding-bottom: 18px; /*** alter for more gap between panels ***/
	margin-top: 0px;
}
.panel-1col { /*** middle div style within a 1 column panel ***/
	width: 276px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_middle.gif) repeat-y 0 0px;
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	overflow: hidden;
}
.panel-1col p { /*** paragraph style within a 1 column panel ***/
	padding: 10px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.panel-1col h2 { /*** This is the added padding for h2 within a 1 column panel ***/
	padding: 9px 0px 4px 0px;
}
.panel-1col h3 { /*** This is the added padding for h3 within a 1 column panel ***/
	padding: 10px 0px 0px /*** WAS 5px ***/ 0px;
}
.panel-1col p+h3 { /*** This is the margin taken away when h3 follows directly after paragraph within a 1 column panel ***/
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-1col ul+h3 {
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-1col li { /*** This is the added padding for li within a 1 column panel ***/
	padding: 10px 0px 0px 0px;
	line-height: 16px;
}
.TitleIconHolderForPanel-1col { /*** This is the icon and title holding div within a 1 column panel ***/ 
	display: block;
	width: 276px;
	border-bottom: dotted #fdcc1a 1px;
	overflow: hidden;
}
.TitleHolderForPanel-1col { /*** This is the title holder div within a 1 column panel ***/
	display: block;
	float: left;
	width: 232px; /*** WAS 246 AMENDED 02-02-2011 ***/
	overflow: hidden;
}
.IconHolderForPanel-all { /*** used on all panel sections - Icon Holder in the top right corner ***/
	display: block;
	float: left;
	width: 30px;
	padding-left: 14px; /*** NEW 02-02-2011 ***/
}
/************************************************************************* 1 column panel - end *****/

/************************************************************************* spanning 2 column panel - start *****/
.panelTop-2col { /*** top div of a spanning 2 column panel ***/
	width: 630px;
	height: 5px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm2col.gif) no-repeat 0px 0px;
	padding-top: 0px; /*** alter the space between the top of the panel and the header title ***/
}
.panelBtm-2col { /*** bottom div of a spanning 2 column panel ***/
	width: 630px;
	height: 10px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm2col.gif) no-repeat 0 -10px;
	padding-bottom: 18px; /*** alter the gap between panels ***/
	margin-top: 0px;
}
.panel-2col { /*** middle div style within a spanning 2 column panel ***/
	width: 602px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_middle2col.gif) repeat-y 0 0px;
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	overflow: hidden;
}
.panel-2col p { /*** paragraph style within a spanning 2 column panel ***/
	padding: 10px 0px 1px 0px;
	text-align: left;
}
.panel-2col h2 { /*** This is the added padding for h2 within a spanning 2 column panel ***/
	padding: 9px 0px 4px 0px;
}
.panel-2col h3 { /*** This is the added padding for h3 within a spanning 2 column panel ***/
	padding: 10px 0px 0px /*** WAS 5px ***/ 0px;
}
.panel-2col p+h3 { /*** This is the margin taken away when h3 follows directly after paragraph within a spanning 2 column panel ***/
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-2col ul+h3 {
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-2col li { /*** This is the added padding for li within a spanning 2 column panel ***/
	padding: 10px 0px 0px 0px;
	line-height: 16px;
}
.TitleIconHolderForPanel-2col { /*** This is the icon and title holding div within a spanning 2 column panel ***/
	display: block;
	width: 602px;
	border-bottom: dotted #fdcc1a 1px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.TitleHolderForPanel-2col { /*** This is the title holder div within a spanning 2 column panel ***/
	display: block;
	float: left;
	width: 558px; /*** WAS 572 AMENDED 02-02-2011 ***/
	overflow: hidden;
}
/************************************************************************* spanning 2 column panel - end *****/

/************************************************************************* 276px column within a 1 column panel - start *****/
.Col276 {
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
}
/************************************************************************* 276px column within a 1 column panel - end *****/

/************************************************************************* with 2 columns within a 1 column panel - start *****/
.ColStart-1col { /*** first Column only ***/
	display: block;
	float: left;
	width: 127px;
	overflow: hidden;
	text-align: left;
}
.ColRest-1col { /*** all other columns after the first column ***/
	display: block;
	float: left;
	width: 127px;
	overflow: hidden;
	text-align: left;
	padding: 0px 0px 0px 22px;
}
/************************************************************************* with 2 columns within a 1 column panel - end *****/

/************************************************************************* with 4 columns within a spanning 2 column panel - start *****/
.ColStart-2col { /*** first Column only ***/
	display: block;
	float: left;
	width: 134px;
	overflow: hidden;
}
.ColRest-2col { /*** all other columns after the first column ***/
	display: block;
	float: left;
	width: 134px;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
}
/************************************************************************* with 4 columns within a spanning 2 column panel - end *****/

/************************************************************************* top header title holders - start *****/
.non-panelTopTitleHolder { /*** top header title holder ***/
	float: right;
	width: 626px;
	margin: 2px 2px 9px 2px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow: hidden; 
}
.CompaniesLogoHold { /*** company logo holder ***/
	float: right;
	width: 123px;
	height: 35px;
	display: block;
	text-align: right;
	overflow: hidden;
	border: 0;
}
.HOneHolder { /*** h1 holder when a logo is needed next to h1 ***/
	float: right;
	width: 481px;
	display: block;
	text-align: left;
	overflow: hidden;
	margin: 19px 22px 0px 0px;
}
/************************************************************************* top header title holders - end *****/

/************************************************************************* small graphics - start *****/
.divCompanyLogos { /*** company logo holder ***/
	float: left;
	width: 123px;
	height: 35px;
	display: block;
	text-align: right;
	overflow: hidden;
	border: 0;
}
.divArrow {
	width: 5px;
	height: 7px;
	overflow: hidden;
}
.divSchedules-Board {
	width: 14px;
	height: 12px;
	overflow: hidden;
}
/************************************************************************* small graphics - end *****/

/************************************************************************* rotating banner - start *****/
.divBannerRotatorRowOne {
	background-image: url(images/2colRotatingBanner-top.jpg);
	background-repeat: no-repeat;
	width: 646px;
	height: 10px;
}
.divBannerRotatorRowTwo {
	width: 646px;
	height: 194px; /****** this height can be increased for a longer booking engine ******/
}
.divBannerRotatorRowTwoLeftCol {
	background-image: url(images/2colRotatingBanner-left.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 10px;
	height: 194px; /****** this height can be increased for a longer booking engine ******/
}
.divBannerRotatorRowTwoRightCol {
	background-image: url(images/2colRotatingBanner-right.jpg);
	background-repeat: repeat-y;
	float: right;
	width: 10px;
	height: 194px; /****** this height can be increased for a longer booking engine ******/
}
.divBannerRotatorContentHold {
	float: left;
	width: 626px;
	height: 194px;
}
.divBannerRotatorRowThree {
	background-image: url(images/2colRotatingBanner-bottom.jpg);
	background-repeat: no-repeat;
	width: 646px;
	height: 10px;
}
/************************************************************************* rotating banner - end *****/

/************************************************************************* footer panel - start *****/
#divFooter {
	/*min-height: 100%;*/
	/*height: 100%;*/
	width: 980px;
	/*height: auto;*/
	margin: 0px auto 0px auto;
	vertical-align: bottom;
	overflow: hidden;
	display: block;
	clear: both;
}
#divFooterHold {
	float: right;
	min-height: 100%;
	height: 100%;
	width: 980px;
	height: auto;
	margin: 0px auto 0px auto;
	vertical-align: bottom;
	background-color: #f5f5f5;
	border-top: 1px solid #5b83a6;
	overflow: hidden;
	display: block;
	clear: both;
}
#divCopyright { /*** used in phase 1 only replaced by '#divCopyright2' in phase 2 ***/
	float: left;
	width: 230px;
	margin: 6px 0px 6px 12px;
}
#divBtmNavHold {
	float: left;
	width: 560px;
	margin: 6px 12px 0px 12px;
	text-align: right;
	display: block;
}
#divSocialNetworkHold {
	float: right;
	width: 100px;
	text-align: right;
	margin-right: 12px;
	padding-top: 1px;
}
#divSocialNetwork {
	float: right;
	width: 100px;
	padding-top: 3px;
	text-align: left;	
}
#divBookmarkUs {
	float: left;
	width: 35px;
	padding-top: 4px;
	text-align: left;
}
/************************************************************************* footer panel - end *****/

/************************************************************************* social media - start *****/
#divFollowUsOn2 {
                float: left;
                width: 100%;
                margin: 0px 0px 0px 0px;
                padding: 8px 0px 0px 0px;
                height: 22px;
}
.GooglePlus1 {
                display: inline;
                float: left;
}

#divFollowUsOn {
	float: left;
	width: 130px;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px 0px 0px;
	height: 22px;
}
.SocialMediaIconHolder { 
	display: inline;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0px 10px 0px 0px;
}

#Facebook { display: block; width: 30px; height: 30px; background: url(images/facebook.gif) no-repeat 0 0; }
#Facebook:hover { background-position: 0 -30px; }
#Facebook span { display: none; }
 
#Twitter { display: block; width: 30px; height: 30px; background: url(images/twitter.gif) no-repeat 0 0; }
#Twitter:hover { background-position: 0 -30px; }
#Twitter span { display: none; }

#RSS { display: block; width: 30px; height: 30px; background: url(images/rss.gif) no-repeat 0 0; }
#RSS:hover { background-position: 0 -30px; }
#RSS span { display: none; }

#APP { display: block; width: 30px; height: 30px; background: url(images/app.gif) no-repeat 0 0; }
#APP:hover { background-position: 0 -30px; }
#APP span { display: none; }

#NK { display: block; width: 30px; height: 30px; background: url(images/nk.gif) no-repeat 0 0; }
#NK:hover { background-position: 0 -30px; }
#NK span { display: none; }


/************************************************************************* social media - end *****/

/************************************************************************* newsletter - start *****/
.divNewsletterHolder { 
	width: 298px;
	margin: 0px auto 0px auto;
	border: 1px solid #81B5D8;
}
.divNewsletterRow1 {
	width: 298px;
	height: 36px;
	background-color: #81B5D8;
}
.BlueDottedLine {
	border-top: 1px dotted #81B5D8;
	height: 1px;
	width: 100%;
}
.divNewsletterIconHold {
	float: left;
	margin: 2px 3px 4px 6px;
	width: 35px;
	height: 28px;
	background: url(images/newsletter-icon.gif) no-repeat;
}
.divNewsletterTypeHold { /*** Newsletter White Header Text ***/
	float: left;
	/*** WAS width: 251px; ***/
	padding: 12px 0px 0px 0px;
	font-size: 16px;
	color: #FFF;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 18px;
	margin: 0px 0px 6px 0px;
	letter-spacing: 0px; /*** LETTER SPACING - This might need altering at a later date!!! ***/
}
.divNewsletterRow2 {
	width: 298px;
	height: 73px;
	background: url(images/newsletter-background.jpg) repeat-x;
	background-color:#000000;
}
.divNewsletterRow2point1 {
	padding: 4px 0px 0px 11px;
	font-size: 13px;
	color: #005684;
	text-align: left;
}
.divNewsletterFormPanel {
	padding: 9px 0px 0px 11px;
}
.submitbutton {
	border: none;
	font-weight: normal;
	font-size: 10px;
	color: #FFF;
	background: url(images/search-button.gif) no-repeat 0 0;
	height: 17px;
	width: 63px;
}
.submitbutton:hover { 
  background-position: 0 -17px;
}
.submitbutton span {
  display: none;
}
.enteremailbox {
	font-size: 11px;
	font-weight: normal;
	height: 13px; /*** PROGRAMMER!!! this might need to be 19px for a fix when converted to an asp file ***/
	color: #87888a;
}
#divNewsletterRow2point2 {
	padding: 4px 0px 0px 11px;
}
/************************************************************************* newsletter - end *****/

/************************************************************************* bottom navigation - start *****/
#BottomNav {
	width: 560px;
	float: right;
	text-align: right;
	overflow: hidden;
}
#BottomNav ul {
	margin: 0px;
	float: right;
}
#BottomNav li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
#BottomNav a {
	float: left;
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #727272; 
	font-size: 11px;
	font-weight: normal;
}
#BottomNav > ul a {
	width: auto;
	vertical-align: middle;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#BottomNav a {
	float: none;
}
    /* End IE5-Mac hack */
#BottomNav a:hover {
	color: #005684;
}
#BottomNav li:hover, #BottomNav li:hover a {
}
/***these give the page id's to keep current page tab highlighted - check they match with incude footer *****/
#home #bottomnav-home,
#privacy-policy #bottomnav-privacy-policy, 
#terms-of-use #bottomnav-terms-of-use,
#contact-us #bottomnav-contact-us,
#sitemap #bottomnav-sitemap,
#game #bottomnav-game { 
}
#home #bottomnav-home a,
#privacy-policy #bottomnav-privacy-policy a, 
#terms-of-use #bottomnav-terms-of-use a,
#contact-us #bottomnav-contact-us a,
#sitemap #bottomnav-sitemap a,
#game #bottomnav-game a {
	color: #005684;
}
.BottomNavCurrent {
	color: #005684;
}
/************************************************************************* bottom navigation - end *****/

/************************************************************************* flag links bottom panel - start *****/
#divFlagLinksHold {
	float: left;
	width: 980px;
	text-align: left;
	border-top: 1px dotted #727272;
}
.l_FlagLinks{
	text-align: center;
	font-size: 12px;
	width: 980px;
	margin: 5px auto 0px auto;
}
.l_FlagLinks a {
	font-size: 10px;
}
.l_FlagLinks ul {
}
.l_FlagLinks li {
	display: inline;
}
.l_FlagLinks ul li a {
	text-decoration: none;
	color: #727272;
	/*** border-bottom: 1px dotted #727272; 25-02-2011 ***/
	border: 0; /*** ADDED 25-02-2011 ***/
	margin: 0; /*** ADDED 25-02-2011 ***/
	padding: 0; /*** ADDED 25-02-2011 ***/
	text-decoration: none; /*** ADDED 25-02-2011 ***/
}
.l_FlagLinks ul li a:hover {
	text-decoration: none;
	color: #005684;
	/*** border-bottom: 1px dotted #005684; 30-03-2011 ***/
	border: 0; /*** ADDED 30-03-2011 ***/
	margin: 0; /*** ADDED 30-03-2011 ***/
	padding: 0; /*** ADDED 30-03-2011 ***/
	text-decoration: none; /*** ADDED 30-03-2011 ***/
}
.l_FlagLinks li li {
	padding: 0px 0px 0px 4px;
}
.l_FlagLinks ul ul {
	margin: 2px 0px 5px 0px;
}
/************************************************************************* flag links bottom panel - end *****/

/************************************************************************* deep links bottom panel - start *****/
#divDeepLinksHold {
	float: left;
	width: 980px;
	text-align: left;
	border-top: 1px dotted #727272;
}
.l_DeepLinks{
	text-align: center;
	font-size: 12px;
	width: 980px;
	margin: 5px auto 0px auto;
}
.l_DeepLinks a {
	font-size: 10px;
}
.l_DeepLinks ul {
}
.l_DeepLinks li {
	display: inline;
}
.l_DeepLinks ul li a {
	text-decoration: none;
	color: #727272;
	border-bottom: 1px dotted #727272;
}
.l_DeepLinks ul li a:hover {
	text-decoration: none;
	color: #005684;
	border-bottom: 1px dotted #005684;
}
.l_DeepLinks li li {
	border-right: 1px dotted #727272;
	padding: 0px 8px 0px 8px;
}
.l_DeepLinks ul ul {
	margin: 0px 0px 5px 0px;
}
/************************************************************************* deep links bottom panel - end *****/

/************************************************************************* single pic holder - start *****/
.divSinglePicNoPanelHold { /*** This picture holder is for non-panelled pictures ***/
	margin-top: 15px;
	width: 300px;
	overflow: hidden;
}
.divSinglePicWithPanelHold { /*** This picture holder is for panelled pictures anywhere except at the very top ***/
	margin-top: 15px;
	width: 276px;
	overflow: hidden;
}
.divSinglePicWithPanelHoldTopPanel { /*** This picture holder is for panelled pictures at the very top of a panel ***/
	padding: 10px 0px 0px 0px;
	width: 276px;
	overflow: hidden;
}
/************************************************************************* single pic holder - end *****/

/************************************************************************* gallery panel - start *****/
.divGalleryMainPic {
	width: 276px;
	height: 160px;
	margin: 0px 0px 6px 0px;
	overflow: hidden;
	display: block;
}
.divThumbnailHold {
	width: 276px;
	overflow: hidden;
	display: block;
}
.divThumbnail {
	float: left;
	width: 88px;
	height: 50px;
	overflow: hidden;
	margin-right: 6px;
}
.divThumbnailEnd {
	float: left;
	width: 88px;
	height: 50px;
	overflow: hidden;
}
.divGalleryScroll {
	margin: 0px auto 0px auto;
	width: 33px;
	height: 13px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
.divGalleryScrollLeft {
	float: left;
	width: 14px;
	height: 13px;
	display: block;
}
.divGalleryScrollRight {
	float: right;
	width: 14px;
	height: 13px;
	display: block;
}
.divGalleryScrollLeft a {
	float: left;
	display: block;
	width: 14px;
	height: 13px;
	background: url(images/leftscrollbutton.jpg) 0 0 no-repeat;
}
.divGalleryScrollLeft a:hover { 
	background-position: 0 -13px;
}
.divGalleryScrollRight a {
	float: left;
	display: block;
	width: 14px;
	height: 13px;
	background: url(images/rightscrollbutton.jpg) 0 0 no-repeat;
}
.divGalleryScrollRight a:hover { 
	background-position: 0 -13px;
}
/************************************************************************* gallery panel - end *****/

/************************************************************************* minimise maximise rollover scroller - start *****/
.MinimiseMaximiseScrollerHolderForPanel-all { /*** used on all panel sections - minimise maximise scroller hold in the top right corner ***/
	display: block;
	float: left;
	width: 30px;
	padding: 10px 0px 0px 0px;
}	
.divMinimiseRollover a { /*** PROGRAMMER!!! - this is the non hover minimise ***/
	float: right;
	display: block;
	width: 14px;
	height: 14px;
	background: url(images/minimise-maximise.jpg) 0 0px no-repeat;
}
.divMinimiseRollover a:hover { /*** PROGRAMMER!!! - this is the hover minimise ***/
	background-position: 0 -14px;
}
.divMaximiseRollover a { /*** PROGRAMMER!!! - this is the non hover maximise - Once clicked this needs to be implemented ***/
	float: right;
	display: block;
	width: 14px;
	height: 14px;
	background: url(images/minimise-maximise.jpg) 0 -28px no-repeat;
}
.divMaximiseRollover a:hover { /*** PROGRAMMER!!! - this is the hover maximise - Once clicked and hovered over this needs to be implemented ***/
	background-position: 0 -42px;
}
/************************************************************************* minimise maximise rollover scroller - end *****/

/************************************************************************* schedules board - start *****/
.Col1-SchedulesBoard { /*** first column - Route - SchedulesBoard ***/
	display: block;
	float: left;
	width: 186px;
	overflow: hidden;
}
.ColRest-SchedulesBoard { /*** all other columns after the first column - Frequency of Sailing/Crossing Times - SchedulesBoard ***/
	display: block;
	float: left;
	width: 186px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
}
/************************************************************************* schedules board - end *****/

/************************************************************************* forms styling - start *****/
.SelectCountry { /*** jumpmenu styling for selecting country in the top banner ***/
	color: #727272;
	font-weight: normal;
	font-size: 10px;
}
.SpecialOffer { /*** list item styling for special offers ***/
	color: #005684;
	font-weight: normal;
	font-size: 13px;
}
.FerryRoutesDropdownHolder { /*** Ferry Routes List page - dropdown holder ***/
	padding: 10px 0px 0px 0px;
}
.FerryRoutesDropdown { /*** Ferry Routes List page - dropdown styling ***/
	color: #727272;
	font-weight: normal;
	font-size: 13px;
	width: 100%;
	height: 20px;
}
/************************************************************************* forms styling - end *****/

/************************************************************************* map - start *****/
#map_canvas {
	width: 276px;
	height: 276px;
	overflow: hidden;
	display: block;
}
.HolderEnd-Map { /*** holds the very last row in the special offer section (more info and * terms) ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.End-Map-LargerMap { /*** holds the more special offers > ***/
	display: block;
	float: right;
	overflow: hidden;
	text-align: right;
	width: 276px;
}
/************************************************************************* map - end *****/

/************************************************************************* additional text link 18-11-2010 - start *****/
a.htwoStyleLEFTLink:link { /*** DELETE THIS IF NOT USED - mpu banner heading linked text ***/
	font-size: 16px;
	color: #005684;
	text-align: left;
	font-weight: bold;
	line-height: 21px;
	margin: 0px 0px 2px 0px;
	padding: 7px 0px 3px 0px;
	display: block;
	border: 0;
	text-decoration: none;
}
a.htwoStyleLEFTLink:visited { /*** DELETE THIS IF NOT USED - mpu banner heading linked text ***/
	font-size: 16px;
	color: #005684;
	text-align: left;
	font-weight: bold;
	line-height: 21px;
	margin: 0px 0px 2px 0px;
	padding: 7px 0px 3px 0px;
	display: block;
	border: 0;
	text-decoration: none;
}
a.htwoStyleLEFTLink:hover { /*** DELETE THIS IF NOT USED - mpu banner heading linked text ***/
	font-size: 16px;
	color: #81B5D8;
	text-align: left;
	font-weight: bold;
	line-height: 21px;
	margin: 0px 0px 2px 0px;
	padding: 7px 0px 3px 0px;
	display: block;
	border: 0;
	text-decoration: none;
}
/************************************************************************* additional text link 18-11-2010 - end *****/

/************************************************************************* additional schedules board 18-11-2010 - start *****/
.Col1-AddSchedulesBoard { /*** first column - Route - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 186px;
	overflow: hidden;
	margin: 5px 0px 0px 0px;
}
.Col2-AddSchedulesBoard { /*** second column - Frequency of Sailing - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 122px;
	overflow: hidden;
	margin: 5px 0px 0px 22px;
}
.Col3-AddSchedulesBoard { /*** third column - Crossing Times - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 105px;
	overflow: hidden;
	margin: 5px 0px 0px 22px;
}
.Col4-AddSchedulesBoard { /*** fourth column - tiny company logo - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 123px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
}
.Holder-Spanning2col-schedulesboard { /*** spanning 2 columns - holds a special offer ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 1px 0px 1px 0px;
}
.Col2-AddSchedulesBoardTitle { /*** second column - Frequency of Sailing Title - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 122px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
}
.Col3-AddSchedulesBoardTitle { /*** third column - Crossing Times Title - Additional SchedulesBoard ***/
	display: block;
	float: left;
	width: 105px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
}
/************************************************************************* additional schedules board 18-11-2010 - end *****/

/************************************************************************* small graphics addition 18-11-2010 - start *****/
.divTinyCompanyLogos { /*** tiny company logo holder ***/
	float: left;
	width: 93px;
	height: 27px;
	display: block;
	text-align: left;
	overflow: hidden;
	border: 0;
}
.divTinyCompanyLogos0border { /*** tiny company logo holder ***/
	float: left;
	width: 93px;
	height: 27px;
	display: block;
	text-align: left;
	overflow: hidden;
	border-bottom: dotted #727272 1px;
}
/************************************************************************* small graphics addition 18-11-2010 - end *****/

/************************************************************************* amended 18-11-2010 special offers spanning 2 columns - start *****/
.p-special-offers-form { /*** form text styling ***/
	font-size: 12px;
	font-weight: normal;
	color: #727272;
    display: block;
	text-align: right;
}
.Holder-SpecialOffers { /*** spanning 2 columns - holds a special offer ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
.Col1-SpecialOffers { /*** spanning 2 columns - first column - Route, Travel Details, Travelling on, Travel Dates - special offers ***/
	display: block;
	float: left;
	width: 165px;
	overflow: hidden;
	margin: 0px 10px 0px 0px;
}
.Col1-SpecialOffers2 { /*** spanning 2 columns - first column - Route, Travel Details, Travelling on, Travel Dates NEW VERSION 23-02-2011 - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	margin: 0px 10px 0px 0px;
}
.Col1-SpecialOffers3 { /*** spanning 2 columns - first column - Route, Travel Details, Travelling on, Travel Dates NEW VERSION 23-02-2011 - special offers ***/
	display: block;
	float: left;
	width: 258px; /*** WAS 165px ***/
	overflow: hidden;
	margin: 0px 10px 0px 0px;
}
.Col1-Row1-SpecialOffers { /*** spanning 2 columns - row 1 - Route - first column - special offers ***/
	display: block;
	float: left;
	width: 165px;
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left; /*** OLD - font-size: 14px; color: #424242; font-weight: normal; ***/
	line-height: 15px;
}
.Col1-Row1-SpecialOffers2 { /*** spanning 2 columns - row 1 - Route - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left; /*** OLD - font-size: 14px; color: #424242; font-weight: normal; ***/
	line-height: 15px;
}
.Col1-Row1-SpecialOffers3 { /*** spanning 2 columns - row 1 - Route - first column - special offers ***/
	display: block;
	float: left;
	width: 258px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left; /*** OLD - font-size: 14px; color: #424242; font-weight: normal; ***/
	line-height: 15px;
}
.Col1-Row2-SpecialOffers { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 165px;
	overflow: hidden;
	font-size: 12px; color: #727272; font-weight: normal; text-align: left;
	line-height: 15px;
}
.Col1-Row2-SpecialOffers2 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #727272; font-weight: normal; text-align: left;
	line-height: 15px;
}
.Col1-Row2-SpecialOffers3 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 258px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #727272; font-weight: normal; text-align: left;
	line-height: 15px;
}
.Col1-Row3-SpecialOffers { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 165px;
	overflow: hidden;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
	line-height: 10px;
}
.Col1-Row3-SpecialOffers2 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
	line-height: 10px;
}
.Col1-Row3-SpecialOffers3 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 258px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
	line-height: 10px;
}
.Col1-Row4-SpecialOffers { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 165px;
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left;
	line-height: 15px;
}
.Col1-Row4-SpecialOffers2 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left;
	line-height: 15px;
}
.Col1-Row4-SpecialOffers3 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 258px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left;
	line-height: 15px;
}
.Col1-Row3-ColA-SpecialOffers { /*** used in 1 column version - row 3 - Travelling on - special offers ***/
	display: block;
	float: left;
	width: 66px;
	overflow: hidden;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left; 
	line-height: 10px;
	padding: 4px 0px 0px 0px;
}
.Col1-Row3-ColB-SpecialOffers { /*** used in 1 column version - row 3 - Travel Dates - special offers ***/
	display: block;
	float: left;
	width: 145px;
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left;
	line-height: 15px;
	margin: 0px 0px 0px 5px;
}
.Col1-5-SpecialOffersLogos { /*** used in spanning 2 column version - Price - special offers ***/
	display: block;
	float: left;
	width: 93px;
	overflow: hidden;
	padding: 14px 0px 0px 0px;
}
.Col1-5-SpecialOffersLogos2 { /*** used in spanning 2 column version - Price - special offers ***/
	display: block;
	float: left;
	width: 93px;
	overflow: hidden;
	padding: 14px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}
.Col2-SpecialOffers { /*** spanning 2 columns - second column - Price - special offers ***/
	display: block;
	float: left;
	width: 100px /*** WAS 100px***/;
	overflow: hidden;
	padding: 0px 0px 0px 0px /*** WAS 15px ***/;
}
.Col2-Pounds-SpecialOffers { /*** spanning 2 columns - Pounds Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 13px 0px 0px 0px;
	font-size: 27px; color: #f37415; font-weight: bold; text-align: right;
	width: 84px /*** WAS 69px***/;
}
.Col2-Pounds-SpecialOffers2 { /*** spanning 2 columns - Pounds Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 3px 0px 0px 0px;
	font-size: 27px; color: #f37415; font-weight: bold; text-align: center;
	width: 100px /*** WAS 69px***/;
}
.Col2-Pence-SpecialOffers { /*** spanning 2 columns - Pence Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 25px 0px 0px 0px;
	font-size: 14px; color: #f37415; font-weight: bold; text-align: right;
	width: 16px;
}
.Col2-Pence-SpecialOffers2 { /*** spanning 2 columns - Pence Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 12px 0px 0px 0px;
	font-size: 14px; color: #f37415; font-weight: bold; text-align: right;
	width: 16px;
}
.Col2-ReturnFare-SpecialOffers { /*** spanning 2 columns - Return Column - special offers ADDITION 23-02-2011 ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 12px; color: #727272; font-weight: normal; text-align: center;
	width: 100px /*** WAS 69px***/;
}
.Col3-SpecialOffers { /*** spanning 2 columns - third column - special offers ***/
	display: block;
	float: right;
	width: 234px;
	overflow: hidden;
	padding: 17px 0px 0px 0px;
	font-size: 14px; color: #727272; font-weight: normal; text-align: right;
}
.go-button { /*** go button used in both 1 column and spanning 2 columns - special offers ***/
	border: none;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	background: url(images/go-button.gif) no-repeat 0 0;
	padding-bottom: 2px;
	height: 17px;
	width: 31px;
}
.go-button2 { /*** go button used in both 1 column and spanning 2 columns - special offers ***/
	border: none;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	background: url(images/go-button.gif) no-repeat 0 0;
	padding-bottom: 2px;
	height: 17px;
	width: 31px;
	margin-left: 10px; /*** Added 23-03-2011 ***/
}
.go-button:hover { /*** go button used in both 1 column and spanning 2 columns - special offers ***/
	background-position: 0 -17px;
}
.go-button span { /*** go button used in both 1 column and spanning 2 columns - special offers ***/
	display: none;
}
.HolderEnd-SpecialOffers { /*** spanning 2 columns - holds the very last row in the special offer section (more info and * terms) ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.End-SpecialOffers-StarTerms { /*** spanning 2 columns - holds the * terms ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 3px 0px 0px 0px;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
	width: 420px;
}
.End-SpecialOffers-More { /*** spanning 2 columns - holds the more special offers > ***/
	display: block;
	float: right;
	overflow: hidden;
	text-align: right;
	width: 182px;
}
/************************************************************************* amended 18-11-2010 special offers spanning 2 columns - end *****/

/************************************************************************* additional 23-11-2010 WTA Banner - start *****/
#WTA-Banner { /*** used in phase 1 only replaced by '#WTA-Banner2' ***/
	float: left;
	width: 956px;
	height: 57px;
	padding: 0px 12px 3px 12px;
	text-align: left;
	border: 0px;
}
/************************************************************************* additional 23-11-2010 WTA Banner - end *****/

/************************************************************************* additional 24-11-2010 - start *****/
a.IntroLink:link { 
	font-size: 14px;
	color: #005684;
	text-align: left;
	font-weight: normal;
	line-height: 19px;
	letter-spacing: 0px; 
}
a.IntroLink:visited {
	font-size: 14px;
	color: #005684;
	text-align: left;
	font-weight: normal;
	line-height: 19px;
	letter-spacing: 0px; 
}
a.IntroLink:hover {
	font-size: 14px;
	color: #81B5D8;
	text-align: left;
	font-weight: normal;
	line-height: 19px;
	letter-spacing: 0px; 
}
/************************************************************************* additional 24-11-2010 - end *****/

/************************************************************************* additional 13-12-2010 - start *****/
.Header-No-Panel { /*** Header Class for TTG ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 17px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
}
.Header-With-Panel { /*** Header Class for TTG ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 17px;
	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
}
hr { /*** horizontal line for TTG ***/
	color: #fff;
	background-color: #fff;
	border: 1px dotted #fdcc1a;
	border-style: none none dotted;
	width: 100%;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}
.TandC { /*** terms and conditions for TTG ***/
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
}
/************************************************************************* a - z selector - start *****/
.Holder-Row-3col { /*** spanning 3 columns - holds a row ***/
	display: block;
	float: left;
	width: 928px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	clear: both;
}
.Holder-Row-3col-Selector { /*** spanning 3 columns - holds the a - z selector row ***/
	display: block;
	float: left;
	width: 928px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.A-Z-Col { /*** letter a - z columns for the selector ***/
	display: block;
	float: left;
	width: 35px;
	overflow: hidden;
	text-align: left;
	padding-top: 10px;
}
.AZSelectorTextLink:link { /*** a - z selector text link ***/
	font-size: 14px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
	line-height: 21px;
} 
.AZSelectorTextLink:visited { /*** a - z selector text link ***/
	font-size: 14px; 
	color: #005684; 
	font-weight: bold;
	border-bottom: 1px dotted #005684;
	line-height: 21px;
}
.AZSelectorTextLink:hover { /*** a - z selector text link ***/
	font-size: 14px; 
	color: #727272; 
	font-weight: bold;
	border-bottom: 1px dotted #727272;
	line-height: 21px;
}
/************************************************************************* a - z selector - end *****/

/************************************************************************* newsletter ALT - start *****/
.divNewsletterHolderAlt { 
	width: 298px;
	margin: 0px auto 0px auto;
	border: 1px solid #316ea4;
}
.divNewsletterRow1Alt {
	width: 298px;
	height: 36px;
	background-color: #316ea4;
}
.BlueDottedLineAlt {
	border-top: 1px dotted #316ea4;
	height: 1px;
	width: 100%;
}
.divNewsletterIconHoldAlt {
	float: left;
	margin: 2px 3px 4px 6px;
	width: 35px;
	height: 28px;
	background: url(images/newsletter-icon.gif) no-repeat;
}
.divNewsletterTypeHoldAlt { /*** Newsletter White Header Text ***/
	float: left;
	/*** width: 251px; ***/
	padding: 12px 0px 0px 0px;
	font-size: 16px;
	color: #FFF;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 18px;
	margin: 0px 0px 6px 0px;
	letter-spacing: 0px;
}
.divNewsletterRow2Alt {
	width: 298px;
	height: 73px;
	background: url(images/newsletter-background.jpg) repeat-x;
}
.divNewsletterRow2AltL {
	width: 298px;
	height: 160px;
	background: url(images/newsletter-background2.jpg) repeat-x;
}
.divNewsletterRow2point1Alt {
	padding: 4px 0px 0px 11px;
	font-size: 13px;
	color: #005684;
	text-align: left;
}
.divNewsletterFormPanelAlt {
	padding: 9px 0px 0px 11px;
}
#divNewsletterRow2point2Alt {
	padding: 4px 0px 0px 11px;
}
/************************************************************************* newsletter ALT - end *****/
.arrowBullet {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 10px; 
	list-style-image: url(images/arrowBullet.gif);
	line-height: 19px; /*** WAS 17px 28-02-2011 ***/
}
.arrowBullet li {
	padding: 0px 0px 0px 0px;
	line-height: 19px; /*** WAS 17px 28-02-2011 ***/
}
.NOarrowBullet {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 10px; 
	list-style-image: none;
	line-height: 19px; /*** WAS 17px 28-02-2011 ***/
}
.NOarrowBullet li {
	padding: 0px 0px 0px 0px;
	line-height: 19px; /*** WAS 17px 28-02-2011 ***/
}
.ColStart-3col-Left { /*** spanning 3 column - first Column only LEFT ***/
	display: block;
	float: left;
	width: 136px;
	overflow: hidden;
	text-align: left;
}
.ColRest-3col-Left { /*** spanning 3 column - all other columns after the first column LEFT ***/
	display: block;
	float: left;
	width: 136px;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
	text-align: left;
}
/************************************************************************* additional 13-12-2010 - end *****/

/*** what was Content_Aferrycouk_2.css below ***/
/************************************************************************* special offers - 1 column - start *****/
.Holder-IndivOffer-1col { /*** 1 column - holds a special offer ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
.Col1-SpecialOffers-1col { /*** 1 column -  Route, Travel Details, Travelling on, Travel Dates - special offers ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
}
.Col1-Row1-SpecialOffers-1col { /*** 1 column - row 1 - Route - first column - special offers ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left; /*** OLD - font-size: 14px; color: #424242; font-weight: normal; ***/
	line-height: 15px;
}
.Col1-Row2-SpecialOffers-1col { /*** 1 column -  row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	font-size: 12px; color: #727272; font-weight: normal; text-align: left;
	line-height: 15px;
}
.Col1-Row3-ColB-SpecialOffers-1col { /*** 1 column - row 3 - Travel Dates - first column - special offers ***/
	display: block;
	float: left;
	width: 205px;
	overflow: hidden;
	font-size: 12px; color: #005684; font-weight: bold; text-align: left;
	line-height: 15px;
	margin: 0px 0px 0px 5px;
}
.Col2-Pounds-SpecialOffers-1col { /*** 1 column - Pounds Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 2px 0px 0px 0px;
	font-size: 27px; color: #f37415; font-weight: bold; text-align: right;
	width: 84px /*** WAS 69px ***/;
}
.Col2-Pence-SpecialOffers-1col { /*** 1 column - Pence Column - second column - Price - special offers ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 14px 0px 0px 0px;
	font-size: 14px; color: #f37415; font-weight: bold; text-align: right;
	width: 16px;
}
.HolderEnd-TermsMore-1col { /*** 1 column - holds the very last row in the special offer section (more info and * terms) - is also used in other panels!!! ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.StarTerms-1col { /*** 1 column - holds the * terms - is used in other panels!!! ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 10px; color: #727272; font-weight: normal; text-align: left;
	width: 276px;
}
.End-SpecialOffers-More-1col { /*** 1 column - holds the more special offers > ***/
	display: block;
	float: left;
	overflow: hidden;
	text-align: left;
	width: 276px;
}
.Col276-AddedPadding { /*** added padding for 1 column special offers panel between the logos and the price ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 6px 0px 6px 0px;
}
/************************************************************************* special offers - 1 column - end *****/

/************************************************************************* timetables - 1 column - start *****/
.Timetable-date {
	float: left;
	display: block;
	width: 41px;
	overflow: hidden;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	font-size: 11px; color: #005684; font-weight: bold; text-align: left;
}
.Timetable-times { /*** added 04-01-2011 ***/
	float: left;
	display: block;
	width: 229px;
	overflow: hidden;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	font-size: 11px; color: #727272; font-weight: normal; text-align: left;
}
/*** NOT IN USE NOW 04-01-2011 
.Timetable-cols {
	float: left;
	display: block;
	width: 26px;
	overflow: hidden;
	padding: 0px 3px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px; color: #727272; font-weight: normal; text-align: right;
} ***/
.Holder-TimetableIndivOffer-1col { /*** 1 column - holds each week day in the timetable panel ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
.Holder-WeekEnd-TimetableIndivOffer-1col { /*** 1 column - holds each weekend day in the timetable panel ***/
	display: block;
	float: left;
	width: 276px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	border-bottom: dotted #fdcc1a 1px;
	background-color: #e5e5e5;
}
.Timetable-DepartureTimesHead {
	float: left;
	display: block;
	width: 100px;
	overflow: hidden;
	padding: 0px 3px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px; color: #005684; font-weight: bold; text-align: left;
}
.Timetable-dateHead {
	float: left;
	display: block;
	width: 41px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px; color: #005684; font-weight: bold; text-align: left;
}
.view-button { /*** view button - timetables ***/
	border: none;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	background: url(images/view-button.gif) no-repeat 0 0;
	padding-bottom: 2px;
	height: 17px;
	width: 41px;
}
.view-button:hover { /*** view button - timetables ***/
	background-position: 0 -17px;
}
.view-button span { /*** view button - timetables ***/
	display: none;
}
/************************************************************************* timetables - 1 column - end *****/

/************************************************************************* with 2 columns within a spanning 2 column panel (news pages) - start *****/
.divSinglePicWithinSpanning2PanelHoldTopPanel { /*** This picture holder is for panelled pictures at the very top of a panel ***/
	margin: 14px 22px 2px 0px;
	/*** width: 290px; ***/
	/*** overflow: hidden; ***/
	float: left;
}
/************************************************************************* with 2 columns within a spanning 2 column panel (news pages) - end *****/

/************************************************************************* news - start *****/
.Holder-NewsStory-2col { /*** 2 column - holds a news story ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
.Holder-NewsStory-2col-End { /*** End Story - 2 column - holds a news story ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
}
.PicHolder60x60 {
	width: 58px;
	height: 58px;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0px 14px 0px 0px;
	border: solid #81B5D8 1px;
}
.TextHolder528 {
	width: 528px;
	display: block;
	float: left;
	overflow: hidden;
}
/************************************************************************* news - end *****/

/************************************************************************* FAQ - start *****/
.Holder-FAQ-2col { /*** 2 column - holds a FAQ ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
/************************************************************************* FAQ - end *****/

/************************************************************************* spanning 3 column panel - start *****/
.panelTop-3col { /*** top div of a spanning 3 column panel ***/
	width: 956px;
	height: 5px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm3col.gif) no-repeat 0px 0px;
	padding-top: 0px; /*** alters the space between the top of the panel and the header title ***/
}
.panelBtm-3col { /*** bottom div of a spanning 3 column panel ***/
	width: 956px;
	height: 10px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm3col.gif) no-repeat 0 -10px;
	padding-bottom: 18px; /*** alter the gap between panels ***/
	margin-top: 0px;
	float: left;
}
.panel-3col { /*** middle div style within a spanning 3 column panel ***/
	width: 928px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_middle3col.gif) repeat-y 0 0px;
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	overflow: hidden;
}
.panel-3col p { /*** paragraph style within a spanning 3 column panel ***/
	padding: 10px 0px 1px 0px;
	text-align: left;
}
.panel-3col h2 { /*** This is the added padding for h2 within a spanning 3 column panel ***/
	padding: 9px 0px 4px 0px;
}
.panel-3col h3 { /*** This is the added padding for h3 within a spanning 3 column panel ***/
	padding: 10px 0px 0px /*** WAS 5px ***/ 0px;
}
.panel-3col p+h3 { /*** This is the margin taken away when h3 follows directly after paragraph within a spanning 3 column panel ***/
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-3col ul+h3 {
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-3col li { /*** This is the added padding for li within a spanning 3 column panel ***/
	padding: 0px 0px 0px 0px;
	line-height: 16px;
}
.TitleIconHolderForPanel-3col { /*** This is the icon and title holding div within a spanning 3 column panel ***/
	display: block;
	width: 928px;
	border-bottom: dotted #fdcc1a 1px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.TitleHolderForPanel-3col { /*** This is the title holder div within a spanning 3 column panel ***/
	display: block;
	float: left;
	width: 884px; /*** WAS 898 AMENDED 02-02-2011 ***/
	overflow: hidden;
}
.div3colMiddle { /*** spanning the 3 coloumns ***/ 
	float: left;
	width: 956px;
	margin: 0px 12px 0px 12px;
	overflow: hidden;
}
/************************************************************************* spanning 3 column panel - end *****/

/*** what was Content_Aferrycouk_3.css below ***/
/************************************************************************* spanning 3 column panel inner content - start *****/
.non-panelTopTitleHolder-3col { /*** top header title holder ***/
	float: left;
	width: 952px;
	margin: 2px 2px 0px 2px;
	padding: 0px 0px 9px 0px;
	display: block;
	overflow: hidden; 
}
.ColStart-3col { /*** spanning 3 column - first Column only ***/
	display: block;
	float: left;
	width: 136px;
	overflow: hidden;
	text-align: center;
}
.ColRest-3col { /*** spanning 3 column - all other columns after the first column ***/
	display: block;
	float: left;
	width: 136px;
	overflow: hidden;
	padding: 0px 0px 0px 22px;
	text-align: center;
}
.Auto {
	width: 123px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
a.pStyleLink:link { 
	font-size: 11px; /*** WAS 12px AMENDED 02-02-2011 ***/
	line-height: 16px; /*** WAS 17px AMENDED 02-02-2011 ***/
	font-weight: normal;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	/***margin: 0px auto 0px auto;***/
	/***display: inline-block;***/
	text-align: center;
}
a.pStyleLink:visited {
	font-size: 11px; /*** WAS 12px AMENDED 02-02-2011 ***/
	line-height: 16px; /*** WAS 17px AMENDED 02-02-2011 ***/
	font-weight: normal;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	/***margin: 0px auto 0px auto;***/
	/***display: inline-block;***/
	text-align: center;
}
a.pStyleLink:hover {
	font-size: 11px; /*** WAS 12px AMENDED 02-02-2011 ***/
	line-height: 16px; /*** WAS 17px AMENDED 02-02-2011 ***/
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	/***margin: 0px auto 0px auto;***/
	/***display: inline-block;***/
	text-align: center;
}
a.SmallTextLink:link { /*** NEW 02-02-2011 ***/
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #81B5D8;
	border-bottom: 1px dotted #81B5D8;
	text-decoration: none;
	text-align: center;
	font-style: italic;
}
a.SmallTextLink:visited { /*** NEW 02-02-2011 ***/
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #81B5D8;
	border-bottom: 1px dotted #81B5D8;
	text-decoration: none;
	text-align: center;
	font-style: italic;
}
a.SmallTextLink:hover { /*** NEW 02-02-2011 ***/
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: center;
	font-style: italic;
}
.div2colMiddle-Left { /*** spanning the left 2 coloumns ***/ 
	float: left;
	width: 630px;
	margin-left: 12px;
	overflow: hidden;
}
/************************************************************************* spanning 3 column panel inner content - end *****/

/************************************************************************* additional 19-11-2010 - start *****/
.Holder-Row-Company-Logo-Text { /*** spanning 3 columns - holds a row of logos plus text below logo ***/
	display: block;
	float: left;
	width: 928px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	clear: both;
}
/************************************************************************* additional 19-11-2010 - end *****/

/*** what was booking-engine-surround.css below ***/
/************************************************************************* start *****/
.divBookingEngineHold { /*** engine holder ***/
	width: 300px;
	margin: 0px auto 0px auto;
}
.divDefaultEngineTabHold { /*** tab holder ***/
	width: 300px;
	height: 26px;
	overflow: hidden;
}
.divDefaultEngineTabOFF { /*** tab OFF ***/
	width: 150px;
	height: 26px;
	overflow: hidden;
	float: left;
	background-image: url(images/booking-engine-surround/off-tab.gif);
	background-repeat:no-repeat;
}
.divDefaultEngineTabON { /*** tab ON ***/
	width: 150px;
	height: 26px;
	overflow: hidden;
	float: left;
	background-image: url(images/booking-engine-surround/on-tab.gif);
	background-repeat:no-repeat;
}
a.tabOFFtextLink:link { /*** tab OFF text link ***/
	font-size: 15px;
	color: #81B5D8;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
a.tabOFFtextLink:visited { /*** tab OFF text link ***/
	font-size: 15px;
	color: #81B5D8;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
a.tabOFFtextLink:hover { /*** tab OFF text link ***/
	font-size: 15px;
	color: #005684;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
a.tabONtextLink:link { /*** tab ON text link ***/
	font-size: 15px;
	color: #005684;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
a.tabONtextLink:visited { /*** tab ON text link ***/
	font-size: 15px;
	color: #005684;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
a.tabONtextLink:hover { /*** tab ON text link ***/
	font-size: 15px;
	color: #81B5D8;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 9px;
	display: block;
}
.booking-engine-border {
	border: solid 5px #fdca0b;
	overflow: hidden;
	display: block;
}
.EngineHold {
	width: 300px;
	overflow: hidden;
	display: block;
}
.booking-engine-backgound-border {
	width: 290px;
	overflow: hidden;
	display: block;
	background-color: #fee8ac;
}
#BE-container {
	width: 280px;
	overflow: hidden;
	display: block;
	margin: 13px auto 13px auto;
	text-align: left;
}
/************************************************************************* end *****/

/*** what was banner-rotator.css below ***/
/************************************************************************* start *****/
#divBannerRotatorHolder {
	width: 626px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	border: 0px;
}
#scroller { 
	height: 194px; /* Change the overall height here */
	width: 626px; /* Change the overall width here */
	overflow: hidden;
	background: #000; 
	color: #FFF;
	position: relative;
	line-height: 16px;
	font-size: 13px;
	border: 0px; 
}

/* positioning of the numbers at the top right */
#helpers { 
	margin: 0px;
	padding: 0px; 
	position: absolute;
	height: 28px;
	top: 0px; /* controls the position of the numbers from the top right corner */
	right: 29px;
	background: #fee594; /* scroller background colour */
	border: 0px; 
}

#helpers  li { 
	margin: 0px;
	padding: 0px;
	height: 28px;
	min-width: 28px;
	line-height: 28px; 
	display: inline; 
	border: 0px; 
}

/* Edit here to change the styles of the hyperlinks for the numbers at the bottom */
#helpers a { 
	color: #005785; /* scroller text off colour */
	text-decoration: none;
	padding: 7px;
	min-width: 30px;
	line-height: 28px; 
	border: 0px; 
}

#helpers a:hover  { 
	text-decoration: underline; 
	background: #005785; /* scroller hover background colour */
	color: #FFF; /* scroller hover text colour */
	border: 0px; 
}

/* positioning of the play pause button */
#control { 
	display: inline;
	position: absolute;
	right: 29px;
	top: 0px; }

#controlPauseContainer { 
	padding: 0px;
	display: inline-block;
	margin: 0px;
	position: absolute; 
	list-style-type: none; }

#control a { 
	color: #FFF; 
	text-decoration: none;
	padding: 7px;
	position: absolute; 
	border: 0px; }

#control li a.carousel-pause { 
	background: url(images/buttons-banner-rotator/pause.gif); 
	width: 15px; 
	height: 14px; }/*pause button*/

#control li a.carousel-pause:hover { 
	background: url(images/buttons-banner-rotator/pause_hover.gif); 
	width: 15px;
	height: 14px; }/*pause button*/

#control li a.carousel-resume { 
	background: url(images/buttons-banner-rotator/play.gif); 
	width: 15px;
	height: 14px; }/*pause button*/

#control li a.carousel-resume:hover { 
	background: url(images/buttons-banner-rotator/play_hover.gif); 
	width: 15px;
	height: 14px;}/*pause button*/

#helpers li a.show-active { 
	background: #005785; /* scroller on background colour */
	color: #FFF; }/* scroller on text colour */

.inactive { 
	background: #fee594; }

.imageElement { 
	position: absolute;
}

/* Header Text Styling Panels */
.Header {
	position: absolute;
	width: 606px;
	top: 140px; /*** was 169px ***/
	line-height: normal;
	left: 10px;
	padding-left: 0px;
}

/* Description Text Styling Panels */
.Description { 
	position: absolute;
	width: 602px;
	top: 170px; /*** was 195px ***/
	line-height: normal;
	left: 12px;
	padding-left: 0px;
}

/* Banner Header Link Text */
a.BannerHeader:link { 
	font-size: 23px; /*** was 18px ***/
	color: #fee594;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: normal;
	line-height: 28px; /*** was 23px ***/
	letter-spacing: 0px;
}
a.BannerHeader:visited {
	font-size: 23px; /*** was 18px ***/
	color: #fee594;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: normal;
	line-height: 28px; /*** was 23px ***/
	letter-spacing: 0px;
}
a.BannerHeader:hover {
	font-size: 23px; /*** was 18px ***/
	color: #fee594;
	text-decoration: none;
	border-bottom: 1px dotted #fee594;
	font-weight: normal;
	line-height: 28px; /*** was 23px ***/
	letter-spacing: 0px;
}

/* Banner Description Link Text */
a.DescriptionText:link { 
	font-size: 11px; /*** was 12px ***/
	color: #FFF;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: normal;
	line-height: 16px; /*** was 17px ***/
	letter-spacing: 1px;
}
a.DescriptionText:visited {
	font-size: 11px; /*** was 12px ***/
	color: #FFF;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: normal;
	line-height: 16px; /*** was 17px ***/
	letter-spacing: 1px;
}
a.DescriptionText:hover {
	font-size: 11px; /*** was 12px ***/
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	font-weight: normal;
	line-height: 16px; /*** was 17px ***/
	letter-spacing: 1px;
}

#nav-menu ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
}
/************************************************************************* end *****/

/************************************************************************* pull quote start *****/
.PullQuote { /*** Intro below h1 ***/
	font: normal 16px Arial, Helvetica, sans-serif; color:#005684; line-height:19px; font-style: italic; text-align: left;
	width: 100%;
}
/************************************************************************* pull quote end *****/

.Holder-Row-BtmDotLine { /*** row holder brm dotted line 100% width ***/
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
/************************************************************************* border start *****/
.borderlightblue {
	border: 1px solid #81B5D8;
}
/************************************************************************* border end *****/

/************************************************************************* news thumbnail no border start *****/
.PicHolder60x60NOBORDER {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0px 14px 0px 0px;
}
/************************************************************************* news thumbnail no border end *****/

.faqBullet {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 10px; 
	list-style-image: url("images/arrowBullet.gif");
	line-height: 22px;
}
.faqBullet li {
	padding: 0px 0px 0px 0px;
	line-height: 22px;
}
.biggerFaq {
	font-weight: bold;
	font-size: 14px;  
}
.ColStart2-1col { /*** first Column only NEW 01-03-2011 ***/
	display: block;
	float: left;
	width: 127px;
	overflow: hidden;
	text-align: left;
	padding: 10px /*** ADDED 28-02-2011 ***/ 0px 0px 0px;
}
.ColRest2-1col { /*** all other columns after the first column NEW 01-03-2011 ***/
	display: block;
	float: left;
	width: 127px;
	overflow: hidden;
	text-align: left;
	padding: 10px /*** ADDED 28-02-2011 ***/ 0px 0px 22px;
}
.Header-No-Panel-Link:link { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #f37415;
	line-height: 19px;
	letter-spacing: 0px;
}
.Header-No-Panel-Link:visited { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #f37415;
	line-height: 19px;
	letter-spacing: 0px;
}
.Header-No-Panel-Link:hover { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #81B5D8;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #81B5D8;
	line-height: 19px;
	letter-spacing: 0px;
}
.Header-With-Panel-Link:link { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #f37415;
	line-height: 19px;
	letter-spacing: 0px;
}
.Header-With-Panel-Link:visited { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #f37415;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #f37415;
	line-height: 19px;
	letter-spacing: 0px;
}
.Header-With-Panel-Link:hover { /*** ADDED 01-03-2011 ***/
	font-size: 14px;
	color: #81B5D8;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #81B5D8;
	line-height: 19px;
	letter-spacing: 0px;
}		
/***
#regfr {
	margin: 0;
	padding: 0;
	overflow: hidden;
} ***/
a.ninepx:link { 
	font-size: 9px;
	color: #005684;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #005684;
	line-height: 13px;
	letter-spacing: 0px;
}
a.ninepx:visited {
	font-size: 9px;
	color: #005684;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #005684;
	line-height: 13px;
	letter-spacing: 0px;
}
a.ninepx:hover {
	font-size: 9px;
	color: #727272;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #727272;
	line-height: 13px;
	letter-spacing: 0px;
}
/*** Companies Redesigns 15-03-2011 Start ***/
.ColStart-5col { /*** spanning 2 and 3 column - first Column only LEFT ***/
	display: block;
	float: left;
	width: 176px;
	overflow: hidden;
	text-align: center;
}
.ColRest-5col { /*** spanning 3 column - all other columns after the first column LEFT ***/
	display: block;
	float: left;
	width: 176px;
	overflow: hidden;
	padding: 0px 0px 0px 12px;
	text-align: center;
}
.Col5-border {
	display: block;
	float: left;
	width: 174px;
	height: 124px; /*** added 19-04-2011 so all line up ***/
	overflow: hidden;
	border: 1px dotted #727272;
	padding: 10px 0px 10px 0px;
	background: url(images/company-bg.jpg) repeat-x;
	background-position: bottom;
}
.outerdiv {
	height: 50px; /*** needed for all companies mini panels in the same line to line up ***/
	width: 174px;
	overflow: hidden;
	padding: 10px 0px 12px 0px;
}
table.companiestable {
	width: 100%;
	height: 100%; /*** needed for valign ***/
}
table.companiestable td {
	vertical-align: middle;
}
a.TenPixelLinkBlue:link { 
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: center;
}
a.TenPixelLinkBlue:visited {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: center;
}
a.TenPixelLinkBlue:hover {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: center;
}
.AddedPadding2 { /*** used in the divLeft column at the top of the page - to align with the picture ***/
	padding: 8px 0px 0px 0px;
}
/*** Companies Redesigns 15-03-2011 End ***/

/*** Countries Redesigns 16-03-2011 Start ***/
.div4ColHolder-Start {
	float: left;
	width: 230px;
	overflow: hidden;
}
.div4ColHolder-Rest {
	float: left;
	width: 230px;
	overflow: hidden;
	margin: 0px 0px 0px 12px;
}
.Col4-border {
	display: block;
	float: left;
	width: 228px;
	overflow: hidden;
	border: 1px dotted #727272;
	padding: 10px 0px 10px 0px;
	background: url(images/countries-bg.jpg) repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
.CountriesHolder {
	padding: 0px 10px 0px 10px;
	overflow: hidden;
}
.CountriesGuideHolder {
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 2px 0px;
	overflow: hidden;
	width: 206px;
	height: 26px;
	border: 1px solid #e8e8e8;
	background: url(images/countries-guide-bg.jpg) repeat-x;
	background-position: top;
	text-align: center;
}
.CountriesGuideHolder2 {
	margin: 4px auto 0px auto;
	overflow: hidden;
	width: 206px;
	text-align: center;
	display: block;
}
.CountriesImageFrame {
	float: left;
	width: 78px;
	height: 78px;
	border: 1px solid #e8e8e8;
	background-color: #FFFFFF;
}
.CountriesImageHolder {
	width: 70px;
	height: 72px;
	margin: 3px auto 0px auto;
	background-color: #66FFFF;
	overflow: hidden;
}
.CountriesTextHolder {
	width: 118px;
	float: left;
	padding: 0px 0px 0px 10px;
}
a.GuideBookTextLink:link { 
	font-size: 10px;
	font-weight: normal;
	line-height: 19px;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
}
a.GuideBookTextLink:visited {
	font-size: 10px;
	font-weight: normal;
	line-height: 19px;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
}
a.GuideBookTextLink:hover {
	font-size: 10px;
	font-weight: normal;
	line-height: 19px;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
}
.Holder-Row-3col-956px { /*** spanning 3 columns - holds a row WITHOUT Panels used on 'Countries' ***/
	display: block;
	float: left;
	width: 956px;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	clear: both;
}
/*** Countries Redesigns 16-03-2011 end ***/

/*** Other List Pages - 'Ports' and 'Ferry Routes' Start ***/
.div4ColHolderPanel-Start { /*** for 4 column panels only - 1st column ***/
	float: left;
	width: 222px;
	overflow: hidden;
}
.div4ColHolderPanel-Rest { /*** for 4 column panels only - other columns ***/
	float: left;
	width: 222px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
}
.div4ColHolderPanel-Rest23 { /*** for 4 column panels only - other columns ***/
	float: left;
	width: 222px;
	overflow: hidden;
	margin: 0px 0px 0px 23px;
}

.div4ColHolderInsidePanelSpanCols-Start { /*** popular ferry routes ***/
	float: left;
	width: 215px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.div4ColHolderInsidePanelSpanCols-Rest { /*** popular ferry routes ***/
	float: left;
	width: 215px;
	overflow: hidden;
	margin: 0px 0px 0px 22px;
	padding: 10px 0px 0px 0px;
}
/************************************************************************* spanning 3 column panel - 4 columns within - start *****/
.panelTop-4col { /*** top div of a spanning 3 column panel ***/
	width: 222px; /*** WAS 230 ***/
	height: 5px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm4col.gif) no-repeat 0px 0px;
	padding-top: 0px; /*** alters the space between the top of the panel and the header title ***/
}
.panelBtm-4col { /*** bottom div of a spanning 3 column panel ***/
	width: 222px; /*** WAS 230 ***/
	height: 10px;
	margin-right: auto; margin-left: auto;
	background: url(images/afry_top-btm4col.gif) no-repeat 0 -10px;
	padding-bottom: 18px; /*** alter the gap between panels ***/
	margin-top: 0px;
	float: left;
}
.panel-4col { /*** middle div style within a spanning 3 column panel ***/
	width: 194px; /*** WAS 202 ***/
	margin-right: auto; margin-left: auto;
	background: url(images/afry_middle4col.gif) repeat-y 0 0px;
	margin-top: 0px;
	padding: 0px 14px 0px 14px;
	overflow: hidden;
}
.panel-4col p { /*** paragraph style within a spanning 3 column panel ***/
	padding: 10px 0px 1px 0px;
	text-align: left;
}
.panel-4col h2 { /*** This is the added padding for h2 within a spanning 3 column panel ***/
	padding: 9px 0px 4px 0px;
}
.panel-4col h3 { /*** This is the added padding for h3 within a spanning 3 column panel ***/
	padding: 10px 0px 0px /*** WAS 5px ***/ 0px;
}
.panel-4col p+h3 { /*** This is the margin taken away when h3 follows directly after paragraph within a spanning 3 column panel ***/
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-4col ul+h3 {
	margin-top: 10px; /*** WAS 0px ***/
}
.panel-4col li { /*** This is the added padding for li within a spanning 3 column panel ***/
	padding: 0px 0px 0px 0px;
	line-height: 16px;
}
.TitleIconHolderForPanel-4col { /*** This is the icon and title holding div within a spanning 3 column panel ***/
	display: block;
	width: 222px; /*** WAS 230 ***/
	border-bottom: dotted #fdcc1a 1px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.TitleHolderForPanel-4col { /*** This is the title holder div within a spanning 3 column panel ***/
	display: block;
	float: left;
	width: 222px; /*** WAS 230 ***/
	overflow: hidden;
}
/************************************************************************* spanning 3 column panel - 4 columns within - end *****/
.Holder-Row-3col-956px-panel { /*** spanning 3 columns - holds a row WITH Panels used on 'Ports' and 'Ferry Routes' ***/
	display: block;
	float: left;
	width: 956px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	clear: both;
}
.flaghold {
	width: 25px;
	float: left;
	display: block;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.flagtexthold {
	width: 169px; /*** WAS 177px ***/
	float: left;
	display: block;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.col4 {
	overflow: hidden;
	width: 194px; /*** WAS 202px ***/
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	padding: 10px 0px 10px 0px;
    /*clear: both;*/
}
.picholder-4col {
	width: 194px; /*** WAS 202px ***/
	background-color: #3300CC;
	border: 0;
	margin: 0px 0px 0px 0px;
	display: block;
	overflow: hidden;
}
a.BackTopTextLink:link { 
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: right;
}
a.BackTopTextLink:visited {
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: right;
}
a.BackTopTextLink:hover {
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: right;
}
/*** Other List Pages - 'Ports' and 'Ferry Routes' End ***/

.ColPaddingTop10px { /*** Used any columns that require 10px padding ***/
	padding: 10px 0px 0px 0px;
}

/*** Large Orange Icons for Homepage 5 in a row March 2011 versions - starts here ***/
/************************************************************************* large icons (rollover versions) - start *****/
.divLargeIconsFirsttoFifth2 {
	float: left;
	width: 126px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.divLargeIconHolder2 {
	width: 93px;
	margin: 0px auto 0px auto;
	float: none;
	overflow: hidden;
}
.divLargeIcons-Ports-2 {
	float: left;
	width: 93px;
	margin: 0px 0px 0px 16px;
	overflow: hidden;
}
.divLargeIcons-SpecialDeals-2 {
	float: right;
	width: 126px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.divLargeIcons-FerryCompanies-2 {
	float: left;
	width: 143px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.divLargeIconHolder2-FerryCompanies {
	width: 93px;
	margin: 0px auto 0px 33px;
	float: none;
	overflow: hidden;
}
a.LargeIconLink:link { 
	font-size: 15px;
	color: #005684;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	border: 0;
}
a.LargeIconLink:visited {
	font-size: 15px;
	color: #005684;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	border: 0;
}
a.LargeIconLink:hover {
	font-size: 15px;
	color: #81B5D8;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	border: 0;
}
.LargeIconTextLinkHolder {
	width: 630px;
}
.LargeIconTextLink {
	width: 126px;
	overflow: hidden;
	float: left;
}
#Routes2 { display: block; width: 93px; height: 93px; background: url(images/routes2.gif) no-repeat 0 0; }
#Routes2:hover { background-position: 0 -93px; }
#Routes2 span { display: none; }
 
#Destinations2 { display: block; width: 93px; height: 93px; background: url(images/destinations2.gif) no-repeat 0 0; }
#Destinations2:hover { background-position: 0 -93px; }
#Destinations2 span { display: none; }

#Ferry-Companies2 { display: block; width: 93px; height: 93px; background: url(images/ferry-companies2.gif) no-repeat 0 0; }
#Ferry-Companies2:hover { background-position: 0 -93px; }
#Ferry-Companies2 span { display: none; }

#Ferry-Ports2 { display: block; width: 93px; height: 93px; background: url(images/ferry-ports2.gif) no-repeat 0 0; }
#Ferry-Ports2:hover { background-position: 0 -93px; }
#Ferry-Ports2 span { display: none; }

#Special-Deals2 { display: block; width: 93px; height: 93px; background: url(images/special-deals2.gif) no-repeat 0 0; }
#Special-Deals2:hover { background-position: 0 -93px; }
#Special-Deals2 span { display: none; }
/************************************************************************* large icons (rollover versions) - end *****/
/*** Large Orange Icons for Homepage 5 in a row March 2011 versions - ends here ***/

/*** Special Offers March 2011 versions - starts here ***/
.div2ColHolderPaneled-Start { /*** For Special Offers - Country Panel ***/
	float: left;
	width: 290px; /*** 186 for 3 col, currently for 2 col ***/
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.div2ColHolderPaneled-Rest { /*** For Special Offers - Country Panel ***/
	float: left;
	width: 290px; /*** 186 for 3 col, currently for 2 col ***/
	overflow: hidden; 
	margin: 0px 0px 0px 22px;
	padding: 10px 0px 0px 0px;
}
.Holder-Row-2col { /*** For Special Offers - Companies Panel, spanning 3 columns - holds a row ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 10px 0px 0px 0px;
	clear: both;
}
.ColLeft-SpecialOffers-Companies { /*** For Special Offers - Companies Panel, spanning 2 column - first Column only LEFT ***/
	display: block;
	float: left;
	width: 192px;
	overflow: hidden;
	text-align: center;
}
.ColMiddle-SpecialOffers-Companies { /*** For Special Offers - Companies Panel, spanning 2 column - middle columns only MIDDLE ***/
	display: block;
	float: left;
	width: 192px;
	overflow: hidden;
	padding: 0px 0px 0px 13px;
	text-align: center;
}
.ColRight-SpecialOffers-Companies { /*** For Special Offers - Companies Panel, spanning 2 column - middle columns only MIDDLE ***/
	display: block;
	float: right;
	width: 192px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.Col3-border-SO-Companies { /*** For Special Offers - Companies Panel ***/
	display: block;
	float: left;
	width: 190px;
	overflow: hidden;
	border: 1px dotted #727272;
	padding: 10px 0px 5px 0px;
	background: url(images/company-bg.jpg) repeat-x;
	background-position: bottom;
}
.outerdivCompanySpecialOffers { /*** For Special Offers - Companies Panel ***/
	height: 32px;
	width: 180px;
	overflow: hidden;
	padding: 10px 5px 5px 5px;
	border: 0px;
}
.soTagBullet {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 10px 10px; 
	list-style-image: url(images/pound-tag2.gif);
	line-height: 19px;
}
.soTagBulletGBP {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 10px 10px; 
	list-style-image: url(images/pound-tag2.gif);
	line-height: 19px;
}
.soTagBulletEUR {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 10px 10px; 
	list-style-image: url(images/euro-tag2.gif);
	line-height: 19px;
}
.soTagBullet li {
	padding: 0px 0px 0px 0px;
	line-height: 19px;
}
.soTagBulletGBP li {
	padding: 0px 0px 0px 0px;
	line-height: 19px;
}
.soTagBulletEUR li {
	padding: 0px 0px 0px 0px;
	line-height: 19px;
}
.sotagpadding {
	padding: 0px 0px 5px 0px;
}
/*** Special Offers March 2011 versions - ends here ***/

/*** Very Special Offers Panel - Starts here ***/
.Col3-VerySpecialOffers {
	display: block;
	float: right;
	width: 65px;
	overflow: hidden;
	padding: 17px 0px 0px 0px;
	font-size: 14px; color: #727272; font-weight: normal; text-align: right;
}
.Col2-VerySpecialOffers { 
	display: block;
	float: left;
	width: 100px /*** WAS 100px***/;
	overflow: hidden;
	padding: 0px 0px 0px 0px /*** WAS 15px ***/;
}
.Col1-VerySpecialOffers2 { 
	display: block;
	float: left;
	width: 155px; 
	overflow: hidden;
	margin: 0px 10px 0px 0px;
	padding: 17px 0px 0px 0px;
}
.Col1-VerySpecialOffers3 { 
	display: block;
	float: left;
	width: 207px; 
	overflow: hidden;
	margin: 0px 10px 0px 0px;
	padding: 17px 0px 0px 0px;
}
.Col1-Row1-VerySpecialOffers3 { 
	display: block;
	float: left;
	width: 207px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 14px; color: #005684; font-weight: bold; text-align: left; 
	line-height: 17px;
}
.Col1-Row2-VerySpecialOffers3 { 
	display: block;
	float: left;
	width: 207px;
	overflow: hidden;
	font-size: 14px; color: #727272; font-weight: normal; text-align: left;
	line-height: 17px;
}
.Col1-Row1-VerySpecialOffers2 { /*** spanning 2 columns - row 1 - Route - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 14px; color: #005684; font-weight: bold; text-align: left; /*** OLD - font-size: 14px; color: #424242; font-weight: normal; ***/
	line-height: 17px;
}
.Col1-Row2-VerySpecialOffers2 { /*** spanning 2 columns - row 2 - Travel Details - first column - special offers ***/
	display: block;
	float: left;
	width: 155px; /*** WAS 165px ***/
	overflow: hidden;
	font-size: 14px; color: #727272; font-weight: normal; text-align: left;
	line-height: 17px;
}
/*** Very Special Offers Panel - Ends here ***/

/*** Search Button - Phase 2 - 31-03-2011 Starts Here ***/
.SearchPanelHolder {
	float: right;
	width: 190px;
	height: 23px;
	overflow: hidden;
}
.mglassHolder {
	float: left;
	width: 13px;
	height: 13px;
	overflow: hidden;
	padding: 5px 3px 5px 3px;
	border: 0;
}
.searchboxHolder {
	float: left;
	width: 96px;
	height: 15px;
	overflow: hidden;
	padding: 3px 3px 3px 3px;
}
.searchboxHolder2 {
	float: left;
	width: 96px;
	height: 15px;
	overflow: hidden;
	border: #999999 solid 1px;
	background: #FFFFFF;
}
.searchbuttonHolder {
	float: right;
	width: 63px;
	height: 17px;
	overflow: hidden;
	padding: 3px 0px 3px 0px;
}
fieldset.search {
	border: none;
	width: 96px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.search input, .search button {
	border: none;
	float: right;
}
.search input.box {
                color: #87888a;
                font-size: 11px;
                height: 16px;
                padding: 0px 0px 0px 2px;
                margin-right: 5px;
                background-color: #fff;
                display: block; width: 94px; float: left; /* width = 96, minus 2px for padding */ 
                } 
.search input.box:focus { background: #fff; }

/*** Search Button - Phase 2 - 31-03-2011 Ends Here ***/

/*** Social Media Panel Inc Newsletter Sign up - Phase 2 - 01-04-2011 - Starts Here ***/
.divNewsletterRow2Alt2 {
	width: 298px;
	background: url(images/social-media-panel-background.jpg) repeat-x;
	background-position: bottom;
	padding: 0px 0px 11px 0px;
}
.divSocialMediaRecHolder {
	width: 276px;
	padding: 4px 11px 0px 11px;
	overflow: hidden;
	display: block;
}
.divSocialMediaRecHolderLeftCol {
	width: 138px;
	overflow: hidden;
	display: block;
	float: left;
	padding-top: 10px;
	border: 0;
	margin: 0;
	text-decoration: none;
}
.divSocialMediaRecHolderRightCol {
	width: 133px;
	overflow: hidden;
	display: block;
	float: left;
	padding-left: 5px;
	padding-top: 10px;
	border: 0;
	margin: 0;
	text-decoration: none;
}
#divFindFerryiPhone {
	float: left;
	width: 159px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
	height: 22px;
}
.SocialMediaiPhoneHolder { 
	display: block;
	float: right;
	width: 109px;
	height: 38px;
	margin: 0px 0px 0px 10px;
	border: 0;
	padding: 0;
	text-decoration: none;
}
/*** Social Media Panel Inc Newsletter Sign up - Phase 2 - 01-04-2011 - Ends Here ***/

/*** Footer - Phase 2 - 04-04-2011 - Starts Here ***/
#divFooter2 {
	width: 964px; /*** WAS 980 ***/
	margin: 0px auto 0px auto;
	border-bottom: 1px dotted #005684;
	vertical-align: bottom;
	overflow: hidden;
	display: block;
	clear: both;
	padding-bottom: 10px;
}
#divFooterHold2 {
	float: right;
	min-height: 100%;
	height: 100%;
	width: 964px; /*** WAS 980 ***/
	height: auto;
	margin: 0px auto 0px auto;
	vertical-align: bottom;
	background-color: #f5f5f5;
	overflow: hidden;
	display: block;
	clear: both;
}
#divFlagLinksHold2 {
	float: left;
	width: 964px; /*** WAS 980 ***/
	height: 28px;
	text-align: left;
	background-image: url(images/footer-repeat.gif);
	background-position: top;
	margin: 0px 0px 10px 0px;
}
.l_FlagLinks2 {
	text-align: center;
	font-size: 12px;
	width: 964px; /*** WAS 980 ***/
	margin: 4px auto 0px auto;
}
.l_FlagLinks2 a {
	font-size: 10px;
}
.l_FlagLinks2 ul {
}
.l_FlagLinks2 li {
	display: inline;
}
.l_FlagLinks2 ul li a {
	text-decoration: none;
	color: #727272;
	/*** border-bottom: 1px dotted #727272; 25-02-2011 ***/
	border: 0; /*** ADDED 25-02-2011 ***/
	margin: 0; /*** ADDED 25-02-2011 ***/
	padding: 0; /*** ADDED 25-02-2011 ***/
	text-decoration: none; /*** ADDED 25-02-2011 ***/
}
.l_FlagLinks2 ul li a:hover {
	text-decoration: none;
	color: #005684;
	/*** border-bottom: 1px dotted #005684; 30-03-2011 ***/
	border: 0; /*** ADDED 30-03-2011 ***/
	margin: 0; /*** ADDED 30-03-2011 ***/
	padding: 0; /*** ADDED 30-03-2011 ***/
	text-decoration: none; /*** ADDED 30-03-2011 ***/
}
.l_FlagLinks2 li li {
	padding: 0px 0px 0px 4px;
}
.l_FlagLinks2 ul ul {
	margin: 2px 0px 5px 0px;
}
.FlagText {
	color: #FFFFFF;
	font-size: 11px;
	vertical-align: top;
	font-weight: bold;
}
.FooterRowHolder {
	width: 956px;
	margin: 0px 12px 0px 12px;
	clear: both;
}
.FooterCol1Holder {
	float: left;
	width: 300px;
	padding-right: 14px;
	overflow: hidden;
}
.FooterCol2Holder {
	float: left;
	width: 300px;
	padding-left: 13px;
	padding-right: 14px;
	border-left: #727272 1px dotted;
	min-height: 103px;
	overflow: hidden;
}
.FooterCol3Holder {
	float: left;
	width: 300px;
	padding-left: 13px;
	border-left: #727272 1px dotted;
	min-height: 103px;
	overflow: hidden;
}
.FooterInnerCol1 {
	float: left;
	width: 143px;
	overflow: hidden;
}
.FooterInnerCol2 {
	float: left;
	width: 143px;
	padding-left: 14px;
	overflow: hidden;
}
.FooterInnerColB1 {
	float: left;
	width: 143px;
	overflow: hidden;
}
.FooterInnerColB2 {
	float: left;
	width: 143px;
	padding-left: 14px;
	overflow: hidden;
}
.ElevenText {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #005684;
	text-decoration: none;
	text-align: left;
	padding-bottom: 2px;
}
a.FooterTextLink:link { 
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: left;
}
a.FooterTextLink:visited {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: left;
}
a.FooterTextLink:hover {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: left;
}
.FooterGooglePlus1 {
                width: 100%;
                overflow: hidden;
                padding: 0px 0px 0px 0px;
                border: 0;
                margin: 0;
                text-decoration: none;
                float: left;
                display: block;
}

.arrowBulletFooter {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 10px; 
	list-style-image: url(images/arrowBullet.gif);
	line-height: 17px; /*** WAS 17px 28-02-2011 ***/
}
.arrowBulletFooter li {
	padding: 0px 0px 1px /***added***/ 0px;
	line-height: 17px; /*** WAS 17px 28-02-2011 ***/
}
.BottomNavHolder {
	width: 956px;
	text-align: center;
	margin: 5px auto 0px auto;
}
.PaymentDetailsHolder {
	width: 956px;
	overflow: hidden;
	text-align: right;
	margin: 10px auto 10px auto;
	overflow: hidden;
}
.SocialMediaIconTextHolder2 {
	width: 143px;
	overflow: hidden;
	padding-bottom: 3px;
}
.SocialMediaIconHolder2 {
	width: 20px;
	overflow: hidden;
	padding: 0px 5px 0px 0px;
	border: 0;
	margin: 0;
	text-decoration: none;
	float: left;
	display: block;
}
.SocialMediaTextHolder2 {
	width: 118px;
	overflow: hidden;
	float: left;
	display: block;
}
.ThawteTextLogoHolder {
	width: 300px;
	overflow: hidden;
	display: block;
}
.ThawteTextHolder {
	Width: 140px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.ThawteLogoHolder {
	Width: 59px;
	height: 15px;
	float: left;
	padding: 2px 0px 0px 0px;
}
.PaymentDetailsLogoHolderOuter {
	width: 263px;
	margin: 0px auto 0px auto;
	height: 25px;
	overflow: hidden;
}
.PaymentDetailsLogo1st {
	width: 37px;
	height: 25px;
	float: left;
}
.PaymentDetailsLogo {
	width: 37px;
	height: 25px;
	padding-left: 6px;
	float: left;
}
#divCopyright2 { /*** replaces '#divCopyright' in phase 2 ***/
	width: 956px;
	margin: 6px auto 0px auto;
}
.copyright2 { /*** replaces '.copyright' in phase 2 ***/
	font-size: 10px;
	color: #727272;
	text-align: center;
	letter-spacing: 0px;
}
/*** Footer - Phase 2 - 04-04-2011 - Ends Here ***/

/*** Very Special Offers - Phase 2 - 06-04-2011 - Starts Here ***/
.sixtwosixcentered {
	width: 624px;
	margin: 0px auto 18px auto;
	background-image: url(images/social-media-panel-background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	overflow: hidden;
	border: 1px dotted #005684;
}
.veryspecialofferinner {
	width: 606px;
	margin: 10px auto 10px auto;
	overflow: hidden;
}
.RouteRow {
	width: 606px;
	/**font-weight: bold;
	font-size: 16px;
	color: #005684;**/
	padding: 0px 0px 0px 0px;
}
.CarPeopleCol {
	width: 150px;
	font-weight: bold;
	font-size: 14px;
	color: #005684;
	float: left;
	padding: 8px 0px 0px 0px;
}
.People {
	font-weight: bold;
	font-size: 23px;
	color: #005684;
	text-align: left;
}
.from {
	width: 40px;
	float: left;
	padding: 12px 10px 0px 10px;
	font-size: 14px; color: #727272; font-weight: normal; text-align: center;
	line-height: 17px;
}
.booknowbuttonholder {
	display: block;
	float: left;
	width: 94px;
	overflow: hidden;
	padding: 6px 0px 0px 10px;
}
.booknowbutton {
	border: none;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	background: url(images/book-now-button.gif) no-repeat 0 0;
	padding-bottom: 2px;
	height: 25px;
	width: 94px;
	cursor: pointer;
}
.booknowbutton:hover { 
  background-position: 0 -25px;
}
.booknowbutton span {
	display: none;
}
.PriceExtraPadding {
	padding: 3px 0px 0px 0px;
	width: 100px;
	float: left;
}
.JourneyExtraPadding {
	padding: 14px 0px 0px 0px;
	width: 100px;
	float: left;
}
/*** Very Special Offers - Phase 2 - 06-04-2011 - Ends Here ***/

/*** Additions - Phase 2 - April - Social Media Panel and Footer - Starts Here ***/
.divNewsletterRow2point1Alt2 {
	padding: 4px 0px 0px 11px;
	font-size: 13px;
	color: #005684;
	text-align: left;
	font-weight: bold;
}
.moreInfo2:link { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: normal;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	/*** text-decoration: none; ***/
} 
.moreInfo2:visited { /*** review text link ***/
	font-size: 12px; 
	color: #005684; 
	font-weight: normal;
	border-bottom: 1px dotted #005684;
	line-height: 17px;
	/*** text-decoration: none; ***/
}
.moreInfo2:hover { /*** review text link ***/
	font-size: 12px; 
	color: #727272; 
	font-weight: normal;
	border-bottom: 1px dotted #727272;
	line-height: 17px;
	/*** text-decoration: none; ***/
}
.appHolder {
	width: 278px;
	height: 38px;
	background: url(images/social-media-panel-background.jpg) repeat-x;
	background-position: bottom;
	padding: 10px 10px 10px 10px;
	border: 1px solid #316ea4;
}
.divNewsletterTypeHoldAlt2 { /*** Newsletter White Header Text ***/
	float: left;
	/*** width: 251px; ***/
	padding: 12px 0px 0px 11px;
	font-size: 16px;
	color: #FFF;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	display: block;
	line-height: 18px;
	margin: 0px 0px 6px 0px;
	letter-spacing: 0px;
}
.divNewsletterIconHoldAlt2 {
	float: right;
	padding: 3px 11px 0px 0px;
	width: 30px;
	height: 30px;
}
#WTA-Banner2 { /*** replaces '#WTA-Banner' in phase 2 ***/
	float: left;
	width: 956px;
	height: 33px;
	padding: 0px 12px 0px 12px;
	text-align: left;
	border: 0px;
}
.FooterTextNoLink { 
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #727272;
	text-decoration: none;
	text-align: left;
}
/*** Additions - Phase 2 - April - Social Media Panel and Footer - Ends Here ***/

/*** Special Offers Panel Extra - Starts Here ***/
.Holder-SOPExtra-2col { /*** 2 column - holds a special offer extra ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 7px 0px 7px 0px;
	border-bottom: dotted #fdcc1a 1px;
}
.Holder-SOPExtra-2col-End { /*** 2 column - holds the LAST special offer extra ***/
	display: block;
	float: left;
	width: 602px;
	overflow: hidden;
	padding: 7px 0px 0px 0px;
}
.Col1-SOPExtra {
	float: left;
	width: 320px;
	overflow: hidden;
	padding: 0px 10px 0px 0px;
	display: block;
}
.Col2-SOPExtra {
	float: left;
	width: 158px;
	overflow: hidden;
	padding: 0px 10px 0px 0px;
	display: block;
}
.Col2-Book-Travel-By-SOPExtra { /*** spanning 2 columns - Book Travel By - special offers panel extra ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 12px; color: #727272; font-weight: normal; text-align: center;
	width: 158px;
}
.Col2-Book-Travel-By-Date-SOPExtra { /*** spanning 2 columns - Book Travel By Date - special offers panel extra ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 13px; color: #727272; font-weight: bold; text-align: center;
	width: 158px;
}
.Col1-Offer-SOPExtra { /*** spanning 2 columns - Offer - special offers panel extra ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 15px; color: #005684; font-weight: bold; text-align: left;
	width: 320px;
}
.Col1-Offer-Detail-SOPExtra { /*** spanning 2 columns - Offer Details - special offers panel extra ***/
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	font-size: 12px; color: #727272; font-weight: normal; text-align: left;
	width: 320px;
}
.Price-SOPExtra {
	font-size: 15px;
	color: #f37415;
	font-weight: bold;
}
.div3ColHolderPaneled-Start { /*** For Special Offers - 3 col in a spanning 2 col ***/
	float: left;
	width: 186px; 
	overflow: hidden;
	padding: 10px 0px 0px 0px;
}
.div3ColHolderPaneled-Rest { /*** For Special Offers - 3 col in a spanning 2 col ***/
	float: left;
	width: 186px; 
	overflow: hidden; 
	margin: 0px 0px 0px 22px;
	padding: 10px 0px 0px 0px;
}
/*** Special Offers Panel Extra - Ends Here ***/

#divFollowUsOn2 {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	height: 22px;
}
.GooglePlus1 {
	display: inline;
	float: left;
}

.FooterGooglePlus1 {
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	border: 0;
	margin: 0;
	text-decoration: none;
	float: left;
	display: block;
}

.div2ColHolderPaneled-Start-bdr-first { 
                float: left;
                width: 290px;
                overflow: hidden;
                padding: 10px 11px 0px 0px;
                margin: 0px 0px 0px 0px;
                border-right: 1px dotted #FDCC1A;
}
.div2ColHolderPaneled-Rest-bdr-first { 
                float: left;
                width: 290px;
                overflow: hidden; 
                margin: 0px 0px 0px 0px;
                padding: 10px 0px 0px 10px;
}
.div2ColHolderPaneled-Start-bdr { 
                float: left;
                width: 290px;
                overflow: hidden;
                padding: 20px 11px 0px 0px;
                margin: 0px 0px 0px 0px;
                border-right: 1px dotted #FDCC1A;
}
.div2ColHolderPaneled-Rest-bdr { 
                float: left;
                width: 290px;
                overflow: hidden; 
                margin: 0px 0px 0px 0px;
                padding: 20px 0px 0px 10px;
}
.flag30px {
                width: 30px;
                float: left;
                margin-right: 20px;          
}
.countrytag {
                float: left;
                width: 70px;
                margin-right: 20px;          
                padding-top: 7px;
                overflow: hidden;
}
.tickettag {
                float: left;
                width: auto;
                padding-top: 7px;
                overflow: hidden;
}
/*** new button stuff (to allow expand to size of transaltion button text **/
/* REQUIRED BUTTON STYLES: */
button { 
	position: relative;
	border: 0; 
	padding: 0; margin: 0px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	}
 
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
 
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 5px 0 0; 
	margin: 0px 8px 0px 0px ; 
	font: normal 11px/16px Arial, Helvetica, sans-serif; 
	text-align: center; 
	background: transparent url(images/go-button3.gif) no-repeat right -74px; /* Right Roll Off */
}
	
button.submitBtn span {
	padding: 1px 0 0 8px; #padding: 0px 0 0 4px; 
	margin: 0px;
	height:17px; 
	background: transparent url(images/go-button3.gif) no-repeat left 0px; /* Left Roll Off */
	color: #ffffff; 
	}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -111px; /* Right Roll On */
	color: #e1f1fb;
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -37px; /* Left Roll On */
	color: #e1f1fb;
	}
/*** new button stuff end **/

/*Orange Icon Hold - 4 icons for AFerrySE - NEEDS ADDING TO LIVE CSS!!!!!!!!!!!!!!!!!!!!!13-10-2011 start*/
.orange4iconhold {
                margin: 0px 63px 0px 63px;
                width: 504px;
                clear: both;
                overflow: hidden;
}

.divLargeIcons-SpecialDeals-3 {
                float: left;
                width: 126px;
                margin: 0px 0px 0px 0px;
                overflow: hidden;
}
/*Orange Icon Hold - 4 icons for AFerrySE - NEEDS ADDING TO LIVE CSS!!!!!!!!!!!!!!!!!!!!!13-10-2011 end*/

/*Google +1 - Additional social media panel css - NEEDS ADDING TO LIVE CSS!!!!!!!!!!!!!!!!!!!!!18-04-2012 start*/
#Google { display: block; width: 30px; height: 30px; background: url(images/google+.gif) no-repeat 0 0; }
#Google:hover { background-position: 0 -30px; }
#Google span { display: none; }
/*Google +1 - Additional social media panel css - NEEDS ADDING TO LIVE CSS!!!!!!!!!!!!!!!!!!!!!18-04-2012 end*/
/*to add to live CSS August 2012 - start*/
.rowholdapp {
                width: 300px;
                height: 38px;
}

.holdapp { 
                display: block;
                float: left;
                width: 109px;
                height: 38px;
                margin: 0px 10px 0px 0px;
                border: 0;
                padding: 0;
                text-decoration: none;
}

#YouTube { display: block; width: 30px; height: 30px; background: url(images/youtube.gif) no-repeat 0 0; }
#YouTube:hover { background-position: 0 -30px; }
#YouTube span { display: none; }
/*to add to live CSS August 2012 - end*/

/*JP Unique Colour and Text Styles*/
#divTopBannerStraplineHoldJPcolour {
	float: left;
	width: 463px;
	height: 31px;
	padding: 40px 17px 0px 0px;
	text-align: left;
	font-size: 23px;
	font-weight: bold;
	line-height: 17px;
	color: #CC0099;
}
h3.JPcolour {color:#CC0099; font-size:18px; line-height:24px;}
.Intro-P-JPtext {font-size:18px; line-height:22px;}
h2.JPcolour {color:#CC0099;}
.JPcolour {color:#CC0099;}
.Price-SOPExtra-JPcolour {color: #CC0099;}
/*to add to live CSS April2014 - end*/

/* ADDED APRIL/MAY 2014 - START */
.bdr1 {
	border: 1px solid #FEE594; /* 1px dotted #727272 */
	background: none;
}

.threezeronine {
	width: 290px; /*roughly 309px 276px*/
	float: left;
	padding: 0 28px 0 0;
}
.threezeronine + .threezeronine + .threezeronine {
	padding: 0;
}

.DropdownHolder {
	padding: 10px 0px 0px 0px;
}
.Dropdown {
	color: #727272;
	font-weight: normal;
	font-size: 13px;
	width: 100%;
	height: 30px;
	padding: 5px;
}

.Dropdown > option {
    padding: 5px;
}

.pad0 {
	padding: 0;
}

.pad1 {
	padding-top: 12px;
	padding-bottom: 4px;
}

.pad2 {
	padding-right: 4px;
}

.pad3 {
	padding-bottom: 15px !important;
}

.ElevenPixelbdy { 
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #727272;
	text-decoration: none;
	text-align: left;
}

.CountriesImageFrame2 {
	float: left;
	width: 73px;
	height: 75px;
}

.CountriesImageHolder2 {
	width: 70px;
	height: 72px;
	margin: 3px 0 0 3px;
	overflow: hidden;
}

.CountriesTextHolder2 {
	width: 190px;
	float: left;
	padding: 0 3px 0 13px;
}

.div3ColHolder-Start {
	float: left;
	width: 301px;
	overflow: hidden;
	background-color: #fff;
}

.div3ColHolder-Rest {
	float: left;
	width: 301px;
	overflow: hidden;
	margin: 0px 0px 0px 12px;
	background-color: #fff;
}

.div2ColHolder-Start {
	float: left;
	width: 295px;
	overflow: hidden;
	background-color: #fff;
}

.div2ColHolder-Rest {
	float: left;
	width: 295px;
	overflow: hidden;
	margin: 0px 0px 0px 12px;
	background-color: #fff;
}

.div1ColHolder-Start {
	float: left;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}

.div3ColHolder-Start > .zeb1 > h2,
.div3ColHolder-Rest > .zeb1 > h2,
.div2ColHolder-Start > .zeb1 > h2,
.div2ColHolder-Rest > .zeb1 > h2,
.div1ColHolder-Start > .zeb1 > h2,
.div3ColHolder-Start > .zeb2 > h2,
.div3ColHolder-Rest > .zeb2 > h2,
.div2ColHolder-Start > .zeb2 > h2,
.div2ColHolder-Rest > .zeb2 > h2,
.div1ColHolder-Start > .zeb2 > h2 {
	font-size: 15px;
	margin: 0;
	padding: 10px 0 0 0;
}

.div3ColHolder-Start > .zeb1 > h2 > a:link,
.div3ColHolder-Rest > .zeb1 > h2 > a:link,
.div2ColHolder-Start > .zeb1 > h2 > a:link,
.div2ColHolder-Rest > .zeb1 > h2 > a:link,
.div1ColHolder-Start > .zeb1 > h2 > a:link,
.div3ColHolder-Start > .zeb2 > h2 > a:link,
.div3ColHolder-Rest > .zeb2 > h2 > a:link,
.div2ColHolder-Start > .zeb2 > h2 > a:link,
.div2ColHolder-Rest > .zeb2 > h2 > a:link,
.div1ColHolder-Start > .zeb2 > h2 > a:link {
	font-size: 15px;
	border-bottom: 1px dotted #005684;
	color: #005684;
	font-style: normal;
	font-weight: bold;
}

.div3ColHolder-Start > .zeb1 > p > a:link,
.div3ColHolder-Rest > .zeb1 > p > a:link,
.div2ColHolder-Start > .zeb1 > p > a:link,
.div2ColHolder-Rest > .zeb1 > p > a:link,
.div1ColHolder-Start > .zeb1 > p > a:link,
.div3ColHolder-Start > .zeb2 > p > a:link,
.div3ColHolder-Rest > .zeb2 > p > a:link,
.div2ColHolder-Start > .zeb2 > p > a:link,
.div2ColHolder-Rest > .zeb2 > p > a:link,
.div1ColHolder-Start > .zeb2 > p > a:link {
	color: #005684;
	border-bottom: 1px dotted #005684;
}

.Col3-border {
	display: block;
	float: left;
	width: 299px;
	overflow: hidden;
	border: 1px solid #FEE594; /* 1px dotted #727272 */
	padding: 10px 0px 10px 0px;
	min-height: 95px;
}

.zeb1 {
	background-color: #fff;
	padding: 4px 8px 6px 8px; /* Was 5px 5px 6px 5px */
	clear: both;
	overflow: hidden;
	border: 1px solid #EDF3F8;
}

.zeb2 {
	background-color: #edf3f8; /* Was #e0ecf7 */
	padding: 4px 8px 6px 8px; /* Was 5px 5px 6px 5px */
	clear: both;
	overflow: hidden;
	border: 1px solid #EDF3F8;
}

.CountriesTextHolder2 p {
    padding: 5px 0 0;
}

a.ElevenPixelLinkBlue:link { 
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: center;
}
a.ElevenPixelLinkBlue:visited {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
	text-align: center;
}
a.ElevenPixelLinkBlue:hover {
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #727272;
	border-bottom: 1px dotted #727272;
	text-decoration: none;
	text-align: center; 
}

.inner-4col-start {
	width: 129px;
	display: inline-block;
	float: left;
}

.inner-4col-rest {
	width: 129px;
	display: inline-block;
	float: left;
	padding: 0 0 0 22px;
}

.Col5-border-tt {
	display: block;
	float: left;
	width: 174px;
	overflow: hidden;
	border: 1px solid #FEE594; /* 1px dotted #727272 */
	padding: 10px 0 10px 0;
	min-height: 80px;
}
.outerdiv-tt {
	width: 174px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.Holder-Row-2col + h3 {
	clear: both;
	padding-top: 12px;
}

h3 a:link {
	font-weight: bold;
	color: #005684;
	border-bottom: 1px dotted #005684;
	text-decoration: none;
}
	
/* ADDED APRIL/MAY 2014 - END */