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

/*********************/
/* CROSS SITE STYLES */
/*********************/

/* MAIN GENERIC STYLES */
body
{
    color: #4b4b4b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    margin: 0;
    line-height: 1.5em;
    background: url(../img/back.jpg) repeat-x #30a21e;
}

div#wrapper
{
    font-size: 1em;
    position: relative;
    width: 980px;
    margin: 0 auto;
    background: url(../img/shadow.gif) #fff;
    position: relative;
}

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

body.homePage div#wrapper
{
    background: url(../img/homeShadow.gif) #fff;
}

div#grad
{
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
    background: url(../img/grad.jpg) no-repeat center top;
}

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

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

img, object
{
    display: block;
}

.hidden
{
    position: absolute;
    left: -1000em;
    width: 20em;
}
.clear
{
    clear: both;
}
.inlineImage
{
    float: left;
    margin: 10px 10px 10px 0;
}
#content .red, #content .red a, #content .red a:hover
{
    color: #dd4f0a;
    font-weight: bold;
}
#content .greytext
{
    color: #b5b5b5;
}
#content .greyPipe
{
    color: #b5b5b5;
    display: inline;
}
img.propertyImage
{
    float: left;
    border: #f1f0ef 5px solid;
    margin: 22px 23px 22px 0;
}
body.cottagePhotosPage img.propertyImage
{
    margin: 22px 37px 18px 0;
}
.note
{
    font-size: 0.9em;
    margin-bottom: 10px;
    display: block;
    clear: both;
}

div.horizontalDivide
{
    padding-top: 30px;
    margin-top: -10px;
    background: url(../img/listDivide.gif) 1px 0 no-repeat;
}

/* HEADER STYLES */
div.logo
{
    position: absolute;
    top: 31px;
    left: 5px;
    width: 280px;
    height: 214px;
    z-index: 200;
    text-indent: -999em;
    background: url(../img/logo.png);
    clear: both;
}
div.logo a
{
    display: block;
    width: 280px;
    height: 214px;
}

body.holdingPage div.logo
{
    top: 0;
}

div.needHelp
{
    position: absolute;
    top: 86px;
    right: -1px;
    height: 129px;
    width: 139px;
    background: url(../img/needHelp.png);
    z-index: 100;
}
div.needHelp a
{
    display: block;
    height: 129px;
    width: 139px;
    text-indent: -999em;
}


/* CONTENT STYLES */
div.backgroundImage
{
    float: left;
    border-left: #fff solid 10px;
    border-right: #fff solid 10px;
    border-top: #fff solid 10px;
    width: 960px;
}

.tabRightCol h2
{
    color: #38A92A;
    margin-bottom: 5px;
}

body.ideasPageMain div.backgroundImage img
{
    display: none;
}

body.ideasPageMain div.backgroundImage
{
    height: 650px;
    left: 0;
    position: absolute;
    top: 81px;
    z-index: 0;
}

.blogBlock
{
    width: 590px;
    float: left;
}

.blogBlock li
{
    width: 530px !important;
}

.blogBlock ol ul, .blogBlock ul
{
    list-style: disc !important;
}

.blogpagination span.prev, .blogpagination a.next, .blogpagination span.next, .blogpagination a.prev
{
    padding: 0 5px;
}

.blogpagination a.next
{
    float: none;
    background: none;
}

div#content
{
    position: relative;
    float: left;
    width: 900px;
    border-top: #fff solid 8px;
    border-left: #fff solid 10px;
    border-right: #fff solid 10px;
    display: inline;
    margin: 0 20px;
    padding: 12px 0;
    background: url(../img/contentBack.jpg) repeat-x #fff;
}
body.homePage div#content
{
    margin-top: 279px;
    background: none;
    border: 0;
    width: 920px;
}
body.ideasPageMain div#content
{
    margin: 0 30px;
}

body.searchPageMain div#content
{
    background: url(../img/contentBackShort.jpg) #fff repeat-x;
    margin: 0 20px 25px;
}

body.accountPage div#content
{
    background: url(../img/contentBackSearch.jpg) #fff repeat-x;
}

div#content p
{
    padding: 6px 0;
}

.divideLong
{
    background: url(../img/vertLong.gif) top right no-repeat;
}
.divideLonger
{
    background: url(../img/vertLonger.gif) top right no-repeat;
}
body.ideasPageDetail .divideLonger
{
    background: url(../img/vertLongIdeas.gif) top right no-repeat;
}

.divideShort
{
    background: url(../img/vertShort.gif) top right no-repeat;
}
.divideInner
{
    background: url(../img/vertInner.gif) top right no-repeat;
}
.divideInnerShort
{
    background: url(../img/vertInnerShort.gif) top right no-repeat;
}

.polaroid
{
    clear: both;
    position: absolute;
    top: 8px;
    right: 24px;
    width: 330px;
    height: 330px;
    z-index: 100;
}

body.offersPage .polaroid, body.easterPage .polaroid, body.searchPage .polaroid, body.ideasPageMain .polaroid, body.accountPage .polaroid, body.competitionPage .polaroid, body.newsletterPage .polaroid, body.faqsPage .polaroid, body.brochuresPage .polaroid, body.infoPage .polaroid, body.blogPage .polaroid
{
    right: -20px;
    top: 2px;
    height: 167px;
}

body.ideasPageDetail .polaroid
{
    right: 70px;
    top: 20px;
}

body.seasonalHolidays .polaroid
{
    right: -20px;
    top: 2px;
    height: 167px;
}

div.topContent
{
    float: left;
    width: 870px;
    padding: 0 15px;
    position: relative;
    top: 0px;
    left: 0px;
}
div.topContent p
{
    font-size: 1.2em;
}

.topContent h2.bottom-fix
{
    color: #3f713f;
}

body.destinationsPage div.topContent, body.offersPage div.topContent, body.easterPage div.topContent, body.ideasPage div.topContent, body.blogPage div.topContent, body.accountPage div.topContent, body.newsletterPage div.topContent, body.competitionPage div.topContent, body.ownersPage div.topContent, body.aboutPage div.topContent, body.faqsPage div.topContent, body.contactPage div.topContent, body.brochuresPage div.topContent, body.guidePage div.topContent
{
    width: 540px;
    padding: 0 335px 10px 15px;
}
body.offersPage div.topContent, body.ideasPage div.topContent
{
    padding-bottom: 16px;
}
body.contactPage div.topContent
{
    padding-bottom: 20px;
}

body.destinationsMainPage div.topContent
{
    width: 870px;
    padding: 0 0 0 15px;
}
body.searchPage div.topContent
{
    width: 550px;
    padding: 0 335px 0 15px;
    position: relative;
    min-height: 45px;
}

body.searchPage div.topContent.search
{
    min-height: 180px;
    position: relative;
}



body.searchPage div.topContent a
{
    font-weight: normal;
}
body.searchPage div.topContent b a
{
    font-weight: bold;
}

div.topContent a, div.topContent a:visited, div.topContent a:hover
{
    color: #37a829;
}
div.topContent a.search-all
{
    color: #3f713f;
    font-weight: bold;
}
div.topContent h1
{
    margin-bottom: 6px;
}

body.brochuresPage div.topContent h1
{
    margin-bottom: 10px;
}


img.leftImgMain
{
    margin: 22px 0 0 15px;
    display: inline;
    float: left;
}
div.imgContent
{
    float: left;
    margin-top: 43px;
    width: 384px;
    padding-bottom: 40px;
}
div.videoContent
{
    border: 8px solid #f0f0ee;
    display: inline;
    float: left;
    width: 578px;
    margin: 0px 14px 20px 15px;
}
body.competitionPage div.imgContent
{
    margin-top: 0;
    padding-bottom: 0;
}

ul.competitionWinners
{
    margin-top: 20px;
    float: left;
    margin-left: 25px;
    display: inline;
}
ul.competitionWinners li
{
    padding: 0 0 10px;
    float: left;
    clear: both;
    width: 620px;
}
ul.competitionWinners li img.leftImgMain
{
    margin-top: 0;
    margin-right: 30px;
}
div.imgContent ol
{
    margin-left: -22px;
    width: 350px;
    float: left;
}
div.imgContent ol li
{
    padding: 0 0 3px;
    float: left;
}


div.plainContent
{
    padding: 15px 150px 30px 15px;
}
div.plainContent h2
{
    margin-bottom: 20px;
}
div.plainContent h4
{
    margin-top: 10px;
}
div.plainContent ol li
{
    padding-bottom: 10px;
}

ol ol
{
    padding-top: 12px;
}
ol ol.lower-alpha
{
    list-style-type: lower-alpha;
}


/* TAB STYLES */
div.tabPanel
{
    color: #6c6c6c;
    float: left;
    width: 870px;
    padding: 4px 15px 0 15px;
    background: url(../img/tabs/tabPanelBg.gif) no-repeat;
    line-height: 1.4em;
}
div.tabPanelRegion
{
    color: #6c6c6c;
    float: left;
    width: 900px;
    padding: 0;
    background: url(../img/tabs/tabPanelBg.gif) no-repeat;
    line-height: 1.4em;
}

body.accountPage div.tabPanel
{
    color: #4b4b4b;
    background: url(../img/tabs/tabPanelBgShort.gif) no-repeat #fff;
}

div.notabPanel
{
    color: #6c6c6c;
    float: left;
    width: 870px;
    padding: 15px 15px 0 15px;
    background: url(../img/tabs/notabPanelBg.gif) no-repeat;
    line-height: 1.4em;
}

body.destinationsMainPage div.notabPanel, body.blogPage div.notabPanel
{
    padding-top: 30px;
}

body.newsletterPage div.notabPanel, body.competitionPage div.notabPanel, body.ideasPage div.notabPanel, body.offersPage div.notabPanel
{
    padding: 30px 15px;
}

div.tabThinPanel
{
    color: #6c6c6c;
    float: left;
    width: 626px;
    padding: 4px 10px 20px 15px;
    background: url(../img/tabs/tabThinPanelBg.png) no-repeat;
    line-height: 1.4em;
}
body.brochuresPage div.tabThinPanel
{
    padding-right: 20px;
    position: relative;
}
body.bochureDownloadPage div.tabThinPanel
{
    padding: 4px 35px 20px 30px;
    width: 586px;
}
body.cottagePhotosPage div.tabThinPanel, body.cottageFacilitiesPage div.tabThinPanel, body.cottageAvailabilityPage div.tabThinPanel
{
    padding: 4px 0 20px 30px;
    width: 621px;
}

div.noTabThinPanel
{
    color: #6c6c6c;
    float: left;
    width: 600px;
    padding: 38px 30px 20px 30px;
    background: url(../img/tabs/noTabThinPanelBg.png) no-repeat;
    line-height: 1.4em;
}
body.contactPage div.noTabThinPanel
{
    padding: 38px 15px 40px 15px;
    width: 630px;
}
div.noTabThinPanel h2
{
    float: left;
}
body.contactPage div.noTabThinPanel h2
{
    float: none;
    margin-bottom: 2px;
}

div.tabLeftCol
{
    float: left;
    width: 630px;
}
body.accountRegisterPage div.tabLeftCol
{
    padding-top: 20px;
}
body.searchPage div.tabLeftCol
{
    width: 625px;
}
body.aboutPage div.tabLeftCol
{
    float: left;
    width: 600px;
    padding: 0 15px 20px 15px;
}
body.destinationsPage div.tabLeftCol, body.ideasPage div.tabLeftCol, body.guidePage div.tabLeftCol
{
    padding-top: 10px;
}

div.tabRightCol
{
    float: left;
    padding: 71px 0 0 19px;
    width: 220px;
}



body.guidePage div.tabRightCol
{
    padding: 0 0 0 20px;    
}

body.brochuresPage div.tabRightCol
{
    padding: 0 0 0 19px;    
}

/*
body.searchPage div.tabRightCol
{
    padding: 0 0 0 0;
    width: 235px;
    margin-top: -29px;
}
*/
body.brochuresPage div.tabRightCol, body.contactPage div.tabRightCol
{
    padding: 0 0 0 5px;
    margin-top: -20px;
}
body.offersPage div.tabRightCol, body.ideasPageMain div.tabRightCol
{
    padding-top: 49px;
}
body.ideasPageDetail div.tabRightCol
{
    padding-top: 130px;
}
body.seasonalHolidays div.tabRightCol
{
    padding-top: 49px;
}
body.ownersPage div.tabRightCol
{
    padding-top: 47px;
}
body.accountPage div.tabRightCol, body.newsletterPage div.tabRightCol, body.competitionPage div.tabRightCol
{
    padding-top: 19px;
}
body.faqsPage div.tabRightCol
{
    padding: 12px 15px 0 5px;
}
body.aboutPage div.tabRightCol
{
    padding-top: 12px;
}
body.contactPage div.tabRightCol
{
    padding-top: 92px;
    color: #6c6c6c;
}
body.accountPage.accountOwnerPage div.tabRightCol
{
    padding-top: 45px;
}
body.accountLoginPage.accountPage div.tabRightCol, body.accountRegisterPage.accountPage div.tabRightCol
{
    padding-top: 50px;
}
body.accountLoginPage.accountPage div.leftColRightPanel a.noBlock
{
    display: inline;
    font-size: 1em;
}

div.tabFull
{
    float: left;
    width: 855px;
    padding-right: 15px;
}

div.topTabContent
{
    float: left;
    padding-left: 15px;
    position: relative;
}

body.accountPage div#content div.topTabContent p
{
    padding: 9px 0 6px;
}
div.tabFull div.topTabContent
{
    width: 840px;
}
div.tabLeftCol div.topTabContent
{
    width: 615px;
}
body.offersPage div.tabLeftCol div.topTabContent
{
    width: 550px;
}
body.ownersPage div.topTabContent, body.competitionPage div.topTabContent, body.newsletterPage div.topTabContent, body.searchPage div.topTabContent
{
    width: 480px;
}
body.aboutPage div.topTabContent
{
    width: 600px;
}
body.aboutPage div.topTabContent
{
    padding-left: 0;
}
body.ideasPageDetail div.topTabContent
{
    width: 460px;
}
div.topTabContent h2
{
    margin-bottom: 4px;
}
div.leftColLeftPanel, div.leftColRightPanel
{
    float: left;
    width: 260px;
    padding: 30px 25px 80px 25px;
}

