@import url("reset.css");
@import url("nav.css");
@import url("sifr.css");

body {
	color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	line-height:1.4;
	background:url(img/background.jpg) center repeat-y #7f7f7f;
	}
body.overlay {background:none}	
a:link, a:visited, a:active  {color:#0460af; text-decoration: none;}
a:hover {text-decoration:underline;}

.hidden {position:absolute;left:-999em;}
#hide {display:none;}	
div.wrapper {
	font-size:1em;
	position:relative;
	width:984px;
	margin:0 auto;
	background-color: #fff !important;
	z-index: 0;
	}	
	
	div.wrapper:after {
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
		content:".";
	}
	
div.alt			{position:absolute;width:100%;height:28px;top:-28px;overflow:hidden;left:0;}
div.altInner		{left:0;position:absolute;top:28px;background:url(img/alt-tag-bar-vertical-bg.png) repeat-x left top;width:100%;height:28px;z-index:40;}
div.altInner h4		{color:#fff;font-size:1em;padding:2px 0 0 30px;}
div.altTagTarget	{position:absolute;z-index:-150;width:100%;height:218px;display:block;float:left;top:150px;left:0;}

body.homePage div.altTagTarget	{width:65%;height:300px;}

div.flashHolder {clear:both;float:left;width:100%;margin-left:-5px}


/**********************/
/*** GENERAL STYLES ***/
/**********************/
	
div#grad {
	width:100%;
	height:100%;
	margin:0 auto;
	background:url(img/grad.jpg) no-repeat center top;
	}

	div#grad:after {
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
		content:".";
	}
	
div#content p {padding: 5px 0}

div.imagePanel	{position:absolute;top:0;left:0;width:984px;height:900px;z-index:-160;}	

.header {position:absolute; top:0; left:0; width:924px; height:150px; padding: 0 30px; background: url(img/headerBack.png) no-repeat}	
h1 {width:222px; height:89px; cursor:pointer; background:url(img/logo.png); text-indent: -999em}
h1 a {width:222px; height:89px; display :block}

span.subhead {display:block; position:absolute; top:19px; left:272px; width:284px; height: 69px; background: url(img/subhead.png); text-indent: -999em}

