body {
    font-family: Verdana;
    color: #222;
    height: 100%;
    background: #fff
}

form {
    overflow: hidden;
    font-family: Verdana
}

table {
    display: block;
    height: auto;
    max-width: 95%;
}

a {
    color: #0973ff;
    cursor: pointer;
    text-decoration: underline
}

    a:hover {
        color: #2e6098
    }

td {
    vertical-align: top
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.cursor-pointer {
    cursor: pointer
}

.bold {
    font-weight: 700
}

.main-body {
    height: auto;
    background-color: #fff;
}

.account-number {
    background: url(/Images/AccountNumberEntryBox.gif) no-repeat
}

.sort-code {
    background: url(/Images/SortCodeEntryBox.gif) no-repeat
}

.sun {
    background: url(/Images/SortCodeEntryBox.gif) no-repeat
}

.gift-aid {
    background-color: #fff;
    color: #000
}

a, div, h1, h2, h3, h4, h5, p, span {
    font-family: inherit
}

.ddg-wrapper {
    background-color: #fff;
    color: #000
}

    .ddg-wrapper .guarantee {
        width: 100%
    }

.additional-information-box div {
    padding-left: 0;
    padding-right: 0
}

img {
    max-width: 100%;
    height: auto
}

@media only screen and (max-width:50.937em) {
    #Main_ctl02_btnCancel {
        left: -80%;
        position: relative;
    }
    input[type=submit] {
        padding: .1875rem,.375rem;
        border: .062rem solid #aaa;
        border-radius: .25rem;
        background: -moz-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -ms-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -o-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(170,170,170,1)),color-stop(100%,rgba(71,71,71,1)));
        background: -webkit-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: linear-gradient(to bottom,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: #aaa;
        color: #fff;
        font-weight: 700
    }

    #Main_ctl02_txtCustomerRef {
        font-size: 1rem;
        width: 95%;
        position: absolute !important;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        border: .0625rem solid #000;
        top: 3rem;
    }

    #Main_ctl02_groupAdditionalInformation .label {
        display: block
    }

    div.page:nth-child(3), div.page:nth-child(4) {
        position: relative;
    }

    #Main_ctl02_accountInformationBox {
        height: 23rem;
        text-align: center
    }

        #Main_ctl02_accountInformationBox.reg-section-wrapper .float-left h3 {
            font-weight: 700;
            color: #295C59;
        }

        #Main_ctl02_accountInformationBox.reg-section-wrapper .float-left h3, .client-info {
            font-size: 1rem;
            width: 95%;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center
        }

        #Main_ctl02_accountInformationBox.reg-section-wrapper .float-left h3 {
            top: 3rem;
            color: #295C59;
        }

    .client-info {
        top: 6.5rem
    }

    div.item:nth-child(2) > span:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        color: transparent
    }

    #Main_ctl02_txtAccountNumber, #Main_ctl02_txtBankSortCode, .sun {
        background: 0 0
    }

    #Main_ctl02_txtSUN {
        top: 10.5rem
    }

    #Main_ctl02_txtReference {
        top: 13rem;
    }

    #Main_ctl02_txtCustomDDReference {
        top: 15rem;
    }

    #Main_ctl02_txtAccountHolderName {
        top: 17rem;
    }

    #Main_ctl02_txtAccountNumber {
        top: 19rem
    }

    #Main_ctl02_txtBankSortCode {
        top: 21rem
    }

    .dd-prefix {
        display: inline-block;
        position: absolute;
        top: 13rem;
        left: 10px;
    }

    .main-body .content-area .page .view-body div.item div.value p img {
        padding-top: 1rem
    }

    .main-body .content-area .page .form .form-body div.item span.item-body div.input p {
        font-size: .9rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .main-body .content-area .page .view-body div.item div.value p {
        font-size: .9rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0;
        padding-bottom: 0
    }

    .reg-section-wrapper {
        border: 1px solid #295C59;
        margin-left: 1rem;
        margin-right: 1rem;
        position: relative
    }

    .box-header {
        text-align: center;
        font-weight: 700;
        padding-top: .5rem
    }

    .label {
        display: none
    }

    .whole {
        display: block
    }

    #form1 div.main-body div.content-area div.page div div.form span.form-body span div.item span.item-body div.input p {
        padding-bottom: 3rem
    }

    #Main_ctl02_txtCustomerRef {
        border: .062rem solid #295C59 !important;
        margin-top: -2rem !important;
        width: 90% !important
    }

    #Main_ctl02_FrequencyBox {
        height: 6rem
    }

    .customer-number-box > span:nth-child(2) > div:nth-child(1) {
        height: 3rem;
    }

    #Main_ctl02_lstEnd, #Main_ctl02_lblEndMethod, #Main_ctl02_lstFrequency {
        font-size: 1rem;
        width: 95%;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    #Main_ctl02_txtCustomerRef {
        position: relative;
        margin: auto;
    }

    #Main_ctl02_lstFrequency {
        border: .0625rem solid #000
    }

    #Main_ctl02_lstEnd {
        border: .0625rem solid #000
    }

    #Main_ctl02_lblEndMethod {
        border: .0625rem solid #000
    }

    #Main_ctl02_btnLookupAddress, #Main_ctl02_dpDateOfBirth, #Main_ctl02_lstTitle, #Main_ctl02_txtCompanyName, #Main_ctl02_txtEmail, #Main_ctl02_txtFirstName, #Main_ctl02_txtHomePhoneNumber, #Main_ctl02_txtInitials, #Main_ctl02_txtLine1, #Main_ctl02_txtLine2, #Main_ctl02_txtLine3, #Main_ctl02_txtLine4, #Main_ctl02_txtMobilePhoneNumber, #Main_ctl02_txtPostCode, #Main_ctl02_txtSurname, #Main_ctl02_txtWorkPhoneNumber {
        font-size: 1rem;
        width: 95%;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        border: .0625rem solid #000
    }

    #Main_ctl02_groupAdditionalInformation .input, #Main_ctl02_groupAdditionalInformation .label {
        font-size: 1rem;
        width: 100%;
        display: block;
        margin: auto;
        text-align: center;
        padding-bottom: .5rem
    }

    #Main_ctl02_groupAdditionalInformation input, #Main_ctl02_groupAdditionalInformation select {
        font-size: 1rem;
        width: auto;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        border: .0625rem solid #000
    }

    #Main_ctl02_paymentBox {
        height: 20rem
    }

    #Main_ctl02_lblFirstPaymentDate, #Main_ctl02_lblRegularPayment, #Main_ctl02_lblYear, #Main_ctl02_lstDay, #Main_ctl02_lstDayWeek, #Main_ctl02_lstMonth, #lblTotalFirstPayment, #txtFirstPayment, #txtLastPayment, #txtRegularPayment {
        font-size: 1rem;
        width: 95%;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        border: .0625rem solid #000;
        text-align: center
    }

    #Main_ctl02_txtReference, #Main_ctl02_txtCustomDDReference, #Main_ctl02_txtAccountHolderName, #Main_ctl02_txtAccountNumber, #Main_ctl02_txtBankSortCode, #Main_ctl02_txtSUN {
        font-size: 1rem;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        border: .0625rem solid #000;
        text-align: center
    }

    #Main_ctl02_txtReference {
        width: 50%;
        left: 160px;
    }

    #Main_ctl02_txtCustomDDReference {
        width: 95%;
    }

    #Main_ctl02_txtAccountHolderName {
        width: 95%
    }

    #Main_ctl02_txtAccountNumber, #Main_ctl02_txtBankSortCode, #Main_ctl02_txtSUN {
        width: 25%
    }

    #lblTotalFirstPayment {
        border: none !important
    }

    #Main_ctl02_lstDay {
        right: 40%;
        width: 15%
    }

    #Main_ctl02_lstMonth {
        left: 10%;
        width: 30%
    }

    #Main_ctl02_lblYear {
        left: 60%;
        width: 10%;
        border: none
    }

    #Main_ctl02_icondpDateOfBirth {
        position: absolute;
        left: 15rem;
        right: 0;
        margin: auto;
        text-align: center
    }

    #Main_ctl02_lblRegularPayment {
        border: none
    }

    #Main_ctl02_detailsBox {
        height: 35rem
    }

    #Main_ctl02_btnLookupAddress {
        color: #fff;
        background-color: #0065a5
    }

    #Main_ctl02_lblFirstPaymentDate {
        border: none
    }

        #Main_ctl02_lblFirstPaymentDate:before {
            content: "First payment date: "
        }

    #Main_ctl02_lblEndMethod:before {
        content: "Termination: "
    }

    #txtFirstPayment, #txtLastPayment, #txtRegularPayment {
        width: 30% !important
    }

    #Main_ctl02_paymentBox.reg-section-wrapper .item .item-body .input .float-left {
        display: none
    }

    #Main_ctl02_lblYear.float-left {
        display: block !important
    }

    #lblTotalFirstPayment:before {
        content: "Total first payment: £"
    }

    #Main_ctl02_detailsBox.reg-section-wrapper div.item.required-item {
        z-index: 10
    }

    #Main_ctl02_mdlLookupGrid_addressGridDiv {
        position: relative;
        z-index: 10
    }

    #Main_ctl02_lstFrequency {
        top: 2rem
    }

    #Main_ctl02_lstEnd {
        top: 4rem
    }

    #Main_ctl02_lblEndMethod {
        top: 4rem
    }

    #Main_ctl02_lstDay, #Main_ctl02_lstDayWeek, #Main_ctl02_lstMonth {
        top: 2rem
    }

    #Main_ctl02_lblYear {
        top: 2.1rem
    }

    #Main_ctl02_lblFirstPaymentDate {
        top: 4rem
    }

    #Main_ctl02_lblRegularPayment {
        top: 10rem
    }

    #txtFirstPayment {
        top: 8.5rem
    }

    #lblTotalFirstPayment {
        top: 11rem
    }

    #txtRegularPayment {
        top: 14rem
    }

    #txtLastPayment {
        top: 18rem
    }

    #Main_ctl02_lstTitle {
        top: 3rem
    }

    #Main_ctl02_txtInitials {
        top: 5rem
    }

    #Main_ctl02_txtFirstName {
        top: 7rem
    }

    #Main_ctl02_txtSurname {
        top: 9rem
    }

    #Main_ctl02_txtCompanyName {
        top: 11rem
    }

    #Main_ctl02_dpDateOfBirth {
        top: 13rem
    }

    #Main_ctl02_icondpDateOfBirth {
        top: 13.2rem
    }

    #Main_ctl02_txtLine1 {
        top: 15rem
    }

    #Main_ctl02_txtLine2 {
        top: 17rem
    }

    #Main_ctl02_txtLine3 {
        top: 19rem
    }

    #Main_ctl02_txtLine4 {
        top: 21rem
    }

    #Main_ctl02_txtPostCode {
        top: 23rem
    }

    #Main_ctl02_btnLookupAddress {
        top: 25rem
    }

    #Main_ctl02_txtHomePhoneNumber {
        top: 27rem
    }

    #Main_ctl02_txtMobilePhoneNumber {
        top: 29rem
    }

    #Main_ctl02_txtWorkPhoneNumber {
        top: 31rem
    }

    #Main_ctl02_txtEmail {
        top: 33rem
    }

    #Main_ctl02_txtAccountNumber {
        width: 50%;
    }

    #Main_ctl02_txtBankSortCode {
        width: 50%;
    }

    .reg-section-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    table {
        padding: 0 0 0 7px;
        margin: 0 auto;
        color: initial
    }
}

