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

body
{
    color: #5a5a5a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    margin: 0;
    background: url(img/background.gif) repeat-x #679ac0;
}

a:link, a:visited, a:active
{
    color: #3972c6;
    text-decoration: none;
}
a:hover
{
    color: #3972c6;
    text-decoration: underline;
}

a
{
    outline: none;
}
#Main table
{
    border-width: 1px;
    border-color: #89A189;
    border-style: solid;
}
#Main td, th
{
    border-width: 1px;
    border-color: #89A189;
    border-style: solid;
    text-align: center;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
}
#Main th
{
    background-color: #89A189;
    color: white;
    font-weight: bold;
    font-size: larger;
}

.clear
{
    clear: both;
}

img, object
{
    display: block;
}

.hidden
{
    position: absolute;
    left: -1000em;
    width: 20em;
}

.headerWrapper
{
    width: 100%;
    background: url(img/header.gif) top center no-repeat;
}
.contentWrapper
{
    width: 100%;
    background: url(img/content-back.gif) top center repeat-y;
}
.contentGrad
{
    width: 100%;
    background: url(img/content-grad.gif) top center no-repeat;
}
.footerWrapper
{
    width: 100%;
    float: left;
    position: relative;
}

.footer-menu-wrap
{
    width: 900px;
    margin: 0 auto;
    height: 230px;
}


.header, .content, .footer-menu-wrap, .footer
{
    margin: auto;
    width: 888px;
    padding: 0 36px;
}


.footer-menu-wrap
{
    width: 850px;
}
.footer-menu-wrap h2
{
    padding-bottom: 16px;
    font-size: 22px;
    font-weight: normal;
}



body.popup .content
{
    width: 400px;
    border: 15px solid #fafafa;
    background: #fff;
    padding: 40px;
}

body.popup div.intro
{
    min-height: 50px;
}

div.content
{
    position: relative;
    height: 100%;
    padding-bottom: 20px;
}

div.content:after
{
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    content: ".";
}


body.homePage div.content
{
    padding-bottom: 0;
}

.content p
{
    margin: 0;
    padding: 7px 0;
    line-height: 1.4em;
}

.header
{
    position: relative;
    height: 87px;
    padding-top: 26px;
}

img.framePic
{
    float: left;
    padding: 10px;
    border: 1px solid #e0e7f1;
    background-color: #fff;
}
ul.newsList img.framePic
{
    float: left;
}

ol li
{
    padding: 5px 0;
}


h1
{
    font-size: 22px;
    color: #3972C6;
    text-decoration: none;
}

h2
{
    font-size: 18px;
    color: #3972C6;
    text-decoration: none;
}
/* added */
#content img
{
    float: left;
    margin-right: 5px;
}
#Main
{
    width: 600px;
    height: 100%;
    padding: 10px;
    min-height: 400px;
    float: left;
    background-color:White;
}
#Main ul
{
    list-style-type: circle;
    list-style: none;
    display: table-cell;
    margin-left: 30px;
}
#Main li
{
    margin-left: 30px;
}
#Right
{
    background-image: url("img/homeIntroBack.jpg");
    background-repeat: no-repeat;
    background-color: #89A189;
    color: white;
    width: 250px;
    float: right;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    height: 100%;
}
#Right h2
{
    color: white;
}
#Right img
{
    margin: 5px;
}

#Right ul
{
    list-style-type: none;
    list-style: none;
    display: table-cell;
    margin-left: 30px;
}
#Right a
{
    font-size: 15px;
    margin-left: 12px;
    color: White;
}
/***************/
/* HEADER AREA */
/***************/
h1.headlogo
{
    width: 460px;
    height: 75px;
    cursor: pointer;
    background: url(img/logo2.gif);
    text-indent: -9999px;
}
h1.headlogo a
{
    width: 192px;
    height: 75px;
    display: block;
}

h2.strapline
{
    width: 326px;
    height: 45px;
    background: url(img/strapline2.gif);
    position: absolute;
    top: 32px;
    right: 52px;
    text-indent: -9999px;
}

/*************/
/* HOME PAGE */
/*************/

div.heroFlash
{
    float: left;
    height: 350px;
    position: relative;
    width: 100%;
}

