/* BEGIN: FONT FAMILY AND SIZE DECLARATIONS */ /*
Base font size: 14px

PX   EM
24   1.7
20   1.46
18   1.3
16   1.14
14   1.0
13   0.93
12   0.86
11   0.79
10   0.71

*/ /* set font family and base size for IE 6 / Win */

fieldset,legend {
    padding: 0;
    border: 0;
    margin: 0;
}

label {
    font-weight: normal;
    font-size: 0.80em;
}

div.layout-section {
    margin: 18px 20px 18px 20px;
}

div.msg-error {
    background: #FFF3EF;
    padding: 4px;
    margin-bottom: 4px;
    border: 1px solid #CF5B33;
}

div.msg-error h2 {
    color: #CF5B33;
}

div.msg-error ul {
    list-style-type: none;
    margin: 0;
    padding: 4px 0 3px 30px;
    background-image: url(/images/icons/button_icon-alert.gif);
    background-repeat: no-repeat;
    background-position: 4px 0;
}

div.msg-error li {
    list-style-image: none;
    color: black;
}

div.clearer {
    clear: both;
    line-height: 0;
    height: 0;
}

div.tel span.type {
    display: none;
}

/* END: GENERIC STYLES AND COLORS */
div.adr, div.tel, div.email {
    font-size: 0.9em;
    line-height: 1.1em;
}

/* BEGIN: LOCATION NAME AND ADDRESS */
div#booking-location-address {
    float: left;
    width: 40%;
    margin: 0 0 18px 0;
}

div.vcard div.org {
    font-size: 1.2em;
}

/* END: LOCATION NAME AND ADDRESS */

/* BEGIN: ON-REQUEST BOOKING CONDITIONS */
div#on-request-conditions {
    float: right;
    width: 60%;
    text-align: right;
    margin: 0 0 0 0;
    padding: 0;
}
div#on-request-conditions h3 {
    color: #09f;
}

div#on-request-conditions p {
    font-size: 0.8em;
    line-height: 1.2em;
    margin-top: 0;
    color: #666;
}
/* END: ON-REQUEST BOOKING CONDITIONS */


/* BEGIN: BOOKING STEP NAVIGATION */
ul.booking-steps {
    clear: both;
    height: 82px;
    margin: 0;
    padding: 0;
    background-color: #afb9bd;
    background-image: url(/images/booking-nav-bg-grey.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    width: 100%;
}

ul#completed {
    background-color: #bfc9cd;
}

ul.booking-steps li {
    display: block;
    float: left;
    height: 62px;
    padding: 20px 25px 0 25px;
    margin: 0;
    border: 0;
    list-style: none;
    color: #fff;
    font-size: 1.1em;
    line-height: 1em;
    background-color: transparent;
}

ul.booking-steps li.selected {
    background-color: #bfc9cd;
    background-image: url(/images/booking-nav-bg-grey-sel.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

ul.booking-steps li.summary-header {
    float: right;
    font-size: 0.9em;
    line-height: 1.3em;
    text-align: right;
    padding: 10px 25px 0 25px;
}

ul.booking-steps li.summary-header div span {
    padding-right: 0.8em;
}

ul.booking-steps li.summary-header div span#booking-ref {
    padding-right: 0;
}

ul.booking-steps h2,ul.booking-steps a {
    height: 82px;
    color: #fff;
    display: inline;
    font-size: 1em;
    margin:0;
}

div#booking-nav {
    color: #fff;
    background-color: #bfc9cd;
    padding: 4px 16px;
    text-align: right;
    clear: both;
    font-size: 0.95em;
    line-height: 1em;
    font-weight: bold;
}

div#booking-nav input {
    font-family: Arial, Sans-Serif;
    color: #09f;
    margin-left: 16px;
    padding: 3px 5px;
    font-size: 0.9em;
    font-weight: bold;
    float: right;
}

/* END: BOOKING STEP NAVIGATION */

