@charset "utf-8";
.strike {
    text-decoration: line-through
}
ul.fail li {
    color: red;
    font-weight: bold
}
.fullmin, .full-rate {
    font-weight: bold
}
#banner-search-form .button radious:hover {
    color: #555 !important;
    border: 2px solid #9f9f9f
}
#bookinggrid {
    margin-top: 10px
}
#bookinggrid a.bookbttn, #bookinggrid .listcell .hide-for-small {
    width: 100%
}
#bookinggrid input[type="checkbox"] {
    display: block;
    line-height: normal;
    margin: 0 auto
}
#bookinggrid .ratehead .ratecell {
    background: #eee;
    height: 33px;
    border-left: solid 1px #fff;
    line-height: 1
}
#bookinggrid .ratehead .ratecell.weekend {
    background: #f6f6f6
}
#bookinggrid .ratehead {
    font-size: .9em
}
#bookinggrid .ratehead .button radious {
    line-height: 1em
}
#bookinggrid .ratehead strong {
    color: #079fdc;
    font-size: 1.25em !important;
    display: block !important;
    text-align: center
}
#bookinggrid .ratecell {
    text-align: center
}
#bookinggrid .fullrate {
    text-align: center
}
#bookinggrid .ratebody .ratecell, #bookinggrid .ratebody .listcell {
    border-left: solid 1px #fff
}
#bookinggrid .ratebody .listcell.fullrate {
    border-left: 0
}
#bookinggrid .ratebody .listcell.bookcell {
    border-left: 0
}
#bookinggrid .ratebody .listcell.bookcell p {
    font-size: 1em !important
}
#bookinggrid .ratebody .listcell.bookcell a.label {
    width: 100%;
    display: inline-block;
    line-height: 2
}
#bookinggrid .ratebody .listcell.bookcell a.label:hover {
    color: #fff
}
#bookinggrid .listinginfo {
    line-height: 1.25;
    font-size: 0.813em;
    padding: 5px 0px;
}
#bookinggrid .listinginfo .propertyname {
    font-size: 1em;
    font-weight: bold
}
#bookinggrid .row .listcell, #bookinggrid .row .ratecell {
    color: #222;
    padding: 5px 0
}
#bookinggrid .listcell, #bookinggrid .ratebody .ratecell, #bookinggrid .row .listcell, #bookinggrid .row .ratecell, #bookinggrid .ratebody .ratecell, #bookinggrid .ratebody .listcell {
    display: table;
    height: 54px;
    min-height: 54px;
    font-size:0.813em
}
#bookinggrid .listcell span {
    display: table-cell;
    vertical-align: middle
}
#bookinggrid .ratebody .ratecell span, #bookinggrid .raterow .listcell span {
    display: table-cell;
    vertical-align: middle;
    font-size: .9em !important
}
#bookinggrid .ratebody .ratecell {
    font-size: .8em
}
#bookinggrid ul.propertydetails {
    margin: 0 !important;
    padding: 0;
    list-style: none
}
#bookinggrid ul.propertydetails li {
    float: left;
    margin-right: 6px !important;
    margin-left: 0 !important;
    list-style: none !important
}
#bookinggrid ul.propertydetails li a {
    display: block;
    color: #555;
    font-size: .8em
}
#bookinggrid .propertyname a.has-tip {
    color: #079fdc !important
}
#bookinggrid .propertyrates {
    border-top: 1px solid #fff;
    margin: 25px 0
}
#bookinggrid .raterow:nth-child(even) {
    background: #f9f9f9
}
#bookinggrid .fullrate, #bookinggrid .minstay {
    background: #eee;
    text-align: center
}
#bookinggrid .ratebody .ratecell.sold, #bookinggrid .ratebody .raterow .ratecell.selected.sold, #bookinggrid .ratebody .ratecell.sold.weekend {
    background: none repeat scroll 0 0 #dff4ca;
    text-transform: uppercase;
    color: #c1d9a8
}
#bookinggrid .ratebody .ratecell.weekend {
    background: none repeat scroll 0 0 #bee792
}
#bookinggrid .ratebody .ratecell.special {
    background: url(../images/special-flames.png) no-repeat bottom center #9cd862
}
#bookinggrid .ratebody .ratecell strike {
    font-size: .7em
}
#bookinggrid .ratebody .ratecell.special.weekend, #bookinggrid .ratebody .ratecell.selected.special {
    background: url(../images/special-flames.png) no-repeat bottom right #bee792
}
#bookinggrid .ratebody .ratecell {
    background: none repeat scroll 0 0 #9cd862
}
#bookinggrid .ratehead .ratecell.selected {
    background: #e5e5e5
}
#bookinggrid .ratebody .ratecell.selected {
    background: #a3e661
}
#bookinggrid .propertyrates:hover .ratecell.sold, #bookinggrid .propertyrates:hover .ratecell.sold.weekend {
    background: none repeat scroll 0 0 #dff4ca;
    text-transform: uppercase;
    color: #c1d9a8
}
#bookinggrid .propertyrates:hover .ratecell.weekend {
    background: none repeat scroll 0 0 #c1ee90
}
#bookinggrid .propertyrates:hover .ratecell.special {
    background: url(../images/special-flames.png) no-repeat bottom center #a3e661
}
#bookinggrid .propertyrates:hover .ratecell.special.weekend {
    background: url(../images/special-flames.png) no-repeat bottom right #c1ee90
}
#bookinggrid .propertyrates:hover .ratecell {
    background: none repeat scroll 0 0 #a3e661
}
#bookingform .label {
    background: none repeat scroll 0 0 transparent;
    bottom: auto;
    color: #222;
    font-size: 1em;
    display: inline-block;
    padding: 0;
    text-align: left;
    white-space: normal
}
#bookingform .label:hover, #bookingform .label:focus, #bookingform .label:active {
    background: none !important
}
#bookingform div#totals .label, #bookingform div#cc .label, #bookingform div#totals, #bookingform #cccsv.row .six {
    line-height: 2
}
#bookingform div#extras ul {
    list-style: none;
    padding: 0;
    margin: 0
}
#bookingform div#extras ul li {
    display: inline-block;
    margin: 0 10px 0 0
}
#bookingform div#extras select {
    margin-bottom: 0
}
#bookingform div#extras .centre {
    text-align: center
}
#bookingform .label {
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    margin-bottom: 3px
}
#bookingform.confirmation .row {
    border-bottom: 1px solid #eee;
    line-height: 2
}
#bookingform.confirmation .row.heading {
    border-bottom: none !important;
    line-height: inherit !important
}
#bookingform h3 {
    margin: 0
}
#bookingform.confirmation .row.heading a {
    line-height: inherit
}
#bookingform.confirmation .label {
    line-height: 2;
    margin-bottom: 0
}
#bookingform.confirmation .row:last-child {
    border-bottom: 0
}
#bookingform .ui-helper-hidden-accessible {
    background: none repeat scroll 0 0 #dcef8f;
    border: 1px solid #8cc63f;
    border-radius: 3px 3px 3px 3px;
    font-size: .8em;
    padding: 6px;
    position: absolute;
    right: -80px;
    top: 8px;
    width: 180px;
    z-index: 999
}
#accomm-totals {
    text-align: right
}
#accomm-totals label {
    text-align: left
}
ul.ui-autocomplete {
    width: 200px !important;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    list-style: none
}
ul.ui-autocomplete li a {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: .9em;
    padding: 2px 4px
}
ul.ui-autocomplete li a:hover {
    background: #eee
}
ul.ui-autocomplete li:last-child {
    border-bottom: 0
}
.row.no-pad {
    margin-right: 0;
    margin-left: 0
}
.row.no-pad>[class*='col-'] {
    padding-right:0;
    padding-left:0
}
#bookinggrid .row .ratecell {
    width: 14.2857%;
    float: left
}
/** FOUNDATION CUSTOMISATION by Nicole **/
#bookinggrid .listinginfo {
    line-height: 1.125;
}
button.small, .button.small {
    padding: 0.625rem;
    margin: 0;
}
.accommodation-filter .range-slider {
    margin: 0.25em 0;
}
.accommodation-filter span.filter-results {
    font-size: 0.750em;
    text-align:left;
    display:block
}
#filters span.label {
    background-color: transparent;
    color: #555;
}
#filters button {
    padding: 0;
    color: #555!important;
    background-color: transparent!important;
}
.row.price-filter {
    margin-bottom: 1em!important;
}