#hero
{
    height: 350px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

#hero a
{
    text-decoration: none;
}

div#homeBoxes
{
    color: #fff;
    float: left;
    height: 255px;
    width: 888px;
    margin-top: 5px;
}

div.homeIntro
{
    float: left;
    padding: 19px 250px 10px 20px;
    height: 226px;
    width: 319px;
    margin-right: 8px;
    background: url(img/homeIntroBack.jpg) #8aa18a;
}

body.homePage div.availability
{
    float: left;
    padding: 19px 10px 0 20px;
    height: 236px;
    width: 261px;
    background: url(img/availabilityBack.jpg) #708eba;
}

ul.homeTraffic
{
    float: left;
    margin: 27px 0 15px 0;
}
ul.homeTraffic li
{
    position: relative;
    float: left;
    padding: 0 0 15px 20px;
    margin-right: 20px;
    display: inline;
    width: 256px;
    height: auto;
    background: url(img/trafficDots.gif) repeat-y;
}
ul.homeTraffic li.first
{
    background-image: none;
}
ul.homeTraffic li div.trafficList
{
    padding: 6px 12px 0 0;
    line-height: 1.6em;
}
ul.homeTraffic li div.trafficList div a
{
    padding-right: 10px;
}
ul.homeTraffic li div.trafficList a
{
    padding-right: 10px;
    background: url(img/linkArrow.gif) no-repeat right;
}
ul.homeTraffic li img
{
    margin-top: -15px;
    padding-bottom: 10px;
}
.trafficLink
{
    position: absolute;
    bottom: 0;
    right: 15px;
}

body.homePage .polaroid
{
    position: absolute;
    top: 348px;
    right: 348px;
    width: 215px;
    height: 238px;
}
/*PLACE EMPTY DIV AROUND FOR IE6 POSITION ABSOLUTE AND FLOAT LEFT DISAPPEARING BUG */



/****************/
/* NON-HOMEPAGE */
/****************/
div.hero
{
    float: left;
    width: 664px;
    margin-right: 5px;
    position: relative;
}
div.hero div.sticker
{
    bottom: 20px;
    left: 20px;
    position: absolute;
    z-index: 20;
}

body.ownership div.hero
{
    float: left;
    width: 888px;
    margin-right: 0;
}
div.topContent
{
    float: left;
    width: 888px;
}
div.availability, div.whyJoin
{
    position: relative;
    float: left;
    padding: 19px 0 0 20px;
    height: 331px;
    width: 199px;
    background: url(img/availabilityOtherBack.gif) #708eba;
}
.polaroid
{
    position: absolute;
    top: 332px;
    right: 273px;
    z-index: 1100;
}

body.chewton .polaroid
{
    top: 182px;
    right: 277px;
}

body.ownershipPage .polaroid
{
    position: absolute;
    top: 100px;
    right: 50px;
}

div.mainContent
{
    float: left;
    padding-top: 20px;
    width: 664px;
}
div.rightContent
{
    float: left;
    width: 199px;
    padding-left: 25px;
}





h5.subheader
{
    float: left;
    clear: both;
    width: 300px;
    margin: 8px 0 7px 0;
    padding-left: 20px;
}
div.mainLeft h5
{
    padding-left: 0;
}

div.intro
{
    float: left;
    width: 405px;
    padding: 0 20px 10px 20px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}
body.ownershipPage div.intro
{
    width: 550px;
}

div.mainLeft
{
    float: left;
    width: 405px;
    padding: 5px 20px 10px 20px;
}

div.parkInfo p.note
{
    clear: both;
    padding-left: 20px;
}
p.note
{
    font-size: 0.9em;
}
p.posted
{
    font-size: 0.9em;
    clear: both;
}
p.note-offers
{
    clear: both;
    font-size: 0.9em;
    margin-left: 20px;
    padding-top: 20px;
}

div.parkSorter
{
    padding-top: 28px;
}
div.parkSorter input
{
    float: left;
    height: 15px;
    margin: 0 5px 0 12px;
    clear: both;
}
div.parkSorter label
{
    float: left;
    width: 140px;
    padding: 1px 0 3px 3px;
    display: block;
}
div.parkSorter div
{
    float: left;
    padding-top: 11px;
}
div.rightContent h6
{
    float: left;
    padding-top: 8px;
    width: 140px;
}

ul.traffic
{
    color: #757575;
    float: left;
    padding-top: 10px;
    width: 664px;
}
ul.traffic li
{
    position: relative;
    float: left;
    width: 224px;
    height: 257px;
}
ul.traffic li.first, ul.traffic li.last
{
    width: 220px;
}
ul.traffic img
{
    padding: 0 3px 0 3px;
}
ul.traffic li.first img
{
    padding: 0 2px 0 0;
}
ul.traffic li.last img
{
    padding: 0 0 0 2px;
}
ul.traffic h5
{
    padding: 0;
}
ul.traffic h6
{
    color: #4c80cc;
    padding-top: 2px;
}
ul.traffic p
{
    padding: 0;
}
div.trafficHolder
{
    float: left;
    margin-top: 10px;
    height: 123px;
    padding: 0 22px;
    background: url(img/trafficDots.gif) repeat-y;
}
ul.traffic li.first div.trafficHolder
{
    background: none;
}

div.mainContent ul.traffic h5
{
    width: 170px;
    margin: 1px 0 5px 0;
}

body.chewton h2.h2Chewton
{
    text-indent: -9999px;
    width: 100%;
    height: 105px;
    background: url(img/chewton-heading.gif) no-repeat left top;
}


/**************/
/* MAIN LISTS */
/**************/
ul.mainList
{
    float: left;
    margin-top: 5px;
}
ul.mainList li
{
    position: relative;
    float: left;
    width: 664px;
    margin-bottom: 15px;
    background: url(img/mainListTop.jpg) no-repeat;
}
ul.mainList li ul.grades li
{
    background: none;
    margin-bottom: 8px;
    width: 100%;
}
ul.mainList li ul.grades li strong
{
    float: left;
    font-weight: bold;
    width: 20px;
}

ul.mainList img
{
    float: left;
    margin: 20px 21px 10px 15px;
    display: inline;
}
ul.mainList div.listContent img
{
    margin: 0;
}
div.listContent
{
    float: left;
    width: 466px;
    padding-bottom: 20px;
}
div.listBottomBack
{
    float: left;
    width: 664px;
    background: url(img/mainListBottom.jpg) no-repeat bottom;
}
div.listHeader
{
    float: left;
    width: 446px;
    padding: 16px 0 6px 0;
    margin-bottom: 3px;
    background: url(img/dotsHoriz.gif) repeat-x bottom;
}
div.listFooter
{
    float: left;
    width: 620px;
    padding: 12px 0 2px 0;
    margin: 0 20px 3px 0;
    display: inline;
    background: url(img/dotsHoriz.gif) repeat-x top;
}
ul.mainList h6
{
    clear: both;
}
ul.mainList p
{
    float: left;
    width: 426px;
}
div.listHeader h6
{
    color: #3d6fb7;
    font-size: 1.4em;
    float: left;
}
div.listFooter h6
{
    font-weight: bold;
    float: left;
}
div.listHeader span, div.listFooter span
{
    color: #5a5a5a;
    float: left;
    padding: 3px 0 0 8px;
    display: block;
}
div.listFooter span
{
    padding: 0 0 0 8px;
}

div.listContentWrapper
{
    float: left;
    position: relative;
}
div.facilitiesList
{
    font-size: 0.9em;
    float: left;
    margin-bottom: 10px;
    width: 446px;
    display: inline;
    padding-bottom: 10px;
}
div.facilitiesList div
{
    margin-top: 3px;
}
div.facilitiesList div, ul.accommodationList li
{
    float: left;
    margin-bottom: 0;
    background: none;
    width: auto;
    display: block;
}
div.facilitiesList div span, ul.accommodationList li span
{
    color: #aabcd6;
}
div.sammyBadge
{
    width: 375px;
}
img.sammy
{
    margin-left: 20px;
    float: left;
}
ul.accommodationList
{
    font-size: 0.9em;
    float: left;
    width: 300px;
}
ul.accommodationList li
{
    padding: 3px 0 3px 34px;
    margin-top: 6px;
    height: 16px;
}
ul.accommodationList li.caravan
{
    background: url(img/icons/caravan.gif) no-repeat;
}
ul.accommodationList li.apartment
{
    padding-left: 30px;
    background: url(img/icons/apartment.gif) no-repeat;
}
ul.accommodationList li.lodge
{
    background: url(img/icons/lodge.gif) no-repeat;
}
ul.accommodationList li.chalet
{
    background: url(img/icons/chalet.gif) no-repeat;
}
ul.accommodationList li.touring
{
    background: url(img/icons/touring.gif) no-repeat;
}
ul.accommodationList li.camping
{
    background: url(img/icons/camping.gif) no-repeat;
}
div.facilitiesList.special
{
    margin-left: 200px;
    margin-top: -10px;
}

div.fom
{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 10px;
    margin-top: -15px;
}
ul.regionList .listHeader h6
{
    color: #6189c3;
}

div.attractionsList, div.locationWrapper
{
    float: left;
}

ul.redBullet, ul.blueBullet
{
    float: left;
}

body.infoPage ul.blueBullet
{
    float: none;
}

ul.redBullet li, ul.blueBullet li
{
    line-height: 1.4em;
    padding-left: 10px;
    margin-bottom: 5px;
    background: url(img/blueBullet.gif) 0 6px no-repeat;
}
ul.redBullet
{
    width: 45%;
    float: left;
    margin-right: 3%;
    padding-bottom: 10px;
}
ul.redBullet li
{
    background: url(img/redBullet.gif) 0 6px no-repeat;
}

div.locationWrapper
{
    padding-top: 10px;
}
div.attractionsList
{
    width: 223px;
    padding-top: 10px;
}
div.attractionsList ul.blueBullet
{
    padding-top: 10px;
}
div.attractionsList ul.blueBullet li
{
    font-size: 0.9em;
    width: 213px;
}
div.locationWrapper h6
{
    padding-bottom: 10px;
}

h3.paddingTop
{
    margin-top: 15px;
    color: #a12a49;
    font-size: 1.7em;
}
div.input-block
{
    clear: both;
    width: 100%;
    float: left;
}

div.eight-left
{
    margin-top: 20px;
    margin-left: -10px;
    margin-bottom: 30px;
    display: inline;
    float: left;
    width: 675px;
    min-height: 110px;
    background: url(img/eight-left-tag.jpg) no-repeat left bottom;
}
div.eight-left p
{
    margin-left: 190px;
    width: 250px;
}
.left
{
    float: left;
}
h3.left
{
    font-size: 1.86em;
    padding-bottom: 5px;
    width: 100%;
}
div.infoPanelBlock
{
    padding: 25px 0 20px;
    background: url(img/infoPanelBlockBottom.gif) repeat-x left bottom;
    float: left;
    clear: both;
    width: 100%;
}

div.rightContent div.infoPanelBlock.ownershipTd
{
    width: 200px;
    float: left;
    background: url(img/ownershipTdBottom.gif) no-repeat left bottom;
}
div.infoPanelBlock.ownershipTd div.trafficTop
{
    background: url(img/ownershipTdTop.gif) no-repeat;
}
div.infoPanelBlock.ownershipTd p
{
    font-size: 0.9em;
    padding: 0;
}

body.chewton div.infoPanel
{
    padding-top: 200px;
}
div.infoPanel div.infoPanelBlock h5
{
    margin-left: 0;
}
div.infoPanelBlock p strong
{
    font-size: 1.6em;
}
div.trafficTop
{
    padding: 25px 17px 20px;
    background: url(img/green-bullet.png) repeat-x left top;
    margin-top: 15px;
}
div.trafficTop h4
{
    position: absolute;
    left: -9999em;
}

body.chewton div.infoPanelBlock.ownershipTd div.trafficTop
{
    padding-bottom: 0;
}

div.rightContent div.infoPanelBlock
{
    background-image: url(img/green-bullet.png);
}
div.trafficTop img
{
    margin: -5px 0 0 -9px;
}

div.rightContent div.infoPanelBlock a.findMore
{
    float: left;
    margin-top: 7px;
}

.content p.recordedCallsCaveat
{
    margin-left: 21px;
    font-size: 0.9em;
    color: #7b7b7b;
    padding-top: 24px;
    float: left;
    clear: both;
    width: 400px;
    display: inline;
}
h4.pleaseSelect
{
}

/*************/
/* PARK HOME */
/*************/
div.contactInfo
{
    float: left;
    width: 198px;
    padding: 132px 0 0 20px;
}
p.adr span
{
    clear: both;
    font-size: 0.9em;
    display: block;
}
p.adr span.fn
{
    font-weight: bold;
}
div.phoneNo
{
    height: 36px;
    width: 96px;
    text-indent: -9999px;
}
div.pets
{
    height: 42px;
    width: 81px;
    margin-top: 13px;
    text-indent: -9999px;
    background: url(img/noPets.gif) no-repeat;
}
div.parkInfo
{
    float: left;
    width: 664px;
    padding-top: 10px;
}
div.parkInfo h5
{
    float: none;
    width: 203px;
    padding-left: 0;
}
div.parkInfo ul.blueBullet li
{
    line-height: 1.6em;
    background: transparent url(img/blueBullet.gif) no-repeat scroll 0 8px;
}
div.parkFacilities, div.parkAccommodation
{
    float: left;
    width: 203px;
    padding-left: 20px;
}
div.parkAwards
{
    float: left;
    width: 200px;
    padding: 5px 0 0 11px;
}
div.parkAwards img
{
    float: left;
}

div.reviewBox
{
    position: relative;
    clear: both;
    float: left;
    padding: 20px;
    width: 400px;
    background: url(img/reviewTop.gif) no-repeat;
}
div.reviewBottom
{
    float: left;
    margin-top: 10px;
    background: #dee5de url(img/reviewBottom.gif) no-repeat left bottom;
}
.reviewBox p.quote
{
    font-size: 1.2em;
    color: #607c60;
    line-height: 1.6em;
    padding: 0;
    font-family: Georgia, "Times New Roman" , Times, serif;
    display: block;
}
.reviewBox cite
{
    font-size: 0.9em;
    color: #607c60;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}

div.parkMap
{
    float: left;
    width: 180px;
    padding-left: 30px;
}

/**********************/
/* PARK ACCOMMODATION */
/**********************/
div.parkMapSmall
{
    float: left;
    width: 180px;
    padding-top: 20px;
}
div.parkMapSmall.padding
{
    padding: 110px 0 0 30px;
}
div.parkMapSmall img
{
    float: left;
}

div.accommodationListContent ul.blueBullet
{
    padding-bottom: 12px;
}
div.accommodationListContent ul.blueBullet li
{
    width: 440px;
    line-height: 1.6em;
    background-position: 0 8px;
}
div.accommodationListContent h6
{
    margin: 10px 0;
}


ol.letters
{
    list-style: upper-alpha;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: -5px;
    padding-left: 20px;
    width: auto;
}

ol.letters span
{
    font-weight: normal;
}


ol.letters li
{
    background: none;
    clear: both;
    margin-bottom: 0;
    width: auto;
}

/***************/
/* PARK PRICES */
/***************/
div.caravanTable, div.touringTable
{
    float: left;
    width: 664px;
}

/***********************/
/* PARK SPECIAL OFFERS */
/***********************/
ul.offerList li
{
    margin-bottom: 10px;
    background: url(img/mainListTopOffers.jpg) no-repeat;
}
ul.offerList img
{
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0;
}
ul.offerList li div.listHeader
{
    float: left;
    width: 465px;
    height: 32px;
    margin-top: 15px;
    padding: 13px 0 0 200px;
}
ul.offerList li div.listHeader h6
{
    color: #fff;
}

li.touringBreaks div.listHeader
{
    background: url(img/offers/touringBreaksBar.gif) #5da2c4;
}
li.tourerPromo div.listHeader
{
    background: url(img/offers/tourerPromoBar.gif) #909ac3;
}
li.twosCompany div.listHeader
{
    background: url(img/offers/twosCompanyBar.gif) #8daa8d;
}
li.nightDeal div.listHeader
{
    background: url(img/offers/nightDealBar.gif) #6b8bb1;
}
li.specialOffer div.listHeader
{
    background: url(img/offers/specialOfferBar.gif) #7C9447;
}
li.tenPercentOff div.listHeader
{
    background: url(img/offers/tenPercentOffBar.gif) #79ADAA;
}


li.staticbreaks div.listHeader
{
    background: url(img/offers/staticBreaksBar.gif) #5DA2C4;
}

li.man div.listHeader
{
    background: url(img/offers/ownerManufacturerBG.jpg) #97B25E;
}


div.offerContent
{
    float: left;
    width: 445px;
    padding: 0 20px 20px 200px;
}






/****************/
/* PARK REVIEWS */
/****************/
ul.reviewList
{
    clear: both;
    float: left;
    margin-top: 5px;
}
ul.reviewList li
{
    float: left;
    width: 664px;
    margin-bottom: 15px;
    background: url(img/shortListTop.jpg) no-repeat;
}

ul.reviewList div.listBottomBack
{
    width: 644px;
    padding: 30px 0 30px 20px;
    background: url(img/shortListBottom.jpg) no-repeat bottom;
}

ul.reviewList p.quote
{
    width: 620px;
    line-height: 1.6em;
    padding: 0;
    font-family: Georgia, "Times New Roman" , Times, serif;
    display: block;
}
ul.reviewList cite
{
    float: left;
    font-weight: bold;
    padding: 10px 10px 0 0;
    display: block;
}
ul.reviewList img
{
    margin: 12px 0 0 0;
}

div.reviewForm
{
    clear: both;
    float: left;
    height: 520px;
    padding: 15px 20px 10px 20px;
    margin-bottom: 30px;
    width: 401px;
    background: url(img/reviews/formBack.gif);
}

div.reviewFormCol1
{
    clear: both;
    float: left;
    width: 180px;
    padding: 10px 20px 0 0;
}
div.reviewFormCol2
{
    float: left;
    width: 180px;
    padding: 10px 0 0 20px;
}
div.reviewForm label, div.rating
{
    display: block;
    height: 14px;
    width: 177px;
}
div.reviewForm label
{
    text-indent: -9999px;
}
div.reviewForm div.inputBlock.signup label
{
    float: left;
    height: auto;
    padding-left: 10px;
    text-indent: 0;
    width: 350px;
}
div.reviewForm div.starRatings label
{
    float: left;
    display: block;
    height: 25px;
    width: 63px;
}
div.starRatings
{
    float: left;
    margin: 10px 0;
    clear: both;
    width: 100%;
}
input.starRadio
{
    float: left;
    margin-right: 3px;
}
div.reviewForm label.name
{
    background: url(img/reviews/name.gif) no-repeat;
}
div.reviewForm label.email
{
    background: url(img/reviews/email.gif) no-repeat;
    margin-top: 10px;
}
div.reviewForm label.excellent
{
    background: url(img/reviews/excellent.gif) no-repeat;
}
div.reviewForm label.good
{
    background: url(img/reviews/good.gif) no-repeat;
}
div.reviewForm label.average
{
    background: url(img/reviews/average.gif) no-repeat;
}
div.reviewForm label.poor
{
    background: url(img/reviews/poor.gif) no-repeat;
}
div.reviewForm label.terrible
{
    background: url(img/reviews/terrible.gif) no-repeat;
}
div.reviewForm label.review
{
    background: url(img/reviews/review.gif) no-repeat;
}

div.reviewSection
{
    float: left;
}


div.reviewForm textarea
{
    width: 398px;
}
div.reviewForm textarea, div.reviewForm input
{
    font-family: Arial, Helvetica, sans-serif;
    color: #5a5a5a;
    font-size: 1.1em;
}

div.reviewForm div.rating
{
    text-indent: -9999px;
    background: url(img/reviews/rating.gif) no-repeat;
}
div.reviewSection div.termsholder
{
    padding-top: 10px;
}
div.reviewSection span.terms
{
    color: #fff;
    font-size: 0.9em;
    padding-left: 18px;
    float: left;
    width: 350px;
}
div.reviewSection input.termscheckbox
{
    float: left;
}
textarea.textarea
{
    width: 369px;
    height: 120px;
}

/*******************/
/* PARK LOCAL PAGE */
/*******************/
body.parkLocalPage p.adr
{
    float: left;
    width: 280px;
}

/*******************/
/* PARK FACILITIES */
/*******************/
div.facilitiesBlock
{
    float: left;
}
ul.facilities
{
    float: left;
    margin: 5px 0 10px 0;
    width: 210px;
    padding-right: 30px;
}
ul.facilities.right
{
    width: 160px;
    padding: 0;
}
h6.facilitiesHeader
{
    margin-top: 10px;
}

/****************************/
/* MAIN ACCOMMODATION PAGES */
/****************************/
ul.ourAccommodationList div.listContent
{
    padding-bottom: 50px;
}

/********************/
/* EXPERIENCE PAGES */
/********************/




div.infoPanel
{
    float: left;
    width: 180px;
    padding-top: 105px;
}
body.contactPage div.infoPanel
{
    float: left;
    width: 180px;
    padding-top: 5px;
}
div.infoPanel h5
{
    margin-left: 18px;
    width: 150px;
}
div.infoPanel ul.blueBullet
{
    padding: 5px 0 0 20px;
}

ul.beachList div.listHeader
{
    margin: 0 20px 0 0;
    padding: 12px 0 10px 0;
    display: inline;
    width: 626px;
}
img.beachMap
{
    float: left;
}

ul.beachList div.listContentWrapper
{
    float: left;
    width: 185px;
    padding-left: 25px;
}
ul.beachList ul.blueBullet
{
    padding-top: 8px;
}
ul.beachList ul.blueBullet li
{
    width: 185px;
}
ul.beachList div.listContent
{
    padding: 0 0 10px 20px;
    width: 644px;
}
ul.beachList div.listContentWrapper h6
{
    padding-top: 35px;
}

ul.mainList img.beachPolaroid
{
    float: none;
    display: block;
    position: absolute;
    top: 6px;
    left: 270px;
}

body.experiencePage div.intro h6
{
    margin-top: 10px;
}


/***************/
/* TAB SECTION */
/***************/

.tab-content
{
    background: url(img/tab-shadow.gif) no-repeat 0 35px;
    float: left;
    margin: 0 -20px;
    padding-left: 19px;
    position: relative;
    width: 684px;
}

.tab-panel
{
    background: url(img/tab-panel.gif) no-repeat;
    clear: both;
    float: left;
    height: 31px;
    padding: 7px 20px 0 11px;
    position: relative;
    width: 634px;
}

.tab-panel-tall
{
    background: url(img/tab-panel-tall.gif) no-repeat;
    height: 40px;
    padding-top: 15px;
}

ul.tabNav
{
    float: left;
    height: 32px;
    padding-left: 10px;
    width: 100%;
}
ul.tabNav li a
{
    display: block;
    float: left;
    height: 32px;
    text-indent: -999em;
}
ul.tabNav li a:hover
{
    background-position: 0 -32px;
}
ul.tabNav li a.down
{
    background-position: 0 -64px;
}
ul.tabNav li.grad
{
    background: url(img/tabNav.gif) no-repeat;
    height: 32px;
    width: 155px;
}
li.newsTab a
{
    background: url(img/tabs/news.gif) no-repeat;
    float: left;
    width: 53px;
}
li.eventsTab a
{
    background: url(img/tabs/events.gif) no-repeat;
    float: left;
    width: 58px;
}
li.attractionsTab a
{
    background: url(img/tabs/attractions.gif) no-repeat;
    float: left;
    width: 84px;
}
li.foodTab a
{
    background: url(img/tabs/food-drink.gif) no-repeat;
    float: left;
    width: 94px;
}
li.beachesTab a
{
    background: url(img/tabs/beaches.gif) no-repeat;
    float: left;
    width: 71px;
}
li.experiencesTab a
{
    background: url(img/tabs/experiences.gif) no-repeat;
    float: left;
    width: 120px;
}
li.newsTab
{
    width: 53px;
}
ul.tabNav li
{
    float: left;
}

label.show-events
{
    background: url(img/tabs/show-me-events.gif) no-repeat;
    height: 11px;
    width: 99px;
}
label.show-news
{
    background: url(img/tabs/show-me-news.gif) no-repeat;
    height: 11px;
    width: 121px;
}
label.show-me
{
    background: url(img/tabs/show-me.gif) no-repeat;
    height: 11px;
    width: 56px;
}
label.in
{
    background: url(img/tabs/in.gif) no-repeat;
    height: 11px;
    width: 10px;
}

div.click-on-marker
{
    background: url(img/tabs/click-on-markers.gif) no-repeat;
    height: 54px;
    position: absolute;
    top: 0;
    right: 19px;
    width: 131px;
}

.tab-panel label
{
    display: block;
    float: left;
    margin: 6px 10px 0 10px;
    text-indent: -9999px;
}
.tab-panel select
{
    float: left;
    font-size: 0.9em;
    margin-top: 3px;
}

.go-button
{
    background: url(img/tabs/go-button.gif) no-repeat;
    height: 25px;
    margin-left: 10px;
    width: 27px;
}


.sash
{
    position: absolute;
    top: 0;
    left: 0;
}
.featured-sash
{
    background: url(img/featured.png);
    width: 93px;
    height: 83px;
}


/**********************/
/* NEWS & EVENTS PAGE */
/**********************/
ul.newsList
{
    clear: both;
    float: left;
    width: 664px;
}
ul.newsList li
{
    position: relative;
    float: left;
    width: 664px;
    margin-top: 15px;
    background: url(img/shortListTop.jpg) no-repeat;
}
ul.newsList li.first
{
    margin-top: 0;
}
ul.newsList div.listBottomBack
{
    width: 644px;
    padding: 30px 0 25px 20px;
    background: url(img/shortListBottom.jpg) no-repeat bottom;
}

div.newsContent
{
    float: left;
    width: 390px;
    padding-left: 40px;
}
ul.newsList h6
{
    color: #3d6fb7;
    font-size: 1.4em;
}
ul.newsList span.subTitle
{
    font-weight: bold;
}
ul.newsList img.events09
{
    position: absolute;
    top: 15px;
    right: 20px;
}

div.pagination
{
    color: #fff;
    float: left;
    width: 209px;
    padding: 10px 203px 10px 253px;
    font-size: 0.9em;
    height: 21px;
    background: url(img/tab-pagination.gif) bottom repeat-x;
}
div.pagination span
{
    float: left;
    width: 30px;
    padding: 3px 0 0 10px;
}
div.pagination span.page
{
    float: left;
    width: 30px;
    padding: 3px 0 0 10px;
}
div.pagination select
{
    float: left;
}


div.newsDetail
{
    position: relative;
    float: left;
    width: 664px;
    background: url(img/shortListTop.jpg) no-repeat;
}
div.newsDetailLeft
{
    float: left;
    width: 445px;
    padding: 20px 0 0 20px;
}
div.newsDetailRight
{
    float: left;
    width: 175px;
    padding-top: 140px;
}
div.newsDetailCopy
{
    float: left;
    padding: 15px 0 20px 20px;
    width: 470px;
}
div.newsDetail h6
{
    margin-bottom: 20px;
    color: #3d6fb7;
    font-size: 1.4em;
}
div.newsDetail span.subTitle
{
    display: block;
    margin-bottom: 15px;
}
div.newsDetail p
{
    clear: both;
}
div.newsDetail p.posted
{
    padding-bottom: 17px;
    background: url(img/dotsHoriz.gif) repeat-x bottom;
}
div.newsDetail p.link
{
    font-size: 0.9em;
    padding: 17px 0;
    background: url(img/dotsHoriz.gif) repeat-x bottom;
}
div.newsDetail p.pdf
{
    padding: 0;
}
div.newsDetail p.pdf a
{
    float: left;
    font-size: 0.9em;
    padding: 20px 0 15px 28px;
    background: url(img/pdf.gif) 0 15px no-repeat;
}
div.newsDetail img.events09
{
    position: absolute;
    top: 20px;
    right: 105px;
}

ul.eventList
{
    padding-top: 15px;
}
ul.eventList li
{
    padding-bottom: 15px;
}
ul.eventList li p
{
    padding: 0;
}

div.textNav ul.featured
{
    clear: both;
    float: left;
    padding: 15px 0;
    width: 100%;
}
div.textNav ul.featured li
{
    background: none;
    float: left;
    padding: 0 0 10px;
}
div.textNav ul.featured li div.feat-content
{
    background: none;
    float: left;
    padding: 0;
    width: 110px;
}
div.textNav ul.featured li div.feat-content h4
{
    font-family: arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.content div.textNav ul.featured li div.feat-content p
{
    font-size: 0.9em;
    padding-top: 0;
}
div.textNav ul.featured li div.feat-image
{
    background: url(/css/img/thumb-frame.gif) no-repeat left top;
    float: left;
    margin-right: 8px;
    padding: 8px;
}

div.featured-sash-detail
{
    background: url(/css/img/featured-detail.png) no-repeat right top;
    height: 95px;
    top: 0;
    position: absolute;
    right: -3px;
    text-indent: -9999px;
    width: 108px;
}
div.newsDetailRight
{
    padding-top: 43px;
}
div.newsDetailRight p.posted
{
    padding-top: 15px;
    font-size: 0.9em;
}

div.newsDetailRight a.visitWebsite
{
    background: url(/css/img/buttons/viewWebsite.gif) no-repeat left top;
    height: 15px;
    padding-left: 20px;
    float: left;
    text-indent: -9999px;
}
div.newsDetailRight a.visitWebsite:hover
{
    background-position: left bottom;
}

div.news-detail-bottom
{
    color: #fff;
    float: left;
    width: 634px;
    padding: 10px 15px;
    font-size: 0.9em;
    height: 21px;
    background: url(img/tab-pagination.gif) bottom repeat-x;
}

/*******************/
/* ATTRACTIONS TAB */
/*******************/
.info-details
{
    float: left;
    padding-top: 6px;
    width: 390px;
}
.info-details-left
{
    background: url(img/tabs/dots-divide.gif) repeat-y right;
    float: left;
    padding-right: 20px;
    width: 170px;
}
.info-details-right
{
    float: left;
    padding-left: 20px;
    width: 180px;
}

/*******************/
/* OWNERSHIP PAGES */
/*******************/
div.moreInfo
{
    float: left;
    clear: both;
    margin-top: 20px;
    padding: 18px 0 0 18px;
    color: #ffffff;
    width: 183px;
    height: 87px;
    background: url(img/ownership/moreInfoBox.gif);
}
span.moreInfoText
{
    display: block;
    width: 122px;
    height: 41px;
    text-indent: -999em;
    background: url(img/ownership/moreInfoText.gif);
}
span.phoneNo
{
    display: block;
    font-size: 1.7em;
    margin-top: 5px;
}
div.searchBar
{
    color: #fff;
    float: left;
    padding: 15px 0 0 18px;
    width: 646px;
    height: 89px;
    background: url(img/ownership/searchBar.png);
    position: relative;
}
div.searchBar h3
{
    color: #fff;
    font-size: 1.6em;
}
div.searchBlock
{
    float: left;
    padding: 10px 17px 0 0;
}
div.searchBar select
{
    clear: both;
    margin-top: 0;
}
div.searchBar label
{
    display: block;
    text-indent: -999em;
    height: 10px;
    margin-bottom: 3px;
}

div.ownedCheck
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 197px;
}
div.ownedCheck div
{
    float: left;
    width: 95px;
    margin-top: 10px;
}
div.ownedCheck div.preowned
{
    width: 100px;
}
div.ownedCheck input
{
    float: left;
}

div.searchBar .park label
{
    background: url(img/fields/parkGreen.gif) no-repeat;
}
div.searchBar .region label
{
    background: url(img/fields/regionGreen.gif) no-repeat;
}
div.searchBar .manufacturer label
{
    background: url(img/fields/manufacturerGreen.gif) no-repeat;
}
div.searchBar .bedrooms label
{
    background: url(img/fields/bedroomsGreen.gif) no-repeat;
}
div.searchBar .price label
{
    background: url(img/fields/priceGreen.gif) no-repeat;
}

div.searchBar .bedrooms label
{
    background: url(img/fields/bedroomsGreen.gif) no-repeat;
}
div.searchBar .price label
{
    background: url(img/fields/priceGreen.gif) no-repeat;
}

div.searchBar .preowned label
{
    background: url(img/fields/preowned.gif) no-repeat;
    width: 65px;
    float: left;
    margin: 3px 0 0 12px;
}
div.searchBar .brandnew label
{
    background: url(img/fields/brandnew.gif) no-repeat;
    width: 65px;
    float: left;
    margin-top: 3px;
}

div.searchBar .park, div.searchBar .park select
{
    width: 137px;
}
div.searchBar .region, div.searchBar .region select
{
    width: 137px;
}
div.searchBar .manufacturer, div.searchBar .manufacturer select
{
    width: 114px;
}
div.searchBar .bedrooms, div.searchBar .bedrooms select
{
    width: 74px;
}
div.searchBar .price, div.searchBar .price select
{
    width: 96px;
}

.searchHeader
{
    clear: both;
    float: left;
    width: 624px;
    padding: 20px 20px 0 20px;
}
.searchHeader h4
{
    font-size: 1.6em;
    float: left;
}
.sortbySelect
{
    float: right;
}

div.paginationOYO
{
    float: left;
    width: 159px;
    padding: 0 253px 10px 253px;
    font-size: 0.9em;
    background: url(img/dotsHoriz.gif) bottom repeat-x;
}
div.paginationOYO span.numerals
{
    float: left;
    width: 30px;
    padding: 3px 0 0 10px;
}
div.paginationOYO span.prevButton, div.paginationOYO span.nextButton
{
    float: left;
    padding: 3px 0 0 10px;
    width: 30px;
}

.resultDetailsBlock span
{
    display: block;
}
span.resultPrice
{
    display: block;
    clear: both;
}
span.resultPriceRed
{
    display: inline;
    color: #a12a49;
    font-size: 1.4em;
    font-weight: bold;
}
span.resultPriceRed
{
    display: inline;
    color: #a12a49;
    font-size: 1.1em;
    font-weight: bold;
}
span.underOffer
{
    display: inline;
    color: #5A5A5A;
    font-size: 1.1em;
    font-weight: bold;
}

ul.results
{
    float: left;
    clear: both;
    width: 664px;
    margin-top: 5px;
    padding: 1px 0 10px 0;
    background: url(img/ownership/resultLine.gif) no-repeat;
}
ul.results li
{
    position: relative;
    float: left;
    clear: both;
    width: 644px;
    padding: 9px 0 11px 20px;
    background: url(img/ownership/resultBack.jpg) no-repeat;
}
ul.results li.on
{
    cursor: pointer;
    background: url(img/ownership/resultBackOver.jpg) no-repeat;
}
div.ownershipDetail h4
{
    font-size: 1.6em;
    float: left;
    color: #7c9447;
}
ul.results h4
{
    font-size: 1.4em;
    float: left;
    color: #7c9447;
}
ul.results li.on h4
{
    text-decoration: underline;
}
ul.results h6
{
    clear: both;
    font-weight: normal;
    font-size: 1.0em;
}
div.ownershipDetail h6
{
    clear: both;
    font-weight: normal;
    font-size: 1.2em;
}
div.resultDetails
{
    float: left;
    width: 445px;
    padding: 13px 0 0 35px;
}
div.resultDetailsBlock
{
    float: left;
    width: 142px;
    padding: 15px 0 5px 0;
}
div.resultDetailsBlock.divide
{
    padding-left: 30px;
    width: 130px;
    background: url(img/ownership/innerDivide.gif) no-repeat 0 15px;
}
ul.results li a.imageLink
{
    position: relative;
    float: left;
    width: auto;
}
ul.results li a.imageLink span.sash
{
    position: absolute;
    top: -2px;
    left: -2px;
    text-indent: -9999px;
    width: 79px;
    height: 70px;
}
ul.results li a.imageLink span.sold
{
    background: url(img/ownership/sashSold.png) no-repeat left top;
}
ul.results li a.imageLink span.reduced
{
    background: url(img/ownership/sashReduced.png) no-repeat left top;
}

img.resultStamp
{
    position: absolute;
    top: 10px;
    right: 20px;
}
img.luxuryStamp
{
    position: absolute;
    top: 30px;
    left: 120px;
}
img.detailStamp
{
    position: absolute;
    top: 40px;
    right: 215px;
}
span.strike
{
    text-decoration: line-through;
    display: inline;
    font-weight: normal;
}

div.ownershipDetail
{
    position: relative;
    float: left;
    clear: both;
    width: 664px;
    margin-bottom: 30px;
    background: url(img/ownership/topGrad.jpg) no-repeat;
}
div.ownershipRightPanel.buttons
{
    background: none;
}
div.ownershipDetailBottom
{
    float: left;
    clear: both;
    width: 644px;
    padding: 15px 0 10px 20px;
    background: url(img/ownership/bottomGrad.png) bottom no-repeat;
}
div.ownershipDetailLeft
{
    clear: both;
    float: left;
    width: 426px;
    margin-right: 20px;
}
div.ownershipDetailRight
{
    float: left;
    width: 176px;
}
div.ownershipDetail h5
{
    clear: both;
}



div.ownershipDetailLeft ul
{
    float: left;
    margin: 5px -40px 20px 0;
}
div.ownershipDetailLeft li
{
    float: left;
    width: 210px;
    padding: 2px 0 2px 10px;
    background: url(img/blueBullet.gif) no-repeat 0 9px;
}
div.ownershipDetailLeft p
{
    padding-right: 30px;
}

div.ownershipRightPanel
{
    float: left;
    width: 176px;
    padding: 20px 0 20px 0;
    background: url(img/ownership/hr.gif) bottom no-repeat;
}
div.ownershipRightPanel li
{
    padding: 3px 0;
}

span.ownershipStatusNormal, span.ownershipStatus
{
    display: block;
    padding: 5px 0;
    font-weight: bold;
}
span.ownershipStatusNormal
{
    font-weight: normal;
}

div.contactPark span
{
    display: block;
}
span.parkNo
{
    color: #3d6fb7;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 10px;
}
span.callPark
{
    padding-top: 10px;
}

div.slideshowThree
{
    float: left;
    width: 376px;
    padding: 13px;
    margin: 10px 0;
    background: url(img/ownership/slideshowTripleBack.gif) no-repeat;
}
div.slideshowThree img
{
    float: left;
}
div.slideshowThree img.main
{
    margin-bottom: 10px;
}
div.slideshowThree img.second
{
    margin-right: 14px;
}

.whatNowContainer
{
    float: left;
    padding: 0 20px;
    width: 624px;
}

body.ownershipPage ul.mainList
{
    margin-bottom: 20px;
}

body.ownershipPage div.reviewBox
{
    float: left;
    width: 199px;
    margin-top: 30px;
    padding: 0px;
    background: url(img/reviewBox.gif);
}
div.reviewBoxBottom
{
    float: left;
    width: 159px;
    padding: 20px 20px 30px 20px;
    background: url(img/reviewBoxBottom.gif) bottom no-repeat;
}

.reviewBoxBottom h4
{
    font-size: 1.8em;
}

ul.ownBenefitsList
{
    padding-left: 20px;
    width: 550px;
}

/*******************/
/* OWNERSHIP FAQS  */
/*******************/
h4.faqsHeader
{
    float: left;
    clear: both;
    width: 400px;
    font-size: 1.8em;
    margin: 10px 0 5px 20px;
    display: inline;
}

ul.faqsList
{
    float: left;
    margin-bottom: 50px;
}
ul.faqsList li
{
    float: left;
    width: 624px;
    padding: 18px 20px 15px 20px;
    background: url(img/faqs/faqsBack.gif) no-repeat;
}

ul.faqsList li h5, ul.faqsList li h5 a, ul.faqsList li h5 a:visited
{
    margin-bottom: 5px;
    font-size: 1.0em;
    color: #7c9447;
    font-weight: bold;
}
ul.faqsList li h5 a
{
    padding-left: 25px;
}

div.answer
{
    float: left;
    clear: both;
    padding-left: 24px;
}

/*****************/
/* MANUFACTURERS */
/*****************/
ul.manufacturersList li
{
    margin-bottom: 10px;
    background: url(img/mainListTopOffers.jpg) no-repeat;
}
ul.manufacturersList div.listBottomBack
{
    background: url(img/manufacturerBottom.gif) no-repeat bottom;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
ul.manufacturersList img
{
    position: absolute;
    top: 0px;
    left: 10px;
    margin: -1px 0 0 0;
    z-index: 10;
}
ul.manufacturersList li div.listHeader
{
    background: url(img/ownership/manufacturersHeader.jpg) no-repeat #97b25e;
    float: left;
    width: 465px;
    height: 32px;
    margin-top: 15px;
    position: relative;
    padding: 13px 0 0 200px;
}
ul.manufacturersList li div.listHeader h6
{
    color: #fff;
}
ul.manufacturersList img.logo
{
    position: absolute;
    top: 190px;
    left: 20px;
}

div.offerContent
{
    float: left;
    width: 445px;
    padding: 0 20px 20px 200px;
}


/********/
/* JOBS */
/********/
ul.jobList
{
    clear: both;
    float: left;
    margin-top: 5px;
}
ul.jobList li
{
    float: left;
    width: 664px;
    margin-bottom: 15px;
    background: url(img/shortListTop.jpg) no-repeat;
}

ul.jobList div.listBottomBack
{
    width: 644px;
    padding: 30px 0 30px 20px;
    background: url(img/shortListBottom.jpg) no-repeat bottom;
}

ul.jobList h5
{
    font-weight: bold;
    font-size: 16px;
}
ul.jobList h6
{
    margin: 5px 0;
}

p.closing
{
    font-size: 0.9em;
    font-weight: bold;
}
p.jobInfo
{
    font-size: 0.9em;
}

/************************/
/* AVAILABILITY CHECKER */
/************************/
.availability label
{
    clear: both;
    display: block;
    text-indent: -9999px;
    height: 12px;
}
select, input
{
    font-size: 1.0em;
}
body.homePage .formBlock
{
    position: relative;
    width: 120px;
    float: left;
    padding: 10px 10px 0 0;
}
.formBlock.wide
{
    width: 250px;
    padding-right: 0;
}
.formBlock div, .formBlockSmall, div.startdate, div.nights
{
    float: left;
}
div.startdate
{
    width: 90px;
    padding-left: 10px;
}
body.homePage div.startdate
{
    float: left;
    width: 55px;
    padding-left: 0;
}

.formBlock.wide div
{
    padding-right: 12px;
}
.formBlockSmall
{
    padding-right: 10px;
}
body.homePage .formBlockSmall.nights
{
    padding-right: 0;
}
body.homePage .formBlockSmall
{
    padding-right: 5px;
}

div.formBlockSmallHolderSmall, div.formBlockSmallHolder
{
    float: left;
    clear: both;
    padding-top: 0px;
    width: 190px;
}

body.homePage div.formBlockSmallHolderSmall, body.homePage div.formBlockSmallHolder
{
    padding-top: 5px;
}

div.formBlockSmallHolderSmall
{
    width: auto;
    clear: none;
}
body.homePage div.formBlockSmallHolderSmall, body.homePage div.formBlockSmallHolder
{
    padding: 10px 0;
    width: auto;
    float: left;
    clear: none;
}
body.homePage div.formBlockSmallHolder
{
    width: 145px;
    margin-top: 5px;
}

* html body.homePage div.formBlockSmallHolder
{
    margin-top: 5px;
}
* html div.formBlockSmallHolder
{
    margin-top: 5px;
}

.formBlock.wide div.last
{
    padding-right: 0;
}
body.homePage .availability .formBlock.wide label, .availability .formBlockSmall label
{
    width: 42px;
    height: 25px;
}
.availability .startdate label, .availability .nights label
{
    width: 50px;
}
body.homePage div.availability select
{
    width: 120px;
    margin-bottom: 0;
}
body.homePage div.availability select.ages
{
    width: 37px;
}
div.availability select
{
    float: left;
    clear: both;
    width: 170px;
    margin-bottom: 10px;
}
div.availability input
{
    width: 86px;
}
body.homePage div.availability input.date
{
    width: 70px;
    padding: 1px;
    margin-right: 5px;
}
div.availability .startdate input
{
    width: 77px;
}
body.homePage div.availability .startdate input
{
    width: 70px;
}
div.availability .formBlockSmall select
{
    width: 37px;
}
body.homePage div.availability div.nights select
{
    width: 120px;
}
div.availability div.nights select
{
    width: 50px;
}
body.homePage img.calendar
{
    position: absolute;
    top: 29px;
    left: 72px;
    cursor: pointer;
}
img.calendar
{
    float: left;
    padding: 0 5px 0 5px;
    margin-top: -1px;
}
.availability input.date
{
    float: left;
    padding: 1px;
    margin-right: 5px;
}

.callToBook
{
    background: url(img/red-corner.png) no-repeat left top;
    width: 59px;
    height: 59px;
    position: absolute;
    top: -1px;
    right: -1px;
    text-indent: -9999px;
}

.red-corner-10percent
{
    background: url(img/red-corner-10percent.png) no-repeat left top;
    width: 131px;
    height: 128px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
}

body.homePage .red-corner-10percent
{
    z-index: 1000;
}

body.homePage .red-corner-10percent
{
    z-index: 1000;
}

.formBlockSmall div.nights label
{
    height: 12px;
}

body.homePage .formBlock.datewrapper
{
    padding-right: 0;
    width: 110px;
    float: left;
    margin-top: 10px;
}
.formBlock.datewrapper
{
    float: left;
    position: relative;
}

label.region
{
    background: url(img/fields/region.gif) no-repeat;
}
label.park
{
    background: url(img/fields/park.gif) no-repeat;
}
label.enquiry
{
    background: url(img/fields/enquiry-type.gif) no-repeat;
}

label.duration
{
    background: url(img/fields/duration.gif) no-repeat;
}
label.date
{
    background: url(img/fields/date.gif) no-repeat;
    margin: 5px 0 0 0;
}
body.homePage label.date
{
    margin: 5px 0 3px 0;
}
label.accommodation
{
    background: url(img/fields/accommodation.gif) no-repeat;
}
label.nights
{
    background: url(img/fields/nights.gif) no-repeat;
    margin-top: 5px;
}
body.homePage label.nights
{
    background: url(img/fields/nights.gif) no-repeat;
    margin-top: 10px;
}
label.adults
{
    background: url(img/fields/adults.gif) no-repeat;
}
label.children
{
    background: url(img/fields/children.gif) no-repeat;
}
label.infants
{
    background: url(img/fields/infants.gif) no-repeat;
}

img.ui-datepicker-trigger
{
    position: absolute;
    left: 92px;
    top: 16px;
    cursor: pointer;
}
div#calendarOff img.ui-datepicker-trigger
{
    left: 97px;
    top: 15px;
    cursor: auto;
}
body.homePage div#calendarOff img.ui-datepicker-trigger
{
    left: 80px;
    top: 28px;
}
body.bookingPage div#calendarOff img.ui-datepicker-trigger
{
    left: 96px;
    top: 18px;
}
body.bookingPage select.nights
{
    width: 60px;
}



/*****************************/
/* PARK CONTACT / FIND PAGES */
/*****************************/
div.mapHolder
{
    float: left;
    width: 598px;
    padding: 12px;
    margin: 20px;
    display: inline;
    border: #c9d3e2 solid 1px;
}
#map_canvas
{
    float: left;
    width: 598px;
    height: 522px;
}
.local-info #map_canvas
{
    height: 372px;
}
#directions
{
    float: left;
    width: 588px;
    clear: both;
}

div.mapWrapper
{
    position: relative;
    float: left;
    width: 664px;
    margin-bottom: 15px;
    background: url(img/shortListTop.jpg) no-repeat;
}

div.directionsBox
{
    float: left;
    margin-left: 20px;
    display: inline;
    width: 325px;
    padding: 10px 20px;
    background: url(img/directionBox.gif);
}
div.directionsBox input
{
    float: left;
}
input#fromAddress
{
    width: 100px;
    margin: 8px 5px 0 0;
}
input#toAddress
{
    display: none;
}

/****************/
/* CONTACT PAGE */
/****************/
div.contactForm label
{
    text-indent: -999em;
}

div.infoPanel p.adr
{
    padding-left: 20px;
}
div.contactForm
{
    float: left;
    color: #fff;
    margin-top: 5px;
    width: 401px;
    background: url(img/contact/contactBack.gif) no-repeat;
}
div.contactFormBottom
{
    float: left;
    width: 381px;
    padding: 15px 0 20px 20px;
    background: url(img/contact/contactBottom.gif) no-repeat bottom;
}
div.headOffice
{
    padding-top: 20px;
    clear: both;
}
div.headOffice h5
{
    width: 100%;
}

label.title
{
    background: url(img/fields/title.gif) no-repeat;
}
label.firstname
{
    background: url(img/fields/firstname.gif) no-repeat;
}
label.surname
{
    background: url(img/fields/surname.gif) no-repeat;
}
div.reviewForm label.surname
{
    background: url(img/fields/surname2.gif) no-repeat;
}
label.contact
{
    background: url(img/fields/contact.gif) no-repeat;
}
label.email
{
    background: url(img/fields/email.gif) no-repeat;
}
div.brochureRequest label.where
{
    background: url(img/fields/where.gif) no-repeat;
    width: 150px;
    padding-bottom: 0;
    height: 15px;
}
div.contactForm label.message
{
    margin-top: 20px;
    background: url(img/fields/message.gif) no-repeat;
}
label.park
{
    background: url(img/fields/park.gif) no-repeat;
}
label.hear
{
    background: url(img/fields/hear.gif) no-repeat;
}
label.address
{
    background: url(img/fields/address.gif) no-repeat;
}
label.postcode
{
    background: url(img/fields/postcode.gif) no-repeat;
}
div.compForm label.address
{
    width: 70px;
}

div.contactForm label
{
    clear: both;
    display: block;
    text-indent: -9999px;
    height: 12px;
    margin-top: 10px;
}
div.contactForm div.inputBlock.signup label
{
    text-indent: 0;
    height: auto;
    clear: none;
    float: left;
    margin-top: 0;
    width: 350px;
    padding-left: 5px;
}

div.contactBlock
{
    float: left;
    width: 190px;
}

body.popup div.contactForm label
{
    text-indent: 0;
    padding-bottom: 4px;
    font-size: 0.9em;
}

body.popup div.contactBlock.wide, body.contactPage div.contactBlock.wide
{
    float: left;
    width: 380px;
}

div.contactForm input
{
    width: 170px;
}
div.contactForm div.inputBlock.signup input
{
    width: 20px;
}

div.contactBlock textarea
{
    width: 360px;
    height: 200px;
}
div.contactBlock textarea, div.contactBlock input
{
    font-family: Arial, Helvetica, sans-serif;
    color: #5a5a5a;
    font-size: 1.1em;
}

body.contactPage p.adr span
{
    font-size: 0.9em;
}
body.contactPage .content p.adr
{
    line-height: 1.2em;
}

span.registered, span.tel
{
    margin-top: 7px;
}

span.email
{
    margin-top: 10px;
}


/********************/
/* INFORMATION PAGE */
/********************/
body.infoPage h6
{
    margin-top: 10px;
}
body.infoPage div.intro
{
    width: 600px;
}

table.bookingTable
{
    width: 400px;
}
table.bookingTable th
{
    font-weight: bold;
}
table.bookingTable th, table.bookingTable td
{
    padding: 2px;
}

/********************/
/* ERROR CLASSES */
/********************/
span.error
{
    vertical-align: baseline;
    display: inline;
    float: left;
    clear: none;
}
div.warning
{
    clear: both;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 0.9em;
}

/*******************/
/* TRAFFIC DRIVERS */
/*******************/
div.trafficDriver
{
    padding-top: 20px;
}
div.trafficDriver img
{
    margin-bottom: 5px;
}
div.trafficDriver p
{
    width: 140px;
    margin-bottom: 5px;
}

/*******************/
/* SOCIAL MEDIA */
/*******************/

div.social-media
{
    float: left;
    clear: both;
}

div.textNav li.facebook, div.textNav li.twitter
{
    padding-left: 34px;
}
div.textNav li.facebook
{
    background: url(img/icons/facebook.gif) no-repeat left center;
}
div.textNav li.twitter
{
    background: url(img/icons/twitter.gif) no-repeat left center;
}

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

input.getRoute
{
    background: url(img/buttons/getRoute.gif);
    width: 114px;
    height: 36px;
    width: 97px;
}
input.checkButton
{
    display: inline;
    height: 39px;
    margin: 10px 0 0 20px;
    width: 136px;
    background: url(img/buttons/checkButton.gif);
}
div.availability input.checkButton
{
    width: 136px;
}
body.homePage input.checkButton
{
    margin: 0 0 0 55px;
    display: inline;
}
* html input.checkButton
{
    margin-top: 0px;
}
input.submitButton
{
    float: right !important;
    height: 39px;
    text-align: left;
    text-indent: -9999px;
    margin: 10px 13px 0 20px;
    width: 136px !important;
    background: url(img/buttons/submitButton.gif);
}
input.enterButton
{
    float: left;
    clear: both;
    height: 35px;
    margin: 20px 17px 20px 190px;
    width: 185px !important;
    background: url(img/buttons/enterButton.gif);
}

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

div.contactBlock select
{
    width: 170px;
}
div.contactBlock.wide select
{
    width: 62px;
}

/******************/
/* BUTTON CLASSES */
/******************/

a.button:hover
{
    background-position: 0 100%;
}
a.button
{
    text-indent: -9999px;
    display: block;
}

a.findMoreGreen
{
    height: 16px;
    float: right;
    width: 90px;
    background: url(img/buttons/findMoreGreen.gif);
}
a.findMore
{
    height: 16px;
    float: right;
    width: 90px;
    background: url(img/buttons/findMore.gif);
}
a.moreOffers
{
    height: 16px;
    float: right;
    width: 78px;
    background: url(img/buttons/moreOffers.gif);
}
a.howToEnter
{
    height: 16px;
    float: right;
    width: 97px;
    background: url(img/buttons/howToEnter.gif);
}
a.bookNowSmall
{
    height: 16px;
    float: right;
    width: 74px;
    background: url(img/buttons/bookNowSmall.gif);
}
a.searchWebsite
{
    height: 16px;
    float: left;
    margin-top: 3px;
    width: 123px;
    background: url(img/buttons/searchWebsite.gif);
}
a.allEntertainment
{
    height: 16px;
    float: right;
    width: 110px;
    background: url(img/buttons/allEntertainment.gif);
}
a.moreNews
{
    height: 16px;
    float: right;
    width: 78px;
    background: url(img/buttons/moreNews.gif);
}
a.submitButton
{
    float: right;
    margin: 5px 0;
    height: 39px;
    width: 136px;
    background: url(img/buttons/submitButton.gif);
}
a.parkButton
{
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 36px;
    width: 125px;
    background: url(img/buttons/parkButton.gif);
}
a.backResults
{
    float: left;
    margin-top: 15px;
    height: 16px;
    width: 101px;
    background: url(img/buttons/backResults.gif);
}
a.bookOnlineButton
{
    display: block;
    height: 15px;
    width: 74px;
    background: url(img/buttons/bookOnlineButton.gif);
}
a.bookNow
{
    float: right;
    margin-top: 10px;
    height: 28px;
    width: 94px;
    background: url(img/buttons/bookNow.gif);
}
a.moreReviews
{
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 13px;
    width: 87px;
    background: url(img/buttons/moreReviews.gif);
}
a.leaveReview
{
    clear: both;
    float: left;
    margin: 10px 0 30px 20px;
    display: inline;
    height: 28px;
    width: 119px;
    background: url(img/buttons/leaveReview.gif);
}
a.downloadMap
{
    float: right;
    margin-top: 6px;
    height: 14px;
    width: 129px;
    line-height: 1.0em;
    background: url(img/buttons/downloadMap.gif);
}
.ownershipRightPanel a.downloadMap
{
    float: left;
    margin: 10px 0;
}
a.downloadMapSmall
{
    float: left;
    margin: 18px 5px 0 0;
    height: 30px;
    width: 63px;
    background: url(img/buttons/downloadMapSmall.gif);
}
a.compareAccommodation
{
    float: right;
    margin: 0 30px 10px 0;
    height: 28px;
    width: 190px;
    background: url(img/buttons/compareAccommodation.gif);
}
a.contactForm
{
    float: left;
    height: 28px;
    width: 120px;
    margin: 5px 0 10px 0;
    background: url(img/buttons/contactForm.gif);
}
a.readStory
{
    position: absolute;
    bottom: 30px;
    right: 20px;
    height: 16px;
    width: 90px;
    background: url(img/buttons/readStory.gif);
}
ul.newsList a.findMore
{
    height: 16px;
    position: absolute;
    bottom: 30px;
    right: 20px;
    width: 90px;
    background: url(img/buttons/findMore.gif);
}
a.findMoreNews
{
    position: absolute;
    bottom: 30px;
    right: 20px;
    height: 16px;
    width: 90px;
    background: url(img/buttons/findMore.gif);
}
a.viewSlideshow
{
    position: absolute;
    line-height: 1.0em;
    top: 210px;
    left: 20px;
    height: 12px;
    width: 99px;
    background: url(img/buttons/viewSlideshow.gif);
}
.ownershipDetail a.viewSlideshow
{
    float: left;
    position: static;
    margin-bottom: 20px;
}
a.requestBrochure
{
    float: left;
    height: 16px;
    width: 131px;
    background: url(img/buttons/requestBrochure.gif);
}
a.calculator
{
    float: left;
    height: 53px;
    width: 197px;
    margin: 20px 0 0 -8px;
    display: inline;
    background: url(img/buttons/calculator.gif);
}
a.visitWebsite
{
    float: left;
    height: 14px;
    width: 88px;
    line-height: 1.0em;
    background: url(img/buttons/visitWebsite.gif);
}
div.newsDetailRight a.visitWebsite
{
    margin-top: 15px;
}
a.visitWebsiteGreen
{
    position: absolute;
    top: 2px;
    right: 19px;
    height: 12px;
    width: 84px;
    line-height: 1.0em;
    margin-top: 15px;
    background: url(img/buttons/visitWebsiteGreen.gif);
}
a.viewDetails
{
    float: right;
    height: 28px;
    width: 113px;
    background: url(img/buttons/viewDetails.gif);
}
a.joinNow
{
    height: 28px;
    width: 136px;
    margin-top: 5px;
    background: url(img/buttons/joinNow.gif);
}
a.backListWhite
{
    height: 20px;
    width: 80px;
    margin: 2px 0 0 10px;
    background: url(img/buttons/backListWhite.gif);
}
a.showMap
{
    float: left;
    height: 16px;
    width: 81px;
    margin-top: -3px;
    line-height: 1.0em;
    background: url(img/buttons/showMap.gif);
}
ul.results li.on a.viewDetails
{
    background-position: 0 100%;
}

body.chewton a.findMore, body.chewton a.downloadMap
{
    float: left;
}

body.chewton a.contactForm
{
    float: none;
}

a.prev
{
    float: left;
    height: 19px;
    width: 19px;
    background: url(img/buttons/prev.png);
}
a.next
{
    float: left;
    height: 19px;
    width: 19px;
    background: url(img/buttons/next.png);
}

a.backList
{
    margin: 10px 0 10px 20px;
    display: inline;
    clear: both;
    float: left;
    height: 16px;
    width: 81px;
    background: url(img/buttons/backList.gif);
}

a.accommodationButton
{
    display: block;
    height: 28px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-indent: -9999px;
}

a.showCaravans
{
    width: 192px;
    background: url(img/buttons/showCaravans.gif);
}
a.showLodges
{
    width: 179px;
    background: url(img/buttons/showLodges.gif);
}
a.showChalets
{
    width: 179px;
    background: url(img/buttons/showChalets.gif);
}
a.showApartments
{
    width: 207px;
    background: url(img/buttons/showApartments.gif);
}
a.showTouring
{
    width: 238px;
    background: url(img/buttons/showTouring.gif);
}
a.showCamping
{
    width: 192px;
    background: url(img/buttons/showCamping.gif);
}

a.accommodationButton:hover
{
    background-position: 0 100%;
}

a.financeCalculator
{
    height: 39px;
    width: 145px;
    margin-top: -5px;
    background: url(img/buttons/financeCalculator.gif) no-repeat;
}
a.email
{
    height: 33px;
    width: 145px;
    background: url(img/buttons/email.gif) no-repeat;
}
a.print
{
    height: 33px;
    width: 145px;
    background: url(img/buttons/print.gif) no-repeat;
}

div.facilitiesList ul
{
    clear: both;
    width: 100%;
    float: left;
}
div.facilitiesList ul.b
{
    padding-bottom: 30px;
}
div.facilitiesList ul li
{
    width: auto;
    display: inline;
    float: left;
    padding: 2px 10px;
    margin-bottom: 0;
    background: url(img/pipe.png) no-repeat left center;
}
div.facilitiesList ul li.firstItem
{
    padding-left: 0;
    background: none;
    clear: right;
}
img.sammySeahorse
{
    position: absolute;
    bottom: 80px;
    right: 40px;
}


/******************/
/* HEADER CLASSES */
/******************/
h3
{
    color: #3d6fb7;
    font-size: 2.4em;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
div.homeIntro h3, div.availability h3, div.reviewForm h6, div.whyJoin h3
{
    color: #fff;
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
}
div.availability h3, div.whyJoin h3
{
    margin-bottom: 2px;
}
body.homePage div.availability h3
{
    margin-bottom: 0;
}
h4.subHeader
{
    color: #5a5a5a;
    font-size: 1.6em;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
h4.subHeader.indent
{
    padding-left: 19px;
    clear: both;
}


body.parkFacilitiesPage h4.subHeader
{
    margin-bottom: 20px;
}
h5
{
    color: #3d6fb7;
    font-size: 1.6em;
}
h5.subHeader
{
    clear: both;
    float: left;
    margin: 0 0 5px 20px;
    display: inline;
    width: 100%;
}
body.contactPage h5.subHeader
{
    margin-left: 0;
}
div.touringTable h5
{
    color: #8daa8d;
    font-size: 1.6em;
}
h6
{
    font-weight: bold;
}

div.reviewForm h6
{
    float: left;
    width: 400px;
    height: 21px;
    text-indent: -9999px;
    background: url(img/reviews/reviewTitle.gif) no-repeat;
}


/******	brochure 
***************************************************/

div.brochureRequest, div.brochureRequest fieldset
{
    width: 400px;
    float: left;
    clear: both;
}

div.brochureRequest
{
    background: url(img/orderBrochureBottom.gif) no-repeat left bottom;
    clear: both;
    padding-bottom: 4px;
}
div.brochureRequest fieldset
{
    width: 360px;
    padding: 20px;
    background: url(img/orderBrochureTop.gif) no-repeat left top;
}

div.brochureRequest label
{
    clear: both;
    display: block;
    text-indent: -9999px;
    height: 12px;
    margin-top: 5px;
    width: 98px;
}

div.selfTable
{
    width: 100%;
    float: left;
    clear: both;
}
div.selfTable h5
{
    margin: 0 0 15px 20px;
}

div.inputBlock
{
    width: 100%;
    clear: both;
    float: left;
    padding: 0 0 5px;
    margin: 0;
    display: block;
}
div.inputBlock.no-pad
{
    padding-bottom: 0;
}
div.inputBlock.lbp50
{
    padding-bottom: 50px;
}
div.inputBlock.small
{
    width: 48%;
    clear: none;
}

div.inputBlock.small.rightone
{
    float: right;
}
div.brochureRequest input.text
{
    width: 100%;
    clear: both;
    margin-bottom: 6px;
    padding: 1px;
}
div.brochureRequest input.text.short
{
    width: 100px;
}
div.brochureRequest select.autoWidth
{
    width: 100%;
}
div.inputBlock label span
{
    font-weight: bold;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 2px;
}
div.inputBlock label span span
{
    font-weight: normal;
    clear: none;
    float: none;
    width: auto;
}
div.inputBlock input.submitButton
{
    margin-right: -7px;
}
div.inputBlock.signup
{
    padding-top: 10px;
}
div.enquiry-form div.inputBlock.signup label, div.brochureRequest div.inputBlock.signup label
{
    clear: none;
    float: left;
    height: auto;
    margin-top: 0;
    padding-left: 7px;
    width: 300px;
    text-indent: 0;
}
div.inputBlock.signup input
{
    float: left;
}
div.inputBlock.signup, div.inputBlock.privacy
{
    color: #fff;
}
div.enquiry-form div.inputBlock.signup label
{
    font-size: 1em;
}
div.inputBlock.privacy a
{
    font-weight: bold;
    color: #fff;
}
div.inputBlock.hr
{
    background: url(img/dotted.gif) repeat-x left center;
    height: 30px;
}
div.infoPanel.navigation
{
    padding-top: 0;
}

ul.two-col li
{
    line-height: 26px;
    width: 185px;
    display: inline;
    float: left;
    color: #fff;
}
ul.two-col li input
{
    vertical-align: middle;
    height: 26px;
    width: auto;
}
ul.two-col li label.w-120 span
{
    width: 166px;
    float: right;
    vertical-align: middle;
    margin-top: -1px;
    font-weight: normal;
    margin-left: 3px;
}


a.downloadBrochure
{
    margin-top: 15px;
    height: 60px;
    width: 177px;
    background: url(img/buttons/downloadBrochure.gif) no-repeat 0 0;
}

#tester
{
    position: absolute;
    left: -9999px;
    top: 0;
    display: none;
}

/******	finance calculator
************************************************************************/

#thanksPanel
{
    padding: 30px;
    display: block;
    color: #fff;
}
#thanksPanel h3
{
    font-size: 1.8em;
    color: #fff;
}


/******	loading overlay
************************************************************************/

div.loading-block
{
    background: url(img/ajax-loader-bg.png) no-repeat left top;
    width: 91px;
    height: 94px;
}
div.loading-block span.loading
{
    float: left;
    padding: 8px 0 0 10px;
}


/*************/
/* Cafe Menu */
/*************/

#menu .heading
{
    font-size: 18px;
    color: #476794;
    text-decoration: none;
    padding-bottom: 5px;
    padding-top: 15px;
}

#menu .headingPrice
{
    vertical-align: bottom;
    width: 40px;
    font-size: 10px;
    color: black;
    margin: 5px 5px 5px 5px;
    text-align: center;
    padding: 5px 5px 5px 5px;
}
#menu .item
{
    padding-top: 10px;
    font-size: 14px;
    color: #3972C6;
    text-decoration: none;
}
#menu .description
{
    width: 240px;
    font-size: 10px;
    color: black;
    text-decoration: none;
}
#menu .price
{
    vertical-align: bottom;
    font-size: 14px;
    color: black;
    font-weight: bold;
    text-align: center;
}