div.backgroundImage {float:left; border:#fff solid; border-width:0 10px; width:969px; background:no-repeat;}

div.contentTrans {position:absolute; top: 468px; left:0; margin: 0 30px; width: 924px; height:76px; background:url(img/homeTrans.png) no-repeat}
body.homePage div.contentTrans {top: 559px;}

div#content {float:left; position: relative; width:924px; display:inline; margin: 530px 30px 0 30px; padding:5px 0 15px 0; background:#fff;}
body.homePage div#content {margin-top: 619px;}

img.homepageBadge {position:absolute;top:230px;left:10px;}

img.top-ribbon {position:absolute;top:160px;left:-9px;}
img.middle-ribbon {position:absolute;top:236px;left:-9px;}
img.bottom-ribbon {position:absolute;top:312px;left:-9px;}

div.leftCol {float:left; position:relative; width: 621px; padding: 0 0 0 15px; margin-top: -30px;z-index:2;}
div.rightCol {float:left; position:relative; width: 258px; padding: 0 15px 0 15px; margin-top: -27px;z-index:1;}
body.homePage div.leftCol {margin-top: -50px}
body.homePage div.rightCol {width: 258px; margin-top: -5px; padding: 0 15px 0 15px;}
body.searchPage div.rightCol {padding-left:0; width: 273px; margin-top: -30px}
body.searchInformationPage div.rightCol {margin-top: -23px !important}
body.parksPage div.rightCol {padding-left: 15px; width: 258px; margin-top: -24px}
body.parkHomePage div.rightCol {padding-left: 0; margin-top: -32px !important}
body.newsPage div.leftCol {padding-bottom: 28px;}
body.newsPage div.rightCol {margin-top: -45px}

div.panelSideShadow {position:absolute; top: -33px; left:621px; width:17px; height: 205px; background:url(img/panelSideShadow.png)}
body.homePage div.panelSideShadow {top: -10px;}
div.panelSideShadow.tabs {top: 12px;}

.hr {clear:both; float:left; width:230px; height: 15px; margin: 10px 0 0 0; background:url(img/hr.png); border: 0;}
.hrTop {clear:both; float:left; width:230px; height: 15px; margin: 2px 0 0 0; background:url(img/hr.png); border: 0;}

fieldset {float:left; clear:both}

#tooltip {font-size: 0.9em; background:url(img/tooltips/tooltipPointer.png) no-repeat bottom; position:absolute; z-index:3000; width: 235px; padding-bottom: 20px}
div.tooltipInner {padding: 10px; background:url(img/tooltips/tooltipBack.png) no-repeat;}
#tooltip h3, #tooltip div {margin:0;}

.clear {clear:both}
.right {float:right}
.left {float:left}
.leftFloat {float:left;margin:5px 20px 25px 0}


span.red {color: #dc2757; font-weight:bold}
h2.redTitle, h2.redTitle a {clear:both; color: #dc2757; font-size: 1.6em;}
h3.redTitle, h3.redTitle a {clear:both; color: #dc2757; font-size: 1.5em;}
#infoWindow h3.redTitle,#infoWindow  h3.redTitle a {font-size: 1.4em;}

div.trafficDriver h3.offer a {color: #dc2757;}
h3.blueTitle {clear:both; color: #0460af; font-size: 1.5em; margin: 0 0 7px 0}
div#pnlThankyou h3.blueTitle {font-weight:bold}

h3.redTitleSmaller	{clear:both; color: #dc2757; font-size: 1.4em;}
h3.blueTitle.smaller	{color: #0460af;font-size: 1.3em;padding-top:10px;}

h3.greyTitle {clear:both; color: #4b4b4b; font-size: 1.4em;}
div.rightCol h3.redTitle, div.rightCol h3.redTitleSmaller {margin-left: 15px;}
h2.writingTitle {color: #0460af; clear:both; height: 30px; margin-left:10px;}
h3.writingTitle {color: #0460af; clear:both; height: 39px; font-size: 1.5em; margin-left:10px;}
.boxBlue h3.writingTitle {margin-left: 0; color: #fff;}
div.tabPanelBottom h2.writingTitle {font-size: 1.5em;} 
div.tabPanelBottom div.tabContent h2.writingTitle {margin: 0 0 5px 0; width: 100%} 

div.shadowTop {float:left; margin: 0 0 30px 0;}
div.shadowBottom {float:left; padding: 14px; margin:0 0 -19px -1px;}

div.leftCol .shadowTop {background: url(img/shadowTop.png) no-repeat}
div.leftCol .shadowBottom {background: url(img/shadowBottom.png) bottom no-repeat;}
div.rightCol .shadowTop {background: url(img/shadowTopThin.png) no-repeat; margin: -3px -5px 40px -5px;}
div.rightCol .shadowBottom {width:257px; background: url(img/shadowBottomThin.png) bottom no-repeat;}

div.shadowTop.slideshowShadow {margin: 8px 0 30px 0}
div.shadowTop.reviewShadow {margin-top: 15px; margin-bottom: 40px}
body.searchInformationPage div.shadowTop.slideshowShadow {margin-top: 0}

div.boxGrad {position:relative; background:url(img/boxOutBack.gif) repeat-x bottom #fff}
div.boxGradReversed {position:relative; background:url(img/reverseGradient.jpg) repeat-x top #fff}

div.boxReview {width: 560px; height: 103px; position:relative; background:url(img/reviewBox.gif) repeat-x bottom #fff}
div.boxBlue {color: #fff; width: 560px; height: 103px; position:relative; background:#357fbf}

div.quote {width: 320px;}

div.quote.wide {width: 90%;margin-left:10px;padding:5px 0;}
div#content div.tabPanelBottom div.quote p.pull {color: #0460af; font-size: 1.3em; padding:0; }

div.quote cite {float:right; margin: -8px 30px 0 0;}
div.quote.wide cite {margin: 0 0 10px 0}
img.boxImage {position:absolute; bottom:0; right:-10px;}

div.leftCol div.boxGrad,
div.leftCol div.boxGradReversed	{float:left; width: 530px; padding: 10px 15px 10px 15px;}
div.leftCol div.boxGrad {padding-bottom:10px;}

div.leftCol div.boxBlue {float:left; width: 310px!important; padding: 10px 235px 10px 15px!important;}
div.rightCol div.boxGrad {float:left; width: 243px; padding: 0 7px 15px 7px;}

div.leftCol div.boxOut h3 {color: #0460af; font-size: 1.2em; width: auto;}
div.leftCol div.boxOut h4 {color: #0460af; font-size: 1.1em; width: auto;}

div.divide {float:left; position: relative; clear:both; width: 581px; height:20px;padding:10px 0; background:url(img/parkListDivide.gif) no-repeat left center}

div.specialOfferContent {width:100%;float:left;clear:both;padding-left:10px}
div.specialOfferContent div.leftImage {float:left;width:160px;padding-left:10px;}
div.specialOfferContent div.rightContentSpecial {float:left;width:350px;padding-top:10px;}

div.specialOfferContent h3 {font-size:1.4em}



/****************/
/**** LISTS  ****/
/****************/

ul.bulletList {font-size: 0.9em; float:left; width:100%; padding-bottom: 10px; line-height:1.6em;}
ul.bulletList.refineReveal {margin-top:-8px;}

body.accommodationPage ul.bulletList {padding-top: 17px}
div.affiliateContent ul.bulletList {font-size: 1.1em;}
body.accommodationPage div.listContent.noTop ul.bulletList {font-size: 1.0em; padding-top: 0; background-position: 0 8px}

body.accommodationPage .listContentRight b {float:left; margin: 10px 0 -10px 0;}

ul.thumbList, ul.thumbListWide {float:left;}
ul.thumbListWide {padding-top: 10px}
ul.thumbList li, ul.thumbListWide li {float:left; position: relative; clear:both; width: 581px; padding: 15px 0 10px 3px; background:url(img/parkListDivide.gif) no-repeat}
ul.thumbListWide li img.stamp {position:absolute; top:7px; left:168px}
ul.thumbListWide li.first, ul.thumbList li.first {background: none}

ul.bulletList li, ul.thumbListWide ul.bulletList li, ul.thumbList ul.bulletList li {width: auto; padding: 0 0 0 10px; background:url(img/bullet.gif) no-repeat 0 7px;}

div.thumbContent {float:left;font-size:0.9em;padding-left:23px;}
div.thumbContentLeft {float:left;margin-top:0;padding:0 45px 0 0;width:257px;}
div.thumbContentRight {float:left;padding:0;width:129px;}


ul.thumbListWide div.thumbContent {width: 330px; padding-left: 25px}
div.touringTab ul.thumbListWide div.thumbContent h3 {clear:both;width:100%;float:left}

div.thumbContentRight p a {display:block; clear:both;}

ul.largeList {float:left;}
ul.largeList li {float:left; clear:both; width: 584px; background:url(img/parkListDivide.gif) no-repeat}
ul.largeList li.topmargin {margin-top:10px;}

ul.largeList li.first {background: none}
ul.largeList li h3.greyTitle {margin: 13px 0 0 13px}
ul.largeList h3 {color: #0460af; font-size: 1.4em; margin: 12px 0 5px 10px;}

ul.largeList h3.blueTitle	{margin-left:0}


ul.accommodationList {float:left;}
ul.accommodationList li {float:left; clear:both; width: 584px; padding-top: 15px}
body.parksPage ul.accommodationList li, body.accommodationPage ul.accommodationList li {padding: 0 0 15px 0; background:url(img/parkListDivide.gif) no-repeat}
body.parksPage ul.accommodationList li.first, body.accommodationPage ul.accommodationList li.first {background: none}
div.tabPanelBottom ul.accommodationList li h2.redTitle {color: #dc2757; font-size:1.4em; margin: 5px 0 0 5px; width: 579px; background:url(img/parkListDivide.gif) no-repeat bottom; display:inline; }
ul.accommodationList h3 {float:left; clear:both; display:inline; font-size: 1.4em; margin: 12px 0 5px 10px;width:100%}

div.listContent {float:left; width: 558px; padding: 0 13px 15px 10px}
ul.accommodationList div.listContent {padding: 0 13px 0 13px}
div.listContent.noTop {padding-top: 0}

body.homePage div.listContent {padding-left:0}
div.listContentLeft {float:left; width: 370px; padding-right: 35px}
div.listContentLeft.leftpad {padding-left: 5px;margin-top:-10px;}

div.footnote			{padding:30px 20px 0;}
div.listContentRight {float:left; width: 151px;}
div.tabPanelBottom div.listContentRight h4 {width: auto;}
p.adr span {display:block; clear:both; line-height: 1.6em;}

ul.accommodationList div.listContentLeft, 
body.homePage div.listContentLeft,
body.accommodationPage div.listContentLeft {width: 285px;}

ul.accommodationList div.listContentRight, 
body.accommodationPage div.listContentRight {width: 236px}

div.listContentBottom {width: 500px; clear:both; float:left; padding-top: 10px}
div.listContentBottom span {font-size: 0.9em; display:block; float:left; padding: 0 10px 3px 0}
div.listContentBottom span.wide {width:500px; clear:both; padding-bottom: 15px}

div.listContentBottom span.resultPrice {font-size: 1.8em; color: #dc2757; display:block; float:left;}
div.listContentBottom span.prefixPrice {font-size: 1.1em; display:block; float:left; margin: 6px 0 0 12px}

span.viewMore,
div.viewMore {white-space:nowrap;font-size: 0.9em; float:left; padding-right: 10px}

span.viewMore a,
div.viewMore a {white-space:nowrap;clear:both; float:left; color: #0460af; padding: 0 0 0 10px; background:url(img/blueArrow.gif) no-repeat 0 4px}

ul.largeList li ul.bulletList li, ul.accommodationList li ul.bulletList li {line-height: 1.6em; width: 200px; padding: 0px 0 0 10px; background:url(img/bullet.gif) no-repeat 0 6px;}


ul.largeList li ul.bulletList.wide,
ul.largeList li ul.bulletList.wide li	{width:100%;}


div.imageFrame {position:relative;float:left; width: 109px; padding: 5px 10px 10px 5px; background:url(img/specialOfferFrame.png)}
* html div.imageFrame {background:none}
ul.thumbListWide div.imageFrame {float:left; width: 190px; padding: 8px 10px 10px 8px; background:url(img/wideFrame.png)}

p.listOffer span {color: #0460af}


/************************/
/**** TITLE BAR AREA ****/
/************************/
div.titleBar {position:absolute; top: 367px; left:30px; width: 924px; height:87px; background:url(img/titleBarBack.png) no-repeat;z-index:-100}

body.holidaySearchPage div.titleBar {z-index:-1001;}

div.titleBar h2 {font-size: 2.0em; color: #0460af;}
div.titleBar h3 {font-size: 1.5em; color: #4b4b4b}
div.titleBar h2.titleTown, div.titleBar h3.titleCounty  {font-size: 1.8em; float:left; margin:  5px 5px -7px 0}

body.homePage div.titleBar {top: 457px;}
div.titleBarLeft {float:left; width: 622px; padding: 15px 0 0 30px}
div.titleBarRight {float:left; width: 270px; padding-top: 20px;}

span.titleGrey, span.titlePrice {font-size:1.5em; display:block; float:left}
span.titleGrey {padding-right: 4px;}
span.titleNights {font-weight:bold;float:left;font-size:1.4em; display:block;margin-right:3px}
span.titleDates {font-weight:bold;float:left;font-size:1.4em; display:block;}

a img.dealWeek {position:absolute; top: -12px; right: -2px; }

div.codeContainer {float:left; width: 220px;}
div.codeContainer input.promoCode {font-size: 0.9em ;color: #727272; padding: 3px 0 0 4px; float:left; width: 110px !important; height: 16px !important;}

div.titleBarLeft div.titlebarButtons {float:left; clear: both; margin-left: -4px; display:inline; width: 400px;}
div.titleBarRight div.titlebarButtons {float:left; clear: both; margin-left: 0; width: 270px} 

/*********************/
/**** FORM STYLES ****/
/*********************/

select {color: #4c4c4c; font-size: 0.9em;}

input.submit {background-position:left top; cursor:pointer; text-indent:-9999px; border:0;}

input.searchHols,
input.searchCaravans {position:absolute; bottom: 19px; right: 29px; width:147px; height:29px; background-image:url(img/buttons/searchHols.gif);}
input.submit.on {background-position:left bottom;}
span.error {width:auto;color:#ff0000;clear:both;display:block;}

span.errorPostcode {float:left;display:inline;vertical-align:middle;margin-right:5px;margin-top:4px;}

body.booking span.error {white-space:nowrap!important}
body.booking span.errorLong {white-space:normal}

div.caravanPanel span.error{margin-top:4px;margin-right:3px;clear:none}

span.error.details {padding-top:20px;}
p span.error {color:#ff0000;}

.errormessage {padding:12px;}

input.submitForm		{float:none;text-align:center;margin:0 auto 0 180px;width:85px;height:29px;background-image:url(img/buttons/submitForm.jpg)}

/************************/
/**** TAB NAVIGATION ****/
/************************/
ul.tabHolder {
	float:left;
	width:620px;
	border-left: 1px solid #d2d2d2;
	position:relative;
	z-index:200;
	}

ul.tabHolder li {height:18px; padding:10px 15px 9px 15px; float:left; background:url(img/tabs/tabOff.gif) no-repeat right}
ul.tabHolder li.down {background-image: none; background-color:#fff; border-right: #d2d2d2 1px solid; border-top: #d2d2d2 1px solid; border-left: #d2d2d2 1px solid; margin: 0 0 0 -1px; padding: 9px 15px 10px 15px}

ul.tabHolder li span {font-size: 1.2em; display:block; width: auto;}

div.rightCol ul.tabHolder {width: 272px;}

div.tabPanel {position:relative; z-index:100;float:left; margin-top:-1px; border: #d2d2d2 1px solid; background:url(img/tabs/tabTop.png) #e9f2f7 no-repeat}
div.tabPanelBorder {position:relative; z-index:100;float:left; margin-top:-1px; border: #d2d2d2 1px solid; background:url(img/tabs/tabTopBorder.png) #e9f2f7 no-repeat}

div.tabPanelBottomOverlay,
div.tabPanelBottom {float:left; padding: 25px 10px 25px 10px; width: 584px; background:url(img/tabs/tabBottom.png) bottom no-repeat;position:relative}
body.searchPage div.tabPanelBottom {padding-top:10px}



div.tabPanelBottom.ferryPage,
body.homePage div.tabPanelBottom,
body.homePage div.tabPanelBottomOverlay{padding: 25px 14px 10px 14px; width: 576px;}

body.parksPage div.tabPanelBottom, body.accommodationPage div.tabPanelBottom, body.entertainmentPage div.tabPanelBottom, body.experiencePage div.tabPanelBottom, body.faqsPage div.tabPanelBottom {padding-top: 10px}

div.tabPanelBottom h2, body.infoPage h2 {float:left; width:100%; margin: 15px 0 0 0; font-size: 1.4em; color: #0460af; }

body.tandcsPage div.tabPanelBottom h2 {margin-top:0;}

body.accommodationPage div.listContent.noTop h2 {margin-top: 0px;}

body.homePage div.tabPanelBottom h2,
body.homePage div.tabPanelBottomOverlay h2 {font-size: 1.5em; color: #0460af; margin:0 0 5px 0;}
div.notabPanel h2 {font-size: 1.5em; color: #0460af;}
div.tabPanelBottomOverlay h4,
div.tabPanelBottom h4 {clear:both; width: 550px;}
div.tabPanelBottom div.listContentLeft h4 {width: auto;}

div#content div.tabPanelBottom p {padding: 0 0 10px 0}
body.newsletterPage div#content div.tabPanelBottom p {clear:both;padding: 5px 0 10px 0}

div#content div.tabPanelBottom div.tabContentTop p {float:left; padding: 8px 0 10px 0}

div.tabContent {float:left; width: 562px; clear:both; padding: 0 10px}
div.tabContentTop {float:left; clear:both; width:563px; padding: 0 5px}
div.tabPanelBorder div.tabContentTop {padding: 0 10px 10px 10px}
body.parksEntertainment div.tabPanelBorder div.tabContentTop, body.accommodationPage div.tabContentTop, body.entertainmentPage div.tabContentTop, body.experiencePage div.tabContentTop {padding-bottom: 0}
div.tabContentLeft {float:left; padding-right: 30px; width: 330px;}
div.tabContentRight {float:left; width: 200px;}

body.booking div.tabPanel {min-height:800px}
h3.bookingError {color:#0460AF;font-size:1.2em;margin-bottom:30px}



/*********************/
/**** HOME STYLES ****/
/*********************/

body.homePage div.imagePanel img {display:none;}

div.homeSearch {position:absolute; padding: 15px 15px 15px 26px; top: 167px; right:30px; width: 260px; height:208px; background:url(img/homeSearch.png) no-repeat; z-index: -100}

span.holidaySearch,
span.caravanSearch 	{float:left; display:block; width: 260px; height: 36px; margin-bottom: 5px; background:url(img/holidaySearch.gif) no-repeat; text-indent: -999em}

div.homeSearch select {float:left; width: 145px; margin-top: 12px;}
div.homeSearch select.when {width: 115px;}
div.homeSearch label {margin: 15px 0 0 3px; display:inline; float:left; clear:both; text-indent: -999em; height: 15px; width: 98px;}
div.homeSearch legend span {position:absolute; left: -999em;}
div.homeSearch fieldset {width: 260px}

div.homeSearch input.when {float:left; width:115px; margin-top:12px;}
div.homeSearch input.date-picker {float:left; width:115px; margin-top:12px;}

div.dateWrapper {float:left; width: 230px; clear:both; position:relative}

body.homePage div.dateWrapper {width: 260px}

label.holidayType {background:url(img/form/holidayType.gif) no-repeat}
label.where {background:url(img/form/where.gif) no-repeat}
label.duration {background:url(img/form/duration.gif) no-repeat}
label.when {background:url(img/form/when.gif) no-repeat}

img.calendar {position:absolute; right: -18px; top: 10px; }

ul.specialOffers {margin-top: 4px; float:left}
ul.specialOffers li {float:left; width: 273px; padding: 10px 0 13px 15px}
ul.specialOffers li.odd {clear:both; padding-left:0; width: 288px;}
ul.specialOffers h3 {color: #de3461; font-weight: bold; font-size: 1.4em;}
ul.specialOffers div.offerDetails {float:left; width:139px; padding-left: 10px}
div#content ul.specialOffers p {padding:0; line-height: 1.6em; }


/***************************/
/**** SEARCH HERO PANEL ****/
/***************************/
div.heroPanel {position:absolute; padding: 9px 425px 0 30px; top: 169px; left: 30px; width: 469px; height: 189px; background: url(img/search/heroPanel.png);z-index:-1000;}

div.heroPanel h2 {font-size: 2.2em; height: 55px}
div.heroPanel p {padding: 6px 0 10px 0}

div.heroPanel img {position:absolute; top: -20px; right: 10px; }


/**********************/
/**** SEARCH PAGES ****/
/**********************/
div.resultsBar {float:left; position:relative; margin-bottom: -15px; width: 575px; color: #fff; height:16px; padding: 10px 15px; border-top: #cdcdcd solid 1px; border-left: #cdcdcd solid 1px; border-right: #cdcdcd solid 1px; background:url(img/search/searchBarBack.gif) #488fca}
div.resultsBar.bottom {border-top: none; margin-bottom:0}
div.resultsBar a, div.resultsBar a:visited  {color: #fff; font-weight:bold;}
div.resultsBar span {position:absolute}
div.resultsBar span.results {top:10px; left:15px;}
div.resultsBar span.pages {top:10px; left:164px;}
div.resultsBar span.order {top:10px; right:15px;}
div.resultsBar span.order label {margin-bottom:3px}
div.resultsBar span.pages span {float:left; padding-right: 8px; position:static}
div.resultsBar span.pages span.prevPage {margin-right: 8px; background:url(img/search/pageDivide.gif) no-repeat right}
div.resultsBar span.pages span.nextPage {padding-left: 10px; background:url(img/search/pageDivide.gif) no-repeat left}
span.order select {font-size: 0.9em; width:120px; margin-left: 5px;}

ul.searchResults {float:left;}
ul.searchResults li {float:left; position: relative;  width: 575px; padding: 2px 10px 0 20px; margin-top: 15px; border: #cdcdcd solid 1px; background: url(img/search/gradUp.gif) repeat-x #f1f6fa} 
ul.searchResults li.odd {background: url(img/search/gradDown.gif) repeat-x #fff}
div.searchThumbs {float:left; width: 117px; height: 213px; background:url(img/search/frame.png); }
div.searchThumbs.singleThumb {height: 119px; background:url(img/search/frame-single.png); }

div.searchThumbs img.top {position:absolute; top: 9px; left:31px}
div.searchThumbs img.bottom {position:absolute; top: 104px; left:23px}

img.remaining {position:absolute; top: 45px; left: 102px}
img.no-match {position:absolute; top: 34px; left: 109px}

div.resultsDetails {float:left; width: 425px; padding: 10px 0 0 25px;position:relative;}
div.resultsHeader {width: 425px; position:relative; float:left; padding: 4px 0 6px 0; background:url(img/search/headerDivide.gif) bottom left no-repeat}
div.noResults {clear:both; padding:4px 0 20px 0;}
div.noResultsButtons {clear:both; float:left;width:100%;padding:10px 0;}
div.resultsHeader h3 {float:left; color: #dc2757; font-size: 1.4em; margin-top: 5px;}
div.resultsHeader span {position:absolute;}
div.resultsHeader span.resultPrice {color: #dc2757; left:353px; top: 2px; font-size: 1.8em;}
div.resultsHeader span.prefixPrice {right:78px; top: 10px; font-size: 1.1em;}

div.resultsLeft {float:left;font-size:0.9em;padding:10px 10px 0 0;width:315px;}
div.resultsLeft span {display:block; float:left}
div.resultsLeft h4 b {font-weight:normal}
div.resultsRight {float:left; font-size: 0.9em; width:90px; padding:10px 0 10px 0;}
div.resultsRight span {clear:both;}
div.resultsTop,
div.resultsBottom	{float:left; color: #5d95d8; font-size: 0.9em; clear:both; width:430px;}
div.resultsBottom a, div.resultsBottom a:visited {color: #5d95d8; font-weight: bold;}
span.saveResults a {padding: 0 14px; background:url(img/search/saveIcon.gif) no-repeat 0 1px}
div.toggleEmail span.saveResults {padding-left:20px;}
div.resultsBottom span {display:block; float:left; margin-top: 10px;}
div#content div.resultsLeft p {padding: 20px 0 12px 0}

div.resultsLeft span  {padding-right: 10px}
div.resultsLeft span a, div.resultsLeft span a:visited {color: #0460af;}
div.resultsLeft span a b {color: #4b4b4b; font-weight:normal}
div.resultsLeft p {clear:both;}
h4.saving {color: #dc2757; margin-top: 17px}

div.searchPanel {float:left; font-size: 0.9em; padding: 15px 0 0 15px; width:272px; margin: -1px -14px 0 0; background:url(img/search/searchPanelBack.gif) no-repeat;}

div.searchPanel label {float:left; display:block; width:195px; margin: 5px 0 2px 0; text-indent: -999em}
div.searchPanel select {float:left; clear:both; font-size:1em; width:195px; margin-bottom: 12px;}
div.searchPanel input.date-picker {float:left; clear:both; font-size:1em; width:80px; margin-bottom: 12px;}

div.searchPanel label.holType {background:url(img/labels/holType.gif) no-repeat}
div.searchPanel label.accommodation {background:url(img/labels/accommodation.gif) no-repeat}
div.searchPanel label.pitch {background:url(img/labels/pitchType.gif) no-repeat}
div.searchPanel label.partySize {background:url(img/labels/partySize.gif) no-repeat}
div.searchPanel label.price {background:url(img/labels/price.gif) no-repeat}
div.searchPanel label.where {background:url(img/labels/where.gif) no-repeat}
div.searchPanel label.park {background:url(img/labels/park.gif) no-repeat}
div.searchPanel label.when {background:url(img/labels/when.gif) no-repeat}
div.searchPanel label.offers {background:url(img/labels/offers.gif) no-repeat}

div.labelContainer {float:left; width: 195px; position: relative}
div.labelContainer span {position:absolute; right:0;}
span.help {top:2px;}

div.checkboxes {float:left; width: 195px;}
div.searchPanel div.checkboxes label,
div.enquireNow div.checkboxes label	{width: 98px; text-indent: 0}
div.searchPanel div.checkboxes label.accessible {width: 58px}
div.searchPanel input {float:left; margin: 6px 5px 0 0;}
div.searchPanel input.txtManualDateFrom {width:80px;}


div.dateContainer {float:left; clear:both; width: 195px;}
div.searchPanel div.dateContainer select {width: 109px; margin-top: 3px}


span.calendar a {cursor:default!important;display:block; float:left; width: 45px; padding: 5px 0 0 37px; background:url(img/search/calendar-pale.gif) no-repeat 7px 0;color:#A7C8E3} 
body.homePage span.calendar a {background:url(img/search/calendar-pale-hp.gif) no-repeat 7px 0;width:auto;margin-top:9px} 

/*
span.calendar a {cursor:pointer!important;display:block; float:left; width: 45px; padding: 5px 0 0 37px; background:url(img/search/calendar.gif) no-repeat 7px 0;color:#0060AF} 
*/

span.calendar a:hover {text-decoration:none}

div.refinePanel label {width: 195px; text-indent: 0}
label.disabled {color: #aeaeae}
div.refineReveal {float:left; clear:both;width:100%}
div.refinePanel input {clear:both;}
div.refinePanel h4 {float:left; clear:both; height:14px; width: 200px; text-indent: -999em;}
div.refinePanel h4.parkNear {background:url(img/labels/parkNear.gif) no-repeat}
div.refinePanel h4.parkFacilities {background:url(img/labels/parkFacilities.gif) no-repeat}
div.refinePanel h4.entertainment {background:url(img/labels/entertainment.gif) no-repeat}

a.viewmoreRefine {display:block; float:left; clear:both; padding: 5px 0; width: 200px}

div.checkCol {float:left; width: 176px; margin-bottom: -10px}
div.checkCol h5 {margin: 10px 0 0 0; width:130px;}
div.checkCol label {float:left; margin-top: 2px; width:130px;}
div.checkCol input {float:left; clear:both; margin: 5px 5px 0 0;}
div.checkCol fieldset {width:176px; margin-bottom: 15px}



/******** Park facilities - joel
********************************/


ul.parkFacilitiesList				{width:270px;float:left;padding-top:20px;margin-right:10px;}

ul.parkFacilitiesList li			{display:block;padding:8px 0;position:relative;float:left;}
ul.parkFacilitiesList li img			{float:left;display:inline;}

ul.parkFacilitiesList li ul			{float:left;padding:10px 0 0 8px;width:210px;}

ul.parkFacilitiesList li li			{background:url(img/icons/iconBulletSquare.gif) no-repeat 0 7px;padding:0 0 5px 10px;width:100%;}
ul.parkFacilitiesList li li a			{background:url(img/icons/iconBulletSquareBlue.gif) no-repeat 0 7px;padding-left:10px;}
ul.parkFacilitiesList li li.nobullet		{background:none;padding-left:0;}


.clearleft					{clear:left;}

ul.parkFacilitiesList li.iconIndoorPool		{background:url(img/icons/icon-swimming-indoor.png) no-repeat left top;}
ul.parkFacilitiesList li.iconOutdoorPool	{background:url(img/icons/icon-swimming-outdoor.png) no-repeat left top;}

ul.parkFacilitiesList li.iconSnorkelling	{background:url(img/icons/icon-snorkelling.png) no-repeat left top;}
ul.parkFacilitiesList li.iconDining		{background:url(img/icons/icon-dining.png) no-repeat left top;}
ul.parkFacilitiesList li.iconShopping		{background:url(img/icons/icon-shopping.png) no-repeat left top;}
ul.parkFacilitiesList li.iconMusic		{background:url(img/icons/icon-music.png) no-repeat left top;}

ul.parkFacilitiesList li.iconSparky		{background:url(img/icons/icon-sparky.png) no-repeat left top;}
ul.parkFacilitiesList li.iconSports		{background:url(img/icons/icon-sports.png) no-repeat left top;}
ul.parkFacilitiesList li.iconPlay		{background:url(img/icons/icon-play-outdoor.png) no-repeat left top;}

ul.parkFacilitiesList li.iconAmusements		{background:url(img/icons/icon-amusements.png) no-repeat left top;}
ul.parkFacilitiesList li.iconBar		{background:url(img/icons/icon-bar.png) no-repeat left top;}
ul.parkFacilitiesList li.iconLaunderette	{background:url(img/icons/icon-launderette.png) no-repeat left top;}

p.menus {width:190px;float:left}
ul.menuList {float:right;width:330px;}

ul.menuList li {float:left;display:inline;width:105px;height:65px;margin-top:-20px;}
ul.menuList li p {margin-left:40px;margin-top:18px;font-size:0.9em;}

ul.menuList li.breakfastMenu {background:url(img/icons/breakfastMenu.jpg) no-repeat left top;width:120px;}
ul.menuList li.eveningMenu {background:url(img/icons/eveningMenu.jpg) no-repeat left top;}
ul.menuList li.childrensMenu {background:url(img/icons/childrensMenu.jpg) no-repeat left top;}

ul.menuList li.childrensMenu p {margin-left:52px;}

ul.holidayIdeas {float:left;width:100%;padding-bottom:18px;}
ul.holidayIdeas li {float:left;clear:both;display:block;width:100%;background:url(img/parkListDivide.gif) no-repeat 145px bottom;margin-top:30px;margin-bottom:-2px;}
ul.holidayIdeas li.first {margin-top:0;}

ul.holidayIdeas li h3 {width:100%;clear:both;float:left;margin-top:-2px;}
ul.holidayIdeas li div.stepContent {float:right;width:408px;display:block;padding-right:20px;}

div.tabPanelLeadContent	span.simple {text-indent:-9999px;position:absolute;right:12px;top:-38px;background:url(img/simple-steps-logo.png) no-repeat left top;width:127px;height:120px;}

span.stepDescription,
span.step {float:left;width:auto;font-size:14px;color:#4b4b4b;vertical-align:baseline;}

span.step {margin-right:10px;font-size:15px;color:#0460af;}
span.steps {position:absolute;right:-10px;top:-12px;width:81px;height:75px;z-index:10;text-indent:-9999px;}
span.step1 {background:url(img/step-1.png) no-repeat left top}
span.step2 {background:url(img/step-2.png) no-repeat left top}
span.step3 {background:url(img/step-3.png) no-repeat left top}
span.step4 {background:url(img/step-4.png) no-repeat left top}

span.stepDescription.clearRight {width:100%;clear:both}
div.touringTab p {width:90%}

div.touringTab ul.bulletList,
div.touringTab ul.bulletList li {clear:both;width:90%}



/********************************/
/**** SEARCH - YOUR HOLIDAY  ****/
/********************************/

div.accommodationBox h4 {color: #dc2757; font-size: 1.2em; padding-bottom:20px; margin-top: 3px; background:url(img/hr.png) no-repeat  0 30px}

div.accommodationBox span.saveResults a {font-size: 0.9em; padding: 0 0 0 14px; position:absolute; top: 5px; right: 7px; background-position: 0 2px}
div.accommodationBox span.detailsLink a {float:left; color: #0460af; padding: 10px 0 0 10px; background:url(img/blueArrow.gif) no-repeat 0 13px}
div.accommodationBox span.detailsLink a:visited {color: #0460af;}

div.accommodationBox h5 {float:left; font-size: 0.9em; width: 100px; margin-top:2px;}
div.accommodationBox h5 b {font-weight:normal}

div.priceBar {float:left; width: 243px;}

div.priceBar span.resultPrice {display:block; float:right; color: #dc2757; font-size: 1.4em; padding-left: 5px; margin-top: -3px;}
div.priceBar span.prefixPrice {display:block; float:right; font-size: 1.1em;}

div.accommodationBox img {clear:both; float:left; margin-top: 12px}
div.accommodationBoxDetails {float:left; width: 150px; padding: 9px 0 0 14px; font-size: 0.9em}

div.accommodationBoxDetails span {display:block; float:left; padding-right: 10px}
div.accommodationBoxDetails span a, div.accommodationBoxDetails span a:visited {color: #4b4b4b;}
div.accommodationBoxDetails span a b {color: #0460af; font-weight:normal}
div.accommodationBoxDetails p {clear:both}

div.accommodationBox div.bookNowSmall {margin-right: -5px;}

div.searchTaskBar {float:left; font-size: 0.9em; margin-top: -10px; width: 243px; padding-left: 15px;}
div.searchTaskBar span {display:block;}
span.backtoSearch a {float:left; color: #0460af; padding: 0 0 0 10px; background:url(img/blueArrowBack.gif) no-repeat 0 4px}


/***********************************/
/**** SEARCH - OFF AND ON PARK  ****/
/***********************************/
div.updateShadow {margin: 8px 0 30px 0}

div.updateCol {float:left; width: 185px; line-height: 1.6em}
div.last, div.last fieldset {width: 158px !important}

div.updateCol h5 {font-size: 0.9em; margin: 10px 0 0 0; width:130px;}
div.updateCol label {float:left; margin-top: 2px; width:130px;}
div.updateCol input {float:left; clear:both; margin: 5px 5px 0 0;}
div.updateCol fieldset {width:176px; margin-bottom: 15px}

div.largeListHeader {position:relative; clear:both; float:left; width:574px; padding: 0 5px 8px 5px}
div.largeListHeader h2 {margin-left: 0}
div.printInfo a {font-size: 0.9em; font-weight: bold; margin-top: 18px; padding-left:20px; color:#5d95d8; position:absolute; top: 0; right: 10px; background:url(img/printInfo.gif) no-repeat}



/********************/
/**** OUR PARKS  ****/
/********************/
div.rightCol div.parkmapPanel h3.redTitle {margin-left: 0;}

div#content div.rightCol div.parkmapPanel {font-size: 0.9em; margin: -1px -14px 0 0; padding-bottom: 10px}

div.parkmapPanel label {float:left; display:block; width:195px; margin: 5px 0 2px 0; text-indent: -999em}
div.parkmapPanel div label {text-indent: 0}
div.parkmapPanel select {float:left; clear:both; width:195px; margin-bottom: 12px;}

div.parkmapPanel label.accommodationGrey {background:url(img/labels/accommodationGrey.gif) no-repeat}
div.parkmapPanel label.region {background:url(img/labels/region.gif) no-repeat}
div.parkmapPanel h4 {text-indent: -999em}
div.parkmapPanel h4.specialReq {background:url(img/labels/specialReq.gif) no-repeat}
div.parkmapPanel h4.nearby {background:url(img/labels/nearby.gif) no-repeat}
div.parkmapPanel h4.parkFacilitiesGrey {background:url(img/labels/parkFacilitiesGrey.gif) no-repeat}
div.parkmapPanel h4.entertainmentGrey {background:url(img/labels/entertainmentGrey.gif) no-repeat}

div.parkmapPanel input {clear:both; float:left; margin: 6px 5px 0 0;}

div.searchPanel fieldset, div.parkmapPanel fieldset {width: 220px}

ul.parkthumbList {padding-top: 20px; margin-bottom: 10px; background:url(img/parkListDivide.gif) no-repeat bottom}
ul.parkthumbList span.resultPrice {display:block; float:left; color: #dc2757; font-size: 1.4em; padding-left: 5px; margin-top: -3px;}
ul.parkthumbList span.prefixPrice {display:block; float:left; font-size: 1.1em;}

div.tabPanelBottom ul.parkthumbList h4 {padding: 0 0 10px 0; width: auto}

div.noOffPark {padding-left:7px;}

/**********************/
/**** PARK DETAIL  ****/
/**********************/
ul.parkFac {float:left; padding-top: 27px}
ul.parkFac li {float:left; clear:both; padding-bottom: 1px; width:200px}
ul.parkFac span {float:left; display:block; padding: 5px 0 0 10px}
ul.parkFac img {float:left; clear:both; }
span.moreParkFac {width: 163px; padding: 5px 0 0 37px; display:block; clear:both;}
span.moreParkFac a {color: #4975b8}
img.strip {margin: 0 -10px; display:inline}

div.awards {float:left;padding:10px 10px 30px 10px}
div.awards img {float:left;margin-right:30px}

/************************/
/**** sashes  ****/
/************************/

.so {position:absolute;top:-5px;left:-6px;z-index:10}


/************************/
/**** ACCOMMODATION  ****/
/************************/
div.floorplanSlideWrapper {float:left; clear:both; padding-left: 10px}
div.floorplanSlide img {margin-bottom: 10px}
div.floorplanSlide {float:left; width: 562px; padding-bottom: 25px}
div.tabPanelBottom div.floorplanSlideWrapper h2 {margin:0 0 15px 0}
div.floorplanSlide a.linkSlideshowControlsEnlarge {float:right; width:82px; font-size: 0.9em; margin-top: 3px; padding-left: 12px; background:url(img/accommodation/magnifier.gif) 0 2px no-repeat}
div.floorplanSlide span {display:block; float:left; width: 400px} 
div.boxOut .buttonGroup {position:absolute; right: 13px; top: 24px}


/********/
/* FAQs */
/********/
ul.faq-listing {float:left; padding:15px 0 25px 5px;}
ul.faq-listing li {float:left; width:579px; padding:0 0 15px 0; background:url(img/hrFade.png) no-repeat bottom;}
ul.faq-listing li h4 a {float:left; clear:both; cursor:pointer; font-weight:normal; background:url(img/faqs/q.gif) no-repeat 0 1px; padding:0 10px 10px 33px;}
ul.faq-listing li div.answer {clear:both; float:left; width: 520px; background:url(img/faqs/a.gif) no-repeat 0 3px; padding:0 10px 5px 33px; margin-top: 5px}

/********/
/* Simple listing with divider */
/********/

ul.simpleListingDivider {float:left; padding:15px 0 25px 5px;}
ul.simpleListingDivider li {float:left; width:579px; padding:0 0 15px 0; background:url(img/hrFade.png) no-repeat bottom;}

div.simplePageTopContent {float:left; clear:both; width:563px; padding: 0 5px}
div.simplePageTopContent p {float:left; padding: 8px 0 10px 0}



/********/
/* EXPERIENCE */
/********/
span.experienceSign {color: #357fbf; font-size: 1.3em; display:block; margin-bottom: 10px;}

/********/
/* NEWS */
/********/
div.newDateWrapper {float:left; clear:both; width: 400px; margin-left: 10px; display:inline}
ul.largeList div.newDateWrapper {margin: 10px 0 5px 10px;}
ul.largeList li.first .newDateWrapper {margin-top: 0} 
span.newsDate {color: #0460af; font-size: 1.2em; display:block; float:left; margin: 2px 5px 0 0}
div.newDateWrapper h3 {float:left; margin: 0; color:#0460AF; font-size:1.4em;}
div.newsPag {position:absolute; bottom:0; right: 6px}
div.newsPag a {font-weight:bold}
div.newsPag span {float:left; padding-right: 8px;}
div.newsPag span.prevPage {margin-right: 8px; background:url(img/blueDivide.gif) no-repeat right}
div.newsPag span.nextPage {padding-left: 10px; background:url(img/blueDivide.gif) no-repeat left}

div.newsContent {float:left; width: 558px; padding: 0 13px 15px 10px}
div.newsContent ul {padding-bottom: 10px;}
div.newsContent ul li {padding-left: 10px; background: url(img/bulletDash.gif) no-repeat 0 8px}
div.newsContent h5 {margin-top: 7px}


/************************/
/* CONTACT AND BROCHURE */
/************************/

div.address-column			{width:250px;float:left;display:block;padding:4px 0;}
body.phonePage div#content div.tabPanelBottom div.tabContentTop div.address-column p {width: auto}
div.address-column h3		{float:left;width:100px;color:#0460AF;font-size:1.2em;}
div.address-column.phoneCol		{width:300px;}
div.address-column.phoneCol h3		{width:60px;}
div.address-column-inner	{display:block;float:left;width:145px; margin-top: -7px}
div.address-column.phoneCol	div.address-column-inner, div.address-column.phoneCol	div.address-column-inner a {display:block; width: 300px}
div.address-column-inner p {clear:both; width: 100%}
body.contactPage div.tabContentTop 			{float:left;}
body.contactPage div.tabContentTop.centre	{text-align:center;}
body.contactPage div.boxGrad p {clear:both}

body.contactPage div.tabContentTop.pt15		{padding-top:15px;padding-bottom:20px;}

div.input-block				{width:545px;float:left;clear:both;padding:3px 0;}

div.input-block.postcodeWrapper	{padding:0;margin-top:-5px;}
div.input-block.small		{width:240px;float:left;clear:none;display:block;}
div.input-block.smaller    {width:250px;float:left;clear:none;display:block;}
div.input-block.small.postcode {margin-top:-20px;}



div.input-block.heading {padding:15px 0 0}
div.input-block.radiogroup {padding:10px 0 15px;width:190px;}


div#content div.tabPanelBottom p.scrollbox-p,
div.input-block	label		{clear:both;width:100%;position:relative;float:left;font-size:0.9em;padding-bottom:5px;display:block;}
div.input-block.radiogroup label {clear:none;display:block;float:left;margin-left:5px;vertical-align:middle;white-space:nowrap;width:auto;}

div.input-block.radiogroup input {clear:left;float:left;width:auto;display:block}

div.input-block	div.contact-checkboxes label	{clear:none;width:auto;display:inline;float:none;padding-bottom:0;font-weight:bold;color:#5d95d8;margin-left:3px;}
div.input-block.small div.contact-checkboxes label	{font-weight:normal;color:#4b4b4b;}

input.text200				{width:200px;margin-bottom:7px;}
input.text200.cr			{clear:both;}

fieldset.contact			{padding:10px 0 5px;clear:both;width:100%;}
fieldset.contact.bp40 {padding-bottom: 40px}
select.large				{width:200px;float:left;margin-bottom:8px;}
select.extralarge			{width:230px;}
span.find-address a			{position:absolute;right:36px;top:0;text-align:right;padding-left:16px;background:url(img/icons/icon-magnifying-glass.gif) no-repeat left top;}

div.scrollbox,
textarea			{float:left; clear:both; width:405px;height:110px;overflow:auto; padding:5px 3px;border:inset 2px;margin-bottom: 28px; font-family:Arial, Helvetica, sans-serif;font-size:1em;}
textarea.textarea		{width:433px;margin-bottom:5px;}

div.updateCol.medium		{width:48%;}
div.updateCol.medium label	{font-size:0.9em;margin-top:0;}

div.leftCol div.boxOut h3	{}


div.contact-checkboxes		{width:auto;float:left;padding-bottom:15px;}

div.contact-checkboxes.mid	{width:200px;padding-bottom:4px;}
div.contact-checkboxes.mid label{font-size:0.9em;margin-left:5px;}
div.enquireImage 		{width:158px;height:165px;background:url(img/enquireNowImage.png) no-repeat left top;position:absolute;right:25px;bottom:12px;}
p.width60			{width:60%;}


div.contact-checkboxes.top	{padding-bottom:28px;}

div.contact-checkboxes label{margin-right:15px;}

div.contact-checkboxes label,
div.contact-checkboxes input	{vertical-align:middle;}

input.contactSubmit				{margin-bottom:20px;margin-left:185px;width:81px;height:25px;background:url(img/buttons/button-submit-red.gif) no-repeat left top;text-indent:-9999px;text-align:left;}

span.viewMore				{float:none;}
input.submit:hover			{background-position:left bottom;}
div#content div.tabPanelBottom p.footnote,
div.footnote p,
p.footnote							{font-size:0.9em;padding-bottom:14px;}
table.footnote {font-size:0.9em;margin-top:10px}
table.footnote th {padding-bottom:3px}

body.brochurePage div.tabPanelBottom 	{padding-top:10px;}
body.brochurePage div.tabPanelBottom h2 {margin-bottom:0;}

select.phoneNo {clear:both; display:block;}
body.phonePage div.tabPanelBottom 	{padding-bottom:130px;}

body.phonePage div#content div.tabPanelBottom div.tabContentTop p {clear:both; width: 500px;}

body.phonePage div.address-column {margin-top: 20px}
span.loadingIcon	{width:16px;height:16px;background:url(img/ajax-loader.gif) no-repeat left top;text-indent:-9999px;margin-left:7px;text-align:left;display:inline}

/********************/
/*** FORM BUTTONS ***/
/********************/
input.submit {float:left; background-position:left top; cursor:pointer; text-indent:-9999px; border:0;}

div.searchPanel input.searchHolidays {clear:both; margin: 10px 0 0 -2px; background-image:url(img/buttons/searchHolidays.gif); width:127px; height:29px; }
div.codeContainer input.code {width:86px; height:27px; margin: -3px 0 0 5px; background-image:url(img/buttons/usecode.gif);}

input.submit.on {background-position:left bottom;}

/***********************/
/*** TRAFFIC DRIVERS ***/
/***********************/
div.trafficDriver {position:relative; float:left; clear:both; padding: 10px 0; margin: 10px 0; width: 258px;}
div.trafficDriver h3 {font-size: 1.5em; color: #4b4b4b; margin-bottom: 5px;}
div.trafficDriver p {width: 170px;}
div.trafficDriver .button {margin-top: 5px;}
div.offerPriceBox {float:left; text-align:center; position:absolute; width: 40px; right:24px; top:17px; color: #fff; }


div.trafficDriver span.offerPrefixPrice {float:left; display:block; width: 40px; margin-left:-1px;font-size: 0.8em;}
div.trafficDriver span.offerPrice {float:left; clear:both; display:block; margin:-4px 0 0 0; font-weight:bold; width: 40px; font-size: 1.2em;}


div.allActionBall {background:url(img/traffic/all-action_ball.gif) no-repeat}
div.allActionBucket {background:url(img/traffic/all-action_bucket.gif) no-repeat}
div.blue-cross-sale {background:url(img/traffic/blue-cross-sale.gif) no-repeat}
div.blue-roundel {background:url(img/traffic/blue-roundel.gif) no-repeat}
div.brochure {background:url(img/traffic/brochure.gif) no-repeat}
div.foxy-bingo {background:url(img/traffic/foxy-bingo.gif) no-repeat}
div.hotel {background:url(img/traffic/hotel.gif) no-repeat}
div.leisurely {background:url(img/traffic/leisurely-sunflower.gif) no-repeat}
div.lively {background:url(img/traffic/lively-shell.gif) no-repeat}
div.livelyFlipFlops {background:url(img/traffic/lively-flip-flops.gif) no-repeat}
div.offer {background:url(img/traffic/offer.gif) no-repeat}
div.open-day {background:url(img/traffic/open-day.gif) no-repeat}
div.ownership {background:url(img/traffic/ownership.gif) no-repeat}
div.parks {background:url(img/traffic/our-parks.gif) no-repeat}
div.relaxing {background:url(img/traffic/relaxing-plant.gif) no-repeat}
div.spa {background:url(img/traffic/spa.gif) no-repeat}
div.summer {background:url(img/traffic/all-action_bucket.gif) no-repeat}
div.summer-scorcher {background:url(img/traffic/summer-scorcher.gif) no-repeat}
div.touring-camping {background:url(img/traffic/touring-camping.gif) no-repeat}
div.towels {background:url(img/traffic/towels.gif) no-repeat}
div.vip-visit {background:url(img/traffic/vip-visit.gif) no-repeat}
div.world-cup {background:url(img/traffic/world-cup.gif) no-repeat}

div.ribbonYellow {background:url(img/traffic/ribbon-yellow.png) no-repeat}
div.ribbonRed {background:url(img/traffic/ribbon-red.png) no-repeat}
div.ribbonGreen {background:url(img/traffic/ribbon-green.png) no-repeat}

div.ribbonYellow .offerPriceBox,
div.ribbonRed .offerPriceBox,
div.ribbonGreen .offerPriceBox {width:54px;top:18px;right:26px;}

div.ribbonYellow span.offerPrefixPrice,
div.ribbonRed span.offerPrefixPrice,
div.ribbonGreen  span.offerPrefixPrice {font-size: 0.9em;width:54px}

div.ribbonYellow span.offerPrice,
div.ribbonRed span.offerPrice,
div.ribbonGreen  span.offerPrice {text-align:center;font-size:1.5em;font-weight:bold;margin-top:-5px;width:50px}


div.brochure a.button {width: 149px; height: 21px; background:url(img/buttons/brochureSign.gif);}

div.ribbonYellow a.button,
div.ribbonRed a.button,
div.ribbonGreen a.button,
div.special-offers a.button, 
div.ownership a.button, 
div.summer a.button,
div.open-day a.button,
div.spa a.button,
div.world-cup a.button,
div.vip-visit a.button,
div.relaxing a.button,
div.hotel a.button,
div.touring-camping a.button,
div.summer-scorcher a.button,
div.towels a.button,
div.leisurely a.button,
div.lively a.button,
div.livelyFlipFlops a.button,
div.foxy-bingo a.button {width: 104px; height: 21px; background:url(img/buttons/findMore.gif);}
 
div.offer a.button, 
div.parks a.button {margin: 5px 0 0 -2px; width: 104px; height: 21px; background:url(img/buttons/findMore.gif);}

div.special-offers {position:relative}
div.special-offers img {position:absolute;right:13px;top:0}


/*********************/
/*** BUTTON STYLES ***/
/*********************/

a.viewOfferBar {float:left; clear:both; width: 78px; height: 21px; background:url(img/buttons/viewOfferBar.gif);}


a.featComparison {width: 141px; height: 21px; background:url(img/buttons/featComparison.gif);}
a.playVideo {float:left; clear:both; width: 81px; height: 21px; background:url(img/buttons/playVideo.gif);}
a.comparePark {float:left; clear:both; bottom:15px; width: 126px; height: 21px; background:url(img/buttons/comparePark.gif);}
a.bookNow {float:right; width: 86px; height: 29px; background:url(img/buttons/bookNow.gif);}
a.bookNowSmall {float:right; width: 77px; height: 25px; background:url(img/buttons/bookNowSmall.gif);}
a.moreInfo {float:right; margin-right:13px; width: 86px; height: 29px; background:url(img/buttons/moreInfo.gif);}
body.experiencePage a.moreInfo {float:left;}
a.findMoreBlue {float:left; width: 112px; height: 29px; margin-top: 10px; background:url(img/buttons/findMoreBlue.gif);}
a.backNews {float:left; width: 126px; height: 29px; margin-top: 10px; background:url(img/buttons/backNews.gif);}
a.searchHolsRed {float:left; width: 113px; height: 29px; background:url(img/buttons/searchHolsRed.gif);}
a.searchCaravansSmall {float:left; width: 100px; height: 25px; background:url(img/buttons/button-search-caravans-smaller.gif);margin-bottom:10px;}

a.downloadPdf {width: 131px; height: 23px; position:absolute;right:10px;top:0;background:url(img/buttons/downloadPDF.gif) no-repeat;text-indent:-9999px;}
a.downloadPdf:hover {background-position:left bottom}



#infoWindow a.searchCaravansSmall {margin-bottom:0;}

body.accommodationPage a.moreInfo {float:left}
div.listContentBottom a.bookNow {float:left;}
div.listContentBottom a.moreInfo {float:left; margin-left: -3px}


div.offer a.viewOffer,
a.viewOffer {margin: 5px 0 0 -2px; width: 86px; height: 29px; background:url(img/buttons/viewOffer.gif);}

a.brochureSign {width: 122px; height: 21px; background:url(img/buttons/brochureSign.gif);}
a.findMore {width: 104px; height: 21px; background:url(img/buttons/findMore.gif);}
a.moreReviews {float:left; clear:both; width: 165px; height: 21px; background:url(img/buttons/moreReviews.gif);}
a.backSearch {float:left; clear:both; margin-top: 5px; width: 141px; height: 29px; background:url(img/buttons/backSearch.gif);}
a.photoButton {width: 77px; height: 32px; background:url(img/buttons/photosButton.png);}
a.mapButton {width: 61px; height: 32px; background:url(img/buttons/mapButton.png);}
a.parkMapButton {width: 89px; height: 32px; background:url(img/buttons/parkMapButton.png);}
a.virtualButton {width: 100px; height: 32px; background:url(img/buttons/virtualButton.png);}
a.videoButton {width: 69px; height: 32px; background:url(img/buttons/videoButton.png);}
a.floorplanButton {width: 89px; height: 32px; background:url(img/buttons/floorplanButton.png);}
a.compareGrades {position:absolute; right: 13px; bottom:15px; width: 113px; height: 25px; background:url(img/buttons/compareGrades.gif);}
a.searchAccommodation {float:left; width: 165px; height: 29px; background:url(img/buttons/searchAccommodation.gif);}
a.searchPitches {float:left; width: 116px; height: 29px; background:url(img/buttons/searchPitch.gif);}
a.compareFacilities {float:left; clear:both;width: 166px; height: 29px; background:url(img/buttons/compareFacilities.gif);}
a.bookYourHoliday {background:url(img/buttons/bookYourHoliday.gif);width:124px;height:25px;margin-top:5px}
a.backToSearchSmall {background:url(img/buttons/backToSearchSmall.gif);width:115px;height:25px;margin:5px 10px 0 0}


a.searchRegion {position:absolute; right: 13px; bottom:15px; width: 122px; height: 25px; background:url(img/buttons/searchRegion.gif);}
div.titleBar a.searchRegion {position:static; float:left;}
a.searchPark {position:absolute; right: 13px; bottom:15px; width: 110px; height: 25px; background:url(img/buttons/searchPark.gif);}
div.titleBar a.searchPark {position:static; float:left; clear:both; margin-right: 5px; }

a.holSearch {width: 104px; height: 25px; margin-right: 5px; background:url(img/buttons/holSearch.gif);}
a.showParks {width: 84px; height: 25px; background:url(img/buttons/showParks.gif);float:left}
a.parkPlatinum {width: 128px; height: 25px; background:url(img/buttons/parkPlatinum.gif);}
a.parkGold {width: 108px; height: 25px; background:url(img/buttons/parkGold.gif);}
a.parkSilver {width: 113px; height: 25px; background:url(img/buttons/parkSilver.gif);}
a.parkBronze {width: 120px; height: 25px; background:url(img/buttons/parkBronze.gif);}
a.parkAccessible {width: 138px; height: 25px; background:url(img/buttons/parkAccessible.gif);}
a.holSearch, a.parkPlatinum, a.parkGold, a.parkSilver, a.parkBronze, a.parkAccessible {float:left}

a.searchHolsSmall, a.parkDetails {float:left; margin-bottom: 10px;}
a.searchHolsSmall {margin-top: 3px; width: 100px; height: 25px; background:url(img/buttons/searchHolsSmall.gif);}
a.parkDetails {width: 100px; height: 25px; background:url(img/buttons/parkDetails.gif);}

a.next7 {width: 99px; height: 29px; background:url(img/buttons/next7.gif);float:left}
a.previous7 {width: 120px; height: 29px; background:url(img/buttons/previous7.gif);float:left;margin-right:10px;}

a.showParksOnMap {width: 139px; height: 21px; clear:both;background:url(img/buttons/showParksOnMap.gif)}

a.button {display:block; text-indent:-999em}
body a.button:hover {background-position:0 100%; text-indent:-9999px; display:block;}
div.titlebarButtons a.button {float:left;}


div.boxOut a.bookNow {position:absolute; right: 10px; top:20px}
div.boxOut a.bookNowSmall {position:absolute; right: 10px; top:20px}
div.accommodationBox a.bookNowSmall {position:absolute; right: 10px; bottom:10px}

/*********************/
/*** FOOTER STYLES ***/
/*********************/

.footerWrapper {clear:both;background:url(img/footer/footerBack.jpg) bottom no-repeat; height:428px;}
.footer {background: url(img/footer/footer.jpg) no-repeat; color:#7F7F7F; font-size:0.9em; height:353px;margin:auto; width:984px; padding: 39px 0 0 0; margin-bottom: 34px; position:relative}

h4.explorePark,
h4.yourOwnHolidayHome	{margin-left:60px; width:168px; height: 19px; text-indent: -999em; background:url(img/footer/explorePark.gif) no-repeat}	

ul.megaFooter {width: 864px; padding: 20px 60px 0 60px; float:left}
ul.megaFooter li {float:left; width: 160px;}
ul.megaFooter li ul {float:left; padding-bottom: 15px; line-height:1.5em;}
ul.megaFooter h5 a {font-weight: bold; color: #0460af}

ul.megaFooter a li ul li, ul.megaFooter a:visited li ul li {color:#646464;} 
ul.megaFooter li ul li a:hover {color:#646464;} 

ul.bottomNav {position:absolute; bottom: 7px; right:157px;}
ul.bottomNav li {float:left; padding: 0 9px 0 11px; background:url(img/footer/bluePipe.gif) no-repeat 0 3px}
ul.bottomNav li.first {background: none}

span.footerLogo	{position:absolute; bottom: 0; right:22px; width: 122px; height:43px; text-indent: -999em; background:url(img/footerLogo.gif) no-repeat}

span.copyright {position:absolute; bottom: 7px; left:30px; color:#fff}


ul.bottomNav a:link, 
ul.bottomNav a:visited {color:#fff;text-decoration:none}

ul.bottomNav a:hover {color:#75a9d6;text-decoration:none}


/***************/
/*** HEADERS ***/
/***************/

h4, h5 {font-weight: bold}

/***************/
/*** FAQ ***/
/***************/

div.tabContentTop.image 			{width:350px; min-height:180px;}
div.faqImage img					{position:absolute;top:17px;right:12px;width:auto;float:left;}	

span.discountError {display:block;color:#ff0000;padding-bottom:10px;clear:both;}

/*******************/
/**** AFFILIATE ****/
/*******************/
div.tabPanelBottom div.affiliateContent h3 {float:left;clear:both; font-size:1.2em;font-weight:bold;color:#0460af;margin:10px 0 5px 0;width:100%}
.bannerHolder {float:left; margin-bottom:10px;width:100%}

.bannerLeft {float:left;width:150px}
.bannerRight {float:left;}

/***************/
/**** TERMS ****/
/***************/

body.infoPage div.leftCol {padding-left: 30px}
body.infoPage h3 {clear:both; float:left; font-weight: bold; color:#0460AF; margin-top: 20px}
body.infoPage p, body.infoPage b, body.infoPage table {float:left; clear:both}
body.infoPage b {margin-top: 10px}
body.infoPage ol, body.infoPage ul {float:left; clear:both}
body.infoPage div.leftCol ul {margin: 5px 0 10px 10px; }
body.infoPage div.leftCol ul li {padding: 0 0 0 10px; background:url(img/bullet.gif) no-repeat 0 7px;}
body.infoPage div.leftCol table {margin-top:10px;}
body.infoPage div.leftCol th {font-weight:bold}
body.infoPage div.leftCol th, body.infoPage div.leftCol td {padding: 0 20px 5px 0}


table.groupDiscount {width:100%;float:left;clear:both;margin:15px 0 25px;}

table.groupDiscount th,
table.groupDiscount td {text-align:center;padding:4px 8px;font-size:0.9em;border:solid #D2D2D2;border-width:0 0 1px 1px}

table.groupDiscount th.first-cell,
table.groupDiscount td.first-cell {border-left:0;font-weight:bold;text-align:left}

table.groupDiscount tr.discount td {background-color:#E2EBF4;}
table.groupDiscount tr.discount td.first-cell {font-weight:bold}
table.groupDiscount tr.unit-free td {background-color:#447CAF;color:#fff;}
table.groupDiscount th {font-weight:bold;text-align:left}

table.groupDiscount tr.evenrow td {background-color:#E1EEF4;}

table.groupDiscount tr.topRow th {text-align:center} 


/******	sitemap
************************************************************************/

ul.sitemap 			{padding-top: 15px;padding-left:10px;float:left;width:100%;}
ul.sitemap li			{float:left;font-weight:bold;font-size:15px;clear:both;padding-bottom:15px;width:100%;}
ul.sitemap li a			{padding:2px 0;float:left;clear:both;width:100%;}

ul.sitemap ul,
ul.sitemap ul.sub		{width:100%;}

ul.sitemap ul li.subHeader,
ul.sitemap ul li.subHeader a	{font-weight:bold;}


ul.sitemap ul li.subHeader a	{padding-top:12px;}


ul.sitemap ul li		{width:100%;float:left;font-size:12px;font-weight:bold;padding:0 0 10px 0;border:0;text-decoration:none;background:none}
ul.sitemap ul li li 		{padding:0;float:left;}
ul.sitemap ul li li a		{font-weight:normal}

ul.three-col			{clear:both;float:left;}
ul.three-col li			{width:160px;display:inline;float:left;font-weight:normal;clear:none;padding:0;border:0;font-style:normal;}
ul.three-col li	a		{font-weight:normal;}

ul.sitemap li.mainLink		{width:auto;}
ul.sitemap h3 			{margin: 10px 0}

ul.sitemap ul.col1,
ul.sitemap ul.col2,
ul.sitemap ul.col3		{float:left;width:160px;}

ul.sitemap ul.sub li 		{clear:none;float:left;width:160px;padding-right:10px;}



/******	homepage overlay
************************************************************************/

div.homepagOverlayHeader {width:100%;height:200px;clear:both;float:left;}
div.homepageOverlay {padding:0;width:673px;height:526px;padding-bottom:10px;background:#fff url(img/overlays/homepage-overlay-vertical-gradient.jpg) repeat-x left bottom}
div.homepageOverBacking {display:inline;margin:0;padding:0 0 0 5px;width:100%;background:url(img/overlays/homepage-overlay-backing.png) no-repeat left top;float:left}
div.homepagOverlayPanel {display:inline;margin-top:-110px;margin-left:12px;float:left;width:288px;height:394px;background:url(img/overlays/homepage-boxes.png) no-repeat left top;padding:12px;}
div.homepagOverlayPanel.rightpanel {float:right;margin-right:24px;}
div.imageHolder {padding-bottom:22px;}

div.homepageOverlay h2 {font-size:1.25em;color:#4b4b4b;line-height:1;padding:0;padding-left:15px;margin:0;}
div.homepageOverlay h3 {font-size:1.4em;color:#dc2757;margin-bottom:6px;padding:0;padding-left:15px;margin:0;}
div.homepageOverlay p {width:65%;padding-left:15px;}

div.contentHolder {position:relative;}
a.bookHoliday,
a.buyCaravan {width:144px;height:27px;margin-left:15px;margin-top:15px;}
a.bookHoliday {background:url(img/buttons/button-book-holiday.jpg) no-repeat left top;}
a.buyCaravan {background:url(img/buttons/button-buy-caravan.jpg) no-repeat left top;}

div.contentHolder img {position:absolute;bottom:-15px;right:15px;}
div.accountPanel {margin-top:-90px;width:640px;margin-left:30px;float:left}

div.homepagOverlayHeader span.subhead {background-image:url(img/overlays/headline.png)}

p.clearall {float:left;clear:both;width:100%;margin:15px 0}

#ctl00_cphMain_pnlForm p {float:left}

body.overlay ul.tabHolder {width:960px}
.ui-datepicker-trigger {float:left;margin-left:7px;}
body.homePage .ui-datepicker-trigger {margin-top:9px;}

#callink {margin-top:5px;float:left;margin-left:1px;}
#attach {width:0;height:0;border:0;margin-left:-1px}

/******	custom map controls
************************************************************************/

.map-container		{position:relative;z-index:500;float:left;margin-left:6px;margin-top:-3px;}
.gmapsButton		{height:15px;width:15px;position:absolute;}
#btnPanUp		{background:url(img/buttons/gmap-up.gif) no-repeat left top;top:11px;left:20px;}
#btnPanDown		{background:url(img/buttons/gmap-down.gif) no-repeat left top;top:45px;left:20px;}
#btnPanLeft		{background:url(img/buttons/gmap-left.gif) no-repeat left top;top:28px;left:3px;}
#btnPanRight		{background:url(img/buttons/gmap-right.gif) no-repeat left top;top:28px;left:37px;}


#btnCentre		{background:url(img/buttons/gmap-centre.gif) no-repeat left top;top:28px;left:20px;}
#btnZoomIn		{background:url(img/buttons/gmap-plus.gif) no-repeat left top;top:65px;left:20px;}
#btnZoomOut		{background:url(img/buttons/gmap-minus.gif) no-repeat left top;top:82px;left:20px;}

span.tick		{text-indent:-9999px;height:25px;width:25px;display:block;margin:0 auto;text-align:left;}
span.tick[class]	{background:url(img/overlays/tick.png) no-repeat left top;}