body.searchPage div.leftColLeftPanel
{
    width: 385px;
    padding: 0 15px;
}

body.searchPage #content div.leftColLeftPanel p
{
    width: 365px;
}

body.searchPage div.leftColRightPanel
{
    width: 190px;
    padding: 0 0 0 15px;
    float: left;
}

body.brochuresPage div.leftColLeftPanel
{
    width: 295px;
    padding: 0 0 20px 15px;
}
body.contactPage div.leftColLeftPanel
{
    width: 295px;
    padding: 0 0 20px 15px;
}

body.brochuresPage div.leftColLeftPanel.wide, body.contactPage div.leftColLeftPanel.wide
{
    width: 500px;
    min-height: 200px;
}

body.aboutPage div.tabLeftCol h2
{
    clear: both;
    margin-bottom: 2px;
}

body.brochuresPage div.leftColRightPanel
{
    position: absolute;
    bottom: 0px;
    right: 35px;
    padding-bottom: 40px;
}
body.contactPage div.leftColRightPanel
{
    padding: 0 25px 0px 15px;
}

body.brochuresPage #content div.leftColRightPanel p, body.contactPage #content div.leftColRightPanel p
{
    padding: 0;
}

/* LIST STYLES */
ul.mainList
{
    float: left;
    width: 630px;
    padding-top: 5px;
    min-height: 400px;
}
body.offersPage ul.mainList, body.ideasPage ul.mainList
{
    padding-top: 0px;
}

body.ideasPageDetail ul.mainList
{
    padding-top: 30px;
}

ul.mainList li
{
    float: left;
    width: 575px;
    padding: 10px 40px 22px 15px;
    background: url(../img/listDivide.gif) no-repeat bottom;
}

body.searchPage ul.mainList li
{
    width: 560px;
}
body.destinationsTownPage ul.mainList li
{
    padding: 0 40px 15px 15px;
}
body.offersPage ul.mainList li, body.ideasPage ul.mainList li
{
    padding-bottom: 27px;
}

ul.mainList img
{
    float: left;
}
body.ideasPageDetail ul.mainList img
{
    margin-bottom: -10px;
}
ul.mainList div.listContent
{
    float: left;
    width: 384px;
    padding-top: 10px;
}
ul.mainList div.listContent h2
{
    margin-bottom: 4px;
}
body.searchPage ul.mainList div.listContent
{
    width: 369px;
}

div.listLinks
{
    float: left;
    color: #d4d4d3;
    font-size: 0.9em;
    padding-top: 7px;
}
div#content div.listLinks p
{
    padding: 0 0 6px;
}

div.listLinks span
{
    display: block;
    float: left;
    width: 265px;
}
body.offersPage div.listLinks span, body.ideasPage div.listLinks span
{
    padding-left: 0;
}

body.destinationsEventsPage div.listLinks span.findMoreLink
{
    background: none;
}
div.listLinks span.searchLink
{
    color: #6c6c6c;
}
div.listLinks span.findMoreLink
{
    color: #6c6c6c;
}
div.listLinks span.searchLink a
{
    font-weight: bold;
}
div.listLinks span.findMoreLink a
{
    font-weight: bold;
}
div.listLinks span.offerNumbers
{
    display: inline;
    font-weight: normal;
    color: #7f7f7f;
    width: auto;
    float: none;
}

div.listLinks p.linklist
{
    float: left;
    clear: both;
    width: 100%;
}
div.listLinks p.linklist a
{
    display: block;
    float: left;
    white-space: nowrap;
    background: url(../img/backgrounds/icon-pipe-delimiter.gif) no-repeat right center;
    padding-right: 10px;
}
div.listLinks p.linklist a.linklistlast
{
    background: none;
    padding-right: 0;
}

ul.pdfList
{
    padding: 20px 0 30px 0;
}
ul.pdfList li
{
    padding: 5px 0 5px 30px;
    background: url(../img/pdf.gif) no-repeat 0 2px;
}


/* HEADERS */
h1
{
    color: #3f713f;
    font-size: 22px;
}
div.homeMainTitle
{
    color: #ffffff;
}
h3
{
    color: #3f713f;
}
h3.tabHeading
{
    color: #818282;
}
h2.tabHeading
{
    color: #828383;
}
h3
{
    color: #4b4b4b;
}
h3, h4
{
    font-weight: bold;
}
h2.bottom-fix
{
    position: absolute;
    bottom: 5px;
    left: 15px;
}

* + html h2.bottom-fix
{
    bottom: 0;
}


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

div.homeMainTitle
{
    position: absolute;
    top: 130px;
    left: 300px;
    width: 260px;
}
div.bookOnline
{
    position: absolute;
    top: 125px;
    left: 702px;
}
div.bookOnline a, div.bookOnline a:hover
{
    color: #ffffff;
}

div.homeLeftCol
{
    float: left;
    width: 245px;
}
div.homeLeftCol h2
{
    clear: both;
    float: left;
}
div.homeRightCol
{
    color: #6c6c6c;
    float: left;
    width: 675px;
    position: relative;
}

div.holidayFinder
{
    float: left;
    width: 213px;
    height: 298px;
    padding: 13px 8px 13px 14px;
    background: url(../img/searchBack.jpg) no-repeat;
}
div#content div.holidayFinder p
{
    font-size: 0.9em;
    color: #fff;
    padding: 12px 0 4px 2px;
    clear: both;
}
div.holidayFinder h2
{
    color: #eee;
    margin: 0 0 21px -2px;
}
div.holidayFinder label
{
    color: #fff;
}
div.holidayFinder div
{
    float: left;
}
div.holidayFinder div.col1
{
    float: left;
    padding-right: 8px;
}
div.holidayFinder select
{
    font-size: 0.9em;
    margin-bottom: 10px;
}
div.holidayFinder select.location
{
    width: 123px;
}
div.holidayFinder select.from
{
    width: 123px;
}
div.holidayFinder select.party
{
    width: 67px;
}
div.holidayFinder select.duration
{
    width: 67px;
}

div.holidayFinder p a, div.holidayFinder p a:visited
{
    font-weight: bold;
    color: #ffffff;
}

div.propertySearch
{
    padding-top: 25px;
    margin-left: -4px;
    display: inline;
}
div.propertySearch div.col1
{
    padding-top: 4px;
    padding-left: 4px;
}
div.propertySearch input
{
    margin-top: 2px;
}
div.propertySearch div.col1 input
{
    width: 146px;
}

div#map
{
    float: left;
    width: 630px;
    background: #fff;
    margin-left: 25px;
    display: inline;
    border: 10px solid #fff;
    position: relative;
}

body.destinationsPage div#map,
body.guidePage div#map
{
    margin: -10px 0 0 0;
    display: block;
    width: 885px;
    border: none;
    background: none;
}
body.destinationsPage div#map img,
body.guidePage div#map img
{
    float: right;
}




body.destinationsPage div#sub_map,
body.guidePage div#sub_map
{
    width: 330px;
    height: 330px;
    margin: 7px 22px 0 0;
    display: block;
    border: none;
    background: none;
}
div.image-map
{
    position: absolute;
    right: 0;
    top: 0;
    width: 330px;
    height: 330px;
}
div#sub_map
{
    float: right;
    width: 330px;
    display: inline;
    position: relative;
}
#transparent_map
{
    position: absolute;
    width: 640px;
    height: 238px;
    border: none;
    z-index: 30;
}

body.destinationsPage #transparent_map,
body.guidePage #transparent_map
{
    width: 885px;
}

#transparent_map_small
{
    position: absolute;
    width: 330px;
    height: 330px;
    border: none;
    z-index: 300;
}

body.destinationsPage #transparent_map_small,
body.guidePage #transparent_map_small
{
    width: 330px;
}


#MapNorthCornwall, #MapSouthCornwall, #MapWestCornwall, #MapNorthDevon, #MapMidEastDevon, #MapSouthDevon, #MapDorset, #MapSomerset
{
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    z-index: 9000;
}




div.homeMapText
{
    position: absolute;
    width: 300px;
    height: 25px;
    top: 12px;
    left: 40px;
    padding: 2px 0 0 0;
    z-index: 100;
}

div.homeMapText h1
{
    color: #919191;
    margin-bottom: 6px;
}



div.destMapText
{
    position: absolute;
    height: 250px;
    top: 0;
    left: 15px;
    padding: 2px 0 0 0;
    z-index: 100;
}

div.homeMapText h2
{
    color: #919191;
    margin-bottom: 10px;
    height: 24px;
}
div#content div.homeMapText p
{
    font-size: 1.2em;
    width: 250px;
}
div#content div.homeMapText p.homeParaShort
{
    width: 150px;
}

div#content div.destMapText p
{
    font-size: 1.2em;
    width: 430px;
}




#map ul, #sub_map ul
{
    list-style: none;
}
#map li, #sub_map li
{
    position: absolute;
    text-indent: -1000em;
    display: none;
    z-index: 20;
}



#somerset
{
    width: 170px;
    height: 109px;
    top: 29px;
    left: 404px;
    background: url(../img/imageMap/somerset.jpg) no-repeat;
}
#dorset
{
    width: 137px;
    height: 105px;
    top: 98px;
    right: 2px;
    background: url(../img/imageMap/dorset.jpg) no-repeat;
}
#devon
{
    background: url(../img/imageMap/devon.jpg) no-repeat;
    width: 181px;
    height: 187px;
    top: 49px;
    left: 321px;
}
#cornwall
{
    width: 182px;
    height: 168px;
    top: 90px;
    left: 185px;
    background: url(../img/imageMap/cornwall.jpg) no-repeat;
}

body.destinationsPage #somerset
{
    left: 659px;
    top: 14px;
    background: url(../img/imageMap/somersetDest.jpg) no-repeat;
}
body.destinationsPage #dorset
{
    left: 746px;
    top: 83px;
    background: url(../img/imageMap/dorsetDest.jpg) no-repeat;
}
body.destinationsPage #devon
{
    left: 576px;
    top: 34px;
    background: url(../img/imageMap/devonDest.jpg) no-repeat;
}
body.destinationsPage #cornwall
{
    left: 440px;
    top: 75px;
    background: url(../img/imageMap/cornwallDest.jpg) no-repeat;
}


#north_devon
{
    width: 170px;
    height: 119px;
    top: 29px;
    left: 104px;
    background: url(../img/imageMap/north-devon.jpg) no-repeat;
}
#mid_devon
{
    width: 239px;
    height: 114px;
    top: 98px;
    right: 2px;
    background: url(../img/imageMap/mid-devon.jpg) no-repeat;
}
#south_devon
{
    width: 208px;
    height: 118px;
    background: url(../img/imageMap/south-devon.jpg) no-repeat;
    top: 49px;
    left: 121px;
}

body.destinationsPage #north_devon
{
    left: 35px;
    top: 30px;
    background: url(../img/imageMap/north-devonDest.jpg) no-repeat;
}
body.destinationsPage #mid_devon
{
    left: 57px;
    top: 95px;
    background: url(../img/imageMap/mid-devonDest.jpg) no-repeat;
}
body.destinationsPage #south_devon
{
    left: 71px;
    top: 181px;
    background: url(../img/imageMap/south-devonDest.jpg) no-repeat;
}

#north_cornwall
{
    width: 150px;
    height: 135px;
    top: 29px;
    left: 104px;
    background: url(../img/imageMap/north-cornwall.jpg) no-repeat;
}
#south_cornwall
{
    width: 159px;
    height: 112px;
    top: 98px;
    right: 2px;
    background: url(../img/imageMap/south-cornwall.jpg) no-repeat;
}
#west_cornwall
{
    width: 146px;
    height: 110px;
    background: url(../img/imageMap/west-cornwall.jpg) no-repeat;
    top: 49px;
    left: 121px;
}

body.destinationsPage #north_cornwall
{
    left: 133px;
    top: 37px;
    background: url(../img/imageMap/north-cornwallDest.jpg) no-repeat;
}
body.destinationsPage #south_cornwall
{
    left: 140px;
    top: 116px;
    background: url(../img/imageMap/south-cornwallDest.jpg) no-repeat;
}
body.destinationsPage #west_cornwall
{
    left: 31px;
    top: 155px;
    background: url(../img/imageMap/west-cornwallDest.jpg) no-repeat;
}







ul.homeTraffic
{
    float: left;
    width: 650px;
    padding: 20px 0 0 25px;
}

ul.homeTraffic li
{
    float: left;
    margin-right: 20px;
    width: 203px;
    height: 237px;
    background: #ffffff;
}

ul.homeTraffic li.last
{
    margin-right: 0;
}

ul.homeTraffic li div
{
    padding: 18px 15px 12px 15px;
    height: 96px;
    overflow: hidden;
}
ul.homeTraffic li h2
{
    height: 20px;
}
ul.homeTraffic li p
{
    line-height: 1.2em;
}

.myfade{
	background: url(/img/bottom.png) no-repeat;
	background-position:bottom ; 
	float:left;
	padding-bottom: 20px;
    width: 706px;
}
ul.homeTraffic{
	background: url(/img/pixel_long.png) no-repeat scroll 7px 181px transparent;
	margin-top:20px !important;
	padding-top:0 !important;
	width:675px !important;
}
ul.homeTraffic li{
	height: auto !important;
}
ul.homeTraffic li div{
	height: auto !important;
}

