body.payment-no-fee .content,body.payment .content{background:var(--lightgrey)}.make-a-payment{padding:60px 0;text-align:center}.make-a-payment input[type=email],.make-a-payment input[type=number],.make-a-payment input[type=password],.make-a-payment input[type=text],.make-a-payment select,.make-a-payment textarea{border:2px solid #d2d4dd;border-radius:4px}.make-a-payment input.email{height:50px;font-size:1.6rem;border:1px solid var(--lightgrey);padding:0 20px;border-radius:4px;background:var(--white);width:100%;margin-bottom:20px}.make-a-payment .button{background:var(--blue);color:var(--white);width:100%;border-radius:4px;height:50px;padding:13px 25px 0;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.make-a-payment .button:focus,.make-a-payment .button:hover{background:var(--blue-dark);color:var(--white)}.make-a-payment label{font-weight:600}.make-a-payment p.note{opacity:.7;font-size:1.3rem;line-height:1.2em;margin:15px 0}.make-a-payment .error-message{border:2px solid crimson;padding:15px;max-width:500px;margin-left:auto;margin-right:auto;background:rgba(255,0,0,.05);border-radius:4px;font-weight:800;color:crimson;margin-top:30px}.make-a-payment .pay-different-amount{display:inline-block}.make-a-payment .payment-tick{margin:30px auto;width:80px;height:80px;display:block}.make-a-payment .payment-tick use{fill:#03a92b}.make-a-payment .payment-details{margin-top:30px}.make-a-payment .button--small{height:32px;padding:5px 15px 0;font-size:13px;border:0;margin-left:auto;margin-right:auto;max-width:240px;cursor:pointer;margin-bottom:4px}.make-a-payment form.inline{display:inline-block;vertical-align:top}.make-a-payment form.inline .button--small{padding-top:0}.make-a-payment .enter-different-amount{background:var(--white);border-radius:4px;padding:25px;margin-top:15px;max-width:500px;margin-left:auto;margin-right:auto}.make-a-payment .enter-different-amount p.note{margin:0 0 15px}.make-a-payment .enter-different-amount input{padding:8px 12px;width:140px;vertical-align:top}.make-a-payment .enter-different-amount .button{border:0;padding-top:6px;height:45px;margin-left:15px}.make-a-payment .enter-invoice{background:var(--white);border-radius:4px;padding:25px;display:block;max-width:500px;margin-left:auto;margin-right:auto}.make-a-payment .enter-invoice label{font-weight:700}.make-a-payment .enter-invoice input.invoice-input{padding:8px 12px;margin-top:5px;margin-bottom:25px}.make-a-payment .enter-invoice .button{border:0;padding-top:0}.make-a-payment .enter-cc,.make-a-payment .enter-email{background:var(--white);border-radius:4px;padding:25px;margin-top:35px;display:block;max-width:500px;width:100%;margin-left:auto;margin-right:auto}.make-a-payment .enter-cc .card-wrapper,.make-a-payment .enter-email .card-wrapper{position:relative}.make-a-payment .enter-cc .card-logo,.make-a-payment .enter-email .card-logo{height:40px;position:absolute;top:2px;right:5px}.make-a-payment .enter-cc h3,.make-a-payment .enter-email h3{margin-bottom:20px;text-align:center;margin-top:0}.make-a-payment .enter-cc p.note,.make-a-payment .enter-email p.note{margin:5px 0}.make-a-payment .enter-cc form,.make-a-payment .enter-email form{text-align:left}.make-a-payment .enter-cc form input.full,.make-a-payment .enter-cc form input.short,.make-a-payment .enter-email form input.full,.make-a-payment .enter-email form input.short{padding:8px 12px;margin-top:0;margin-bottom:25px}.make-a-payment .enter-cc form input.full,.make-a-payment .enter-email form input.full{width:100%}.make-a-payment .enter-cc form input.short,.make-a-payment .enter-email form input.short{width:80px}.make-a-payment .enter-cc form input.button,.make-a-payment .enter-email form input.button{border:0;padding:0;cursor:pointer;margin-top:20px}.make-a-payment .enter-cc form input.button.button--small,.make-a-payment .enter-email form input.button.button--small{padding:0 20px;margin-top:0;margin-left:auto;margin-right:auto;display:block}.make-a-payment .enter-cc form .cvn,.make-a-payment .enter-cc form .expiry,.make-a-payment .enter-email form .cvn,.make-a-payment .enter-email form .expiry{display:inline-block;vertical-align:top;width:45%}.make-a-payment .enter-cc form.enter-email form input.full,.make-a-payment .enter-email form.enter-email form input.full{margin-bottom:5px}.make-a-payment .enter-cc .show-amex,.make-a-payment .enter-cc .show-mc,.make-a-payment .enter-cc .show-visa,.make-a-payment .enter-email .show-amex,.make-a-payment .enter-email .show-mc,.make-a-payment .enter-email .show-visa{display:none}.make-a-payment .enter-cc form.is-visa .show-visa,.make-a-payment .enter-email form.is-visa .show-visa{display:inline-block}.make-a-payment .enter-cc form.is-mc .show-mc,.make-a-payment .enter-email form.is-mc .show-mc{display:inline-block}.make-a-payment .enter-cc form.is-amex .show-amex,.make-a-payment .enter-email form.is-amex .show-amex{display:inline-block}@media (max-width:800px){.make-a-payment .enter-cc,.make-a-payment .enter-email{padding:15px}.make-a-payment form .cvn,.make-a-payment form .expiry{width:100%}}