/**
CSS Replacements

input[type="radio"] + span  to span.radio-wrapper
input[type="radio"]:checked + span to .checked span.radio-wrapper

**/

/** hide dummmy submit buttons for when you press enter in form **/
#gl2-checkout input.submit-hide{
    padding:0;
    border:none;
    height:0;
    width:0;
}
#gl2-checkout #opc-login #gl2-login-boxes .gl2-radio li span {
	width: auto;
}

#gl2-checkout .gl2-message-credit .gl2-store-credit-text {
    padding-left: 0px;
}
/** end remove **/
#gl2-checkout #opc-login #gl2-login-boxes .gl2-radio li .radio-wrapper {
	width: 404px;
}

#gl2-checkout .step-title {
    display:none;
}

#gl2-checkout .page-title {
    display:none;
}

#gl2-checkout #opc-payment .gl2-payment-wrap ul.form-list{
    margin: 10px 0 1px;
    border: 1px solid #BCBBBB;
    font-size: 12px;
    padding: 20px;
    position: relative;
}
/** Review section **/

#gl2-checkout #checkout-review-customer-table .complete p {
    text-align:left;
}

#checkout-review-totals-table .gl2-store-credit-remove {
    font-size:9px;
}
/** Prescription option colours **/
.presc-item-already-verified {
    color: #446423;
}

.disabledOption {
    color: #BCBBBB;
}

.gl2-checkout-cms {
    background: #F4F4F4;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

#gl2-checkout #opc-custom_step .wearer-optician-detail .wearer_list .prescription-selection select {
	width: 375px;
        height: 22px;
}

.dropdownselect {
    position: absolute;
    right: 0;
}

#gl2-checkout #opc-custom_step .wearer-optician-detail .wearer_list .prescription_selection_span {
	background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 352px -1px transparent;
        width: 368px;
        left: 0px;
}

#gl2-checkout  .prescription_selection {
	width: 300px;
}

.gl2_select_span {
        height: 20px;
        position: absolute;
        padding-left: 5px;
        padding-top: 2px;
        text-align: left;
        border: 1px solid;
}


#gl2-checkout .gl2_country_select_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 267px -1px transparent;
    width: 282px;
    left:172px;
}

#gl2-checkout .gl2_country_select {
    width: 289px;
}

#gl2-checkout .gl2_date_day_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 30px -1px transparent;
    width: 45px;
    left:172px;
}

#gl2-checkout .gl2_date_day {
    width: 52px;
}
#gl2-checkout .gl2-prefix_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 46px -1px transparent;
    width: 62px;
}

#gl2-checkout .gl2-prefix {
    width: 69px;
}
#gl2-checkout .gl2_date_month_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 64px -1px transparent;
    width: 80px;
}

#gl2-checkout .gl2_date_month {
    width: 87px;
}

#gl2-checkout .gl2_date_year_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 34px -1px transparent;
    width: 50px;
}

#gl2-checkout .gl2_date_year {
    width: 57px;
}

#gl2-checkout .reorder_period_select_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 70px -1px transparent;
    width: 85px;
}

#gl2-checkout .reorder_period_select{
    width: 92px;
}


#gl2-checkout .reminder_period_select_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 74px -1px transparent;
    width: 90px;
}

#gl2-checkout .reminder_period_select{
    width: 97px;
}

#gl2-checkout .gl2_payment_cc_types_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 199px -1px transparent;
    width: 215px;
}

#gl2-checkout .gl2_payment_cc_types{
    width: 222px;
}

#gl2-checkout .gl2_payment_cc_month_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 95px -1px transparent;
    width: 111px;
}

#gl2-checkout .gl2_payment_cc_month {
    width: 118px;
}

#gl2-checkout .gl2_payment_cc_year_span {
    background: url("../gl2-checkout-images/gl2/dropdownicon.gif") no-repeat scroll 39px -1px transparent;
    width: 55px;
}