@media only screen and (min-width:50.938em) and (max-width:64.062em) {
	#Main_ctl02_btnCancel {
		left: -90%;
		position: relative;
	}
    input::placeholder {
        color: transparent
    }

    body {
        font-size: 1.2rem;
        line-height: 1.2rem
    }

    #form1 {
        position: absolute;
        display: inline-block;
        max-width: 52.25rem;
        height: auto;
        margin-top: 1rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        border-radius: 0;
        overflow: hidden;
        border: 0;
        font-family: Verdana
    }

    input[type=submit] {
        padding: .1875rem,.375rem;
        border: .062rem solid #aaa;
        border-radius: .25rem;
        background: -moz-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -ms-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -o-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(170,170,170,1)),color-stop(100%,rgba(71,71,71,1)));
        background: -webkit-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: linear-gradient(to bottom,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: #aaa;
        color: #fff;
        font-weight: 700
    }

    h1, h2 {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: .95rem
    }

    h2 {
        margin-bottom: 1.25rem;
        padding-bottom: .625rem;
        padding: .625rem;
        color: #295C59;
    }

    h3 {
        margin-bottom: .625rem;
        font-weight: 700;
        font-size: 1.05rem;
        margin: .625rem 0;
        color: #295C59;
    }

    .main-body {
        min-width: 52.25rem
    }

    .content-area {
        padding: 1.25em;
        padding-bottom: .625em
    }

    .account-number, .sort-code, .sun {
        letter-spacing: .75rem
    }

    .account-number {
        width: 9.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sort-code {
        width: 8.77rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sun {
        width: 8.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .payment-day {
        float: left;
        width: 3rem !important;
        margin-right: .625rem
    }

    .payment-month {
        float: left;
        width: 6.25rem !important;
        margin-right: .625rem
    }

    .ddg-wrapper, .disclaimer-box, .reg-section-wrapper {
        border: solid .0625rem #295C59;
        margin-top: 1.25rem;
        padding: .3125rem;
        height: auto;
    }

    .gift-aid {
        border: solid .0625rem #000;
        margin-top: 1.25rem
    }

    .customer-number-box {
        margin-top: 2.188rem
    }

    .side-html-container {
        display: block;
        width: 65rem;
        margin: auto
    }

        .side-html-container form {
            float: left
        }

        .side-html-container .side-html {
            display: none
        }

    .form .item.t-and-c .label {
        width: 28,75px;
        font-weight: 700
    }
}

@media only screen and (min-width:64.063em) and (max-width:90.062em) {
    input::placeholder {
        color: transparent
    }

    body {
        font-size: .8rem;
        line-height: 1.2rem
    }

    #form1 {
        display: block;
        max-width: 52.25rem;
        height: auto;
        margin-top: 1.25rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        border: .05rem solid #295C59;
        font-family: Verdana
    }

    input[type=submit] {
        padding: .1875rem,.375rem;
        border: .062rem solid #aaa;
        border-radius: .25rem;
        background: -moz-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -ms-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -o-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(170,170,170,1)),color-stop(100%,rgba(71,71,71,1)));
        background: -webkit-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: linear-gradient(to bottom,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: #aaa;
        color: #fff;
        font-weight: 700
    }

    h1, h2 {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: .95rem
    }

    h2 {
        margin-bottom: 1.25rem;
        padding-bottom: .625rem;
        padding: .625rem;
        color: #295C59;
    }

    h3 {
        margin-bottom: .625rem;
        font-weight: 700;
        font-size: 1.05rem;
        margin: .625rem 0.425rem;
        color: #295C59;
    }

    .main-body {
        min-width: 52.25rem
    }

    .content-area {
        padding: 1.25em;
        padding-bottom: .625em
    }

    .account-number, .sort-code, .sun {
        letter-spacing: .75rem
    }

    .account-number {
        width: 9.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sort-code {
        width: 8.77rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sun {
        width: 8.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .payment-day {
        float: left;
        width: 3rem !important;
        margin-right: .625rem
    }

    .payment-month {
        float: left;
        width: 6.25rem !important;
        margin-right: .625rem
    }

    .ddg-wrapper, .disclaimer-box, .reg-section-wrapper {
        border: solid .0625rem #295C59;
        margin-top: 1.25rem;
        padding: .3125rem;
        height: auto;
    }

    .gift-aid {
        border: solid .0625rem #000;
        margin-top: 1.25rem
    }

    .customer-number-box {
        margin-top: 2.188rem
    }

    .side-html-container {
        display: block;
        width: 65rem;
        margin: auto
    }

        .side-html-container form {
            float: left
        }

        .side-html-container .side-html {
            display: none
        }

    .form .item.t-and-c .label {
        width: 28,75px;
        font-weight: 700
    }
}

@media only screen and (min-width:90.063em) {
    input::placeholder {
        color: transparent
    }

    body {
        font-size: .8rem;
        line-height: 1.2rem
    }

    #form1 {
        display: block;
        max-width: 52.25rem;
        height: auto;
        margin-top: 1.25rem;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        border: .05rem solid #295C59;
        font-family: Verdana
    }

    input[type=submit] {
        padding: .1875rem,.375rem;
        border: .062rem solid #aaa;
        border-radius: .25rem;
        background: -moz-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -ms-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -o-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(170,170,170,1)),color-stop(100%,rgba(71,71,71,1)));
        background: -webkit-linear-gradient(top,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: linear-gradient(to bottom,rgba(170,170,170,1) 0,rgba(71,71,71,1) 100%);
        background: #aaa;
        color: #fff;
        font-weight: 700
    }

    h1, h2 {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: .95rem
    }

    h2 {
        margin-bottom: 1.25rem;
        padding-bottom: .625rem;
        padding: .625rem;
        color: #295C59;
    }

    h3 {
        margin-bottom: .625rem;
        font-weight: 700;
        font-size: 1.05rem;
        margin: .625rem 0;
        color: #295C59;
    }

    .main-body {
        min-width: 52.25rem
    }

    .content-area {
        padding: 1.25em;
        padding-bottom: .625em
    }

    .account-number, .sort-code, .sun {
        letter-spacing: .75rem
    }

    .account-number {
        width: 9.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sort-code {
        width: 8.77rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .sun {
        width: 8.75rem !important;
        height: 2.125rem;
        padding-left: .4375rem;
        border: 0 !important
    }

    .payment-day {
        float: left;
        width: 3rem !important;
        margin-right: .625rem
    }

    .payment-month {
        float: left;
        width: 6.25rem !important;
        margin-right: .625rem
    }

    .ddg-wrapper, .disclaimer-box, .reg-section-wrapper {
        border: solid .0625rem #295C59;
        margin-top: 1.25rem;
        padding: .3125rem;
        height: auto;
    }

    .gift-aid {
        border: solid .0625rem #000;
        margin-top: 1.25rem
    }

    .customer-number-box {
        margin-top: 2.188rem
    }

    .side-html-container {
        display: block;
        width: 65rem;
        margin: auto
    }

        .side-html-container form {
            float: left
        }

        .side-html-container .side-html {
            width: 11.25rem;
            float: right;
            margin-top: 12.5rem
        }

    .form .item.t-and-c .label {
        width: 28,75px;
        font-weight: 700
    }
}

#Main_ctl02_mdlQuestionsList_upList, #addRefInput, #list, #item, #itemAddRef, #inputAddRef, #inputAddRef, #labelAddRef, #inputAddRef2, #labelAddRef2, #inputAddRef3, #labelAddRef3 {
    padding-left: 0px;
}

    #Main_ctl02_mdlQuestionsList_upList input[type="checkbox"] {
        margin-right: 5px;
        vertical-align: middle;
    }

    #Main_ctl02_mdlQuestionsList_upList label {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 30px);
    }