﻿
* {
    margin: 0;
    -moz-outline: 0;
    outline: 0;
    padding: 0;
}

html {
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-weight: inherit;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}

del, ins {
    text-decoration: none;
}


body {
    background: url(be_global_bg.gif) #ebebeb repeat-x center top;
    color: #777;
    font: 12px "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
}

a {
    color: #ef4c23;
    text-decoration: none;
}

    a:hover {
        color: #d5330b;
    }

p {
    line-height: 1.6em;
    margin: 0 0 15px;
}

h1 {
    font-size: 2.0em;
    margin: 0 0 20px;
}

h2 {
    font-size: 1.6em;
    margin: 0 0 15px;
}

h3 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin: 0 0 7px;
}

h4 {
    font-size: 1.2em;
    margin: 0 0 10px;
}

img {
    border: 0;
}


table.basetable {
    background: #fff;
    border-collapse: collapse;
    font-size: 12px;
    margin: 45px;
    text-align: left;
    width: 75%;
}

tr.bt_header th {
    border-bottom: 2px solid #ef4c23;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 8px;
    text-align: center;
}

.bt_data td {
    border-bottom: 1px solid #ccc;
    padding: 6px 8px;
    text-align: center;
}

#be_container {
    background-color: #fff;
    margin: 0 auto;
    width: 960px;
}

#be_top {
    padding: 20px;
}

#be_content {
    margin: 0px;
    padding: 0px;
}

#be_header {
    background-color: #666;
    height: 155px;
}

#be_logo {
    cursor: pointer;
    float: left;
    height: 90px;
    width: 600px;
}

#be_header_customer {
    float: right;
    height: 16px;
    margin-right: 50px;
    margin-top: 12px;
}

#be_header_customer_name {
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

#be_coursename {
    color: #fff;
    font-size: 20px;
    padding: 10px;
}

#be_courseaddress {
    display: none;
}

#be_coursephone {
    display: none;
}

#be_websitetitle {
    display: none;
}

#be_footer {
    border-top: 1px solid #ddd;
    clear: both;
    color: #999;
    padding: 5px 0 5px 0;
}

#be_right {
    float: right;
}

#be_left {
    float: left;
}

.be_footer_links a {
    color: #555;
    margin: 0 0 0 5px;
}

.be_footer_links {
    float: left;
    margin: 20px 0 0 10px;
}


.be_footer_poweredby a {
   	background: url(footer_powered-sagacity.png) no-repeat right top;
    float: right;
    height: 50px;
    text-indent: -9999px;
    width: 300px;
}

.be_footer_poweredby-yards a {
    background: url(footer_powered-yards.png) no-repeat right top;
    float: right;
    height: 50px;
    text-indent: -9999px;
    width: 300px;
}

.be_clear {
    clear: both;
}

.be_header {
    font-size: 12px;
    margin: 0 0 20px;
}

#be_tabs {
    border-bottom: 4px solid white;
    clear: right;
    margin: 0 0 0 0;
    padding: 0px;
    text-align: center;
    width: 100%;
}

    #be_tabs td {
        padding: 0 8px 0;
    }

.be_tab a div {
    background: #ffffff repeat-x center top;
    font-weight: bold;
    padding: 10px;
}

.be_tab a:hover div {
    background-color: #fff;
}

.be_tab_4 {
    border-right: 0px !important;
}

.be_tab_active a div {
    background: #eee89f repeat-x center top;
    border-top: 3px solid #c82f08;
    color: #c82f08;
    font-weight: bold;
}

.be_tab_first {
    margin-left: 10px;
}


#be_preferred {
    float: left;
    width: 530px;
}

#be_search_messages {
    float: left;
    width: 530px;
}

#be_search {
    border: 1px solid gray;
    float: right;
    width: 350px;
}


#be_preferred .be_tee_time {
    background: none no-repeat center top;
}

#be_preferred .be_tee_time_time {
    font-size: 26px;
    margin: 5px 0 11px 12px;
}

.be_preferredtxt {
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0 0px 0;
}


#be_tee_time_grid {
    padding: 20px;
}

.be_tee_time {
    background: none no-repeat center top;
    background: url(be_tee_time_rec_sml_bg.gif) no-repeat center top;
    float: left;
    height: 120px;
    margin: 5px 11px 5px 0;
    width: 120px;
}

a:hover .be_tee_time {
    background: none no-repeat center top;
    cursor: pointer;
}

.be_tee_time_time {
    color: #fff;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 4px 0 10px 0;
    text-align: center;
}

.be_tee_time_ampm {
    display: inline;
    font-size: 12px;
    margin: 0 0 4px 0;
}

.be_tee_time_name {
    color: #666666;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 10px 4px 0;
    text-align: center;
}

.be_tee_time_price {
    color: #ef4c23;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 10px 4px;
    text-align: center;
}

.be_tee_time_groupsize {
    color: #666666;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0px 10px 8px;
    text-align: center;
}

/* TEE TIME SEARCH */

#be_teetimesearch-form {
    float: right;
    width: 330px;
}

.be_search_message_subject {
    color: #c93009;
    font-size: 15px;
    font-weight: bold;
}

.be_search_message_boyd {
    color: black;
    font-size: 12px;
    font-weight: bold;
}

#be_search_txt {
    color: #c93009;
    font-size: 14px;
    font-weight: bold;
}

#be_tee_time_search_tbl {
}

    #be_tee_time_search_tbl td {
        padding: 4px;
    }