div.cottageShortList
{
    float: left;
    padding-top: 20px;
}
div.cottageShortList h2
{
    color: #828383;
}
body.homePage div.cottageShortList
{
    padding: 31px 0 0 15px;
    float: left;
}
div.cottageShortList ul
{
    float: left;
    font-size: 0.9em;
    line-height: 1.4em;
}
div.cottageShortList ul li
{
    float: left;
    width: 220px;
    padding: 4px 0;
}
body.destinationsPage div.cottageShortList ul li
{
    width: 205px;
}
div.cottageShortList ul img
{
    float: left;
    border: #a6a6a5 1px solid;
    margin-top: 5px;
}
div.cottageShortList ul div
{
    float: left;
    width: 145px;
    padding: 2px 0 0 11px;
}
div.cottageShortList h3 a
{
    font-weight: normal;
}
div#content div.cottageShortList ul p
{
    padding: 0;
}

/****************/
/* GOOGLE MAPS */
/****************/

div.mapHolder
{
    float: left;
    width: 624px;
    display: inline;
    margin-bottom: 15px;
    border: #f0f0ee solid 8px;
    position: relative;
    z-index: 0;
}
#map_canvas
{
    float: left;
    width: 624px;
    height: 425px;
}


div.sres
{
    float: left;
    position: relative;
    z-index: 1000;
    background-color: #fff;
}



body.searchPage.searchPageMain #map_canvas
{
    float: left;
    width: 624px;
    height: 425px;
    position: absolute;
    z-index: 0;
}

body.searchPage.searchPageMain div.mapHolder, body.searchPage.searchPageMain div.coverplate, body.searchPage.searchPageMain div.reveal
{
    float: left;
    width: 624px;
    height: 425px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: #f0f0ee solid 8px;
    z-index: 0;
}

body.searchPage.searchPageMain h3.up
{
    position: relative;
    z-index: 500;
}

body.searchPage.searchPageMain div.reveal
{
    height: 493px;
    width: 8px;
    clear: both;
    z-index: 1;
    position: relative;
    margin-bottom: 15px;
    border: 0;
    background-color: transparent;
}
body.searchPage.searchPageMain div.coverplate
{
    width: 640px;
    height: 445px;
    background-color: #fff;
    position: absolute;
    z-index: 300;
    border: 0;
    margin-top: 0;
}
body.searchPage.searchPageMain div.lowerPanel
{
    width: 640px;
    float: left;
    display: block;
    background-color: #fff;
    position: relative;
    z-index: 200;
}


body.destinationsPage div.mapHolder, body.searchMapPage div.mapHolder, body.guidePage div.mapHolder
{
    width: 578px;
    margin: 0 0 20px 15px;
    display: inline;
}

body.guidePage div.mapHolder
{
    margin: 0 0 20px 0;
}

body.destinationsPage div.mapHolder, body.guidePage div.mapHolder
{
    margin-top: 15px;
}

body.destinationsPage #map_canvas, body.searchMapPage #map_canvas, body.guidePage #map_canvas
{
    width: 578px;
}

body.destinationsMapPage div.mapHolder
{
    width: 578px;
    margin: 15px;
    display: inline;
}
body.destinationsMapPage #map_canvas
{
    width: 578px;
    height: 522px;
}

div.mapInfo
{
    padding: 15px 0 0 15px;
    width: 230px;
    height: 121px;
    background: url(../img/map/infoBox.png) no-repeat;
    font-size: 0.9em;
    line-height: 1.4em;
}
div.mapInfo span, div.mapInfo a
{
    display: block;
}
div.mapInfo img
{
    float: left;
    margin: 5px 10px 0 0;
}
div.mapInfo div
{
    float: left;
    width: 150px;
}

/****************/
/* SEARCH FORM */
/****************/
.searchForm, .searchFormFixed
{
    float: left;
    padding: 4px 0 21px;
    width: 200px;
}
div#content .searchForm p, div#content .searchFormFixed p
{
    font-size: 0.9em;
    clear: both;
}
.searchForm div, .searchFormFixedBlock
{
    float: left;
    padding-right: 10px;
    width: auto;
}
label.bathrooms
{
    width: 100px;
}
.searchForm select, .searchFormFixed select
{
    margin-bottom: 10px;
}
.searchFormFixed select.from
{
    width: 100px;
    margin-bottom: 5px;
}
.searchFormFixed select.bathrooms, .searchFormFixed select.property
{
    width: 80px;
    margin-bottom: 5px;
}
select.duration
{
    width: 80px;
    margin-bottom: 5px;
}
.searchFormFixed select.location, select.town, select.changeOver, select.property, select.bathrooms, select.holidayIdeas
{
    width: 130px;
}

.searchFormFixedBlock.width50
{
    width: 45%;
}


select.party, select.dogs, select.bedrooms
{
    width: 85px;
}
div.searchColLeft input.search
{
    margin-top: 15px;
}
input.searchText
{
    margin-top: 0;
    width: 160px;
}

.searchFormFixedBlock label
{
    white-space: nowrap;
}
.searchForm div.searchCheck
{
    padding-right: 0;
}
div.searchCheck input
{
    float: left;
    clear: both;
    margin: 8px 5px 0;
}
div.searchCheck label
{
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
    width: 160px;
}

div.searchFormFixed div.col1
{
    padding-top: 4px;
    float: left;
}
div.searchFormFixed div.col1 input
{
    width: 146px;
    float: left;
}


/************************/
/* PROPERTY CODE SEARCH */
/************************/
.codesearchlist2
{
    border: 1px solid DarkGray;
    list-style-type: none;
    margin: 0px;
    background-color: #FFF;
    text-align: left;
    font-size: small;
    vertical-align: middle;
    color: black;
}
ul.codesearchlist2 li
{
    padding: 0px 0px;
}
.codesearchlistitem2
{
    color: #4B4B4B;
    background-color: #fff;
}
.codesearchhoverlistitem2
{
    background-color: #99C741;
    color: #fff;
}

/*******************/
/* PROPERTY FILTER */
/*******************/
ul.propertyFilter
{
    font-size: 0.9em;
    width: 215px;
}
ul.propertyFilter a
{
    font-weight: bold;
}
ul.propertyFilter li
{
    line-height: 1.9em;
}
ul.propertyFilter li.filterAll
{
    padding-bottom: 6px;
}

/********************************/
/* SEARCH RESULTS PAGE ELEMENTS */
/********************************/
div#content p.searchLink
{
    padding-bottom: 25px;
}

div.searchColLeft
{
    clear: both;
    float: left;
    width: 260px;
    margin-top: 10px;
}
div.searchColRight
{
    float: left;
    width: 640px;
    margin-top: 10px;
    position: relative;
}

div.sortby
{
    float: left;
    padding: 6px 0 0 15px;
}
div.sortby select
{
    float: left;
}
div.sortby label
{
    color: #fff;
    float: left;
    padding: 0 5px 0;
}

div.emailFriendSearch
{
    color: #fff;
    width: 100px;
    position: absolute;
    top: 6px;
    right: 10px;
    background: url(../img/icons/envelope.gif) no-repeat right;
}
div.emailFriendSearch a
{
    color: #fff;
}

div.searchPriceBlock
{
    float: left;
    width: 170px;
    padding: 20px 0 0 20px;
    height: 92px;
    border-left: solid 1px #e1e0e0;
    position: relative;
    z-index: 1;
}

span.searchDate
{
    float: left;
    font-size: 0.9em;
    padding-right: 7px;
    background: url(../img/lgreyPipe.gif) right no-repeat;
    margin-right: 6px;
}

.searchNights
{
    float: left;
    padding-left: 8px;
    background: url(../img/lgreyPipe.gif) no-repeat 0 3px;
}
.searchNightsNone
{
    float: left;
}
.searchPrice
{
    width: 170px;
    color: #3f713f;
    padding-top: 5px;
    font-weight: bold;
    float: left;
    clear: both;
    font-size: 1.8em;
}
.searchPrice.offers
{
    color: #dd4f0a;
}
.searchPrice.offers span
{
    color: #dd4f0a;
    font-size: 11px;
    margin-left: 8px;
}



.searchPriceRange
{
    width: 170px;
    color: #3f713f;
    padding-top: 5px;
    font-weight: bold;
    float: left;
    clear: both;
    font-size: 1.4em;
}
span.priceOffer
{
    display: block;
    font-size: 0.8em;
}
body.searchPageMain span.priceOffer
{
    font-size: 0.6em;
    padding-left: 5px;
    display: inline;
}

div.resultButtons
{
    clear: both;
    width: 170px;
}

div.searchPanel, div.searchPanelTop
{
    float: left;
    width: 235px;
    position: relative;
    color: #fff;
}
div.searchPanel
{
    margin-bottom: 10px;
}
div.searchPanelTop h3, div.searchPanel h3
{
    color: #fff;
    padding: 6px 0 6px 15px;
    background-color: #99c741;
}
div.searchPanel h3
{
    background: url(../img/search/searchPanelBevel.gif) repeat-x;
}
div.searchPanelTop a, div.searchPanel a, div.searchPanel a:visited
{
    color: #fff;
}
div.searchColLeft div.searchForm, div.searchColLeft div.searchFormFixed
{
    float: left;
    padding: 10px 45px 30px 15px;
    width: 200px;
    background: url(../img/search/searchPanelBack.gif) bottom;
}
div.searchColLeft div.searchFormFixed
{
    padding-bottom: 10px;
    position: relative;
    z-index: 400;
}
div.searchPanelBottom
{
    float: left;
    width: 260px;
    height: 20px;
    background: url(../img/search/searchPanelBottom.gif) bottom;
}

/************************/
/* COTTAGE DETAIL PAGES */
/************************/
div.locationStars
{
    width: 540px;
    float: left;
    padding-top: 4px;
}
div.locationStars img
{
    float: left;
    margin: 1px 0 0 10px;
}
div.locationStars h2
{
    float: left;
    color: #6c6c6c;
    margin-bottom: 3px;
}

div.cottageLinks
{
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    clear: both;
}

div.cottageLinks a, div.cottageLinks a:hover, div.cottageLinks a:visited
{
    position: absolute;
    color: #33a31f;
    font-size: 0.9em;
    padding-right: 23px;
    font-weight: normal;
}
div.cottageLinks a.showFavourites
{
    top: 1px;
    right: 116px;
    padding-right: 8px;
    background: url(../img/lgreyPipe.gif) no-repeat right;
}
div.cottageLinks a.addFavourites
{
    top: 1px;
    right: 3px;
    background: url(../img/icons/favourite.gif) no-repeat right;
}
div.cottageLinks a.emailFriend
{
    top: 24px;
    right: 3px;
    background: url(../img/icons/envelope.gif) no-repeat right;
}
div.cottageLinks a.print
{
    top: 47px;
    right: 3px;
    background: url(../img/icons/printer.gif) no-repeat right;
}

/* AVAILABILITY PANEL */
div.availabilityPanel
{
    background: url("../img/availability/back.jpg") repeat scroll 0 0 transparent;
    float: left;
    left: -20px;
    padding: 30px 15px 0;
    position: relative;
    top: -100px;
    width: 205px;
}
div.availabilityPanel label
{
    color: #fff;
    font-weight: bold;
    float: left;
}
div.availabilityPanel div.availabilityField
{
    float: left;
    width: 100px;
}
div.availabilityPanel select.month
{
    width: 105px;
}
div.availabilityPanel select.changeover
{
    width: 105px;
}
div.availabilityPanel select.duration
{
    width: 90px;
    float: right;
}
div.availabilityPanel label.duration
{
    width: 90px;
    float: right;
}
div.availabilityPanel input.bookNow
{
    float: right;
    margin: 3px -8px 5px;
}
div.availabilityPanel p
{
    color: #fff;
    width: 205px;
    top: 1px;
    clear: both;
}



/* COTTAGE DETAIL LISTS */
ul.glanceList
{
    float: left;
    width: 195px;
    clear: both;
    padding: 3px 0 23px;
}
ul.glanceList li
{
    line-height: 1.8em;
}

ul.featList
{
    float: left;
    width: 195px;
    clear: both;
    padding: 3px 0 23px;
}
body.searchMapPage ul.featList
{
    padding-top: 23px;
}
ul.featList li
{
    float: left;
    width: 170px;
    clear: both;
    padding-left: 15px;
    line-height: 1.8em;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}

body.searchPage div.tabThinPanel h2, body.searchPage div.tabThinPanel p
{
    clear: both;
}
body.searchPage div.tabThinPanel h2
{
    width: 250px;
    color: #3f713f;
}
body.searchPage div.tabThinPanel div.leftColRightPanel h2
{
    width: 95%;
    margin-bottom: 2px;
}

/* AVAILABILITY PAGE */
div.calendarWrapper
{
    float: left;
    padding: 30px 40px 0 0;
}
div.calendarWrapper.calendarOdd
{
    clear: left;
}

div.calendarWrapperOdd
{
    clear: both;
}
div.calendarInfo
{
    float: left;
    padding-top: 20px;
}
body.cottageAvailabilityPage div.tabThinPanel p
{
    width: 600px;
}
div.calendarInfo select, div.calendarInfo label
{
    float: left;
    margin-right: 10px;
}
ul.calendarKey
{
    float: left;
}
ul.calendarKey li
{
    float: left;
    padding: 0 15px 0 25px;
}
ul.calendarKey li.booked
{
    background: url(../img/calendar/booked.gif) no-repeat;
}
ul.calendarKey li.unavailable
{
    background: url(../img/calendar/unavailable.gif) no-repeat;
}
ul.calendarKey li.available
{
    background: url(../img/calendar/available.gif) no-repeat;
}