#gl2-checkout .gl2_payment_cc_year {
    width: 62px;
}
#gl2-checkout .gl2CheckBox_checked{
    background-image: url("../gl2-checkout-images/gl2/check_tick.gif");
    /*background-position: 0 24px;*/
    background-repeat: no-repeat;
    background-position: 0px 5px;
    /*padding-left: 26px;*/
    padding-bottom: 5px;
    position: absolute;
    width: 400px;
}

#gl2-checkout .gl2CheckBox_unchecked {
    background-image: url("../gl2-checkout-images/gl2/check_untick.gif");
    /*background-position: 0 24px;*/
    background-repeat: no-repeat;
    background-position: 0px 5px;
    /*padding-left: 26px;*/
    padding-bottom: 5px;
    position: absolute;
    width: 400px;
}

.gl2-upload-file-list {
    /*overflow: auto;*/
    height: 60px;
    width: 260px;
    margin-top: 5px;
}

.gl2-upload-comma {
    padding-top: 6px;
    float:left;
}

.gl2-upload-each-file {
    height: 16px;
    /*float:left;*/
    /*max-width:80px;*/
    overflow: hidden;
}

.gl2-reminder-presc-expiry-msg {
    width:450px; margin-top:30px; margin-left:-155px
}
/** Error / Success Messages styles 
ul.messages {
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0;
}


.error-msg ,.error-msg li , #gl2-checkout .error-msg li {
    background-image: none;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF3333;
}

.success-msg ,.success-msg li , #gl2-checkout .success-msg li {
    background-image: none;
    color: #000000;
    font-weight: bold;
    background-color: #6CE196;
}

.error-msg, .success-msg, .note-msg, .notice-msg {
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color:#BCBBBB !important;
    font-size: 14px !important;
    font-weight: bold !important;
    min-height: 24px !important;
    padding: 20px !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}
**/

/* *** For Dashboard Reminder Section *** */
.gl2-dashboard-reminder-presc-expiry-msg {
    /*width:450px; margin-top:50px; margin-left:155px*/
}

#gl2-reorder-inputs {
    position: absolute;
    width: 404px;
    top: 325px;
    left: 270px;
}

#gl2-reminder-inputs {
    position: absolute;
    top: 410px;
    left: 270px;
    padding: 0px 20px;
}

#gl2-reminder-checkboxes {
    position: absolute;
    top: 450px;
    left: 290px;
    width: 300px;
}

#gl2-all-valid-presc-update {
    margin-top: 5px;
}

#reminderForm #gl2-reminder-step-box-wrap .gl2-reminder-checkbox-wrap {
    position: relative;
}

#reminderForm #gl2-reminder-checkboxes .gl2-reminder-checkbox-text {
    left: 22px;
    position: absolute;
    top: 2px;
    width: 230px;
}

#reminderForm #gl2-reminder-checkboxes .gl2-reminder-input-number {
    left: 173px;
    position: absolute;
    top: 1px;
}

#reminderForm .gl2-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

#reminderForm .gl2-radio .checked span.radio-wrapper {
    background-image: url("../gl2-checkout-images/gl2/2box_active.gif");
    background-repeat: no-repeat;
}

#reminderForm .gl2-radio span.radio-wrapper h3 {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 20px;
    padding-left: 30px;
}

#reminderForm .gl2-radio .checked span.radio-wrapper {
    background: url("../gl2-checkout-images/gl2/check_purple.gif") no-repeat scroll 0 0 #FFFFFF;
    color: #6E3D8A;
}

#reminderForm .gl2-radio span.radio-wrapper {
    background: none repeat scroll 0 0 #E2D8E8;
    border: 1px solid #BCBBBB;
    display: block;
    font: bold 14px/30px Arial,Sans-serif;
    padding: 20px;
    position: relative;
}

#reminderForm li, #gl2-checkout ul {
    color: #6E3D8A;
    font-family: Arial,Helvetica,sans-serif;
}

#reminderForm .horizontal .gl2-radio span.radio-wrapper {
    background-position: 20px 17px;
}

.gl2-checkout-presc-upload-filename {
    height: 14px;
    overflow: hidden;
}