.be_searchtbl_from_input, .be_searchtbl_to_input {
    border: 1px solid #ccc;
    float: left;
    height: 20px;
    padding: 2px;
    width: 70px;
}

.be_search_calendar {
    float: left;
    height: 23px;
    margin: 2px 0 0 3px;
    width: 27px;
}

    .be_search_calendar a {
        background: transparent url(be_icon_calendar.gif) no-repeat top left;
        display: block;
        height: 100%;
        -moz-outline: none;
        outline: none;
        text-indent: -10000px;
        width: 100%;
    }

.be_searchtbl_col1 {
    color: #000;
    font-weight: bold;
    text-align: right;
}

.be_searchtbl_courses_input, .be_searchtbl_times_input, .be_searchtbl_players_input {
    padding: 2px;
}


/* TEE TIME DETAILS */

#be_content_detail, #be_content_checkout, #be_contentconfirmation, #be_content_isupport, #be_content_account, #be_content_rewards {
    padding: 20px;
}

#be_detail_time, #be_checkout_time, #be_checkout_error {
    float: left;
    width: 300px;
}

#be_detail_details, #be_checkout_input {
    color: #444;
    float: left;
    width: 550px;
}


.be_detail_tee_time {
    background: url(be_tee_time_details_bg.gif) no-repeat center top;
    float: left;
    height: 250px;
    margin: 5px 11px 5px 0;
    width: 250px;
}

.be_detail_tee_time_date {
    color: #fff;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 5px 0;
    text-align: center;
}

.be_detail_tee_time_time {
    color: #fff;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 48px;
    font-weight: bold;
    margin: 10px 0 25px 0;
    text-align: center;
}

.be_detail_tee_time_ampm {
    display: inline;
    font-size: 18px;
    margin: 0 0 4px 0;
}

.be_detail_tee_time_name {
    color: #666666;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 15px 4px;
    text-align: center;
}

.be_detail_tee_time_price {
    color: #a72808;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0px 10px 0px;
    text-align: center;
}

.be_detail_tee_time_price_txt {
    color: #666;
    font-family: "Lucida Grande","Lucida Sans",Tahoma,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 10px 18px;
    text-align: center;
}

#be_detail_details h3 {
    color: #ef4c23;
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0 2px 0px;
    padding: 0px;
}

#be_detail_details {
    font-size: 15px;
}


.be_details_description {
    margin-left: 8px;
}

.be_details_amenities {
    margin-left: 8px;
}

.be_details_confirmroll {
    font-weight: bold;
    margin: 15px 20px 5px 0;
    text-align: center;
}

.be_details_choose_players {
    margin-left: 8px;
}

    .be_details_choose_players label {
        margin-left: 3px;
        margin-right: 15px;
    }

.be_details_col1 {
    float: left;
    font-size: 14px;
    margin: 0 0 0 30px;
    padding: 5px 5px 2px 5px;
    width: 150px;
}

.be_details_col2 {
    clear: right;
    color: #d5330b;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 2px 0;
    text-align: right;
    width: 50px;
}

.be_details_checkout_btn {
    margin: 20px 0 30px 150px;
}

    .be_details_checkout_btn div {
        margin: 15px 0 20px 0;
        font-size: 12px;
        font-style: italic;
    }

.be_details_backtosearch_btn {
    margin: 20px 5px 0 28px;
}

.radioListPlayers input {
    padding: 0px;
}

.be_details_confirm_btn {
    float: left;
    margin: 50px 0 250px 0;
    text-align: center;
    width: 250px;
}

.be_progressmeter {
    float: right;
    margin: 7px 10px 0 0;
    overflow: auto;
}

    .be_progressmeter ol {
        margin: 0;
        min-height: 3em;
        padding: 0;
    }



    .be_progressmeter li {
        background: #fff url(be_numbers.gif) no-repeat;
        color: #666;
        float: left;
        list-style-type: none;
        min-height: 25px;
        padding: 4px 0 0 25px;
        width: 85px;
    }

        .be_progressmeter li.two {
            background-position: -144px 0px;
        }

        .be_progressmeter li.three {
            background-position: -285px 0px;
        }

        .be_progressmeter li.four {
            background-position: -420px 0px;
        }

        .be_progressmeter li.current {
            background-position: 0 -41px;
            color: #ef4c23;
            font-weight: bold;
        }

            .be_progressmeter li.current.two {
                background-position: -144px -41px;
            }

            .be_progressmeter li.current.three {
                background-position: -285px -41px;
            }

            .be_progressmeter li.current.four {
                background-position: -420px -41px;
            }

        .be_progressmeter p, .be_progressmeter li span {
            display: block;
            left: -9999px;
            position: absolute;
        }

#be_recommendation {
    border-top-color: #e1e1e1;
    border-top-style: dashed;
    border-top-width: 1px;
    padding: 0 0 5px 0;
}

.be_recommendationtxt {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 0;
}



