﻿/* General */

/*Reset Common Tags*/

a, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, img
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body
{
    margin: 0px auto;
    padding: 0px;
    font-family: Georgia;
    font-size: 12px;
    color: #ffffff;
    background-repeat: no-repeat;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    line-height: 15px;
    margin-top: 12px;
    margin-bottom: 12px;
}

h1.home
{
    margin: 0px;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
}

h1.search
{
    margin: 0 0 15px 0;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
}

h1.property
{
    margin: 0 0 0 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: normal;
    line-height: 20px;
}

h1.generic
{
    margin: 5px 0 5px 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: normal;
    line-height: 28px;
}

h1.coastal
{
    margin: 5px 0 5px 0;
    color: #006fa0;
    font-size: 25px;
    font-weight: normal;
    line-height: 28px;
}

h1.remote
{
    margin: 5px 0 5px 0;
    color: #6e8e59;
    font-size: 25px;
    font-weight: normal;
    line-height: 28px;
}

/* layout */

#container
{
    width: 949px;
    margin: 0px auto;
}

#layout
{
    clear: both;
    float: left;
    width: 949px;
}

/* header */

#header
{
    clear: both;
    float: left;
    width: 949px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#header-logo
{
    float: left;
    width: 419px;
}

#header-welcome
{
    float: left;
    width: 147px;
}

/*#header-booking
{
    float: left;
    width: 249px;
    margin-left: 134px;
}*/

#header-booking {
    color: #3B7064;
    float: left;
    font-size: 15px;
    height: 50px;
    margin-left: 134px;
    text-align: right;
    width: 249px;
}

#header-booking span
{
    font-size: 33px;
}

/* header nav */

#nav
{
    clear: both;
    float: left;
    width: 949px;
    height: 24px;
}

#nav a
{
    color: #ffffff;
    font-size: 12px;
}

#nav ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#nav li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

#nav #ctl00_nav_about_us
{
    float: left;
    width: 100px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #aac1bc;
}

#nav #ctl00_nav_northumberland
{
    float: left;
    width: 185px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #aac1bc;
}

#nav #ctl00_nav_search
{
    float: left;
    width: 134px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #aac1bc;
}

#nav #ctl00_nav_avail
{
    float: left;
    width: 170px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #aac1bc;
}

#nav #ctl00_nav_late_deals
{
    float: left;
    width: 104px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #aac1bc;
}

#nav #ctl00_nav_links
{
    float: left;
    width: 100px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    border: solid 1px #aac1bc;
    margin-right: 2px;
}

#nav #ctl00_nav_owners
{
    float: left;
    width: 130px;
    height: 18px;
    background-color: #3b7064;
    text-align: center;
    padding-top: 4px;
    border: solid 1px #aac1bc;
}

.nav-on
{
    float: left;
    background-color: #a08041 !important;
    border: solid 1px #a59756 !important;
}

/* header nav Night */

#nav-night
{
    clear: both;
    float: left;
    width: 949px;
    height: 24px;
}

#nav-night a
{
    color: #ffffff;
    font-size: 11px;
}

#nav-night ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#nav-night li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

#nav-night #ctl00_nav_about_us
{
    float: left;
    width: 100px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #928aa4;
}

#nav-night #ctl00_nav_northumberland
{
    float: left;
    width: 185px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #928aa4;
}

#nav-night #ctl00_nav_search
{
    float: left;
    width: 134px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #928aa4;
}

#nav-night #ctl00_nav_avail
{
    float: left;
    width: 170px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #928aa4;
}

#nav-night #ctl00_nav_late_deals
{
    float: left;
    width: 104px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    margin-right: 2px;
    border: solid 1px #928aa4;
}

#nav-night #ctl00_nav_links
{
    float: left;
    width: 100px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    border: solid 1px #928aa4;
    margin-right: 2px;
}

#nav-night #ctl00_nav_owners
{
    float: left;
    width: 130px;
    height: 18px;
    background-color: #6e6386;
    text-align: center;
    padding-top: 4px;
    border: solid 1px #928aa4;
}

.nav-on-night
{
    float: left;
    background-color: #a08041 !important;
    border: solid 1px #a59756 !important;
}

/* content area */

#content
{
    clear: both;
    float: left;
    width: 950px;
    padding: 0px;
    margin-bottom: 4px;
    min-height: 467px;
    margin-top: 3px;
}

#content a
{
    color: #3b7064;
}

#content-leftcol
{
    float: left;
    width: 356px;
    background-image: url(../../images/content_left_generic_bg.gif);
    height: 443px;
    padding: 12px;
}

#content-rightcol
{
    float: left;
    width: 570px;
    min-height: 466px;
    margin-top: 1px;
}

#content-rightcol li
{
    margin: 8px 0px 8px 30px;
}