/* AVAILABILITY CALENDAR */
div#content p.isavailable
{
    float: left;
    width: auto;
    padding: 0 8px 0 0;
    margin-right: 7px;
    background: url(../img/pipe.gif) no-repeat right center transparent;
}
div#availabilityChecker
{
    background: url(../img/availability/calendar-bottom.png) no-repeat left bottom;
    position: absolute;
    width: 275px;
    z-index: 9000;
    padding-bottom: 20px;
    left: -9999px;
    top: -300px;
}
div#availabilityChecker div#calendarInner
{
    background: url(../img/availability/calendar-top.png) no-repeat left top;
    width: 225px;
    min-height: 275px;
    padding: 25px 25px 0;
    float: left;
}
div#availabilityChecker div#loadingDates
{
    position: absolute;
    top: 0;
    left: 55px;
    z-index: 1000;
    padding: 80px 0 0 0;
    color: #30A21E;
    font-weight: bold;
}

#ajaxWrapper
{
    float: left;
}
#ajaxWrapper div.ajax-calendar-heading
{
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 10px;
}
#ajaxWrapper div.ajax-calendar-heading a
{
    float: left;
    text-indent: -9999px;
    height: 16px;
    width: 18px;
    text-align: left;
    text-decoration: none;
}
#ajaxWrapper div.ajax-calendar-heading a#prev-availability
{
    background: url(/img/availability/arrow-left.png) no-repeat left top;
}
#ajaxWrapper div.ajax-calendar-heading a#next-availability
{
    background: url(/img/availability/arrow-right.png) no-repeat left top;
    float: right;
}

#ajaxWrapper div.ajax-calendar-heading h4
{
    color: #507D50;
    font-weight: bold;
    font-size: 1em;
    float: none;
    display: inline;
    width: auto;
    text-align: center;
}
div.key
{
    float: left;
    width: auto;
    display: block;
    padding: 5px 0;
    margin-right: 10px;
    vertical-align: middle;
}
div.key img
{
    float: left;
    display: block;
    margin-right: 5px;
    margin-top: 4px;
}


/*************************/
/* ACCOUNT PAGE ELEMENTS */
/*************************/
div.loginDetails
{
    font-size: 0.9em;
    width: 215px;
    position: absolute;
    right: 9px;
    top: 32px;
}
div.loginDetails span
{
    display: block;
}
div.loginDetails a, div.loginDetails a:visited, div.loginDetails a:hover
{
    color: #32a31f;
    font-weight: normal;
}
div.loginDetails b, div.loginDetails a
{
    display: block;
    float: left;
    padding-right: 7px;
}
div.loginDetails b
{
    padding-right: 9px;
}
div.loginDetails a
{
    padding-right: 6px;
}
p.action
{
    position: absolute;
    left: 15px;
    top: 48px;
}
p.action span
{
    font-weight: bold;
    color: #dd4f0a;
}
select.showBookings
{
    position: absolute;
    right: 0px;
    top: 0;
}
body.accountOwnerPage select.showBookings
{
    top: 28px;
}

select.yourBookings
{
    margin: 10px 0 5px;
}

/* LOGIN PAGE ELEMENTS */
div.login label
{
    margin-top: 10px;
}
div.login a, div.login span
{
    display: block;
    font-size: 0.9em;
}
div.login input
{
    width: 220px;
}

div.rememberCheck
{
    padding: 10px 0;
}
div.rememberCheck input
{
    float: left;
    width: auto;
    margin-top: 2px;
}
div.login div.rememberCheck label
{
    float: left;
    margin-top: 0;
    padding: 0 0 0 5px;
}

div.login input.login
{
    float: left;
    clear: both;
    width: auto;
    margin-top: 20px;
    width: 91px;
}

body.accountPage div.leftColRightPanel h3, body.accountPage div.leftColRightPanel p
{
    float: left;
    clear: both;
    width: 260px;
}

/* REGISTER/UPDATE/DETAILS FORM PAGE ELEMENTS */
div.details
{
    float: left;
}
div.details h3
{
    float: left;
    width: 570px;
    background: #e2e2e2;
    padding: 7px 15px;
    margin-top: 15px;
    clear: both;
}
body.contactPage div.details h3, body.brochuresPage div.details h3
{
    float: none;
    width: auto;
    background: none;
    padding: 0;
    margin-top: 0;
}
div.detailsBlock
{
    float: left;
    width: 580px;
    padding-left: 15px;
}
div.detailsNameBlock
{
    float: left;
    padding-right: 15px;
}
div.details label, div.details legend
{
    padding: 10px 0 3px;
}

div.details label.legend
{
    float: left;
    width: 100%;
    clear: both;
}

div.details input
{
    width: 210px;
}


div.details input.postcode
{
    width: 100px;
}


div.postcodeWrapper, div.passwordWrapper
{
    position: relative;
    z-index: 100;
}
span.passwordHelp
{
    position: absolute;
    top: 10px;
    left: 75px;
    font-size: 0.9em;
}
div.details input.address
{
    width: 300px;
}

div.details div.checkbox
{
    float: left;
    width: 250px;
}
div.details div.checkbox.wide
{
    width: 100%;
}

body.contactPage div.details div.checkbox, body.brochuresPage div.details div.checkbox
{
    width: 130px;
    padding-bottom: 5px;
}
body.brochuresPage div.details div.checkbox.wide
{
    width: 100%;
}
body.contactPage div.details div.checkbox.wide
{
    width: 100%;
    padding-top: 10px;
}

body.bochureDownloadPage div.details div.checkbox
{
    width: 200px;
}
div.details div.checkbox input
{
    float: left;
    width: 30px;
    margin-top: 4px;
}
body.contactPage div.details div.checkbox input, body.brochuresPage div.details div.checkbox input
{
    width: 15px;
}
div.details div.checkbox label
{
    float: left;
    padding: 2px 0 0 5px;
}
body.contactPage div.details div.checkbox label, body.brochuresPage div.details div.checkbox label
{
    padding: 4px 0 0 5px;
}
body.contactPage div.details div.checkbox.wide label, body.brochuresPage div.details div.checkbox.wide label
{
    float: none;
    display: block;
    margin-left: 20px;
    margin-top: -1px;
}
body.brochuresPage div.details div.checkbox.wide
{
    padding-top: 10px;
}
div.details h4
{
    clear: both;
    color: #507d50;
    padding: 15px 0 5px;
}

div.booking-steps h4
{
    clear: both;
    background-color: #EBEBEB;
    font-weight: bold;
    line-height: 31px;
    margin: 10px 0 0 0;
    padding: 0 15px;
}
div.booking-steps div.summary-info h4
{
    clear: both;
    background: none;
    font-weight: bold;
    line-height: 14px;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

div.details input.register
{
    float: left;
    clear: both;
    width: 114px;
    margin-top: 20px;
}
div.details input.update
{
    float: left;
    clear: both;
    width: 144px;
    margin-top: 20px;
}
body.accountPage div.topTabContent p.privacy, p.privacy
{
    font-size: 1em;
    float: left;
    clear: both;
    display: inline;
    margin: 20px 0 0 15px;
    width: 550px;
}

/*#tooltip {
font-size:0.9em;
background-color:#efefef;
border:1px solid #096132;
opacity:0.85;
padding:5px;
position:absolute;
z-index:3000;
}
#tooltip h3, #tooltip div {
margin:0;
}*/

#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;
}

/* CONTACT PAGE ELEMENTS */
div.contact
{
    float: left;
    padding-left: 15px;
}
div.contact label
{
    padding-top: 10px;
}
div.contact textarea
{
    width: 600px;
    height: 300px;
}

/******* tables ******************************/

div.booking-steps-sides
{
    width: 650px;
    margin-left: -13px;
    padding: 0 0 0 13px;
    display: inline;
    background: url(../img/book/side-fade.png) repeat-y 0 0;
    float: left;
}
div.booking-bottom
{
    margin-left: -13px;
    background: url(../img/book/bottom-glow-booking-steps.png) no-repeat left bottom;
    height: 20px;
    width: 650px;
    clear: both;
    float: left;
}
div.booking-steps fieldset.full
{
    width: 600px;
    padding: 7px 10px 15px 15px;
}

span.address-lookup
{
    float: left;
}
span.address-lookup a
{
    float: left;
    background: url(../img/book/button-address-lookup.jpg) no-repeat left top;
    text-indent: -9999px;
    width: 111px;
    height: 21px;
    margin-left: 10px;
}
span.address-lookup a:hover
{
    background-position: left bottom;
}
div.booking-steps h3
{
    background-color: #EBEBEB;
    float: left;
    margin: 0;
    padding: 10px 15px;
    font-weight: bold;
    width: 595px;
}

div.booking-steps div.left
{
    float: left;
    clear: both;
    width: 595px;
    padding: 10px 15px;
}
div.booking-steps h3.cancellation
{
    background-color: #EBF4D9;
}



/****** definition lists
**************************************************************/

dl.booking-summary
{
    float: left;
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0;
}


div.booking-steps fieldset.full.no-pad, dl.booking-summary.no-pad
{
    padding-top: 0;
    padding-bottom: 0;
}


dl.booking-summary dt, dl.booking-summary dd
{
    color: #6C6C6C;
    font-weight: bold;
    float: left;
}

dl.booking-summary dt
{
    width: 170px;
    display: block;
    clear: left;
}
dl.booking-summary dd
{
    float: left;
    width: 410px;
    font-weight: normal;
    margin-left: 15px;
}

dl.booking-summary dt.total, dl.booking-summary dd.total
{
    line-height: 60px;
}

dl.booking-summary dt.total.final
{
    line-height: normal;
    padding-top: 20px;
}
dl.booking-summary dd.total
{
    margin-left: 0;
    font-weight: bold;
}

dl.booking-summary dd.total span.grand-total
{
    padding: 10px 15px;
    background-color: #EBF4D9;
}





dl.ownerbooking-summary.no-pad
{
    padding-top: 0;
    padding-bottom: 0;
}
dl.ownerbooking-summary dt, dl.ownerbooking-summary dd
{
    color: #6C6C6C;
    float: left;
}

dl.ownerbooking-summary dt
{
    width: 170px;
    display: block;
    clear: left;
}
dl.ownerbooking-summary dd
{
    float: left;
    width: 410px;
    font-weight: normal;
    margin-left: 15px;
}

dl.ownerbooking-summary dt.owner-grandtotal.final
{
    line-height: normal;
}
dl.ownerbooking-summary dd.owner-grandtotal
{
    margin-left: 0;
    font-weight: bold;
}

dl.booking-summary dt.owner-grandtotal
{
    width: 170px;
    font-weight: bold;
}
dl.booking-summary dd.owner-grandtotal
{
    font-weight: bold;
}
dl.booking-summary dd.owner-grandtotal
{
    margin-left: 0;
    font-weight: bold;
}
dl.booking-summary dd.owner-grandtotal span.owner-grandtotal
{
    font-weight: bold;
}

/*dl.booking-summary dt.ownerbreakdown,
dl.booking-summary dd.ownerbreakdown		{}*/
dl.booking-summary dd.ownerbreakdown
{
    margin-left: 0;
}
/*dl.booking-summary dd.ownerbreakdown span.grand-total	{} */


dl.ownerbooking-grandtotal
{
    font-weight: bold;
}
dl.ownerbooking-grandtotal dt, dl.ownerbooking-grandtotal dd
{
    color: #6C6C6C;
    float: left;
}

dl.ownerbooking-grandtotal dt
{
    width: 170px;
    display: block;
    clear: left;
}
dl.ownerbooking-grandtotal dd
{
    float: left;
    width: 410px;
    margin-left: 15px;
}

/****** holiday summary 
**************************************************************/

div.holiday-summary
{
    width: 190px;
    padding: 15px 10px 0 20px;
    float: left;
    margin-bottom: 30px;
    background-color: #99C741;
}
div.holiday-summary h2
{
    height: 33px;
    background: url(../img/book/h2-holiday-summary.jpg) no-repeat left top;
    width: 190px;
    text-indent: -9999px;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 8px;
}
div.holiday-summary div.cost
{
    float: left;
    width: 80px;
    display: block;
}
div#content div.holiday-summary p
{
    margin: 0;
    padding: 0 0 10px;
    color: #fff;
    font-weight: bold;
}
div.cost-wrapper
{
    clear: both;
    float: left;
    width: 100%;
}


/****** booking summary 
**************************************************************/
div.ownerbooking-summary-customerdiv
{
    background-color: #fff;
    padding: 20px 15px 10px 15px;
    width: 280px;
    float: left;
    margin: 0;
    overflow: hidden;
}
div.ownerbooking-summary-div
{
    background-color: #fff;
    padding: 10px 15px 10px 15px;
    width: 595px;
    float: left;
    margin: 0;
    overflow: hidden;
}
div.ownersummary-info
{
    width: 595px;
    float: left;
    padding: 0px;
    margin: 0px;
}
div.ownersummary-info td
{
    padding: 0px;
}
div.ownersummary-info td.bookerName
{
    width: 250px;
}

div.booking-summary-div
{
    background-color: #fff;
    padding: 10px 15px 10px 15px;
    width: 595px;
    float: left;
    margin: 0;
    overflow: hidden;
}
div.booking-summary-div.no-b-pad
{
    padding-bottom: 0;
}

div#content p.extra-p
{
    padding: 13px 0;
}
body.accountPage div#content div.timings p
{
    padding: 0 0 10px 0;
}

img.clip
{
    border: 5px solid #F1F0EF;
    width: 108px;
    overflow: hidden;
    float: left;
}
div.summary-info
{
    margin-left: 70px;
    width: 375px;
    float: left;
}
span.div
{
    margin-left: 10px;
    padding-left: 10px;
    background: url(../img/book/icon-pipe-delimiter.gif) no-repeat left center;
}

div.timings
{
    float: left;
    display: block;
    width: auto;
    margin-right: 50px;
}
div#content div.timings p
{
    padding: 0;
}

div.input-block.small.clear-left
{
    clear: left;
}

a.print-confirmation
{
    height: 33px;
    width: 176px;
    float: right;
    background: url(/img/book/button-print-confirmation.jpg) no-repeat left top;
    text-indent: -9999px;
}


div.customerDetailsBlock
{
    float: left;
}
div.dataPanel
{
    width: 230px;
    float: right;
    background-color: #F0F9E6;
    margin: 20px;
    padding: 10px;
}
div.dataPanel li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}