.be_creditcard_number {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_creditcard_number input {
        border: 1px solid #999;
        padding: 3px;
        width: 130px;
    }

.be_creditcard_code {
    float: left;
    margin: 8px 0 0 12px;
    font-size: 12px;
}

    .be_creditcard_code input {
        border: 1px solid #999;
        padding: 3px;
        width: 60px;
    }

.be_creditcard_expmonth {
    float: left;
    margin: 8px 0 0 12px;
}

    .be_creditcard_expmonth select {
        border: 1px solid #999;
        padding: 2px;
        width: 120px;
    }

.be_creditcard_expyear {
    float: left;
    margin: 8px 0 0 12px;
}

    .be_creditcard_expyear select {
        border: 1px solid #999;
        padding: 2px;
        width: 65px;
    }

.be_address_firstname {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_firstname input {
        border: 1px solid #999;
        padding: 3px;
        width: 340px;
    }

.be_address_lastname {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_lastname input {
        border: 1px solid #999;
        padding: 3px;
        width: 340px;
    }

.be_address_addr1 {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_addr1 input {
        border: 1px solid #999;
        padding: 3px;
        width: 340px;
    }

.be_address_addr2 {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_addr2 input {
        border: 1px solid #999;
        padding: 3px;
        width: 340px;
    }

.be_address_city {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_city input {
        border: 1px solid #999;
        padding: 3px;
        width: 180px;
    }

.be_address_state {
    float: left;
    margin: 8px 0 0 12px;
}

    .be_address_state select {
        border: 1px solid #999;
        padding: 2px;
    }

    .be_address_state input {
        border: 1px solid #999;
        padding: 3px;
        width: 40px;
    }

.be_address_postal {
    float: left;
    margin: 8px 0 0 12px;
}

    .be_address_postal input {
        border: 1px solid #999;
        padding: 3px;
        width: 80px;
    }

.be_address_country {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_address_country span select {
        border: 1px solid #999;
        padding: 2px;
        width: 250px;
    }

.be_phone {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_phone input {
        border: 1px solid #999;
        padding: 3px;
        width: 180px;
    }

.be_emailaddress {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_emailaddress input {
        border: 1px solid #999;
        padding: 3px;
        width: 359px;
    }

.be_logon_emailaddress {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_logon_emailaddress input {
        border: 1px solid #999;
        padding: 3px;
        width: 260px;
    }

.be_emailaddress_display {
    float: left;
    margin: 8px 0 0 30px;
}

    .be_emailaddress_display span {
        margin: 0px 10px 0 30px;
    }

.be_first_name {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_first_name input {
        border: 1px solid #999;
        padding: 3px;
        width: 160px;
    }

.be_last_name {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_last_name input {
        border: 1px solid #999;
        padding: 3px;
        width: 160px;
    }

.be_tagslist {
    margin: 14px 0 0 30px;
    width: 367px;
}
.be_tagslist .checkbox {
    margin: 8px;
    float: left;
}

#be_content_checkout .be_last_name {
    margin-left: 12px;
}

.be_checkout_field {
    color: #444;
    float: left;
    margin: 14px 0 0 30px;
}

    .be_checkout_field input {
        border: 1px solid #999;
        padding: 3px;
        width: 160px;
    }

.be_password {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_password input {
        border: 1px solid #999;
        padding: 3px;
        width: 160px;
    }

.be_logon_password {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_logon_password input {
        border: 1px solid #999;
        padding: 3px;
        width: 260px;
    }

.be_postalcode {
    float: left;
    margin: 14px 0 0 30px;
}

    .be_postalcode input {
        border: 1px solid #999;
        padding: 3px;
        width: 160px;
    }

.be_rememberme {
    float: left;
    margin: 14px 0 0 30px;
}

.be_rememberme_label {
    float: left;
    margin: 14px 5px 0 5px;
}

.be_subscribe {
    float: left;
    margin: 12px 0 0 30px;
}

.be_subscribe_label {
    float: left;
    margin: 13px 5px 0 5px;
}

.be_logon_btn {
    margin: 25px 0 0 30px;
}

.be_logon_forgot {
    margin: 25px 0 0 30px;
}

#fbLogin {
    cursor: pointer;
}

.be_account_change_password {
    margin: 15px 0 0 30px;
}

.be_account_margin {
    margin: 15px 0 0 30px;
}

.be_account_save_btn {
    margin: 50px 0 0 0;
    text-align: center;
    width: 100%;
}

.be_register_btn {
    margin: 87px 0 0 0px;
}

#be_content_account h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

.be_underline h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}


.be_checkout_details_info {
    float: left;
    font-size: 14px;
    margin-left: 30px;
    padding: 4px 8px 4px 2px;
}

.be_checkout_details_info_title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.be_checkout_details_col1 {
    float: left;
    font-size: 14px;
    margin: 0 0 0 30px;
    padding: 2px 5px 0px 5px;
    width: 150px;
}

.be_checkout_details_col2 {
    clear: right;
    color: #d5330b;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px 0px 5px;
    text-align: right;
    width: 75px;
}

.be_checkout_details_col3 {
    clear: right;
    color: #444;
    float: left;
    font-size: 14px;
    padding: 2px 5px 0px 5px;
    width: 150px;
}

.be_checkout_dueonline {
    background-color: #ef4c23;
    color: #fff;
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 5px 2px 5px;
}

.be_checkout_line {
    border-top: 1px solid #ccc;
    height: 5px;
    margin: 5px 0 0 30px;
    width: 80%;
}

.be_checkout_bold {
    font-weight: bold;
}

.be_checkout_details_promocode {
    float: left;
    margin: 8px 0 8px 30px;
}

    .be_checkout_details_promocode a {
        padding: 10px 0 0 10px;
    }

.be_checkout_details_promocode_col1 {
    float: left;
    margin: 8px 0 0 15px;
}

.be_checkout_details_promocode_col2 {
    float: left;
    margin: 8px 0 0 15px;
}

.be_checkout_details_promocode_col1 input {
    border: 1px solid #999;
    height: 17px;
    padding: 3px;
    width: 200px;
}

.be_checkout_details_promocode_error {
    color: Red;
    float: left;
    margin: 0 0 0 30px;
}


.be_checkout_details_player {
    float: left;
    margin: 0 0 8px 30px;
}

.be_checkout_details_players {
    float: left;
    margin-top: 8px;
}

    .be_checkout_details_players a {
        font-style: italic;
    }

.be_checkout_details_playersbutton {
    float: left;
    margin-top: 8px;
}

    .be_checkout_details_playersbutton a {
        padding: 10px 0 0 10px;
    }

.be_checkout_details_creditcard_type {
    float: left;
    margin: 5px 0 0 30px;
}

    .be_checkout_details_creditcard_type select {
        border: 1px solid #999;
        padding: 3px;
        width: 100px;
    }

.be_checkout_details_creditcard_save {
    float: left;
    margin: 5px 0 0 30px;
}

    .be_checkout_details_creditcard_save input {
        margin: 8px 3px 0 0;
    }
.be_checkout_details_paymenttype {
    margin: 8px 0 15px 30px;
}

    .be_checkout_details_paymenttype .paymenttype_title {
        margin-bottom: 8px;
        font-weight: bold;
    }

    .be_checkout_details_paymenttype label {
        margin-right: 15px;
        margin-left: 5px;
    }

    .be_checkout_details_paymenttype .paymenttype_error {
        font-size: 12px;
    }

.be_checkout_details_golfcash .col1, .be_checkout_details_golfcash .col2 {
    font-size: 12px;
    float: left;
    margin: 3px 15px 8px 30px;
}

.be_checkout_details_golfcash .col1 {
}

    .be_checkout_details_golfcash .col1 .amounts {
        font-size: 14px;
        font-weight: bold;
        color: #d5330b;
    }

.be_checkout_details_golfcash .col2 .amounts {
    font-size: 14px;
    font-weight: bold;
}
.be_checkout_details_shipping_sameas {
    float: left;
    margin: 0px 0 0 30px;
}

    .be_checkout_details_shipping_sameas input {
        margin: 8px 3px 0 0;
    }

.be_checkout_details_creditcard_list {
    float: left;
    margin: 2px 0 0 25px;
}

.be_cc_discover {
    background: url(discover_cc.gif) no-repeat;
    float: left;
    height: 26px;
    width: 56px;
}

.be_cc_amex {
    background: url(amex_cc.gif) no-repeat;
    float: left;
    height: 26px;
    width: 56px;
}

.be_cc_mastercard {
    background: url(mastercard_cc.gif) no-repeat;
    float: left;
    height: 26px;
    width: 56px;
}

.be_cc_visa {
    background: url(visa_cc.png) no-repeat;
    float: left;
    height: 26px;
    width: 56px;
}

#be_checkout_input h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

.be_checkout_completemsg {
    color: #468847;
    margin: 20px 0 25px 40px;
    background-color: #dff0d8;
    border: 1px solid #addaad;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    width: 450px;
    text-align: center;
}

    .be_checkout_completemsg span {
        vertical-align: middle;
    }

.be_checkout_policyconfirm {
    margin: 25px 0 0 30px;
    background-color: #fbf5d7;
    border: 1px solid #f1db6e;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0 10px 15px;
    width: 331px;
}

    .be_checkout_policyconfirm input {
        vertical-align: middle;
    }

    .be_checkout_policyconfirm span {
        margin-left: 10px;
        vertical-align: middle;
    }

.be_checkout_policyconfirm_error {
    margin: 8px 0 0 78px;
}

.be_checkout_policyconfirm a {
    color: red;
}

.be_checkout_checkout_btn {
    margin: 25px 0 15px 30px;
}

.be_checkout_error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

.be_checkout_rewards_desc {
    margin: 5px;
}

.be_checkout_rewards_promo {
    float: left;
    margin: 8px 0 0 15px;
}

.be_checkout_addplayer_error {
    color: Red;
    float: left;
    margin: 0 0 0 30px;
}

.be_checkout_addplayer_field {
    float: left;
    margin: 8px 0 8px 30px;
}

    .be_checkout_addplayer_field input {
        border: 1px solid #999;
        height: 17px;
        padding: 3px;
        width: 300px;
    }

.be_checkout_addplayer_item {
    float: left;
    margin: 8px 0 8px 30px;
}

/* CONFIRMATION */
#be_contentconfirmation h1 {
    margin: 2px 0 5px 0;
    padding: 0px;
}

#be_contentconfirmation h2 {
    color: #ef4c23;
    font-size: 16px;
    font-weight: bold;
    margin: 2px 0 10px 0;
    padding: 0 0 2px 0;
}

#be_contentconfirmation span h2 {
    margin: 0 0 0 30px;
}

#be_confirmation_detail {
    float: left;
    width: 550px;
}


#be_confirmation_col2 {
    float: right;
    width: 260px;
}

.be_confirm_details_col1 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 30px;
    padding: 0px 5px 0px 5px;
    width: 175px;
}

.be_confirm_details_col2 {
    clear: right;
    color: #d5330b;
    float: left;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
    width: 300px;
}

.be_confirm_details_singlecol {
    float: left;
    font-size: 15px;
    margin: 0 0 0 30px;
    padding: 0px 5px 0px 5px;
}

.be_confirm_details_btn {
    margin: 0 0 0 30px;
    padding: 30px 0 50px 0;
    text-align: center;
    width: 475px;
}

.be_confirm_price_col1 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 30px;
    padding: 0px 5px 0px 5px;
    width: 175px;
}

.be_confirm_price_col2 {
    clear: right;
    color: #d5330b;
    float: left;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
    text-align: right;
    width: 60px;
}

.be_confirm_price_col3 {
    clear: right;
    color: #d5330b;
    float: left;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
    width: 150px;
}

#be_confirmation_detail h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    margin: 13px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

.be_confirmation_cardmessage {
    margin: 15px 0 10px;
    padding-left: 30px;
}

    .be_confirmation_cardmessage ul {
        font-weight: bold;
        padding: 5px 0 0 35px;
    }

.be_confirm_map {
    border: 1px solid #ccc;
    padding: 4px;
}

.be_confirm_map_address {
    font-size: 12px;
    margin: 10px 0 10px;
}

.be_confirm_share {
    margin: 20px 0 0 20px;
}

.be_confirm_btn_viewrewards {
    margin: 0 0 20px 0;
}

.be_confirm_btn_makeanother {
    margin: 20px 0 0 0;
}

.be_confirm_cancellationresult {
    height: 400px;
    margin-top: 30px;
    text-align: center;
}

#fb-share {
    background: url(facebook.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 32px;
    margin: 5px;
    width: 32px;
}

#em-share {
    background: url(email_32.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 32px;
    margin: 5px;
    width: 32px;
}

#tw-share {
    cursor: pointer;
    float: left;
    height: 56px;
    margin: 5px;
    padding-top: 5px;
    width: 32px;
}

#be_share_message {
    color: #d5330b;
    margin-top: 2px;
}

.be_emshare_msg {
    font-size: 14px;
    font-weight: bold;
    margin: 8px 8px 8px 0;
    text-align: center;
    width: 380px;
}

.be_emshare_col1 {
    float: left;
    font-size: 14px;
    height: 17px;
    margin: 0 0 0 8px;
    padding: 5px 5px 2px 5px;
    text-align: left;
    width: 50px;
}

.be_emshare_col2 {
    float: left;
    font-size: 14px;
    margin: 0 0 0 8px;
    padding: 5px 5px 2px 5px;
}

    .be_emshare_col2 input {
        border: 1px solid #999;
        padding: 3px;
        width: 251px;
    }

.be_emshare_colspan {
    float: left;
    font-size: 14px;
    margin: 0 0 0 8px;
    padding: 5px 5px 2px 5px;
    text-align: left;
}

    .be_emshare_colspan textarea {
        border: 1px solid #999;
        padding: 3px;
    }

/* iPhone SUPPORT */
.be_content_isupport {
    float: left;
    font-size: 14px;
    margin: 0 0 0 30px;
    padding: 5px 5px 2px 5px;
    width: 960px;
}

.be_content_isupport_label {
    float: left;
    margin: 0 0 0 30px;
}

    .be_content_isupport_label input {
        border: 1px solid #999;
        padding: 3px;
        width: 200px;
    }

.be_content_iphone_col1 {
    float: left;
    font-weight: bold;
    margin: 0 12px 5px 30px;
    padding-top: 2px;
    text-align: right;
    width: 70px;
}

.be_content_iphone_col2 {
    float: left;
    margin: 0 100px 5px 12px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
    padding: 8px;
}

.validation-summary-valid {
    display: none;
}

/* styles for matrix engine */
#searchMatrix {
    margin: 15px;
}

#searchMatrixDayHeader {
    background-image: none;
    background-position: bottom left;
    background-position: left;
    background-repeat: repeat-x;
    height: 68px;
    margin-bottom: 5px;
    margin-top: 10px;
}