/* BEGIN: ROOM DETAILS */
div#room-details {
    float: left;
    width: 22%;
    margin: 0 10px 10px 0;
}

div#room-details p {
    margin: 0.2em 0 0.2em 0;
    font-size: 0.9em;
}

div#room-details h3.edit,div#room-details h3.edit a:link,
div#room-details h3.edit a:visited, div#room-details h3.edit a:hover {
    color: #09f;
    text-decoration: none;
}

div#room-details h3.edit a:hover {
    text-decoration: underline;
}

/* END: ROOM DETAILS */

/* BEGIN: BOOKING DATES AND GUEST COUNT */
div#booking-dates {
    width: 30%;
    float: left;
    margin: 0 20px 10px 0;
}

div#booking-dates span {
    font-size: 0.9em;
}

div#edit-booking-dates {
    width: 15em;
    float: left;
    margin: 0 0 10px 0;
}
div#edit-booking-dates h4,
div#booking-dates h4 {
    display: inline;
    margin-right: 10px;
}

fieldset#arrival-date,fieldset#departure-date {
    float: left;
    clear: left;
    width: 14em;
}

div#edit-booking-dates fieldset legend,
div#booking-dates fieldset legend {
    color: #09f;
    font-weight: normal;
    font-size: 0.80em;
}

div#edit-booking-dates input#start_date_day,
div#edit-booking-dates input#finish_date_day {
    width: 2em;
    padding: 1px 2px;
}

div#edit-booking-dates input#start_date_year,
div#edit-booking-dates input#finish_date_year {
    width: 4em;
    padding: 1px 2px;
}

div#guest-count {
    width: 10em;
    float: left;
    margin-bottom: 10px;
}

div#guest-count fieldset label {
    padding: 0;
    display: block;
    width: 5em;
    float: left;
    text-align: left;
}

div#guest-count fieldset select {
    margin-top: 2px;
}
/* END: BOOKING DATES AND GUEST COUNT  */

/* BEGIN: PRICING */
div#pricing-breakdown {
    float:right;
    padding-bottom: 1em;
    width: 40%;
}

div#pricing-breakdown ul {
    list-style:none;
    margin: 0;
    padding:0;
    border: 0;
    width:100%;
}

div#pricing-breakdown ul li {
    font-size:0.9em;
    clear: left;
    width: 100%;
}

div#pricing-breakdown ul li div.day-date {
    width: 25%;
    float: left;
    line-height: 1.3em;
    text-align: right;
    white-space: nowrap;
}

div#pricing-breakdown ul li div.day-breakdown {
    width: 50%;
    float: left;
    text-align: left;
}

div#pricing-breakdown ul li div.day-breakdown div.guest-pricing-breakdown {
    color: #666666;
    font-size: 0.9em;
    line-height: 1.3em;
    padding-bottom: 0.6em;
}

div#pricing-breakdown ul li div.day-breakdown div.day-breakdown-dates {
	line-height: 1.3em;
}

div#pricing-breakdown ul li div.day-total {
    width: 25%;
    float: right;
    font-weight: bold;
    text-align: right;

}
div#booking-total {
    background-color: #e6e6e6;
    padding: 5px 16px;
    text-align: right;
    font-weight: bold;
    clear: both;
}

div#booking-total span {
    font-size: .9em;
    font-weight: normal;
    color: #656565;
    margin-right: 20px;
}

/* END: PRICING */

/* BEGIN: GUEST DETAILS */
div#guest-contact-details {
    width: 40%;
    margin-right: 20px;
}

fieldset#guest-contact-details {
    width: 400px;
    float: left;
}

fieldset#guest-contact-details legend {
    width : 100%;
    display: block;
    clear: both;
    padding: 0 0 0 110px;
}


fieldset#guest-contact-details div#guest-full-name div {
    float: left;
    padding: 0 10px 0 0;
    margin-top: 1.9em;
    text-align: right;
    width: 100px;
    font-size: 0.8em;
    color: #09F;
}