/** End by Nicole **/
@media only screen and (max-width:767px) {
    #bookinggrid .listinginfo {
        margin-bottom: 5px
    }
    #bookinggrid .row .ratecell {
        width: 14.2857%
    }
    body.home #bookingsearchslim .slimfeatures {
        margin: 5px 0 5px 0
    }
    body.home #bookingsearchslim #searchsubmit {
        margin: 0 -10px
    }
    #bookinggrid .listcell, #bookinggrid .ratebody .ratecell, #bookinggrid .row .listcell, #bookinggrid .row .ratecell, #bookinggrid .ratebody .ratecell, #bookinggrid .ratebody .listcell {
        display: table;
        height: 40px;
        max-height: 40px;
    }
    body.single-accommodation a.bookbttn {
        margin-top: 10px
    }
    body.single-accommodation #bookinggrid .listinginfo, body.single-accommodation #bookinggrid .ratebody .bookcell {
        border-bottom: 0
    }
    body.single-accommodation #bookinggrid .ratebody {
        border-bottom: 1px solid #dfdfdf
    }
    #booking-form div#extras .centre {
        text-align: left
    }
    #booking-form .label, #booking-form label {
        font-weight: 600 !important
    }
    #booking-form div#extras .row {
        line-height: 2
    }
    #bookingsearchslim .promocode {
        margin-top: 10px
    }
    .accommodation-filter span.filter-results {
        text-align:left;
    }
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
    #bookinggrid .listcell, #bookinggrid .ratebody .ratecell, #bookinggrid .row .listcell, #bookinggrid .row .ratecell, #bookinggrid .ratebody .ratecell, #bookinggrid .ratebody .listcell {
        display: block !important;
        text-align: center !important
    }
    #bookinggrid .ratecell span, #bookinggrid .listcell span {
        display: inherit !important
    }
    #bookinggrid .minstay span.full-rate {
        padding: 15px 0 0 0 !important
    }
    .accommodation-filter span.filter-results {
        text-align:left;
    }
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .promocode .small-1 {
        height: 40px;
        overflow: hidden
    }
    #bookinggrid .propertyrates {
        background-color: transparent !important
    }
    #bookinggrid .propertyname, ul.propertydetails {
        font-size: 12px
    }
    .promocode .button radious, #banner-search-form .promocode .button radious {
        padding: 0 !important;
        font-size: .8em
    }
    .button radious.success {
        font-size: 13px;
        padding: 14px
    }
    #bookinggrid .propertyrates {
        margin: 25px 0 !important
    }
    #bookingsearchslim .button radius.button radius-large {
        font-size: 13px;
        padding: 8px 10px 9px 20px
    }
}
@media only screen and (min-width :1025px) {
    #bookinggrid .listinginfo .fullmin {
        text-align: right
    }
    #bookinggrid .medium-2.ratehead {
        width: 8.33333%
    }
    #bookinggrid .large-5.groupedrates {
        width: 45.83333%
    }
    #bookinggrid .row .listcell, #bookinggrid .row .ratecell {
        padding: 5px 0
    }
    #bookinggrid .propertyrates {
        background-color: #f6f6f6;
        margin: 0
    }
    #bookinggrid .listinginfo {
        line-height: 1.25;
        padding: 5px 8px;
    }
    .listinginfo .propertyname {
        font-size: 14px
    }
    .listinginfo span.propertydetails {
        font-size: 12px
    }
    .accommodation-filter span.filter-results {
        text-align:center;
    }
}