div.calendarMatrix {
    font-family: helvetica,arial,verdana,sans-serif;
}

.calendarMatrix ol {
    margin: 0;
    padding: 0;
}

.calendarMatrix li {
    display: block;
    float: left;
    margin: 8px 3px 5px 0;
    width: 75px;
}

    .calendarMatrix li div {
        text-align: center;
    }

.calendarMatrix a {
    text-decoration: none;
}

    .calendarMatrix a:hover {
        text-decoration: none;
    }

li.matrixToday {
    background: none #fff repeat-x top left;
    background-color: #FFF;
    border: 2px solid;
    border-bottom-color: #FFF;
    margin-bottom: 0;
    margin-top: 0;
    width: 85px;
}

    li.matrixToday div.matrixHeader {
        border: 0;
        border-color: #bd4207;
        color: #fff;
        font-size: 13px;
    }

    li.matrixToday div.matrixBody {
        border: 0;
        font-size: 25px;
        line-height: 33px;
    }

    li.matrixToday div.matrixFooter {
        border: 0;
    }

    li.matrixToday div.matrixBody a, li.matrixDay div.matrixBody a:visited {
        color: #404040;
    }

li.matrixWeekButton {
    width: 150px;
}

li.matrixDay div.matrixHeader {
    border-color: #f95202;
    color: #FFF;
    font-size: 12px;
}