/* content area home */

#content-home-search
{
    clear: both;
    float: left;
    width: 909px;
    height: 216px;
    background-image: url(../../images/home_search_bg.jpg);
    padding: 10px 0 0 40px;
}

#content-home-search-content
{
    clear: both;
    float: left;
    width: 909px;
    margin-top: 8px;
}

#content-home-search-copy
{
    float: left;
    width: 437px;
    color: #ffffff;
    font-size: 12px;
    margin-right: 23px;
}

#content-home-search-copy p
{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 20px;
}

#content-home-search-search
{
    float: left;
    width: 260px;
    color: #ffffff;
    font-size: 11px;
    margin-top: 3px;
}

#content-home-search-search a
{
    color: #ffffff;
    font-size: 11px;
}

#content-home-quicklinks
{
    clear: both;
    float: left;
    width: 949px;
    padding: 0px;
    margin-top: 5px;
}

#content-home-quicklinks-images
{
    float: left;
    width: 418px;
}

#content-home-quicklinks p
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
}

#content-home-quicklinks a
{
    color: #ffffff;
    font-size: 12px;
}

#home-property-categories-coastal
{
    float: left;
    width: 173px;
    height: 234px;
    background-color: #9bb6e9;
    margin-left: 4px;
}

#home-property-categories-remote
{
    float: left;
    width: 173px;
    height: 234px;
    background-color: #a5b989;
    margin-left: 4px;
}

#home-property-categories-towns
{
    float: left;
    width: 173px;
    height: 234px;
    background-color: #998f69;
    margin-left: 4px;
}

/* content area search */

#content-leftcol-search
{
    clear: both;
    float: left;
    width: 350px;
    height: 437px;
    color: #ffffff;
    font-size: 14px;
}

#content-leftcol-search p
{
    line-height: 22px;
    margin-top: 10px;
}

#content-leftcol-search a
{
    color: #ffffff;
}

#content-leftcol-search-form
{
    clear: both;
    float: left;
    padding-top: 10px;
}

.content-rightcol-search
{
    /*width: 184px;     height: 151px;*/
    padding-top: 0px;
    position: relative;
}

.content-rightcol-search img
{
    float: left;
    width: 184px;
    height: 151px;
    padding-left: 4px;
    padding-bottom: 4px;
}

.specialoffer
{
    position: absolute;
    left: 5px;
    top: 1px;
    z-index: 10;
    float: left;
}

.content-rightcol-search-copy
{
    float: left;
    width: 159px;
    height: 134px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    color: #87741e;
    font-size: 17px;
    line-height: 24px;
}

.content-rightcol-search-nav
{
    float: left;
    width: 144px;
    height: 139px;
    margin-left: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 11px;
    color: #ffffff;
    font-size: 17px;
    line-height: 24px;
    text-align: right;
    background-image: url(../../images/result_nav_bg.gif);
    background-repeat: no-repeat;
}

.content-rightcol-search-nav a
{
    color: #ffffff !important;
}

/* Content property details */

#content-leftcol-property
{
    float: left;
    width: 356px;
    background-image: url(../../images/content_left_generic_bg.gif);
    height: 443px;
    padding: 12px 12px 12px 12px;
}

#content-leftcol-property a
{
    color: #ffffff;
    font-size: 16px;
}

#content-leftcol-scroll
{
    float: left;
    width: 27px;
    margin-right: 10px;
    height: 280px;
}

#content-leftcol-scroll-top
{
    clear: both;
    float: left;
    margin-bottom: 252px;
}

#content-leftcol-scroll-top div
{
    cursor: pointer;
}

#content-leftcol-scroll-bottom
{
    clear: both;
    float: left;
}

#content-leftcol-scroll-bottom div
{
    cursor: pointer;
}

#content-leftcol-property-top
{
    clear: both;
    float: left;
    width: 319px;
    padding-left: 37px;
    padding-bottom: 20px;
}

#content-leftcol-property-bottom
{
    clear: both;
    float: left;
    width: 319px;
    padding-left: 37px;
}

#content-leftcol-details
{
    float: left;
    width: 319px;
    height: 280px;
    font-size: 14px;
}

#content-leftcol-details li
{
    margin-left: 25px;
    margin-bottom: 10px;
}

#content-leftcol-details p
{
    line-height: 20px;
}

#content-rightcol-property
{
    clear: both;
    float: left;
    width: 569px;
    height: 466px;
}

#content-rightcol-property-left
{
    float: left;
    width: 378px;
}

#content-rightcol-property-right
{
    float: left;
    width: 187px;
    text-align: right;
    padding-left: 4px;
}

.property-thumb
{
    float: left;
    width: 187px;
    height: 149px;
    padding-bottom: 9px;
}