.gl2-checkout-presc-upload-filename a {
    color: #6E3D8A;font-family:Arial,Helvetica,sans-serif;font-size:10px;
}

.gl2-checkout-presc-upload-filename font {
    color: #6E3D8A;font-family:Arial,Helvetica,sans-serif;font-size:10px;
}

.gl2-checkout-presc-upload-file-content-body {
    padding: 0px; margin: 0px;
}


#paypal_special {
	display: block;
	font-weight: bold;
}

.gl2-postcode-lookup-popup {
    color:#000000;text-decoration:none;font-family:Arial;font-size:9pt;
}

.gl2-postcode-lookup-popup-wrap {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
}

.gl2-postcode-lookup-popup-wrap-hover {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #E2D8E8;
}

.gl2-optician-lens-product-show {
    display:block;
}

.gl2-optician-lens-product-hide {
    display:none;
}

.gl2-optician-lookup-popup-wrap {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #ffffff;
}

.gl2-optician-lookup-popup {
    color:#000000;text-decoration:none;font-family:Arial;font-size:9pt;
}

.gl2-optician-lookup-popup-wrap-hover {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #E2D8E8;
}

/* Checkout specific */
#gl2-checkout .gl2-optician-lookup-popup-wrap {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #ffffff;
}

#gl2-checkout .gl2-optician-lookup-popup {
    color:#000000;text-decoration:none;font-family:Arial;font-size:9pt;
}

#gl2-checkout .gl2-optician-lookup-popup-wrap-hover {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #E2D8E8;
}

#gl2-checkout .gl2-postcode-lookup-popup {
    color:#000000;text-decoration:none;font-family:Arial;font-size:9pt;
}

#gl2-checkout .gl2-postcode-lookup-popup-wrap {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
}

#gl2-checkout .gl2-postcode-lookup-popup-wrap-hover {
    padding:0;margin:0;display:block;font-family:arial;font-size:9pt;border-bottom:solid 1px #dddddd;padding:5px;cursor:pointer;
    background-color: #E2D8E8;
}
.one_column_checkout_top {
    background: url("../../skin/frontend/default/asda/vhi/images/one_column_checkout_top.png") no-repeat scroll center top transparent;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    width: 940px;
    margin:0 auto;
}
#vhi-checkout-wrap {
     width: 940px;
     margin:40px auto 0 auto;
}

#vhi-checkout-wrap #vhi-checkout-content
{
    border-left:1px solid #D8D8D8;
    border-right:1px solid #D8D8D8;
    background: #fff;
    width: 938px;
    padding-top:20px;
}

.one_column_checkout_bot {
    background: url("../../skin/frontend/default/asda/vhi/images/one_column_checkout_bot.png") no-repeat scroll center top transparent;
    display: block;
    font-size: 6px;
    height: 6px;
    line-height: 6px;
     width: 940px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-right: 0 !important;
}

#checkoutSteps {
    margin:0;
}

#gl2-checkout #gl2-site-header #gl2-logo-image {
    background: url("../../skin/frontend/default/asda/vhi/images/vhi_logo.png") no-repeat scroll 0 4px transparent;
    display: block;
    height: 50px;
    margin: 30px 0 0 0;
    overflow: hidden;
    padding: 0;
    text-indent: -999px;
    width: 186px;
}

#gl2-checkout #gl2-site-header #gl2-checkout-nav-wrap {
    left: 105px;
    position: absolute;
    top: 39px;
}
#gl2-checkout #gl2-checkout-navbar {
    display:none;
}

#gl2-checkout #gl2-checkout-footer {
    border-top: none;
    margin: 0px;
    padding: 20px 10px;
    background:none repeat scroll 0 0 #550A6A;
    color:#FFFFFF;
}
#gl2-checkout #gl2-checkout-footer a {
 color:#FFFFFF;
}

#gl2-checkout #gl2-checkout-footer p {
 color:#BB7CCC;
}

#gl2-checkout #gl2-alt-login #gl2-login-boxes.gl2-fb-disabled .gl2-radio li span.radio-wrapper {
    width: 634px;
}