fieldset#guest-contact-details div#guest-full-name label {
    display: block;
    float: left;
    width: 138px;
    padding: 0 5px 0 0;
    text-align: left;
}

fieldset#guest-contact-details div#guest-full-name label input {
    width: 138px;
    margin-bottom: 5px;

}

fieldset#guest-contact-details label {
    display: block;
    float: left;
    width: 100px;
    padding: 0 10px 0 0;
    text-align: right;
}


fieldset#guest-contact-details input,fieldset#guest-contact-details select {
    width: 280px;
    display: block;
    float: left;
    clear: right;
    margin-bottom: 5px;
}

fieldset#guest-contact-details select {
    width: 286px;
}

fieldset#guest-contact-details input#sms-checkbox {
    display: block;
    clear: left;
    width: auto;
    margin-left: 110px;
}

fieldset#guest-contact-details label#sms-label {
    color: #666;
    margin: 0 5px 15px 0;
    line-height: 1.2em;
    width: 255px;
    text-align: left;
}
fieldset#guest-special-requests {
    padding: 1.3em;
    }

fieldset#guest-special-requests label {
    float: left:
    padding: 0 10px 0 0;
    margin-top: 3.6em;
    text-align: right;
    width: 150px;
}

fieldset#guest-special-requests textarea {
    float: left;
    clear:left;
    width: 250px;
    height: 65px;
    font-family: Arial, Sans-Serif;
    font-size: 0.95em;
    padding: 3px;
}

div#special-requests-explained {
    float: left;
    clear:left;
    padding-top: 10px;
    color: #666;
    width: 200px;
    text-align: left;
    font-size: 0.8em;
    line-height: 1.2em;
}


div#guest-special-requests {
    padding-top: 10px;
    width: 40%;
}

div#guest-special-requests p {
    text-align: left;
    font-size: 0.9em;
    line-height: 1.2em;
    margin:0.3em 0 4em 0;
}
/* END: GUEST DETAILS */

/* BEGIN: PAYMENT DETAILS */
fieldset#payment-details {
    width: 350px;
    float: right;
}

fieldset#payment-details legend span {
    display: block;
    position: relative;
    left: 110px;
    top: -5px;
}

fieldset#payment-details label {
    display: block;
    float: left;
    clear: left;
    text-align: right;
    width: 100px;
    margin-right: 10px;
}

fieldset#expiry-date {
    clear: both;
}

fieldset#payment-details input {
    display: block;
    width: 140px;
    float: left;
    margin-bottom: 5px;
}

fieldset#payment-details select {
    margin-bottom: 5px;
}
fieldset#expiry-date div {
    float: left;
    padding: 0 10px 0 0;
    text-align: right;
    width: 100px;
    font-size: 0.8em;
    color: #09F;
}

fieldset#payment-details img {
    margin: 5px 0 15px 110px;
}

div#payment-details  {
    width: 350px;
    float: right;
}

div.cc-disclaimer {
    margin-top: 5px;
    color: #666;
    font-size: 0.8em;
    line-height: 1.2em;
}

/* END: PAYMENT DETAILS */



/* BEGIN: CANCELLATION POLICY DETAILS */

div#cancellation-policy {
    float:left;
    width: 60%;
    color: #666;
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 16px;
}

div#cancellation-policy h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
}

/* END: CANCELLATION POLICY DETAILS */




/* BEGIN: SITE SEALS AND LOGOS */

div#digicertsitesealcode {
    width: 81px;
    margin: 16px 16px 5px 0;
    float: right;
    text-align: center;
}

div#payvia-logo {
    width: 95px;
    margin: 16px 16px 5px 0;
    float: right;
    text-align: center;
}

div#digicertsitesealcode a {
    color: #666;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.2em;
}

div#payvia-logo img {
    border: 0;
}

/* END: SITE SEALS AND LOGOS */


/* BEGIN: FOOTER STYLES */

div#main-foot {
    font-size: 0.8em;
}

/* END: FOOTER STYLES */