#content-rightcol-property-main
{
    float: left;
    width: 378px;
    height: 305px;
    padding-left: 4px;
}

#content-rightcol-property-tariff
{
    float: left;
    width: 378px;
    height: 150px;
    margin-left: 4px;
    margin-top: 9px;
    background-image: url(../../images/tariff_bg.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 14px;
}

#tariff-top
{
    clear: both;
    float: left;
    width: 378px;
    height: 22px;
}

#tariff-top-left
{
    float: left;
    width: 175px;
    padding: 10px 0px 0px 14px;
}

#tariff-top-right
{
    float: left;
    width: 175px;
    padding: 10px 14px 0px 0px;
    text-align: right;
}

#tariff-dates
{
    clear: both;
    float: left;
    width: 100%;
    padding: 15px 14px 0px 14px;
}

.tariff-season
{
    float: left;
    width: 70px;
    margin-right: 10px;
    font-size: 14px;
    border-right: solid 1px #ffffff;
}

.tariff-season2
{
    float: left;
    width: 70px;
    margin-right: 10px;
    margin-left: 5px;
    font-size: 14px;
    border-right: solid 1px #ffffff;
}

.tariff-season3
{
    float: left;
    width: 180px;
    margin-right: 10px;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 20px;
}


.tariff-season3 a
{
    color: #ffffff !important;
}

#tariff-bottom
{
    clear: both;
    float: left;
    width: 350px;
    height: 22px;
    padding: 5px 14px 0px 14px;
}

#tariff-bottom ul
{
    /*margin-left:15px;     margin-top:5px;*/
    margin: 0px;
    margin-top: 5px;
}

#tariff-bottom li
{
    margin: 0px;
    margin-left: 15px;
}

/* Generic Content NEW */

#content-rightcol-generic
{
    clear: both;
    float: left;
    width: 569px;
    height: 466px;
}

#content-rightcol-generic-left
{
    float: left;
    width: 434px;
    padding-left: 6px;
}

#content-rightcol-generic-right
{
    float: left;
    width: 122px;
    text-align: right;
    padding-left: 7px;
}


/* Property Owners NEW */

#content-leftcol-property-owners
{
    float: left;
    width: 336px;
    background-image: url(../../images/content_left_owners_bg.gif);
    height: 443px;
    padding: 12px 22px 12px 22px;
}

#content-leftcol-property-owners p
{
    font-size: 14px;
    line-height: 20px;
}

/* Contact NEW */

#content-leftcol-contact
{
    float: left;
    width: 336px;
    background-image: url(../../images/content_left_generic_bg.gif);
    height: 443px;
    padding: 12px 22px 12px 22px;
}

/* Remote and Rural NEW */

#content-leftcol-remote
{
    float: left;
    width: 380px;
    height: 443px;
}

#content-leftcol-remote-top
{
    clear: both;
    float: left;
    width: 356px;
    background-image: url(../../images/remote_bg.gif);
    background-repeat: no-repeat;
    height: 282px;
    padding: 12px;
    margin-top: 1px;
    color: #6e8e59;
}

#content-leftcol-remote-top p
{
    font-size: 14px;
    line-height: 20px;
}

#content-leftcol-remote-bottom
{
    clear: both;
    float: left;
    width: 379px;
    height: 154px;
    padding-top: 6px;
}

/* Coastal NEW */

#content-leftcol-coastal-top
{
    clear: both;
    float: left;
    width: 356px;
    background-image: url(../../images/coastal_bg.gif);
    background-repeat: no-repeat;
    height: 282px;
    padding: 12px;
    margin-top: 1px;
    color: #006fa0 !important;
}

#content-leftcol-coastal-top p
{
    font-size: 14px;
    line-height: 20px;
}

#content-leftcol-coastal-bottom
{
    clear: both;
    float: left;
    width: 379px;
    height: 154px;
    padding-top: 6px;
}

/* Towns NEW */

#content-leftcol-towns-top
{
    clear: both;
    float: left;
    width: 356px;
    background-image: url(../../images/towns_bg.gif);
    background-repeat: no-repeat;
    height: 282px;
    padding: 12px;
    margin-top: 1px;
}

#content-leftcol-towns-top p
{
    font-size: 14px;
    line-height: 20px;
}

#content-leftcol-towns-bottom
{
    clear: both;
    float: left;
    width: 379px;
    height: 154px;
    padding-top: 6px;
}

/* Footer */

#footer-nav-green
{
    clear: both;
    float: left;
    width: 929px;
    padding: 8px 10px 11px 10px;
    margin-top: 0px;
    height: 16px;
    background-image: url(../../images/foot_nav_bg.gif);
    background-repeat:repeat-y;
}

#footer-nav-purple
{
    clear: both;
    float: left;
    width: 929px;
    padding: 8px 10px 11px 10px;
    margin-top: 0px;
    height: 14px;
    background-image: url(../../images/foot_nav_purple_bg.gif);
}

#footer-nav-purple a
{
    color: #ffffff;
    font-size: 11px;
}

#footer-nav-green-left
{
    float: left;
    width: 460px;
}

#footer-nav-green-right
{
    float: left;
    width: 469px;
    text-align: right;
}

#footer-nav-green a
{
    color: #ffffff;
    font-size: 11px;
}

#footer-nav-white
{
    clear: both;
    float: left;
    width: 949px;
    padding: 0px;
    text-align: center;
    color: #3b7064;
    margin-top: 8px;
}

#footer-nav-white a
{
    color: #3b7064;
    font-size: 11px;
}

#footer-nav-white-purple
{
    clear: both;
    float: left;
    width: 949px;
    padding: 0px;
    text-align: center;
    color: #6e6386;
    margin-top: 8px;
}

#footer-nav-white-purple a
{
    color: #6e6386;
    font-size: 11px;
}

#footer-nav-one
{
    clear: both;
    float: left;
    width: 949px;
    margin-top: 15px;
    padding-bottom: 10px;
}

/* Classes */

.home-search-td
{
    height: 27px;
}

.home-search-ddl
{
    height: 20px;
    width: 175px;
    font-size: 11px;
}

.home-search-td .textbox
{
    height: 20px;
    width: 172px;
    font-size: 11px;
    border:none;
    padding-left:3px;
}

.feature-pad
{
    padding: 10px 10px 0px 10px;
}

.feature-link
{
    text-align: right;
    padding: 0px 10px 0 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.search-box
{
    height: 20px;
    width: 345px;
    font-size: 11px;
    border: 0px;
    padding-top: 3px;
}

.search-td
{
    height: 25px;
}

.search-td2
{
    height: 24px;
    text-align: right;
}

.search-td2 a
{
    color: #ffffff;
    font-size: 18px;
}

.chk
{
    border: solid 1px #ffffff;
}

.ptype-td
{
    width: 80px;
}

.ptype-td2
{
    width: 130px;
}

.upfont
{
    font-size: 17px;
}

.upfont2
{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 14px !important;
}

.upfont-details
{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 14px !important;
}

.upfont3
{
    margin-top: 25px !important;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 14px !important;
}

.tariff-price
{
    font-size: 20px;
}

.gridview
{
    border: solid 1px #CCCCCC;
    width: 550px;
}

.gridview th
{
    background-color: #a5b989;
    color: #FFFFFF;
    padding: 4px;
    border: solid 1px #CCCCCC;
}

.gridview td
{
    padding: 4px;
    border: solid 1px #CCCCCC;
}

.gridview tr:hover
{
    background-color: #FFEEBB;
}


.textbox
{
    width: 140px;
    border: solid 1px #000000;
    background: #FFFFFF;
}

.button
{
    border: solid 1px #000000;
    background: #FFFFFF;
}

.fileupload
{
    border: solid 1px #000000;
}

.inputtable
{
    width: 500px;
}

.inputtable td
{
    padding: 6px 0px;
}

.inputtable-col1
{
    width: 150px;
    text-align: right;
}

.inputtable-col2
{
    width: 350px;
}

h2.title
{
    margin: 0px 0px 15px 0px;
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}



.specialOffers
{
    clear: both;
    width: 540px;
    margin: 10px;
    color: Black;
}


.specialOfferimg
{
    clear: both;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.specialOfferBody
{
    margin-left: 10px;
}


/*** 2010 layout ****/

h1.black
{
    margin: 5px 0 5px 0;
    color: #000 !important;
    font-size: 25px;
    font-weight: normal;
    line-height: 28px;
}

#fullwidth-content
{
    clear: both;
    float: left;
    padding: 0px;
    margin-bottom: 4px;
    margin-top: 3px;
    color: Black;
    padding: 10px;
    background-color: #EBFAE3;
    width: 928px;
}

#rightcolumn ul, #leftcolumn ul
{
    margin: 10px 0 10px 20px;
}

#fullwidth-content ul
{
    margin: 10px 0 10px 20px;
}

#fullwidth-content a
{
    color: #3B7064;
}

#leftcolumn
{
    padding: 5px 0;
    float: left;
    width: 454px;
    margin-right: 20px;
}

#rightcolumn
{
    margin-top: 10px;
    padding: 5px 0;
    float: right;
    width: 454px;
}

.linkimage
{
    float: left;
    padding: 0 10px 5px 0;
}

.link-container
{
    clear: both;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
}

.link-container a
{
    color: #3B7064;
}

.link-content
{
}

#leftcolumn h3
{
    margin: 10px 0;
}

