
#villa-booking-search {

}            
#villa-booking-search .alert {
    padding: 8px;
    background-color: rgb(192,0,0);
    color: white;
}

/* Booking Form Specific Styles */

    #booking-wrapper {
        position: relative; float: left; width: 800px; background-color: white;
    }

        #booking-form label {
            width: 400px; float: none; clear: both; color: #666666;
        }
    
        #booking-search-form {             
            width: 100%;
            color: #969696;
            font-size: 13px;
            line-height: 20px;
        }

            #booking-search-form .b-prompt   { display: block; float: none; width: 320px; font-weight: bold; font-size: 15px; clear: both; color: #4f4f4f; padding-bottom: 6px; }
            #booking-search-form .b-prompt-red   { display: block; float: none; width: 320px; font-weight: bold; font-size: 15px; clear: both; color: #993333; }
            #booking-search-form #b-arriving { display: block; float: left; }
            #booking-search-form #b-arriving input { }
            #booking-search-form #b-leaving  { display: block; float: left; }
            /*#booking-search-form .b-calendar { display: block; float: left; width: 150px; margin-right: 10px; background: #fff url(../images/booking/icon-calendar.gif) top right no-repeat; }*/
            #booking-search-form .b-calendar { display: block; float: left; width: 150px; margin-right: 10px; }
            #booking-search-form .b-calendar .ipt { width: 110px; }
            #booking-search-form #b-search-button { position: relative; }
            /*#booking-search-form #b-book-button { position: relative; left: +140px; }*/
            
            #booking-errors {
                width: 100%;
                font-size: 13px;
                line-height: 10px;
                background-color: #993333;
                border: 1px solid #993333;
                color: white;
                margin-bottom: 8px;
                padding: 2px 0;
            }
            
                #booking-errors ul {
                    list-style-type: none !important;
                }
            
                    #booking-errors li {
                        margin: 0 !important;
                        background: none !important;
                        color: white !important;
                    }

                    #booking-errors a {
                        color: white;
                        font-weight: bold;
                    }
            
            
            #b-calendar-header {
                position: relative;
                width: 520px;
                height: 50px;
                background: top left repeat-x url(../images/booking/nav-calendar-background.gif);
                text-align: center;
                margin: 0 auto;
            }

            #b-calendar-body {
                position: relative;
                width: 520px;
                text-align: center;
                margin: 0 auto;
            }
            
            #b-calendar-header #b-calendar-prev {
                position: absolute;
                top: 0;
                left: 0;
            }

            #b-calendar-header #b-calendar-label {
                font-size: 13px;
                color: #969696;
                line-height: 20px;
            }

            #b-calendar-header #b-calendar-next {
                position: absolute;
                top: 0;
                right: 0;
            }
            
            #b-calendar-view {
                display: block;
                position: relative;
                padding-top: 16px;
                width: 520px;
                margin: 0 auto;
            }
            
            .h-keyline-820 {
                width: 820px;
                background: top left no-repeat url(../images/booking/h-keyline-820.gif);
            }
            
            .ipt, input, select {
                clear: both;
            }
            
            #page-content #primary-content h5 {
                background: url(../images/bg/arrow.gif) no-repeat 0px 10px;
                font-size: 21px;
                color: #a89a6f;
                padding-left: 20px;
                border-bottom: 1px solid #eee9d7;
                height: 35px;
                line-height: 35px;
                margin-bottom: 15px;
                text-indent: -999em;
            }

            #primary-content h3#t-villa-selection         { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-villa-selection.gif) no-repeat 0 0; }
            #primary-content h3#t-amend-villa-selection   { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-amend-villa-selection.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h3#t-confirm-villa-and-dates { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-confirm-villa-and-dates.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h5#t-villa-dates             { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-choose-villas.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h5#t-contact-details         { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-contact-details.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h5#t-your-requirements       { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-your-requirements.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h5#t-payment-details         { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-payment-details.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h5#t-villas-available        { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-villas-available.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }            
            #primary-content h5#t-booking-summary         { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-booking-summary.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }            
            #primary-content h3#t-booking-confirmed       { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-booking-confirmed.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }
            #primary-content h3#t-payment-rejected        { border-top: 10px solid white; width: 584px; background: url(../images/booking/t-payment-rejected.gif) no-repeat 0 0; border-bottom: 1px solid #e2e1d5; }

            #booking-summary {
                /*clear: both; float: none;*/
            }
            
            .flight-col-1 { display: block; float: left; margin-right: 8px; }
            .flight-col-2 { display: block; float: left; margin-right: 8px; }
            .flight-col-3 { display: block; float: left; }


            /* booking summary table */
            #booking-summary-table {
                width: 569px;
                font-size: 12px;                
                border: 1px solid #a5a59b;
            }
            #booking-summary-table th {
                font-size: 12px;                
                padding: 16px;
                background-color: #dcdcc8;
                color: #a89a6f;
            }
            #booking-summary-table td {
                padding: 16px;
                color: #666666;
            }

            /* Booking Suggestions Alert & Suggestion Box (Secondary Content) */
            
            #booking-suggestions {
                background-color: #1e7350;
                padding: 2px;
                list-style-type: none !important;
                margin-bottom: 8px;
            }

            #booking-suggestions li {
                background-color: #1e7350;
                color: white !important;
                background-image: none;
                padding: 4px; margin: 0;
            }


            /* Text that indicated Step 01 of 05 */
            #booking-step-indicator {
                width: 100%;
                background-color: #beb393;
                color: white;
                font-size: 14px;
            }

            /* Booking Summary Styles */
            #booking-summary h4 {
                background-color: #beb393;
                font-size: 14px;
                padding: 8px;                    
                color: white;
            }
            
            #booking-summary h5 {
                margin-top: 8px;
                background-color: #d8d7d7;
                font-size: 14px;
                padding: 8px;
                color: white;
            }

            #booking-summary h5.selected {
                background-color: #1e7350;
                font-size: 14px;
                padding: 8px;
                color: white;
            }
            
            #booking-summary p {
                color: #adadad !important;
                line-height: 16px;
                margin: 0 !important; padding: 4px !important;
            }
            
            #booking-summary p.step-prompt {
                font-weight: bold;
                color: #1e7350 !important;
            }
            
            #booking-summary a {
                color: #666666 !important;    
            }
            
            #booking-summary .summary-label {
                display: block; float: left; width: 86px; font-weight: bold;
            }


            #booking-form label.error {
              background:url("../images/booking/unchecked.gif") no-repeat 0px 0px;
              padding-left: 16px;
              padding-bottom: 2px;
              font-weight: bold;
              color: #EA5200;
            }

            #booking-form .b-calendar        { display: block; float: left; width: 116px; margin-right: 10px; background: #fff url(../images/booking/icon-calendar.gif) top right no-repeat; }
            #booking-form label.checked {
              background:url("../images/booking/checked.gif") no-repeat 0px 0px;
            }
            
            #booking-step-inidcator {
                width: 598px;
                background-color: #beb393;
                color: white !important; font-weight: bold; padding: 4px;
            }
            
            .row {
                padding-bottom: 16px !important;
            }
            
            .ui-datepicker-trigger {
                padding-left: 8px;
            }
            
            
            #calendar-outline {
                float: left;
                width: 100%;
                border: 1px solid #beb393;
                padding-bottom: 32px;
            }

            #calendar-header {
                padding: 8px;
                background-color: #beb393;
                color: white;
                font-size: 18px;
                
            }

            #calendar-key {
                float: right;
                font-size: 13px;
                font-weight: bold;
                line-height: 22px;
            }
            
            #calendar-content {
                padding-top: 32px;
                width: 500px;
                margin: 0 auto;
            }

            table.ui-datepicker-calendar {
                background-color: white;
            }

            table.ui-datepicker-calendar .ui-widget-header {
                background: none !important;
            }
            
            table.ui-datepicker-calendar td {
                background: none;
                background-color: rgb(240,240,240);
                border: 1px solig rgb(96,96,96);
                width: 32px; height: 19px;
            }

            table.ui-datepicker-calendar .ui-state-disabled {
                background: none;
            }
            
            table.ui-datepicker-calendar td a {
                background: none !important;
                color: rgb(96,96,96) !important;
                width: 32px; height: 19px;
                font-size: 11px;
            }
            
            p.book-btn {
                width: 520px;
                margin: 0 auto;
                text-align: right;
            }
            
            .summary-value {
                float: right; display: block; width: 80px;
                text-align: right;
            }

            ul.amounts-list li {
                margin-bottom: 4px !important;
            }

            span.summary-label a {
                display: inline !important;
                font-size: inherit;
                font-family: inherit;
            }

            p.summary-total {
                font-weight: bold;
                margin-top: 8px;
                border-top: 1px solid rgb(220,220,220);
            }