/********/
/* FAQs */
/********/
ul.faq-listing
{
    float: left;
    padding: 23px 0 25px;
}
body.ownersPage ul.faq-listing
{
    padding-left: 15px;
}
ul.faq-listing li
{
    float: left;
    width: 600px;
    padding: 0 0 13px;
    background: url(../img/listDivide.gif) 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;
    color: #32a31f;
    padding: 0 10px 7px 35px;
}
ul.faq-listing li div.answer
{
    clear: both;
    float: left;
    width: 520px;
    background: url(../img/faqs/a.gif) no-repeat 0 7px;
    padding: 0 10px 5px 35px;
}
ol.faq-innerlisting
{
    float: left;
    padding: 0 0 0 20px;
}
ol.faq-innerlisting li
{
    float: left;
    width: 550px;
    padding: 0 0 13px 0;
    background: #ffffff;
}

/*****************/
/* OWNERS PAGES  */
/*****************/

ul.ownersList li
{
    background: url("../img/icons/tick.png") no-repeat scroll 0 -13px transparent;
    color: #38A92A;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 29px;
}

div.radioWrapper
{
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 10px;
}

div.radioWrapper input
{
    float: left;
    width: 20px;
}
div.radioWrapper label
{
    float: left;
    padding: 0 5px 0 2px;
}

body.ownersPage div.details p
{
    clear: both;
}
body.ownersPage div#content div.details p.ownerTouch
{
    padding: 15px 0 0 15px;
}
ul.marketingList li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}


ul.ownerList
{
    float: left;
    clear: both;
    padding: 3px 0 23px;
}
ul.ownerList li
{
    float: left;
    clear: both;
    padding-left: 15px;
    line-height: 1.8em;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}

a.printList
{
    color: #adc66d;
    position: absolute;
    top: 0px;
    right: 2px;
    font-size: 0.9em;
    text-decoration: underline;
}
a:hover.printList
{
    color: #33a31f;
}

/*******************************/
/* CONTACT AND BROCHURE PAGES  */
/*******************************/
body.brochuresPage div.leftColLeftPanel input, body.contactPage div.leftColLeftPanel input
{
    clear: both;
    width: 275px;
}


body.brochuresPage div.leftColLeftPanel label, body.contactPage div.leftColLeftPanel label
{
    clear: both;
    padding-top: 14px;
}
div.newsletterCheck
{
    float: left;
    padding-top: 15px;
}
div.newsletterCheck label
{
    float: left;
    padding: 0 0 0 10px;
    width: 200px;
    font-weight: normal;
}
div.newsletterCheck input
{
    float: left;
}
body.brochuresPage div.leftColLeftPanel input.firstname, body.contactPage div.leftColLeftPanel input.firstname
{
    width: 208px;
}
body.brochuresPage div.leftColLeftPanel input.postcode, body.contactPage div.leftColLeftPanel input.postcode
{
    float: left;
    width: 150px;
}

body.brochuresPage select.country
{
    width: 275px;
}

body.brochuresPage div.tabThinPanel h2
{
    width: 250px;
    margin-bottom: 2px;
}

div.formBlockWrapper
{
    float: left;
}
div.formBlockFloat
{
    float: left;
    padding-right: 10px;
}
body.brochuresPage input.submit, body.contactPage input.submit
{
    margin-top: 10px;
}
body.brochuresPage div.leftColRightPanel, body.contactPage div.leftColRightPanel
{
    line-height: 1.2em;
}
div.leftColRightPanel h3
{
    margin-bottom: 3px;
}

div.contactDetailsBlock
{
    float: left;
    padding-top: 25px;
}
div.contactDetailsLeft
{
    float: left;
    width: 220px;
    background: url(../img/contact/divide.gif) no-repeat right;
}
div.contactDetailsRight
{
    float: left;
    width: 250px;
    padding-left: 35px;
}
div.contactNumbers h4, div.contactDetailsRight h4
{
    float: left;
    width: 73px;
}
div.contactDetailsLeft span
{
    float: left;
    width: 120px;
}
div.openingHours
{
    float: left;
    width: 220px;
    padding-top: 10px;
}
div.openingHours h4
{
    padding-bottom: 3px;
}
div.contactDetailsLeft div.openingHours span.openDays
{
    float: left;
    width: 73px;
}
div#content div.topContent p.adr
{
    float: left;
    font-size: 1.0em;
    padding: 0;
}
p.adr span
{
    display: block;
}
p.adr span a
{
    float: left;
    padding-top: 5px;
}

div.contactFormBottom
{
    float: left;
    clear: both;
    padding: 0 0 0 15px;
    width: 595px;
}
div.contactFormBottom input.submit
{
    float: right;
}
div.contactFormBottom textarea
{
    width: 590px;
    height: 200px;
}
div.contactFormBottom input.subject
{
    clear: both;
    width: 275px;
}
div.contactFormBottom label
{
    clear: both;
    padding-top: 14px;
}

/*****************/
/* ABOUT STYLES  */
/*****************/
ul.aboutList
{
    float: left;
    clear: both;
    padding: 3px 0 23px;
    width: 600px;
}
ul.aboutList li
{
    width: 500px;
    float: left;
    clear: both;
    padding-left: 15px;
    line-height: 1.8em;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}

ul.team
{
    float: left;
    clear: both;
}
ul.team li
{
    float: left;
    padding-right: 15px;
}
ul.team li span
{
    width: 100px;
    height: 35px;
    color: #33A31F;
    display: block;
    padding: 2px 0 3px 0;
}

body.aboutPage h4
{
    padding: 15px 0 5px 0;
    clear: both;
}



/************************/
/* GENERIC FORM STYLES  */
/************************/
select
{
    font-size: 0.9em;
}
label, legend
{
    color: #6c6c6c;
    font-weight: bold;
    display: block;
    padding: 1px 0 3px;
}
span.error
{
    color: #dd4f0a;
    display: block;
    font-size: 0.9em;
    clear: both;
}
span.success
{
    color: #40723d;
    display: block;
    font-size: 0.9em;
}
span.labelNote
{
    font-weight: normal;
}
textarea
{
    width: 570px;
    height: 300px;
}

input.submit
{
    float: left;
    clear: both;
    background-position: left top;
    margin-top: 10px;
    cursor: pointer;
    text-indent: -9999px;
    border: 0;
}
input.submit.on
{
    background-position: left bottom;
}

input.submitUpdate
{
    float: left;
    margin-top: 5px;
    clear: both;
    background-position: left top;
    cursor: pointer;
    text-indent: -9999px;
    border: 0;
}
input.submitUpdate.on
{
    background-position: left bottom;
}

input.unsubscribe
{
    background-image: url(../img/buttons/unsubscribe.gif);
    width: 90px;
    height: 21px;
    display: inline;
    float: none;
    margin-left: 15px;
}
input.register
{
    background-image: url(../img/buttons/register.gif);
    width: 114px;
    height: 33px;
    margin-left: 15px;
}
input.update
{
    background-image: url(../img/buttons/update.gif);
    width: 144px;
    height: 33px;
    margin-left: 15px;
}
input.submitButton
{
    background-image: url(../img/buttons/submit.gif);
    width: 104px;
    height: 33px;
}

input.submitSearchButton
{
    background-image: url(../img/buttons/updateSearch.gif);
    width: 153px;
    height: 29px;
}

div.details input.submitButton
{
    background-image: url(../img/buttons/submit.gif);
    width: 104px;
    height: 33px;
    margin-left: 15px;
}
input.login
{
    background-image: url(../img/buttons/login.gif);
    width: 91px;
    height: 33px;
}
input.searchBook
{
    background-image: url(../img/buttons/searchBook.gif);
    width: 140px;
    height: 37px;
    float: none;
}
input.booknowGreen
{
    background-image: url(../img/buttons/booknowGreen.gif);
    width: 130px;
    height: 55px;
    margin: 2px -9px 5px 0;
    float: right;
}
input.searchButton
{
    background-image: url(../img/buttons/search.gif);
    width: 155px;
    height: 41px;
    margin: 10px 0 0 22px;
}
input.go
{
    background-image: url(../img/buttons/go.gif);
    width: 35px;
    height: 29px;
    margin-left: 2px;
}
input.downloadPdf
{
    height: 33px;
    width: 129px;
    background: url(../img/buttons/downloadPdf.gif) no-repeat;
}
body.searchPage div.searchFormFixed div.col1 input.go
{
    background-image: url(../img/buttons/goWhite.gif);
    width: 35px;
    height: 22px;
    margin-left: 5px;
    margin-top: 0;
    clear: none;
}

body.searchPage div.searchFormFixed label, div.searchFormFixed label.town
{
    clear: both;
}


input.addresslookup
{
    height: 22px;
    width: 111px;
    background-image: url(../img/buttons/address.gif);
    clear: both;
}
input.submitPasswordButton
{
    background-image: url(../img/buttons/submit.gif);
    width: 104px;
    height: 33px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}



/*******************/
/* TRAFFIC DRIVERS */
/*******************/
div.rightTraffic
{
    padding: 0 0 11px;
}
div#content div.rightTraffic p
{
    padding: 3px 0 0 0;
}
div.rightTraffic img
{
    float: right;
}

div.rightTraffic h2
{
    padding: 15px 0 0 29px;
    color: #38a92a;
    margin-bottom: 4px;
}
body.brochuresPage div.rightTraffic h2
{
    margin-bottom: 3px;
}

h2.about
{
    background: url(../img/icons/about.png) no-repeat;
}
h2.didyouknow
{
    background: url(../img/icons/did-you-know.png) no-repeat;
}
h2.faqs
{
    background: url(../img/icons/faqs.png) no-repeat;
}
h2.newsletter
{
    background: url(../img/icons/newsletter.png) no-repeat;
}
h2.owners
{
    background: url(../img/icons/owners.png) no-repeat;
}
h2.questions
{
    background: url(../img/icons/questions.png) no-repeat;
}
h2.tick
{
    background: url(../img/icons/tick.png) no-repeat;
}
h2.readOurBlog
{
    background: url(../img/icons/blogSpeechBubble.png) no-repeat;
}

h2.voucher
{
    background: url(../img/icons/voucher.png) no-repeat;
}

.searchsubmitblog
{
    background-image: url("/images/blog/search.gif");
    float: none;
    height: 37px;
    width: 83px;
    border: 0px;
    font-size: 0;
    margin: 5px 0 30px 0;
    text-indent: -9999px;
}

.searchsubmitblog:hover
{
    background-position: left bottom;
}

div.localTraffic
{
    padding: 10px 0 17px;
}
div#content div.localTraffic p
{
    padding: 0;
}
div.localTraffic a
{
    display: block;
    padding-top: 3px;
}
div.localTraffic h4
{
    margin-top: 10px;
}

/***********************/
/* PAGINATION ELEMENTS */
/***********************/
div.paginationWrapper
{
    float: left;
    position: relative;
    z-index: 20;
    color: #fff;
    font-weight: bold;
    width: 840px;
    background-color: #99c741;
    margin: 0 0 18px 15px;
    display: inline;
}
body.accountFavourites div.paginationWrapper
{
    width: 600px;
}
div.pagination
{
    padding: 6px 0 0 20px;
    width: 175px;
    margin: 0 auto;
    overflow: hidden;
}
div.pagination span
{
    display: block;
    float: left;
    padding: 0 5px;
}
div.pagination select
{
    float: left;
    width: 45px;
    padding-left: 3px;
}

body.searchPage div.paginationWrapper
{
    width: 640px;
    margin: 0;
}
body.searchPage div.pagination
{
    margin: 0;
    padding-left: 90px;
    width: 255px;
}

/***********/
/* BUTTONS */
/***********/
div.bookingDetails, div.bookingDetails a
{
    height: 29px;
    width: 111px;
    background: url(../img/buttons/bookingDetails.gif);
}
td.action div.bookingDetails
{
    margin-top: 30px;
}

div.bookdetails, div.bookdetails a
{
    height: 29px;
    width: 63px;
    background: url(../img/buttons/details.gif);
}
td.action div.bookdetails
{
    margin-top: 30px;
}

div.prev, div.prev a
{
    height: 17px;
    width: 22px;
    line-height: 1.4em;
    background: url(../img/buttons/prev.gif) no-repeat;
}
div.prev
{
    float: left;
}

div.next, div.next a
{
    height: 17px;
    width: 22px;
    line-height: 1.4em;
    background: url(../img/buttons/next.gif) no-repeat;
}
div.next
{
    float: left;
}

div.register, div.register a
{
    height: 33px;
    width: 114px;
    background: url(../img/buttons/register.gif) no-repeat;
}
div.register
{
    float: left;
    margin: 5px 0 20px;
    width: 250px;
}

div.book, div.book a
{
    height: 33px;
    width: 104px;
    background: url(../img/buttons/book.gif);
}
div.book
{
    float: left;
    margin-top: 5px;
}

div.bookSmall, div.bookSmall a
{
    height: 28px;
    width: 56px;
    background: url(../img/buttons/bookSmall.gif);
}
div.bookSmall
{
    float: left;
    margin: 20px 0 0 12px;
}

div.address, div.address a
{
    height: 22px;
    width: 111px;
    display: block;
}
div.address
{
    position: absolute;
    top: 28px;
    left: 120px;
}
div.leftColLeftPanel div.address
{
    left: 160px;
    top: -2px;
    position: relative;
    z-index: 5;
}


body.bookingPage input.postcodeButton, div.details input.postcodeButton, input.postcodeButton
{
    position: absolute;
    z-index: 3000;
    display: block;
    border: 0;
    top: 27px;
    left: 120px;
    height: 22px;
    width: 111px;
    background: url(../img/buttons/address.gif);
}




div.addressPopup
{
    padding: 10px;
    min-width: 240px;
    border: 10px #30A21E solid;
    height: 100px;
    top: 28px;
    left: 240px;
    position: absolute;
    background-color: #fff;
    float: left;
    z-index: 600;
}