li.matrixDay div.matrixBody, li.matrixDay div.matrixFooter {
    background-color: #FFF;
}

    li.matrixDay div.matrixBody a, li.matrixDay div.matrixBody a:visited {
        color: #404040;
    }

.matrixHeader {
    border-style: solid;
    border-width: 0 1px;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

    .matrixHeader a, .matrixHeader a:visited {
        color: #FFF;
    }

.matrixBody {
    border-color: #B0B0B0;
    border-style: solid;
    border-width: 0 1px;
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
}

.matrixFooter {
    background: #fff;
    border: 1px solid #B0B0B0;
    border-top-width: 0;
    color: #333;
    font-family: Arial,Verdana,Sans-serif;
    font-size: 10px;
    line-height: 8px;
}

.matrixDayOfWeek {
    padding-bottom: 3px;
}

.matrixFooter a, .matrixFooter a:visited {
    color: #808080;
}


.matrixTable {
    border: 1px solid #ccc;
    width: 100%;
}

    .matrixTable th {
        background: none #555554 repeat-x top left;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 10px;
        text-align: center;
    }


.mtrxTeeTimes {
    background: none #fff repeat-x top left;
    color: #ef4c23;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

    .mtrxTeeTimes span {
        font-size: 12px;
        font-weight: normal;
    }

.mtrxCourse {
    background: none #fff repeat-x top left;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.matrixPlayers {
    background: none #fff repeat-x top left;
    color: #464646;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.matrixsched {
    background: none #fff repeat-x top left;
    color: #464646;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.mtrxPrice {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 4px 0;
    text-align: center;
}

.mtrxPriceNA {
    font-size: 12px;
    font-weight: normal;
    margin: 7px 0 10px 0;
}

.mtrxTeeTimes .be_tee_time_ampm {
    font-size: 11px;
}

.mtrxInactive {
    background: url(bg_mtrxInactiveItem.gif) #cbcaca repeat-x top left;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

    .mtrxInactive .mtrxPrice, .mtrxPriceNA {
        color: #555555;
    }

    .mtrxInactive .mtrxAvailMessage {
        color: #555555;
    }

.mtrxHdrTeeTimes {
    width: 200px;
}

.mtrxHdrCourse {
    width: 250px;
}

.matrixHdrPlayers {
    width: 15px;
}

.matrixHdrSched {
    width: 15%;
}

.matrixViewCal {
    padding: 0 0 0 20px;
}

.matrixCal {
    background: url(icon_calendar.png) no-repeat top left;
    height: 45px;
    text-indent: -9999px;
    width: 45px;
}

.matrixNextWeek a {
    margin: 10px 0 0 0;
}

.mtrxSelect {
}

/* styles to override with colors for specific buttons */
.sexybutton.teebutton,
.sexybutton.teebutton:hover,
.sexybutton.teebutton:focus {
    color: #fff !important;
}


#be_messages {
    color: black;
}

#be_messages_container {
    padding: 25px;
}

.be_messages {
    background: none no-repeat left top;
    border: 2px dashed #999;
    font-size: 14px;
    margin: 10px 250px 15px 250px;
    padding: 20px 30px 10px 100px;
}

    .be_messages h3 {
        color: #532380;
        font-size: 1.4em;
        font-weight: bold;
    }

.be_messages_header {
    color: #00a890;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

.be_messagesCode {
    color: #00a890;
    font-weight: bold;
}

/* rewards */
#be_content_rewards h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #ef4c23;
    font-size: 14px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

.be_rewards_description {
    margin: 10px 0 0 30px;
}

.be_reward_item {
    background: url(bg_rewards.png) no-repeat left top;
    border: 2px dashed #999;
    font-size: 14px;
    margin: 10px 250px 15px 250px;
    padding: 20px 30px 10px 80px;
}

    .be_reward_item h3 {
        color: #ef4c23;
        font-size: 1.2em;
        font-weight: bold;
    }

.be_reward_cost {
    color: #00a890;
    font-weight: bold;
}

.ui-autocomplete {
    max-height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
}

* html .ui-autocomplete {
    height: 230px;
}

.ui-autocomplete-loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-category {
    font-weight: bold;
}

.ui-datepicker {
    z-index: 200 !important;
}

.watermark {
    color: #939393;
    font-style: italic;
}

.be_checkout_login {
    width: 238px;
    float: left;
    padding-bottom: 30px;
    margin: 0px 0px 0 0;
    border-right: 1px dotted #ccc;
}

.be_checkout_register {
    width: 232px;
    float: left;
    padding: 0px;
    margin: 0px 0 0 0px;
}

    .be_checkout_register ul {
        line-height: 1.4em;
        text-indent: 2px;
        list-style-position: outside;
        text-align: left;
    }

        .be_checkout_register ul li {
            list-style: disc;
            margin-left: 20px;
        }

    .be_checkout_login h3, .be_checkout_register h3 {
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
    }

.be_checkout_login input[type=password] {
    width: 200px;
}

.be_checkout_login input[type=text] {
    width: 200px;
}

.be_register_benefits {
    margin-left: 30px;
    margin-top: 30px;
}

.be_logon_social {
    margin: 25px 0 0 30px;
}

.be_login_error {
    width: 600px;
    margin-bottom: 16px;
    margin-top: 16px;
}

#be_teetime_loading {
    margin-top: 20px;
    text-align: center;
    height: 400px;
}

.storeCategories {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

.categoryLink {
    font-size: 30px;
}

.categoryDescription {
    font-size: 16px;
    padding: 5px 20px 2px 20px;
}

.categoryPage .categoryDescription {
    font-size: 14px;
}

.categoryCount {
    padding: 5px 25px 10px 25px;
    font-size: 16px;
}

.categoryPage {
    float: left;
    width: 760px;
    margin-left: 20px;
}

.categoryName {
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}
.categoryProducts {
    text-align: center;
    padding: 5px 30px 5px 35px;
    width: 760px;
}
.categoryEmpty {
    padding: 5px 30px 5px 35px;
    width: 760px;
    font-size: 16px;
}

.storeproduct {
    float: left;
    width: 175px;
    text-align: center;
    background: #f4f3f3;
    margin: 5px;
    padding: 0 0 10px 0;
}
.storePrice {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
.storePicture {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.be_store_purchase {
    margin: -8px 0 25px -30px;
}
.productLink {
    font-size: 20px;
}

.productDescriptionTitle {
    font-weight: 700;
    border-bottom: solid;
    border-bottom-color: #ccc;
    border-width: thin;
    padding-bottom: 4px;
}

.productDescription {
    font-size: 16px;
    padding: 5px 20px 16px 0;
    margin-bottom: 16px;
    width: 370px;
}

    .productDescription li {
        list-style: disc inside none;
    }

.productDelivery {
}
.productOrderLink {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 4px;
}

.storeCategoryMenu {
    float: left;
    width: 150px;
}

.storeCategoryMenuTitle {
    font-size: 12px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    padding: 6px;
    text-transform: uppercase;
    color: #999;
}

.storeCategoryMenuItem .categoryLink {
    font-size: 13px;
    padding: 7px 5px 7px 23px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background-image: url(store_arrow_left_20.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.storeCategoryMenuItem.selected {
    background-color: #d3d3d3;
    font-weight: bold;
}

.storeProductDivider {
    height: 5px;
    width: 700px;
    border-bottom: solid;
    border-bottom-color: gray;
    border-bottom-width: 2px;
    clear: both;
    margin-bottom: 7px;
}

.productName {
    font-size: 22px;
    font-weight: 700;
}

.productPrice {
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.productContent {
    width: 960px;
    font-size: 16px;
    margin-top: 8px;
}

.productPicture {
    width: 390px;
    float: left;
}

.productDetails {
    float: left;
}

.productBreadcrumb {
    margin: 8px 0 15px 5px;
}

    .productBreadcrumb a {
        font-size: 12px;
        color: #464646;
        text-transform: uppercase;
        padding: 2px 0 2px 25px;
        background-image: url(store_arrow_right_20.png);
        background-repeat: no-repeat;
        background-position: left center;
    }

.productTypeInfo {
}

.productField {
    padding: 3px 0 8px 0;
}

.product_field_col1 {
    float: left;
    width: 125px;
}
.product_field_col2 {
    float: left;
    margin-left: 4px;
}
.product_field_col2 li label {
    padding: 0 0 0 3px;
}
.product_field_desc {
    margin-top: 3px;
    font-size: 12px;
}
.productDetails .productPrice {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border: none;
}


#be_content_checkout h1 {
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

#be_store_confirmation h2 {
    border-bottom: 1px solid #e1e1e1;
    font-size: 24px;
    font-weight: bold;
    margin: 18px 0 10px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

#be_store_confirmation #be_content {
    padding: 20px;
}

#be_store_confirmation .be_order_checkout_subitem {
    margin-left: 35px;
}


.be_order_checkout_items {
    font-size: 14px;
}

.be_order_checkout_col1 {
    float: left;
    margin: 0 0 0 30px;
    padding: 2px 5px 0 5px;
    width: 265px;
}

.be_order_checkout_item_info {
    float: left;
    padding-bottom: 8px;
}

    .be_order_checkout_item_info .be_order_checkout_col1 {
        margin: 0 0 0 0;
        width: 205px;
    }

.be_order_checkout_col2 {
    float: left;
    margin: 0 0 0 30px;
    padding: 2px 5px 0 5px;
    text-align: right;
    width: 100px;
}

.be_order_checkout_edit {
    float: left;
    margin: 0 0 0 30px;
    padding: 2px 5px 0 5px;
    font-size: 12px;
    color: #ccc;
}

    .be_order_checkout_edit a {
        font-size: 11px;
        text-transform: uppercase;
    }

.be_order_checkout_Name {
    font-weight: bold;
}

.be_order_checkout_thumb {
    width: 55px;
    margin-left: 30px;
    float: left;
    padding-left: 5px;
}

.be_order_checkout_Price {
}

.be_order_checkout_Message {
    color: red;
}

.be_order_checkout_field {
    margin-left: 16px;
}

.be_order_checkout_field_name {
    font-size: 12px;
}

.be_order_checkout_field_value {
    font-size: 12px;
}

.be_order_checkout_totals {
    font-size: 14px;
    margin: 25px 0;
}

.be_order_checkout_subitem {
    margin-left: 16px;
    font-size: 12px;
}

.be_order_checkout_left {
    float: left;
}

.be_order_checkout_right {
    float: right;
    margin-right: 70px;
}

.be_conf_shipping_fields {
    margin-top: 4px !important;
    margin-left: 30px;
}

.productOriginalPrice {
    text-decoration: line-through;
    color: red;
}

/* UPSELL CSS */

.be_upsell { width: 700px; margin-left: 110px;}
.be_upsell_item {clear:both; border-bottom: 1px dotted #ccc;margin: 3px 0 8px 0; padding: 5px 0 4px 0;}

.be_upsell_col1{float:left;margin:0 0 0 0;padding:6px 0 0 5px;width:10px;}
.be_upsell_col2{float:left;margin:0 0 0 0;padding:4px 0 0 5px;width:85px;}
.be_upsell_col3{float:left;margin:0 0 0 0;padding:2px 5px 8px 5px;width:400px;}
.be_upsell_col3 h3 {font-weight:bold; color: #000; }
.be_upsell_col4{float:right;margin: 0;padding:25px 15px 0 0;width:100px; text-align: right;}
.be_upsell_image img{padding:3px; border: 1px solid gray; text-align:center;}
.be_upsell_col_price {color: #666; font-size: 13px; margin: 0 0 6px 0;}
.be_upsell_col_price span {text-decoration:line-through; color: #666; font-size: 15px;}
.be_upsell_col_price strong {color: #464646; font-size: 15px;}

.be_upsell_item .be_upsell_col2{}
.be_upsell_item .be_upsell_col3{width:500px;}
.be_upsell_item .be_upsell_col4{}
.be_upsell_image {float:left; width:70px; padding-left:10px;}
.upsell_quantity .be_upsell_col2{}
.upsell_quantity .be_upsell_col3{width:400px;}
.upsell_quantity .be_upsell_col4{}
.upsell_quantity .be_upsell_quantity_dd {float: left; width:40px; padding-top: 0; margin: 0 0 5px 1px;}
.upsell_quantity .be_upsell_quantity_dd_lbl {float: left; width:21px; padding-top: 2px; margin: 0 0 5px 10px;}
#be_upsell_header {margin-top: 10px; padding-bottom: 20px;}
#be_upsell_header h2 {display:inline; border-bottom: none; text-transform: none;}
#be_upsell_header a {font-size: 12px; font-weight: bold; padding-left: 30px;}

.be_upsell_checkout_btn {
    margin-top: 35px;
    text-align: center;
}
.be_upsell_total{float:right; margin-right:15px; min-height: 25px;}
.be_upsell_total_line {display:none;}
.be_upsell_message {color:red;}
#grandTotal {font-weight:bold;}

.be_checkout_details_col1-wide{float:left;font-size:14px;margin:0 0 0 30px;padding:2px 5px 0 5px;width:300px; }
.price-breakout {font-size:12px; color: #333; font-style: italic; padding-left: 20px; }
.be_details_priceemsg {color:#ffffff;margin:0px 0 25px 0px;background-color:#c70102; border:1px solid #970607;-moz-border-radius:5px;border-radius:5px;padding:15px;text-align:center}
.be_details_priceemsg a, .be_details_priceemsg a:hover, .be_details_priceemsg a:visited {color: #ffffff; text-decoration: underline;}

	.mobilephone {pading: 6px 0 6px; margin-left: 18px;}
	.hidden {display: none;}		
	.be_checkout_notification {display: block; margin-bottom: 25px;}
	.notification-input {display: flex; justify-content: flex-start; align-items: center; margin: 6px 0px 0px 0px;}
	.notification-input label {margin-right: 6px; color: #666; font-size: 12px;}
	.notification-input input {border: 1px solid #ccc; padding: 4px; border-radius: 4px;}
	.notification {pading: 3px 0 3px; margin-left: 30px;}
	.notification-message {font-size: 10px; color: #666; margin-top: 6px;}
	.notification-error {font-size: 13px; color: #940101; margin-top: 15px; background-color: #f3eded; border: 1px solid #ff0000; padding: 10px; border-radius: 4px; line-height: 20px;}

.waitlist-inline-cta {
    max-width: 550px;
    margin: 16px 0 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    justify-content: flex-start; /* key change */
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4d5055;
}

/* Button stays mostly the same */
.waitlist-inline-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid #d7dce3;
    background: #fff;
    color: #2c3036;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

    .waitlist-inline-btn:hover {
        background: #f9fafb;
    }

/* ICON: no circle, just the SVG */
.waitlist-inline-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4b5563;
}

    .waitlist-inline-icon svg {
        width: 18px;
        height: 18px;
        display: block;
        fill: currentColor;
    }

.waitlist-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease, visibility .22s ease;
    z-index: 1999;
}

    .waitlist-overlay.waitlist-overlay--open {
        opacity: 1;
        visibility: visible;
    }

.waitlist-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: min(500px, 92vw);
    height: 100vh;
    background: #fff;
    color: #111;
    transform: translateX(102%);
    transition: transform .22s ease;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    border-left: 0px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    box-shadow: -10px 0 30px rgba(0,0,0,.18);
}

    .waitlist-drawer.waitlist-drawer--open {
        transform: translateX(0);
    }

.waitlist-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: #4b8620; /* FACILITY COLOR */
    color: #fff;
    flex: 0 0 auto;
}

.waitlist-drawer__heading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.waitlist-drawer__header-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

    .waitlist-drawer__header-icon svg {
        width: 18px;
        height: 18px;
        display: block;
        fill: currentColor;
    }

.waitlist-drawer__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

.waitlist-drawer__close {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(0,0,0,.20);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .waitlist-drawer__close:hover {
        background: rgba(0,0,0,.30);
    }

    .waitlist-drawer__close svg {
        width: 18px;
        height: 18px;
        display: block;
        fill: currentColor;
    }

.waitlist-drawer__body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

.waitlist-drawer__iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    flex: 1 1 auto;
}

.waitlist-mobile-cta {
    margin: 12px 0 10px 0;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,.12);
}

.waitlist-mobile-cta__text {
    margin: 0 0 8px 0;
    font-size: 13px;
    font-weight: 600;
    color: #4d5055;
    line-height: 1.35;
}

.waitlist-mobile-cta .ui-btn {
    margin-left: 0;
    margin-right: 0;
}