body.brochuresPage div.leftColLeftPanel div.addressPopup, body.contactPage div.leftColLeftPanel div.addressPopup
{
    left: 290px;
    top: 30px;
    z-index: 1000;
}


body.brochuresPage div.leftColLeftPanel input.postcodeButton, body.contactPage div.leftColLeftPanel input.postcodeButton
{
    width: 111px;
    left: 166px;
    top: 31px;
}

div.input-block input.postcodeButton
{
    width: 111px;
    left: 166px;
    top: 21px;
}
/* for Payment request control*/


body.bookingPage input.postcodeButton:hover, div.details input.postcodeButton:hover, input.postcodeButton:hover
{
    background-position: left bottom;
}

div.viewDetails, div.viewDetails a
{
    height: 29px;
    width: 93px;
    background: url(../img/buttons/viewDetails.gif);
}
div.viewDetails
{
    margin-left: 15px;
}
body.searchPage div.viewDetails
{
    float: left;
    margin: 20px 0 0;
}

/*	div.showMap 			{position:absolute;bottom:0;right:0;z-index:200}	*/


div.showMap
{
    position: absolute;
    top: -25px;
    right: 15px;
    z-index: 200;
    text-align: right;
}

div.showMap a, div.showMap a:visited
{
    font-size: 11px;
    display: block;
    color: #30a21e;
    font-weight: normal;
    width: 125px;
    background: url(../img/buttons/showMap.gif) no-repeat top right;
    line-height: 14px;
    height: 14px;
    padding-right: 20px;
}

div.showMap a:hover, div.showMap a.minus:hover
{
    background-position: bottom right;
}

div.showMap a.minus
{
    background: url(../img/buttons/showMap-minus.gif) no-repeat top right;
}


/******	button panel *************************************************/

div.button-panel
{
    clear: both;
    float: left;
    width: 100%;
}



div.showPanel
{
    position: absolute;
    top: 8px;
    left: 175px;
    height: 14px;
}
div.showPanel a
{
    display: block;
    width: 50px;
    height: 14px;
    background: url(../img/buttons/showGreen.gif) no-repeat top right;
    line-height: 1.2em;
    text-indent: -999em;
}
div.showPanel a:hover
{
    background-position: bottom right;
}

div.hideMap
{
    position: absolute;
    bottom: 0;
    right: 0;
}
div.hideMap a, div.hideMap a:visited
{
    display: block;
    color: #30a21e;
    font-weight: normal;
    width: 125px;
    background: url(../img/buttons/hideMap.gif) no-repeat top right;
    line-height: 1.2em;
    text-indent: -999em;
}
div.hideMap a:hover
{
    color: #30a21e;
    font-weight: normal;
    background-position: bottom right;
}

div.hidePanel
{
    position: absolute;
    bottom: 7px;
    left: 175px;
    height: 14px;
}
div.hidePanel a
{
    display: block;
    width: 50px;
    height: 14px;
    background: url(../img/buttons/HideGreen.gif) no-repeat top right;
    line-height: 1.2em;
    text-indent: -999em;
}
div.hidePanel a:hover
{
    background-position: bottom right;
}

div.update, div.update a
{
    height: 33px;
    width: 114px;
    background: url(../img/buttons/update.gif) no-repeat;
}
div.update
{
    float: left;
    margin: 5px 0 40px;
    width: 250px;
}

div.backtolist, div.backtolist a
{
    height: 33px;
    width: 104px;
    background: url(../img/buttons/backtolist.gif) no-repeat;
}
div.backtolist
{
    float: left;
}

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


/*******************/
/* FOOTER ELEMENTS */
/*******************/
div#footer
{
    clear: both;
    padding: 20px 10px 0px 10px;
    margin: 0 10px;
    border-bottom: #fff solid 10px;
    width: 940px;
    background: url(../img/footer.jpg) no-repeat #f6f5f4;
}

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

body.homePage div#footer
{
    float: left;
    padding: 24px 20px 0px 20px;
    margin: 0 10px;
    width: 920px;
    display: inline;
    background: none;
}

div#footer li
{
    padding: 0 11px;
    background: url(../img/pipe.gif) 0 3px no-repeat;
}
div#footer li.first
{
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 14px;
    padding-top: 0 !important;
    background: none;
}
body.homePage div#footer li.last
{
    padding-right: 0;
}

p#copyright
{
    clear: both;
    color: #FFFFFF;
    float: right;
    position: relative;
    top: 30px;
    margin-right: 12px;
    width: 300px;
    display: block;
    text-align: right;
}
body.homePage p#copyright
{
    padding-left: 0;
    margin-right: 0px;
}

ul.bottomNav
{
    float: right;
    
}
ul.actionNav
{
    float: right;
    width: 925px;
    padding: 9px 0 4px;
}
ul.actionNav a, ul.actionNav a.link
{
    font-weight: bold;
}
body.homePage ul.actionNav
{
    padding-top: 15px;
    border-top: 1px solid #e5e5e4;
    width: 920px;
}

ul.actionNav span
{
    font-weight: normal;
    color: #4b4b4b;
}
ul.actionNav li, ul.bottomNav li
{
    float: right;
}
div#footer ul.actionNav li
{
    padding: 0 14px;
}

ul.actionNav a:link, ul.actionNav a:visited, ul.actionNav a:hover
{
    color: #3f713f;
}
ul.bottomNav a:link, ul.bottomNav a:visited, ul.bottomNav a:hover
{
    color: #a1a09f;
}

a.help
{
    padding-left: 18px;
    background: url(../img/help.gif) no-repeat 0 3px;
}



/******	sitemap
************************************************************************/
body.sitemapPage div.tabLeftCol
{
    padding: 15px 0 0 15px;
    width: 615px;
}
ul.sitemap
{
    padding-top: 15px;
}
ul.sitemap li
{
    float: left;
    width: 575px;
    font-weight: bold;
    font-size: 15px;
    clear: both;
    padding-bottom: 15px;
    background: url(../img/listDivide.gif) no-repeat bottom;
}
ul.sitemap li a
{
    padding: 2px 0;
    float: left;
}
ul.sitemap ul li
{
    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;
}

ul.three-col
{
    clear: both;
    float: left;
}
ul.three-col li
{
    width: 190px;
    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 h2
{
    margin: 10px 0;
}


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

div.map-loading-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 640px;
    height: 100%;
    background-color: #fff;
}
div.loading-block
{
    margin: auto;
    background: url(../img/loading.png) no-repeat left top;
    width: 164px;
    height: 134px;
    z-index: 10000;
    position: absolute;
}
div.loading-block span.loading
{
    position: absolute;
    top: 70px;
    left: 75px;
    width: 32px;
    height: 32px;
    background: url(../img/loader.gif) no-repeat left top;
    text-indent: -9999px;
}


/******	custom control buttons
************************************************************************/

.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;
}

.payRequestFrame
{
    width: 700px;
    height: 500px;
}





/******* buttons ******************************/

a.button
{
    display: block;
    height: 39px;
    width: 166px;
    text-indent: -9999px;
    margin: 0 auto;
}
a.button:hover, a.button-32:hover, input.button-32:hover
{
    background-position: left bottom;
}

input.button-32, a.button-32
{
    display: block;
    height: 33px;
    width: 114px;
    text-indent: -9999px;
    border: 0;
}

input.completepayment
{
    float: right;
    background: url(/img/buttons/completePayment.jpg) no-repeat left top;
    border: 0;
    height: 33px;
    width: 174px;
}


a.login-and-book
{
    background: url(/img/book/buttons-login-and-book.jpg) no-repeat left top;
    position: absolute;
    bottom: 15px;
    left: 60px;
}
a.continue-to-book
{
    background: url(/img/book/buttons-continue-to-book.jpg) no-repeat left top;
    position: absolute;
    bottom: 15px;
    left: 60px;
}
div.feature-box.wide a.continue-to-book
{
    left: 15px;
}
a.back, input.back
{
    float: left;
    background: url(/img/book/button-back.jpg) no-repeat left top;
}
a.next
{
    float: right;
    background: url(/img/book/button-next.jpg) no-repeat left top;
}
.paginationWrapper a.next
{
    height: 17px !important;
    width: 22px!important;
    line-height: 1.4em!important;
    background: url(../img/buttons/next.gif) no-repeat !important;
    float: left !important;
}
.paginationWrapper a.prev
{
    height: 17px !important;
    width: 22px!important;
    line-height: 1.4em!important;
    background: url(../img/buttons/prev.gif) no-repeat!important;
    float: left !important;
}
.paginationWrapper .pagination2
{
    float: left;
}
.paginationWrapper span.prev,
.paginationWrapper span.next
{
    display: none;
}
a.book-your-holiday
{
    height: 33px;
    width: 144px;
    float: right;
    background: url(/img/book/button-book-your-holiday.jpg) no-repeat left top;
}
a.proceed-holiday
{
    height: 33px;
    width: 118px;
    float: right;
    margin: 0 20px 20px 0;
    background: url(/img/book/button-proceed.jpg) no-repeat left top;
}
a.print-confirmation
{
    height: 33px;
    width: 176px;
    float: right;
    background: url(/img/book/button-print-confirmation.jpg) no-repeat left top;
}
a.back-to-main
{
    height: 33px;
    width: 166px;
    margin-bottom: 30px;
    float: left;
    background: url(/img/book/button-back-to-main.jpg) no-repeat left top;
}
a.closeButton
{
    height: 33px;
    width: 90px;
    float: left;
    background: url(/img/buttons/closeButton.jpg) no-repeat left top;
}
input.closeButton
{
    height: 33px;
    width: 90px;
    float: left;
    background: url(/img/buttons/closeButton.jpg) no-repeat left top;
}

a.owner-print-confirmation
{
    height: 33px;
    width: 176px;
    float: left;
    background: url(/img/book/button-print-confirmation.jpg) no-repeat left top;
}
a.owner-back, input.owner-back
{
    float: right;
    background: url(/img/book/button-back.jpg) no-repeat left top;
}


/******* fieldset login ******************************/

fieldset.login, fieldset.radios
{
    width: 100%;
}
fieldset.login label
{
    padding: 5px 0;
    width: auto;
    clear: both;
    display: block;
    color: #6C6C6C;
    font-weight: bold;
    float: none;
}
fieldset.login input.text
{
    width: 220px;
    line-height: 1.4;
    clear: both;
}

fieldset.full input.text, fieldset.login.full input.text
{
    width: 220px;
}

fieldset.unsub
{
    padding: 20px 0 30px;
}


/******* radio fieldset ******************************/

fieldset.radios
{
    clear: both;
    float: left;
}

fieldset.radios label
{
    width: auto;
    clear: none;
}

fieldset.full input.text.short, fieldset.login input.text.short
{
    width: 110px;
    float: left;
}
fieldset.full input.text.long
{
    width: 320px;
}
fieldset.full label
{
    padding: 5px 0 0;
    width: auto;
    clear: both;
    display: block;
    color: #6C6C6C;
    font-weight: bold;
    float: none;
}

div.input-block
{
    width: 100%;
    clear: both;
    float: left;
    padding: 0;
    margin: 0;
    display: block;
}

div.input-block.small
{
    width: auto;
    clear: none;
    float: left;
    margin-right: 15px;
}


div.input-block.no-padding label
{
    padding: 5px 0 0;
}

div.input-block.padbottom20
{
    padding: 0 0 20px;
}

div.input-block.indented
{
    margin-left: 150px;
}

fieldset legend
{
    margin-left: -0.7em;
    text-indent: 0px;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

fieldset.login span.error
{
    margin-left: 70px;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

p.green, p.green a
{
    color: #32A31F;
    clear: both;
    font-size: 11px;
}
span.green a
{
    font-weight: normal;
    color: #32A31F;
    margin-left: 5px;
    font-size: 11px;
}

label.checkbox
{
    line-height: 17px;
}
fieldset.full label.checkbox.left
{
    float: left;
    clear: right;
    margin: 5px 0 0 30px;
    font-weight: normal;
    width: 400px;
    display: block;
}

label.checkbox span
{
    vertical-align: top;
    font-weight: normal;
}
label.checkbox input.checkbox
{
    height: 17px;
    margin: 0 3px 0 0;
}

fieldset.full h4
{
    padding: 10px 0;
    float: left;
}


/******* tables ******************************/

div.booking-steps-sides
{
    width: 650px;
    margin-left: -13px;
    padding: 0 0 0 13px;
    display: inline;
    background: url(/img/book/side-fade.png) repeat-y 0 0;
    float: left;
}
div.booking-bottom
{
    margin-left: -13px;
    background: url(/img/book/bottom-glow-booking-steps.png) no-repeat left bottom;
    height: 20px;
    width: 650px;
    clear: both;
    float: left;
}
div.booking-steps
{
    border: 1px solid #E2E2E2;
    width: 625px;
    display: block;
    background-color: #fff;
    float: left;
}
div.booking-steps h2
{
    background-color: #EBEBEB;
    float: left;
    margin: 0;
    padding: 10px 15px;
    font-weight: bold;
    width: 595px;
}
div.booking-steps fieldset.full
{
    width: 600px;
    padding: 7px 10px 15px 15px;
}

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

hr.divider
{
    background: none;
    border: none;
    color: #fff;
    border: solid #EBEBEB;
    border-width: 0 0 1px;
    height: 1px;
    padding-top: 10px;
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 595px;
}
* html hr.divider
{
    position: relative;
    margin-top: 20px;
    margin-bottom: -10px;
}
span.address-lookup
{
    float: left;
}
span.address-lookup a
{
    float: left;
    background: url(/img/book/button-address-lookup.jpg) no-repeat left top;
    text-indent: -9999px;
    width: 111px;
    height: 21px;
    margin-left: 10px;
}
span.address-lookup a:hover
{
    background-position: left bottom;
}

div.booking-steps h4.left
{
    float: left;
    clear: both;
    width: 595px;
    padding: 10px 15px;
    background-color: #EBEBEB;
}
div.booking-steps h3.cancellation
{
    background-color: #EBF4D9;
}

select, option
{
    font-size: 11px;
    color: #666;
    font-family: arial, sans-serif;
}

select
{
    float: left;
    margin-bottom: 5px;
}
fieldset.full label.radio, fieldset.full label.radio span
{
    line-height: 20px;
    float: left;
    width: auto;
    vertical-align: middle;
    margin-right: 10px;
    display: inline;
}



fieldset.full label.radio
{
    clear: both;
    width: 595px;
    padding: 0;
    margin: 4px 5px 4px 0;
    font-weight: normal;
}

fieldset.full span.radio-list label.radio
{
    width: auto;
    float: left;
    clear: none;
}
fieldset.full span.radio-list
{
    padding: 15px 0 0 15px;
    float: left;
}
fieldset.full label.radio input.radio
{
    float: left;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: 4px;
}

fieldset.full label.radio span.radiolist
{
    display: block;
    float: left;
    clear: none;
    width: 90%;
    margin-top: -5px;
}


span.credit-cards
{
    float: left;
    width: 440px;
    height: 28px;
    margin-top: -6px;
    margin-left: 10px;
    text-indent: -9999px;
    background: url(/img/book/icon-credit-cards.gif) no-repeat left center;
}


/****** definition lists
**************************************************************/

dl.booking-summary
{
    float: left;
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0;
}

div.booking-steps fieldset.full.no-pad, dl.booking-summary.no-pad
{
    padding-top: 0;
    padding-bottom: 0;
}


dl.booking-summary dt, dl.booking-summary dd
{
    color: #6C6C6C;
    font-weight: bold;
    float: left;
}

dl.booking-summary dt
{
    width: 170px;
    display: block;
    clear: left;
}
dl.booking-summary dd
{
    float: left;
    width: 410px;
    font-weight: normal;
    margin-left: 15px;
}

dl.booking-summary dt.total, dl.booking-summary dd.total
{
    line-height: 60px;
}

dl.booking-summary dt.total.final
{
    line-height: normal;
    padding-top: 20px;
}
dl.booking-summary dd.total
{
    margin-left: 0;
    font-weight: bold;
}
dl.booking-summary dd.total span.grand-total
{
    padding: 10px 15px;
    background-color: #EBF4D9;
}
dl.booking-summary dd.total a
{
    color: #dd4f0a;
}

/****** holiday summary 
**************************************************************/

div.holiday-summary
{
    width: 190px;
    padding: 15px 10px 0 20px;
    float: left;
    margin-bottom: 30px;
    background-color: #99C741;
}
div.holiday-summary h2
{
    height: 33px;
    background: url(/img/book/h2-holiday-summary.jpg) no-repeat left top;
    width: 190px;
    text-indent: -9999px;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 8px;
}
div.holiday-summary h4
{
    color: #3F713F;
}
div.holiday-summary div.cost
{
    float: left;
    width: 80px;
    display: block;
}
div#content div.holiday-summary p
{
    margin: 0;
    padding: 0 0 10px;
    color: #fff;
    font-weight: bold;
}
div.cost-wrapper
{
    clear: both;
    float: left;
    width: 100%;
}
div.holiday-summary h4.total-cost
{
    font-weight: bold;
    background: #84BF3A url(/img/book/holiday-summary-divider.gif) repeat-x 0 0;
    margin-left: -20px;
    margin-top: 5px;
    padding: 20px 10px 20px 20px;
    width: 190px;
    border-bottom: 1px solid #68A03C;
    clear: both;
}
div.holiday-summary h4.total-cost span
{
    color: #fff;
}
* html div.holiday-summary h4.total-cost
{
    margin-right: -10px;
}

span.error
{
    color: #dd4f0a;
    display: block;
    font-size: 0.9em;
    clear: both;
}

passengerSummary
{
    margin-left: 0;
    padding: 0px;
}
passengerSummary.table td
{
    padding: 0px;
}

/****** holiday summary 
**************************************************************/

div.postcodeWrapper
{
    position: relative;
    float: left;
    z-index: 120;
    clear: both;
    width: 100%;
    padding-bottom: 10px;
}
input.postcode
{
    float: left;
    width: 80px;
}

body.bookingPage input.postcodeButton, input.postcodeButton
{
    float: left;
    z-index: 3000;
    display: block;
    border: 0;
    height: 22px;
    width: 111px;
    background: url(../img/buttons/address.gif) no-repeat left top;
}

body.bookingPage input.postcodeButton.disabled, div.details input.postcodeButton.disabled, input.postcodeButton.disabled
{
    background: url(../img/buttons/address-disabled.gif) no-repeat left top;
}
body.ownersPage input.postcodeButton
{
    margin-left: 0;
}


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

body.bookingPage div.leftColLeftPanel input.postcodeButton
{
    width: 111px;
    left: 166px;
    top: 31px;
}



/****** booking summary 
**************************************************************/

div.booking-summary-div
{
    background-color: #fff;
    padding: 20px 15px;
    width: 595px;
    float: left;
    margin: 0;
    overflow: hidden;
}
div.booking-summary-div.no-b-pad
{
    padding-bottom: 0;
}

div#content p.extra-p
{
    padding: 13px 0;
}

img.clip
{
    border: 5px solid #F1F0EF;
    width: 108px;
    overflow: hidden;
    float: left;
}
div.summary-info
{
    margin-left: 70px;
    width: 375px;
    float: left;
}
span.div
{
    margin-left: 10px;
    padding-left: 10px;
    background: url(/img/book/icon-pipe-delimiter.gif) no-repeat left center;
}

div.timings
{
    float: left;
    display: block;
    width: auto;
    margin-right: 50px;
}
div#content div.timings p
{
    padding: 0;
}



div.input-block.small.clear-left
{
    clear: left;
}

strong
{
    font-weight: bold;
}


/****** icons 
**************************************************************/

span.lock
{
    text-indent: -9999px;
    margin-top: 3px;
    width: 12px;
    height: 16px;
    background: url(../img/icons/icon-lock.png) no-repeat left top;
    float: left;
    clear: right;
}
h2.replace
{
    float: left;
    display: block;
    width: auto;
}
p.opening-paragraph
{
    clear: both;
    float: left;
    width: 100%;
}


/****** clearfixes
**************************************************************/

.clear
{
    clear: right;
    width: auto;
    float: left;
    margin-bottom: 15px;
    margin-top: 5px;
}
.clearfix
{
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.clearleft
{
    clear: left;
    width: auto;
    float: left;
}
.clearright
{
    clear: right;
    width: auto;
    float: left;
}

* html .clearfix
{
    height: 1%;
}



span.error
{
    color: #dd4f0a;
    display: block;
    font-size: 0.9em;
}
span.success
{
    color: #40723d;
    display: block;
    font-size: 0.9em;
}

div.error-block
{
    border: 10px solid #40723d;
    padding: 50px;
    position: relative;
    background-color: #fff;
}
div.error-block h3
{
    font-weight: bold;
    color: #3F713F;
    font-size: 1.4em;
}
a.close-modal
{
    text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 20px;
    background: transparent url(../img/slide/close.gif) no-repeat;
    cursor: pointer;
}

/****** mail a friend
************************************************************/

div.instruction h3
{
    width: 600px;
    position: absolute;
    top: 55px;
}
div.mailafriend textarea
{
    width: 600px;
    height: 200px;
}
div.address_details input
{
    width: 250px;
}
div.vpad200
{
    height: 200px;
}

/******/
.lpad16
{
    padding-left: 16px;
}

.minHeight410
{
    min-height: 410px;
}

.jqmWindow
{
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay
{
    background-color: #fff;
}


/***********************************************************/
/******************* Affiliate Page ************************/
/***********************************************************/


ul.affiliateList li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}
div.affiliateContent
{
    float: left;
}
div.affiliateContent h3
{
    color: #3f713f;
}

div.affiliateExampleContent
{
    float: left;
    margin-top: 15px;
    width: 384px;
    padding-bottom: 40px;
    padding-left: 15px;
}

div.affiliateExampleContent h3
{
    color: #3f713f;
}

div.joinnow, div.joinnow a
{
    height: 33px;
    width: 114px;
    background: url(../img/buttons/jnnow.gif) no-repeat;
}
div.joinnow
{
    float: left;
    margin: 5px 0 40px;
    width: 250px;
}

/***********************************************************/
ul.insuranceList li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}


/*****************/
/* OWNERS PAGES  */
/*****************/
ul.listpage
{
    padding: 5px 0 20px 0;
}
ul.listpage li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
}


/***********************/
/* COMPETITION CLOSED  */
/***********************/

.hope-you-enjoy
{
    background: url(../img/hope-you-enjoy.gif) no-repeat;
    text-indent: -999em;
    height: 40px;
    width: 220px;
    margin-top: 20px;
}

body.competitionPage div.imgContent h2
{
    margin-top: 20px;
}

body.competitionPage div#content div.imgContent p
{
    padding: 3px 0;
}

img.competitionLogo
{
    margin: 30px 0 35px 0;
}


/*********/
/* BLOG  */
/*********/
ul.blogList
{
    padding-top: 10px;
}
ul.blogList li
{
    padding-top: 15px;
}
ul.blogList .blogImage img
{
    border: 8px #f1f0ef solid;
}
ul.blogList h3
{
    color: #3F713F;
    display: block;
    font-size: 17px;
    font-weight: normal;
}

ul.blogList div.pagination a
{
    display: block;
    float: left;
}

ul.blogSingle li
{
    background: none;
}

.blogImage, .blogdetailImage
{
    width: 468px;
    float: left;
    padding: 15px 0px 20px 0px;
}

.blogDetails
{
    clear: both;
    float: left;
    width: 468px;
    font-size: 0.9em;
    padding-bottom: 5px;
    margin-top: 15px;
}

p.blogNeg
{
    font-size: 1.2em;
}

div#content .blogDetails p
{
    padding: 0;
}

#blogPag
{
    clear: both;
    float: left;
    width: 468px;
    font-size: 0.8em;
}

#blogPag select
{
    font-size: 1em;
    color: #0eaae6;
}

p.showLink
{
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.rightBlogList
{
    margin-bottom: 5px;
    float: left;
    width: 200px;
    line-height: 1.7em;
    font-size: 0.9em;
}

.rightBlogList li
{
    padding-bottom: 3px;
}

.tagList
{
    margin-bottom: 5px;
    float: left;
    width: 200px;
    line-height: 1.7em;
    font-size: 0.9em;
}

.tagList li
{
    padding: 0 5px 3px 0;
    float: left;
    width: 95px;
}

h2.recent
{
    background: url(../img/blog/bubble.gif) no-repeat;
    padding-left: 30px;
    margin-bottom: 10px;
}
h2.updated
{
    background: url(../img/blog/updated.gif) no-repeat;
    padding: 8px 0 0 30px;
    margin-bottom: 7px;
}
h2.tags
{
    background: url(../img/blog/label.gif) no-repeat;
    padding: 3px 0 0 30px;
    margin-bottom: 10px;
}

body.blogPage div.pagination
{
    margin: 0;
    padding-left: 10px;
    font-size: 0.9em;
}
body.blogPage div.pagination select
{
    width: auto;
}


/*********************/
/* RIGHT HAND PANEL  */
/*********************/
div.holiday-ideas-panel
{
    clear: both;
    float: left;
}
div.holiday-ideas-panel h2
{
    margin: 10px 0 14px 0;
    color: #828383;
}

/* BOOKMARKS */

#bookmark
{
    color: #0eaae6;
    clear: both;
    float: left;
    width: 468px;
    font-size: 0.8em;
    line-height: 1.3em;
}
#bookmark li
{
    padding-right: 15px;
    float: left;
}
#bookmark ul
{
    float: left;
}

.booktitle
{
    float: left;
    padding-right: 11px;
}

/* widths need to change ie only stylesheet too */
.delicious
{
    width: 61px;
    height: 14px;
    background: url(../img/bookmarks/delicious.gif) no-repeat;
}
.delicious a
{
    padding-left: 19px;
    display: block;
    width: 61px;
    height: 14px;
    background: url(../img/bookmarks/delicious.gif) 0% 0% no-repeat;
}
.delicious a:hover
{
    background-position: 0% 100%;
}

.digg
{
    width: 39px;
    height: 14px;
    background: url(../img/bookmarks/digg.gif) no-repeat;
}
.digg a
{
    padding-left: 19px;
    display: block;
    width: 39px;
    height: 14px;
    background: url(../img/bookmarks/digg.gif) 0% 0% no-repeat;
}
.digg a:hover
{
    background-position: 0% 100%;
}

.stumble
{
    width: 81px;
    height: 14px;
    background: url(../img/bookmarks/stumble.gif) no-repeat;
}
.stumble a
{
    padding-left: 19px;
    display: block;
    width: 81px;
    height: 14px;
    background: url(../img/bookmarks/stumble.gif) 0% 0% no-repeat;
}
.stumble a:hover
{
    background-position: 0% 100%;
}

.facebook
{
    width: 65px;
    height: 14px;
    background: url(../img/bookmarks/facebook.gif) no-repeat;
}
.facebook a
{
    padding-left: 19px;
    display: block;
    width: 65px;
    height: 14px;
    background: url(../img/bookmarks/facebook.gif) 0% 0% no-repeat;
}
.facebook a:hover
{
    background-position: 0% 100%;
}

.reddit
{
    width: 35px;
    height: 16px;
    background: url(../img/bookmarks/reddit.gif) no-repeat;
}
.reddit a
{
    padding-left: 22px;
    display: block;
    width: 35px;
    height: 16px;
    background: url(../img/bookmarks/reddit.gif) 0% 0% no-repeat;
}
.reddit a:hover
{
    background-position: 0% 100%;
}

blockquote
{
    margin: 0px 0px 21px 0px;
    color: #0eaae6;
}
.quoter
{
    font-size: 0.8em;
    color: #404040;
}

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;
}

/**************/
/* BABY PAGE  */
/**************/
div.babyshowTop
{
    padding-left: 30px;
}

div.babyshowContent
{
    float: left;
    padding-left: 30px;
    width: 600px;
}

/**************/
/* UNSUBSCRIBE  */
/**************/






/**************/
/* XMAS PAGE  */
/**************/
ul.christmasList
{
    padding-bottom: 15px;
}
ul.christmasList li
{
    padding-left: 15px;
    background: url(../img/bulletGreen.gif) no-repeat 0 9px;
    display: block;
    line-height: 1.6em;
}


/******************/
/* Articles PAGE  */
/******************/
body.ideasPageDetail #ArticlesPage div.tabRightCol
{
    padding-top: 10px;
}
body.ideasPageDetail #ArticlesPage div.topTabContent
{
    width: 595px;
}
body.ideasPage #ArticlesPage div.topContent
{
    width: 850px;
    padding-right: 0px !important;
}
body.ideasPage #ArticlesPage div.topTabContent hr
{
    width: 550px;
    padding: 0px 40px 22px 15px;
    background: url(../img/listDivide.gif) no-repeat bottom;
    border: 0;
    clear: both;
}
body.ideasPage #ArticlesPage div.topTabContent h2
{
    color: #33A31F;
}
body.ideasPage #ArticlesPage div.topTabContent h3
{
    color: #33A31F;
    font-weight: normal;
    font-size: 1.25em;
}

body.ideasPage #ArticlesPage div.topTabContent img.MainImage
{
    margin-top: 10px;
    border: 8px solid #F1F0EF;
}

body.ideasPage #ArticlesPage div.topTabContent td, body.ideasPage #ArticlesPage div.topTabContent th
{
    padding: 0 !important;
}

body.ideasPage #ArticlesPage div.topTabContent td span
{
    display: inline;
}

body.ideasPage #ArticlesPage div.topTabContent table.ArticlesSocial
{
    margin-top: 10px;
}

body.ideasPage #ArticlesPage div.topTabContent table.ArticlesSocial span.SocialFB
{
    padding-top: 5px;
}

.HolidayIdeaDriver
{
    clear: both;
    float: left;
    padding-left: 15px;
    width: 600px;
    margin-top: 20px;
    background: url("../img/listDivide.gif") no-repeat scroll 7px bottom transparent;
    padding-bottom: 30px;
}

#holidayIdeaDriverItem, #holidayIdeaDriverItem2
{
    float: left;
    width: 285px;
}

#holidayIdeaDriverItem h2, #holidayIdeaDriverItem2 h2
{
    color: #33A31F;
    margin-bottom: 6px;
}

#holidayIdeaDriverItem span, #holidayIdeaDriverItem2 span
{
    padding-left: 10px;
    display: block;
    margin-top: 12px;
}

#holidayIdeaDriverItem img, #holidayIdeaDriverItem2 img
{
    width: 284px;
}

#holidayIdeaDriverItem
{
    padding-right: 13px;
    width: 287px;
    background: url("../img/vertInner.gif") no-repeat scroll right top transparent;
}

#holidayIdeaDriverItem2
{
    margin-left: 15px;
}

body.ideasPageDetail ul.mainList
{
    padding-top: 0px;
}

/*****************/

div#shortBreaksPop
{
    background: url(../img/availability/calendar-bottom.png) no-repeat left bottom;
    position: absolute;
    width: 275px;
    z-index: 9000;
    padding-bottom: 20px;
    left: -9999px;
    top: -300px;
}
div#shortBreaksPopInner
{
    background: url("../img/availability/calendar-top.png") no-repeat scroll left top transparent;
    float: left;
    min-height: 275px;
    padding: 25px 25px 0;
    width: 225px;
}
a.sblink
{
    margin-left: 7px;
    cursor: pointer;
}
a.sblink img
{
    display: inline;
    position: relative;
    top: 3px;
}
/* Careers page */
div.careerspage h2
{
    clear: both;
    margin-bottom: 2px;
    color: #828383;
}

div.careerspage h3
{
    color: #3F713F;
    font-size: 1.1em;
}

div.careerspage ul
{
    margin: 10px 20px 10px 20px;
}

div.careerspage ul li
{
    background: url("../img/icons/ticksmall.png") no-repeat scroll 0 0 transparent;
    padding-left: 35px;
    margin-bottom: 10px;
}

div.careerspage hr
{
    width: 550px;
    padding: 0px 40px 22px 15px;
    background: url(../img/listDivide.gif) no-repeat bottom;
    border: 0;
    clear: both;
}
h3.complex
{
    margin-bottom: 15px;
    color: #3F713F;
    margin-top: 15px;
}

div.complexProperty
{
    background-image: url("/img/complexes/horizontal_rule.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    clear: both;
    height: 52px;
    margin-bottom: 6px;
    width: 365px;
    font-size: 0.9em;
}

span.complexDates
{
    position: relative;
    top: -15px;   
    color: #30A21E; 
}

div.complexProperty div.image
{
    float: left;
    width: 38px;
    height: 38px;
    border: 1px solid #a6a6a5;
    background-image: url('/img/noimage/no-image-recently-viewed.jpg');
    margin-right: 10px;
}

div.complexProperty div.image img
{
    width: 38px;
    height: 38px;
}

div.complexProperty div.details
{
    float: left;
    padding-top: 3px;
    width: 170px;
}

div.complexProperty div.details div.name
{
    color: #30a21e;
    margin-bottom: 2px;    
}

div.complexProperty div.details div.sleeps
{
    height: 9px;
    line-height: 10px;
    float: left;
    color: #4b4b4b;
}

div.complexProperty div.details div.bedrooms
{
    border-left: 1px solid #4b4b4b;
    float: left;
    margin-left: 5px;
    padding-left: 5px;
    height: 9px;
    line-height: 10px;
    color: #4b4b4b;
}


div.complexProperty div.prices
{
    text-align: right;
    padding-top: 2px;
    color: #3f713f;
    font-weight: bold;
}


div.complexProperty div.prices a.availableNights
{
    font-weight: normal;
}

div.complexProperty img.dogs
{
    border-left: 1px solid #4B4B4B;
    border-width: 0 0 0 1px !important;
    height: 10px;
    left: 5px;
    padding-left: 5px;
    position: relative;
    top: 0;   
    
}

div.complexProperty div.availabilityDiv
{
    background-image: url("/img/complexes/available.gif");
    background-repeat: no-repeat;   
    width: 67px;
    height: 40px;
    float: right;    
}

div.complexProperty div.availabilityDiv a
{
    font-weight: bold;
    color: #3F713F;
    width: 67px;
    height: 22px;
    display: block;
    text-align: center;
    padding-top: 18px;
}

div.complexProperty div.booked
{
    background-image: url("/img/complexes/booked.gif");
}

img.capImage
{
    float: left;
    margin-right: 4px;
}

a.CapRefresh
{
    position: relative;
    top: 0px;
}

a.CapAudio
{
   position: relative; 
   top: 1px;
}

span.plus_one
{
    float: right;
   
}

.singlePropHeight
{
    height: 121px !important;
}

.singlePropHeightInner
{
    height: 97px !important;
    overflow: hidden;
}

.singlePropTop
{
    top: 28px !important;
}

.singlePropBeak
{
    top: 33px !important;
}

.singleTownHeight
{
    height: 91px !important;
}

.singleTownHeightInner
{
    height: 67px !important;
    overflow: hidden;
}

.singleTownTop
{
    top: -2px !important;
}

.singleTownBeak
{
    top: 3px !important;
}

#share
{
	background-image: url("/img/media_bg.png");
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 52px;
	padding-top: 1px;
	margin: 20px 0 12px;
}

#map_disclaimer
{
    color: #9C9C9C;
    line-height: 1em;
    position: relative;
    top: 441px;
}

#map_disclaimer h2
{
    color: #37A829;
    font-size: 1.2em;
}

body.searchPage div.propertyMap
{
    width: 594px;
}

body.searchPage #content div.propertyMap h2
{
    width: auto;
}

body.searchPage #content div.propertyMap p
{
    width: auto;
}

div#content #inspectedBy 
{
    display: table;
    height: 38px;
    width: 365px;
    margin-top: 16px;
}

div#content #inspectedBy img
{
    float: left;
    height: 38px;
    margin-right: 15px;
    width: 38px;
}

div#content #inspectedBy p
{
    display: table-cell;
    height: 38px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 312px;
}

body.accountPage div#content div.topTabContent div.voucherImage
{
    background-image: url("/img/vouchers/current_voucher.jpg");
    background-repeat: no-repeat;
    height: 262px;
    margin-top: 12px;
    width: 560px;
}


body.accountPage div#content div.topTabContent div.voucherImage div.voucherType
{
    color: #FFFFFF;
    float: right;
    margin-right: 32px;
    margin-top: 23px;
    text-align: right;
}

body.accountPage div#content div.topTabContent div.voucherImage div.voucherType h2
{
    color: #FFFFFF;
    font-size: 25px;
    margin: 0;
    padding: 0;
}

body.accountPage div#content div.topTabContent div.voucherImage div.voucherType p
{
    padding: 0;
}

body.accountPage div#content div.topTabContent div.voucherImage div.voucherText
{
    float: left;
    margin-left: 22px;
    margin-top: 156px;
    width: 219px;
}

body.accountPage div#content div.topTabContent div.voucherImage div.voucherText p
{
    padding: 4px 0 6px;
}


ul.blogSingle li div.fbCommentsArea
{
    float: left;
    margin-top: 20px;
}


.feedbackContainer
{
    width: 573px;
}

div.propFeedbackRow
{
    border-bottom: 1px solid #F0F0F1;
    clear: both;
    height: 48px;
    line-height: 48px;
    cursor:pointer;
}

div.unread,
div.unread div.collapse,
div.open,
div.open div.collapse
{
    background-color: #f7f9f8;
}

div.propName
{
    float: left;
    width: 167px;
}

div.propHolDate
{
    margin-left: 16px;
}

div.propName span,
div.propClient span,
div.propHolDate span
{
    font-weight: bold;
}

div.unread div.propName,
div.unread div.propClient,
div.unread div.propHolDate,
div.open div.propName,
div.open div.propClient,
div.open div.propHolDate
{
    font-weight: bold;
}


div.propClient
{
    float: left;
    width: 142px;
}

div.propHolDate
{
    float: left;
    width: 142px;
}

div.expand{clear:both; margin:0; padding-bottom:.75em}

div.expand a { color: #C3C4C7;}
div.unread  div.expand a { color: #1ea12a}


div.expand a span.propValue
{
    color: #C3C4C7;
}


div.collapse
{
    float: left;
    line-height: 1em;
    border-bottom: 1px solid #F0F0F1;
    width: 573px;
    padding-bottom: 20px;
    
}


div.collapse h3
{
    color: #1EA12A;
    font-weight: normal;
    margin: 10px 0;
}

div#content div.topTabContent div.feedbackContainer div.collapse div.propReview p
{
    margin: 0;
    padding: 0;
}


div.propRatings
{
    
}

div.propRatingRow
{
    background: url("/img/feedback/line.gif") no-repeat scroll center bottom #FFFFFF;
    clear: both;
    height: 30px;
    line-height: 24px;
    padding-left: 20px;
}

div.propRatingRow:last-child {background-image: none;}


div.propRatingRow span
{
    display: block;
    float: left;
    width: 175px;
}

div.propRatingRow img
{
    float: left;
    margin-top: 3px;
}

div.propReview
{
    clear: both;
    float: left;
    margin-top: 15px;
    margin-left: 17px;
}

div.Improvements
{
    
}

div.CottageReview
{
    
}

h2.noFeedback
{
    margin-left: -15px;
    margin-top: 20px;    
}

div.onwerBlogRightCol
{
    padding: 73px 0 0 20px;
    width: 190px;   
}

ul.guideFeatures
{
    margin-top: 20px;
    width: 600px;
    display: block;
}

ul.guideFeatures li
{
    width: 150px;
    float: left;
}

li.socialLi
{
    width: 102px;
}

div.propFeedbackRow a{
    background: url("/img/buttons/showMap.gif") no-repeat scroll right top transparent;
    color: #30A21E;
    padding-right: 20px;    
}
div.propFeedbackRow a.minus
{
    background: url("/img/buttons/showMap-minus.gif") no-repeat scroll right top transparent;
}
div#SiteBannerTemp
{
    width: 100%;
    background-color: #fa994b;
    color: #fff;
    text-align:center;
    font-size: 1.2em;
    padding: 5px 0;
}

.ui-slider-range
{
    background: #99C741;
    }
    
.seoFooter
{
   margin: 0 auto;
    width: 920px;
    clear: both;
}

body.searchPage .seoFooter
{
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    top: -20px;
}


.seoFooter h2.expand
{   
    text-indent: -999em;
    display: block;
    width: 100%;
    height: 12px;
    background: url("/img/expand-button.png") no-repeat scroll center bottom transparent;    
}

.seoFooter h2.collapse
{
    text-indent: -999em;
    width: 100%;
    height: 12px;    
    background: url("/img/collapse-button.png") no-repeat scroll center bottom transparent;
    display: none;
    position: relative;
    top: 13px;
}

.seoFooter div
{
    background: url("/img/contentBackShort.jpg") repeat-x scroll 0 0 #FFFFFF;
    border: 8px solid white;
    display: none;
    padding: 16px 16px 0;
    position: relative;
    width: 872px;
}

.seoFooter div p
{
    margin: 6px 0;
    line-height: 1.25em;
}

.extraresults
{
    background: url("../img/help.gif") no-repeat scroll 4px 14px #FFFFFF;
    float: right;
    margin: 0;
    padding: 5px 20px 0;
    position: relative;
    width: 600px;
}