#tile_style {
    width: 940px;
    margin-top: 15px;
}

#tile_style .banner > img {
    width: 940px;
}

#tile_style h3 {
    font-size: 18px;
}

#tile_style .header {
    background-color: #ffffff;
    width: 100%;
    clear: both;
}

#tile_style .title {
    background: none !important;
    margin-top: 10px;
}

#tile_style .header p {
    padding-top: 25px;
    padding-bottom: 20px;
}

#tile_style .tiles, #home_loans_calculator .tiles {
    padding-top: 5px;
    background-color: #ffffff;
    width: 940px;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#tile_style .tiles .recon_tiles {
    display: inline-block;
    float: left;
    position: relative;
    width: inherit;
}

#tile_style .tile {
    opacity: 1;
    height: 203px;
    border: 2px solid #f7f7f7;
    display: block;
}

.s_i .tile {
    height: 203px !important;
}

#tile_style .tiles .interaction:last-child {
    text-align: left;
}

#tile_style .tile:hover {
    border: 2px solid #0396fd;
    -moz-box-shadow: 3px 3px 4px #eaeaea;
    -webkit-box-shadow: 1px 1px 1px #eaeaea;
    box-shadow: 3px 3px 4px #e7e7e7;
    display: block;
}

.ts_product {
    background-color: #eaeaea;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    margin-bottom: 18px;
}

#tile_style .tiles .left_product {
    margin-right: 18px;
}

#tile_style .tiles .left_product_tile {
    margin-right: 18px !important;
    width: 450px !important;
    margin-bottom: 6px !important;
}

#tile_style .tiles .right_product_tile {
    width: 450px !important;
    margin-right: 0 !important;
    margin-bottom: 6px !important;
}

#tile_style .tiles .col-lg-6 {
    width: 49%;
}

#tile_style .tiles .col-md-6 {
    width: 49%;
}

#tile_style .tiles .product_header {
    width: 100%;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 15px;
    color: #026cb8;
    font-size: 14px;
}

#tile_style .tiles .product_body {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 15px;
    border: 1px #eaeaea solid;
    border-radius: 3px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px !important;
    height: 100px;
}

.credit_card_page #tile_style .tiles .product_body {
    height: 145px !important;
}

.sk-rotating-plane {
    width: 80px;
    height: 80px;
    background-color: #333;
    margin: 40px auto;
    background: url('../img/loading.gif') no-repeat;
    /*-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out;*/ 
}

#tile_style .tiles .product_body:before {
    border-bottom-color: #eaeaea;
    border-width: 20px;
    left: 10px;
    margin-left: -20px;
}

#tile_style .tiles .product_body:before, .product_body:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#tile_style .tiles .product_body:after {
    border-bottom-color: #eaeaea;
    border-width: 22px;
    left: 20px;
    margin-left: -19px;
}

#tile_style .tiles .product_body_content {
    padding-bottom: 60px;
}

#tile_style .tiles .product_body_content > .col-lg-4, .col-md-4 {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
}


#tile_style .tiles .product_body_content .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
}

#tile_style .tiles .product_body_content > .col-lg-4.first, .col-md-4.first {
    width: 28%;
    display: inline-block;
}

#tile_style .tiles .product_body_content > .col-lg-1, .col-md-1 {
    width: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: inline-block;
}

#tile_style .tiles .product_body .description {
    font-size: 13px !important;
    height: inherit;
    width: 93%;
}

#tile_style .top_header {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    width: 120px;
    color: #404040;
    padding-right: 0 !important;
}

#tile_style .bottom_header {
    color: #003d68;
    font-size: 20px;
    width: 120px;
}

#tile_style .interest_perc {
    color: #f58320;
    font-size: 26px;
    font-weight: bolder;
    padding-left: -6px;

}

#tile_style .interest_perc > .more {
    font-size: 16px !important;
}

#tile_style .interest_perc > .extra {
    font-size: 11px !important;
}

#tile_style .vertical_line img {
    height: 50px;
    width: 3px;
}

#tile_style .tiles_container {
    margin-top: 15px;
    width: 100%;
    background-color: #FFFFFF;
}

#tile_style .ts_call_me {
    padding-top: 8px;
    background-color: #ffffff !important;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    height: auto;
}

#tile_style .ts_call_me input[name="identification_number"] {
    margin-top: -9px;
}

#tile_style .ts_call_me .body {
    background-color: #f7f7f7 !important;
    padding-top: 10px;
    height: auto;
    display: inline-block;
}

#tile_style .ts_call_me .body .greybbox_c {
    background-color: #f7f7f7 !important;
    padding-top: 6px !important;
}

.current_account_page #tile_style .ts_call_me .body .greybbox_c {
    background-color: #ffffff !important;
}

.current_account_page #tile_style .ts_call_me .body {
    background-color: #ffffff !important;
    padding-top: 0px;
}

#tile_style .ts_call_me .body .apply_online {
    height: auto;
    margin-left: 60px;
    border: 1px #eaeaea solid;
    background-color: #eaeaea;
    margin-right: 50px;
    padding-top: 10px;
    padding-left: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: block;
}

#tile_style .ts_call_me .body .bf {
    margin-left: 60px;
}

#tile_style .ts_call_me .body .bf > p {
    font-size: 14px !important;
}

#tile_style .ts_call_me .body .bf > span {
    font-size: 14px !important;
    font-weight: bold;
}

#tile_style .ts_call_me .body .apply_online .panel {
    background-color: #eaeaea;
}

#tile_style .ts_call_me .body .apply_online > p {
    font-size: 14px !important;
}

#tile_style .ts_call_me .body .apply_online .greybbox_c {
    background-color: #eaeaea !important;
    width: 90%;
    padding-left: 3px !important;
}

#tile_style .ts_call_me .body .apply_online .panel ul {
    margin: 0;
    padding: 0;
}

#tile_style .ts_call_me .body .apply_online .panel ul li {
    float: left;
    margin-right: 25px;
    margin-left: 15px;
    font-size: 14px;
}

#tile_style .ts_call_me .body .apply_online .panel .last {
    float: none;
}

#tile_style .ts_call_me .body > .col-lg-5,
#tile_style .ts_call_me .body > .col-lg-12 {
    text-align: left;
}

#savings_investments_call_me_back_form .col-lg-5 {
    text-align: left;
}

#savings_investments_call_me_back_form .sbg_form .input .input_wrapper {
    width: 101% !important;
    padding-left: 22px;
}

#savings_investments_call_me_back_form .sbg_form label {
    padding-left: 22px;
}

#savings_investments_call_me_back_form .labels {
    height: 13px !important;
}

#savings_investments_call_me_back_form .sbg_form .input .input_wrapper > #id_number {
    width: 863px;
}

#savings_investments_call_me_back_form .sbg_form label span {
    color: #f58320;
}

#tile_style #savings_investments_call_me_back_form .sbg_form .input_wrapper input:focus {
    box-shadow: 0 0 0 rgba(81, 203, 238, 1);
    padding: 3px 3px 3px 10px;
    border: 1px solid rgba(81, 203, 238, 1);
}

#tile_style .click_product {
    text-decoration: none !important;
    color: #000000;
    display: block;
}

#tile_style #id_number, #tile_style #passport_number {
    background: url(/standimg/South%20Africa/Images/SavingsInvestments/lock-icon.png) no-repeat scroll 345px 4px #ffffff;
}

#tile_style_form .col-lg-6,
#tile_style_form .col-lg-12 {
    padding-left: 60px !important;
}

#tile_style_form .col-lg-12 {
    width: 855px;
}

/*Private banking ab testing*/
#tile_style_form #private_banking_form .col-lg-12{
    width: 100%;
}

.hv_page .ts_call_me #private_banking_form .call_to_actions{
    margin-left: 0px;
    padding: 0px;

}

.hv_page .ts_call_me #private_banking_form .private_call_to_actions input{
    margin-left: 0px;
    padding: 10px 53px 10px 20px;
    background-color: #26428B;
    background: url(../images/callWhite.png) no-repeat #26428B 89% 50%;
    color: #fff;
    border: none;
    font-weight: bold;
    width: 190px;
    text-indent: 27px;
    height: 46px;
    line-height: 24px;
    font-size: 14px;
    float: left;
    position: relative;
}

#private_banking_form_start .sbg_form .input .input_wrapper {
    width: 95%;
}


#private_banking_form_start .sbg_form .label-text{
    color: #333;
    display: block;
    max-width: 100%;
    margin-top: 2px;
}

#private_banking_form_start .sbg_form .input input{
    width: 100%;
}

#private_banking_form_start .sbg_form .label-text span {
    color: red;
}

.hv_page .ts_call_me #private_banking_form_start .greybbox_c > div{
    margin-left: 0px;
}

#tile_style .ts_call_me .body #private_banking_form .greybbox_c{
    padding: 0px;
}

.hv_page #tile_style #private_banking_form_start{
    margin-top: -35px;
    padding-left: 13px;
}

/*#tile_style_form .sbg_form .input input#id_number {
    width: 93% !important;
}*/

#tile_style_form .sbg_form .input .input_wrapper {
    width: 104%;
}

#tile_style_form .sbg_form .input > .col-lg-12 .input_wrapper {
    width: 104%;
}

#tile_style_form .sbg_form .call_to_action {
    padding-left: 20px !important;
}

#tile_style_form .sbg_form .label-text {
    color: #333;
    display: block;
    max-width: 100%;
    margin-top: 2px;
}

#tile_style_form .sbg_form .label-text span {
    color: red;
}

#tile_style_form .col-lg-6 {
    width: 49%;
}

#tile_style ul.navbar-nav li.active a {
    color: #0396fd !important;
}

#tile_style ul.navbar-nav li a {
    height: 60px;
}

/*css for the savings and investments products*/
.si_product_page #tile_style .panel,
.hl_product_page #tile_style .panel,
.pl_product_page #tile_style .panel,
.cc_product #tile_style .panel,
.ca_product #tile_style .panel {
    padding-left: 14px;
}

.si_product_page #tile_style .banner,
.hl_product_page #tile_style .banner,
.pl_product_page #tile_style .banner,
.cc_product #tile_style .banner {
    margin-top: 10px;
    background: none;
    width: 100%;
    height: 240px;
    border: 1px solid #e7e7e7;
}

.cc_product #tile_style .banner {
    height: 244px !important;
}

.si_product_page #tile_style .banner .image,
.hl_product_page #tile_style .banner .image,
.pl_product_page #tile_style .banner .image {
    width: 100% !important;
    height: inherit !important;
    max-width: 100%;
    max-height: 100%;
}

.si_product_page #tile_style .banner > .col-lg-12, .si_product_page #tile_style .banner > .col-lg-6:first-child,
.hl_product_page #tile_style .banner > .col-lg-12, .hl_product_page #tile_style .banner > .col-lg-6:first-child,
.pl_product_page #tile_style .banner > .col-lg-12, .pl_product_page #tile_style .banner > .col-lg-6:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    height: 100%;
}

.si_product_page #tile_style .banner > .col-lg-12 > .col-lg-6:last-child,
.hl_product_page #tile_style .banner > .col-lg-12 > .col-lg-6:last-child,
.pl_product_page #tile_style .banner > .col-lg-12 > .col-lg-6:last-child {
    background-color: #e7e7e7;
    margin: 0;
    height: 100%;
    padding-left: 10px;
}

.pl_product_page #tile_style .banner > .col-lg-12 > .col-lg-6:last-child {
    background-color: #F2F1EF !important;
}

.si_product_page #tile_style .banner .col-md-6,
.hl_product_page #tile_style .banner .col-md-6,
.pl_product_page #tile_style .banner .col-md-6 {
    width: 50% !important;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}

.si_product_page #tile_style .header,
.hl_product_page #tile_style .header,
.pl_product_page #tile_style .header {
    height: auto;
}

.pl_product_page .product_body_content > .col-lg-12 {
    padding-left: 0 !important;
}

.si_product_page #tile_style .horizontal_line {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

/*For the successful message*/
#call_me_back_response {
    display: block;

}

#call_me_back_response .col-lg-12 {
    width: 100% !important;
    max-width: 914px;
    padding-left: 0px !important;
}

#call_me_back_response .response {
    background-color: #026b0c;
    width: 100%;
    margin-bottom: 10px;
}

#call_me_back_response .response > span {
    color: #ffffff;
}

/*For Personal Loan*/
.personal_loan_page #tile_style .body {
    background-color: #f7f7f7 !important;
    text-align: left;
}

.personal_loan_page #tile_style .body > span {
    padding-left: 60px !important;
}

.personal_loan_page #tile_style .tile {
    height: 208px;
}

.personal_loan_page #tile_style .tiles_container {
    height: inherit;
}

.personal_loan_page #tile_style .tile .product_body_content {
    font-size: 14px;
}

.personal_loan_page #tile_style .body .radio,
.pl_product_page #tile_style .body .radio {
    margin-left: 60px;
    padding-top: 10px;
}

.personal_loan_page #tile_style .body .radio > div,
.pl_product_page #tile_style .body .radio > div {
    padding-bottom: 15px;
}

.personal_loan_page #tile_style .ts_call_me .body .greybbox_c,
.pl_product_page #tile_style .ts_call_me .body .greybbox_c {
    padding-left: 60px !important;
}

.personal_loan_page #tile_style .ts_call_me .body .greybbox_c a,
.pl_product_page #tile_style .ts_call_me .body .greybbox_c a,
#call_me_back_success_response a, #direct_to_ibr a, #expenseModal a, #apply_online_modal a, #call_me_back_action a, #limit_increase a {
    cursor: pointer;
}

.personal_loan_page #tile_style #income, #loan {
    background: url(/standimg/South%20Africa/Images/PersonalLoans/r-icon.png) no-repeat scroll 5px 8px #ffffff;
    padding-left: 25px;
}

.pl_product_page #tile_style #income, #loan {
    background: url(/standimg/South%20Africa/Images/PersonalLoans/r-icon.png) no-repeat scroll 5px 8px #ffffff;
    padding-left: 25px;
}

.personal_loan_page #tile_style .sbg_form .sbg_button_submit {
    width: 18%;
    margin-top: 10px;
    margin-left: 60px !important;
}

.personal_loan_page #loan, #loan2, #income, #income2 {
    padding-right: 5px;
}

.personal_loan_page #personal_loan_benefits {
    padding-left: 14px;
}

.personal_loan_page #tile_style .additional {
    padding-top: 15px !important;
}

/*Filters start*/
#tile_style .tiles_container .filters .sbg_form .input_wrapper {
    width: 38%;
}

#tile_style .tiles_container .filters .bit-30 {
    width: 24%;
}

#tile_style .tiles_container .sbg_form .sbg_dropdown ul {
    padding-left: 0;
    width: 232px;
}

#tile_style .tiles_container .interaction {
    background-color: #ffffff !important;
}

#reset_filters {
    font-size: 14px;
}

/*Filters end*/

#call_me_back_action .modal-body span, #expenseModal .modal-body span, #apply_online_modal .modal-body span, #direct_to_ibr .modal-body span,
#call_me_back_success_response .modal-body span,
#limit_increase .modal-body span {
    padding-left: 6px;
    font-weight: bold;
}

#call_me_back_action .modal-body, #expenseModal .modal-body, #apply_online_modal .modal-body, #direct_to_ibr .modal-body, #limit_increase .modal-body {
    height: 100px !important;
}

#call_me_back_success_response .modal-body {
    height: 175px !important;
}

#direct_to_ibr .modContainer, #apply_online_modal .modContainer, #call_me_back_action .modContainer, #limit_increase .modContainer {
    height: 10px !important;
}

#call_me_back_success_response .modContainer:first-child {
    height: 75px !important;
}

#call_me_back_action .modal-body .modContainer .morebtn {
    width: 140px !important;
}

#direct_to_ibr .modal-body .modContainer .morebtn,
#expenseModal .modal-body .modContainer .morebtn, #apply_online_modal .modal-body .modContainer .morebtn,
#limit_increase .modal-body .modContainer .morebtn {
    width: 168px !important;
}

#call_me_back_action .modContainer:last-child > .morebtn:first-child,
#expenseModal .modContainer:last-child > .morebtn:first-child, #apply_online_modal .modContainer:last-child > .morebtn:first-child,
#direct_to_ibr .modContainer:last-child > .morebtn:first-child,
#limit_increase .modContainer:last-child > .morebtn:first-child,
#call_me_back_success_response .modContainer:last-child > .morebtn:first-child {
    margin-left: 0 !important;
}

#expenseModal .modContainer:last-child > .morebtn:first-child {
    width: 230px !important;
}

#apply_online_modal .modContainer:last-child > .morebtn:first-child {
    width: 230px !important;
}

#call_me_back_action .modContainer:last-child > .morebtn:last-child {
    margin-left: 5% !important;
}

#expenseModal .modContainer:last-child > .morebtn:last-child, #apply_online_modal .modContainer:last-child > .morebtn:last-child,
#direct_to_ibr .modContainer:last-child > .morebtn:last-child,
#limit_increase .modContainer:last-child > .morebtn:last-child {
    margin-left: 5% !important;
}

#call_me_back_success_response .modContainer:last-child > .morebtn:last-child {
    margin-left: 0 !important;
}

#call_me_back_action .modal-body span, #expenseModal .modal-body span, #apply_online_modal .modal-body span, #direct_to_ibr .modal-body span,
#limit_increase .modal-body span,
#call_me_back_success_response .modal-body span {
    padding-left: 0 !important;
}

/*Test credit card form start*/

.credit_card_page .modal#cc_apply_online_modal {
    width: 25%;
    margin: 0 auto;
    top: 10px;
    height: auto;
    background-color: #e7e7e7;
    overflow: hidden;
    display: block;
    bottom: auto !important;
}

.credit_card_page #cc_apply_online_modal .body {
    padding-left: 30px;
    padding-right: 30px;
    height: auto;
    display: block;
}

.credit_card_page #cc_apply_online_modal .modal-dialog {
    margin: 0;
}

.modal#cc_apply_online_modal .modal-body {
    height: auto !important;

}

.modal#cc_apply_online_modal .modContainer {
    margin: 0 !important;
    height: auto !important;
    width: 100%;
}
.credit_card_page #cc_apply_online_modal input {
    width: 96%;
}

.modal#cc_apply_online_modal .modal-content {
    height: auto;
    top: 0;
    display: inline-block;
    width: 100%;
}

.credit_card_page #cc_apply_online_modal label {
    display: block;
}

.credit_card_page #cc_apply_online_modal label span {
    color: red;
}

.credit_card_page .heading-title {
    color: #26428b;
}

.credit_card_page .btn-blue {
    background-color: #0396fd;
    color: #fff;
    height: 36px;
    padding: 10px;
    width: 165px;
    margin-top: 10px;
    margin-left: -19px;
    margin-bottom: 30px;
    cursor: pointer;
}

.credit_card_page .btn-blue img {
    margin-left: 8px;
}

.credit_card_page #close-link {
    padding: 5px 12px;
    color: #fff;
    width: 32px;
    height: 30px;
    background-color: #0396FD;
    line-height: 18px;
    border: none;
    border-radius: 0;
    float: right;
    margin-top: -20px;
}

.credit_card_page .heading-title .orange-line {
    background: url(../images/underline_orange.png) no-repeat left bottom !important;
    height: 5px;
}

.credit_card_page .heading-title h2 {
    font-size: 21px;
}

.credit_card_page .heading-title h3 {
    font-size: 17px;
    margin-top: 10px;
}

.credit_card_page #cc_apply_online_modal label.error {
    color: red;
    font-size: 11px;
    margin-bottom: -3px;
}

.credit_card_page .close-button {
    float: right;
    position: relative;
    top: -28px;
    margin-right: 12px;
}

.credit_card_page .modContainer {
    width: auto;
}

.credit_card_page .btn-blue a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/*Tets credit card form end*/

/*Start of S&I promo */

#tile_style .fixed-call-me {
    float: right;
    position: relative;
    bottom: 100px;
    right: 55px;
}

#tile_style .limited-offer-ribbon{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

#tile_style .limited-offer-banner{
    background-color: #f7f7f7;
    clear: both;
    margin-top: 10px;
    height: 280px;
    max-height: 100% !important;
    border: 2px #eaeaea solid;
}

#tile_style .limited-edition-text{
    padding: 25px;
    width: 90%;
    float: left;
    margin-top: 25px;
}

#tile_style .limited-edition-line {
    margin-top: 25px;
}

#tile_style .limited-edition-text img{
    margin-left: 30px;
}


#tile_style .offer-details-list li{
    background: url("/standimg/South%20Africa/static files/Banners/icon_recommend.png") no-repeat;
    list-style: none;
    background-size: 3%;
    padding-left: 25px;
}

#tile_style .offer-details-list {
    margin-left: -36px;
    margin-bottom: 25px;
}

#tile_style .apply-online-fixed-deposit{
    margin-top: 20px;
}

#tile_style .details-list-container{
    float: left;
    width: 65%;
}

#tile_style .interest-container div{
    font-size: 24px;
    margin-top: -15px;
    color: #f58320;
}

#tile_style .interest-container img{
    width: 130px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#tile_style .offer-details{
    margin-top: 5px;
}

#tile_style #terms-condition-modal{
    margin: 0 auto;
    width: 880px;
    top: 20px;
    background-color: #fff;
    bottom: auto;
}

#tile_style #terms-condition-modal .modContainer{
    height: auto;
}

#tile_style #terms-condition-modal .modal-content{
    box-shadow: none !important;
    border: none !important;
}

#tile_style #terms-condition-modal .modal-body p{
    font-weight: normal;
    margin-left: 0px;
    float: none;
}

#tile_style .terms-condition-content{
    padding-left: 30px;
    padding-right: 30px;
}

#tile_style .terms-condition-content .header h3{
    background: url("/standimg/South%20Africa/static files/Banners/underline_orange.png") no-repeat left bottom !important;
    margin-bottom: 20px;
    margin-top: 50px;
    height: 34px;
    font: normal 24px/25px "standard_bank-bookregular", Arial, sans-serif;
    color: #26428b;
}

#tile_style .terms-condition-content{
    font: normal 24px/25px "standard_bank-bookregular", Arial, sans-serif;;
}

#tile_style .interest-table-content th{
    background-color: #061943;
    color: #fff;
    font-size: 15px;
    font-weight: normal !important;
    width: 33% !important;
    padding-left: 15px;
}

#tile_style .interest-table-content td{
    color: #333;
    font-size: 15px;
    font-weight: normal !important;
    padding-left: 15px;
}

#tile_style .interest-table-content{
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#tile_style .table-bordered > tbody > tr > td{
    border: 1px solid #fff;
}

#tile_style .table-bordered > tbody > tr > td.active{
    background-color: #CFD3DC;
}

#tile_style .table-bordered > tbody > tr > td.info{
    background-color: #ECEDF1;
}

#terms-condition-modal #close-link {
    background-color: #0396FD;
    color: #fff;
}

#tile_style .apply-online-fixed-deposit a{
    display: inline-block;
    padding: 10px 42px 10px 20px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon_shopandarrow.png) no-repeat #0396FD 89% 50%;
    width: 190px;
    text-align: center;
    height: 46px;
    line-height: 24px;
    font-size: 14px;
    float: left;
    border: 1px solid transparent;
}

/*end of S&I promo */

/*for credit card page*/

.credit_card_page #tile_style .tiles .left_product {
    margin-right: 18px !important;
}

.credit_card_page #tile_style .card_description {
    padding-top: 0px;
}

.credit_card_page #tile_style .card_description .col-sm-1,
.credit_card_page #tile_style .card_description .col-xs-1,
.credit_card_page #tile_style .card_description .col-lg-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 3%;
}

.credit_card_page #tile_style .card_description .col-lg-2 > .col-lg-1 {
    padding-left: 0 !important;
}

.credit_card_page #tile_style .credit_card_fees {
    padding-left: 170px !important;
    margin-top: -46px !important;
}

.credit_card_page #tile_style .credit_card_earnings {
    color: #808080;
    font-size: 8px;
    width: 120px;
    padding-left: 83px;
    margin-top: -25px;
}

.credit_card_page #tile_style .vertical_pad {
    padding-left: 148px;
    margin-top: -46px;
}

.credit_card_page #tile_style .margin_top_10 {
    margin-top: 20px;
    margin-left: -48px;
}

.credit_card_page #tile_style .description_padding {
    padding-left: -29px;
    margin-left: -59px;
    display: block;
}

.credit_card_page #tile_style .img_pad {
    padding-left: -12px;
    display: block;
}

.credit_card_page #tile_style .width_space {
    margin: 0 0 5px 0;
}

.credit_card_page #tile_style .tab_body {
    margin-top: -30px;
    font-family: arial, serif;
}

.credit_card_page #tile_style .margin_top_18 {
    margin-top: 18px
}

.credit_card_page #tile_style .pad_top_30 {
    padding-top: 30px;
}

.credit_card_page #tile_style .tab_information {
    padding-left: 3px !important;
    width: 100%;
}

.credit_card_page #tile_style #credit_card_benefits {
    width: 7%;
}

.credit_card_page #tile_style #credit_card_safety {
    width: 10%;
}

.credit_card_page #tile_style #using_credit_card {
    width: 13%;
}

.credit_card_page #tile_style #managing_credit_card {
    width: 16%;
}

.credit_card_page #tile_style #credit_card_way_to_pay {
    width: 11%;
}

.credit_card_page #tile_style #credit_card_travelling {
    width: 14%;
}

.credit_card_page #tile_style #credit_card_protection {
    width: 13%;
}

.credit_card_page #tile_style #TermsConditions {
    width: 90%;
}

#TermsConditions {
    width: 93%;
}

/*.credit_card_page #tile_style .card_image {*/
/*margin-left: -40px;*/
/*}*/

.credit_card_page #tile_style .card_details {
    width: 100%;
    top: 12px;
}

.credit_card_page #tile_style .credit_bottom_header {
    font-weight: bold;
}

.credit_card_page #tile_style .vertical_padding {
    margin-left: 120px;
}

.credit_card_page #tile_style .additional_information_text {
    color: #26428b;
    margin-top: 37px;
}

.credit_card_page #tile_style .u_count_logo {
    width: 40px
}

.credit_card_page #tile_style .product_banner {
    border: 0;
    background-color: #FFFFFF;
}

.credit_card_page #tile_style .credit_card_product {
    background-color: #FFFFFF;
}

.credit_card_page #tile_style .monthly_fee_padding {
    padding-left: 0px;
}

.credit_card_page #tile_style .cre {
    border-radius: 3px;
    border: 1px #eaeaea solid;
}

.credit_card_page #tile_style .credit_card_product_body {
    border: solid transparent;
}

.credit_card_page #tile_style #platinum_card_text {
    width: 100%;
}

.credit_card_page #tile_style #titanium_card_text {
    width: 100%;
}

.credit_card_page #tile_style #gold_card_text {
    width: 100%;
}

.credit_card_page #tile_style #blue_card_text {
    width: 250px;
}

.credit_card_page #tile_style #professional_card_text {
    width: 227px;
}

.credit_card_page #tile_style #access_card_text {
    width: 240px;
}

#call_me_back_id_type_separation {
    width: 730px;
    text-align: left;
    background-color: #eee;
    height: 1px;
}

#credit_card_application input[name="identification_number"] {
    margin-top: -12px;
}

#tile_style .id_type_choice a {
    background: transparent url("/standimg/South%20Africa/Images/SavingsInvestments/radio_button_inactive.png") scroll no-repeat 0 50%;
    float: left;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
    height: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    text-indent: 23px;
    line-height: 18px;
    text-decoration: none;
    overflow: hidden;
    display: block;
    font-size: 14px;
}

#tile_style .id_type_choice {
    padding-left: 0;
}

/*#tile_style #tile_style_form .sbg_form > .input:nth-child(3) {
    margin-top: 8px;
}*/

#tile_style #id_number, #tile_style #Rand {
    background: url(/standimg/South%20Africa/Images/SavingsInvestments/lock-icon.png) no-repeat scroll 345px 4px #ffffff;
}

#tile_style div.click_product {
    cursor: pointer;
}

#tile_style #selection-error {
    color: #FF0000;
    font-weight: normal;
    display: block !important;
}

/*Credit card product page start*/
.cc_product .banner img {
    width: 98%;
    height: auto;
}

.cc_product .banner .image {
    padding-top: 37px;
}

.cc_product .banner .col-lg-12 {
    background-color: #f7f7f7;
    padding-left: 20px !important;
    border: 1px solid #f7f7f7;
}

.cc_product .banner .banner_description {
    width: 71%;
}

.cc_product .banner .col-lg-5:first-child {
    padding-left: 0;
    vertical-align: middle;
    padding-right: 0;
}

.cc_product .banner .col-lg-5:last-child {
    width: 35%;
}

.cc_product .banner .col-lg-7 {
    padding-left: 20px;
}

.cc_product .banner .col-lg-1 {
    padding-right: 20px;
}

.cc_product .banner .col-lg-5:first-child .bottom_header {
    font-size: 26px !important;
    color: #003d68;
    font-weight: bolder;
}

.cc_product .banner .banner_footer {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.cc_product .banner .benefits_included {
    float: left;
    width: 11%;
}

.cc_product .banner .master_card_image,
.cc_product .banner .snap_scan_image,
.cc_product .banner .tap_and_go_image,
.cc_product .banner .uCount_image,
.cc_product .banner .sb_image,
.cc_product .banner .mobile_banking_image {
    float: left;
    padding-left: 5px;
    padding-top: 8px;
}

.cc_product .banner .tap_and_go_image {
    padding-top: 0 !important;
    margin-top: -6px;
}

.cc_product .cc_product_footer {
    width: 100%;
    float: left;
}

.cc_product .cc_product_footer .one,
.cc_product .cc_product_footer .two,
.cc_product .cc_product_footer .three,
.cc_product .cc_product_footer .four {
    float: left;
    width: 21%;
}

.cc_product .cc_product_footer_title {
    padding-top: 20px;
}

.cc_product .cc_product_footer img {
    width: 100%;
    height: auto;
}

.cc_product .cc_product_footer .separator {
    width: 5%;
    float: left;
}

.cc_product .cc_product_footer .separator > img {
    width: 2% !important;
    height: 180px !important;
    margin-left: 22px;
}

.cc_product .cc_product_footer a {
    display: block;
    width: 100px;
    background: url("../images/icon_arrow_light_blue.png") 38% 50% no-repeat;
}

.cc_product .cc_product_footer a:hover {
    background: url("../images/icon_arrow_orange.png") 38% 50% no-repeat;
}

.cc_product .banner .credit_card_earnings {
    font-size: 12px !important;
    color: #000000 !important;
    font-weight: normal;
}

.cc_product #tile_style .banner .bottom_header {
    width: 100% !important;
}

.cc_product #tile_style .header {
    height: 40px;
}

.cc_product #tile_style #signature_banking_tabs{
    margin-top: 30px;
}
.cc_product #tile_style #signature_banking_tabs li > a{
    padding: 20px;
    font-size: 14px;
    color: #666666;
    background-color: #f3f3f3;
    border-radius: 0px;
}

.cc_product #tile_style #signature_banking_tabs .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: #0496fd;
    color: #fff;
}

.cc_product #tile_style #signature_banking_tabs a:hover{
    background-color: #0496fd;
    color: #fff;
}

.cc_product #tile_style .tab-content{
    border: 2px solid #f3f3f3;
    padding: 20px;
}

.cc_product #tile_style #signature_banking{
    margin-left: 20px;

}

.cc_product #tile_style #signature_banking_family{
    margin-left: 20px;
}

/*Credit card product page end*/

/*Current Accounts */
.current_account_page #tile_style .monthly_fee {
    font-size: 25px;
    font-weight: bold;
    width: 97%;
    color: #003d68;

}

.current_account_page #tile_style .earnings {
    font-size: 25px;
    font-weight: bold;
    width: 125%;
    color: #f58320;
}

.current_account_page #tile_style .card_description {
    width: 50% !important;
    margin-left: 10px;
}

.current_account_page #tile_style .ca_filters {
    padding-left: 0 !important;
}

.current_account_page #tile_style .card_details {
    padding-left: 27px !important;
}

.current_account_page #tile_style .drop_down_filter {
    padding-left: 0 !important;
}

.current_account_page #tile_style #bottom_box {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.ca_product #tile_style .banner .bottom_header {
    width: 125% !important;
}

.ca_product .banner .image {

}

.cc_product .banner .banner_description {
    width: 100%;
}

.cc_product #bottom_box {
    padding-left: 53px !important;
    padding-bottom: 17px !important;

}

#not_found_filters {
    color: #f58320;
    font-weight: bolder;
}

.current_account_page #tile_style .tile_font {
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0 !important;
}

.current_account_page #tile_style .short_heading {
    height: 38px;
}

.current_account_page #tile_style .card_pad_left {
    padding-left: 0 !important;
    margin-left: -14px;
    margin-top: 12px;

}

.current_account_page #tile_style .income_details {
    width: 128px !important;
    margin-top: 15px
}

.current_account_page #tile_style .img_size {
    width: 42% !important;
}

.current_account_page #tile_style .img_pad {
    margin-left: 141px;
    margin-top: -57px;
}

.current_account_page #tile_style .img_pad2 {
    margin-left: 271px;
    margin-top: -57px;
}

.current_account_page #tile_style .tiles {
    padding-top: 5px;
    background-color: #ffffff;
    width: 100%;
    margin: 0 0 0 0;
}

.current_account_page #tile_style .tiles_container {
    width: 100%;
    position: relative;
}

.current_account_page #tile_style .ts_product {
    width: 49% !important;
}

.current_account_page #tile_style .tiles .left_product_tile {
    margin-left: 0 !important;
    margin-bottom: 21px !important;
}

.current_account_page #tile_style .tiles .main_headings {
    margin-bottom: 20px;
}

.current_account_page #tile_style .tile_height {
    height: inherit;
}

.current_account_page #tile_style .tiles .card_earnings {
    font-size: 12px !important;
    color: slategray !important;
    font-weight: bold;
    width: 107px;
}

.current_account_page #tile_style .tiles .mobile_image {
    visibility: hidden;
}

.current_account_page #tile_style .tiles .tile_heading {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.current_account_page #tile_style .box {
    margin-left: 0;
}

.current_account_page #tile_style .main_additional_information {
    width: 100%;
    margin: 0 0 0 0;
}

.current_account_page #tile_style .ts_call_me {
    width: 100% !important;
    margin: 0 0 0 0;
}

.current_account_page #tile_style .info_container {
    width: 800px !important;
}

.current_account_page #tile_style .ts_call_me .body,
.ca_product #tile_style .ts_call_me .body {
    width: 100%;
}

.ca_product #tile_style .ts_call_me {
    margin-left: 0;
}

.ca_product #tile_style .box {
    width: 100% !important;
    margin-left: 0;
}

.current_account_page #tile_style .tile {
    height: 200px;
}

.current_account_page #tile_style .tile:hover {
    height: 200px;
}

.current_account_page #tile_style .img_pad_sum {
    margin-left: 266px !important;
}

.current_account_page #current_account_fees:hover {
    cursor: pointer;
}

.ca_product .call_me_back {
    margin-left: 20px !important;
}

.ca_product #tile_style .additional_information {
    margin-left: -13px;
    margin-top: 7px;
}

.ca_product .ca_product_image {
    margin-left: -22px;
    margin-top: -38px;
}

.current-account-modal .heading-title h3{
    color: #26428b;
    font-size: 18px;
    margin-top: 35px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    margin-bottom: 25px;
}

.current-account-modal div.morebtn{
    width: 225px;
    margin-left: 5px;
    margin-top: 35px;
}

.current-account-modal #myModal {
    width: 700px;
    margin: 0 auto;
    top: 20%;
}



.current-account-modal .modContainer{
    height: 340px;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
}

.current-account-modal .modal-body p{
    color: #5f5f5f;
    font-weight: normal;
    margin-left: 45px;
    float: none;
    line-height: 18px;
    padding-top: 6px;
}

.current-account-modal .modal-body .internet-banking-info p {
    line-height: 22px;
    font-weight: normal;
    margin-left: 0px;
    padding-top: 1px;
    width: 100%;
}

.current-account-modal .modal-body .internet-banking-info h3{
    margin-bottom: 10px;
    margin-top: 33px;
}

.current-account-modal .number-item img{
    height: 35px;
    float: left;
}

.current-account-modal .number-item {
    margin-bottom: 15px;
}

.current-account-modal .btn-close{
    margin-top: -10px;
    margin-right: -45px;
}

.current-account-modal .or-line {
    margin-top: 103px;
    margin-left: -23px;
    margin-right: 23px;
}

.current-account-modal #check{
    margin-top: 28px;
    margin-bottom: 5px;
}

#task_flyout{
    height:50px;
    background-color:blue;
    width: 160px;
    float: right;
    color: #fff;
}

.fixed {
    position:fixed;
    top:0;
    z-index:2;
    width:100%;
    right: 40px;
}

/* Vehicle finance starts here*/
.hl_product_page .vaf-light-border {
    border-bottom: 1px solid #ccc;
}

.hl_product_page .hand-image-vaf{
    margin-top: 34px;
}

.vehicle-finance-modal #myModal{
    width: 750px;
    margin: 0 auto;
    top: 20%;
}

.vehicle-finance-modal .modContainer {
    height: 380px;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
}

.vehicle-finance-modal .modal-body p{
    height: 0px !important;
    line-height: 18px;
    margin-left: 0px;
    width: 100%;
}

.vehicle-finance-modal .btn-close{
    width: 35px;
    margin-right: -45px;
    margin-top: -10px;
    float: none;
}

.vehicle-finance-modal .vaf-cancel-button .btn-close{
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 80% 50%;
    color: #fff;
    margin-top: 0px;
    float: left;
    height: 45px;
    width: 110px;
    text-align: left;
}
.vehicle-finance-modal .vaf-cancel-button .btn-close:hover{
    background-color: #5f5f5f;
}

.vehicle-finance-modal .modal-body .morebtn{
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 86% 50%;
    left: 56px;
    margin-top: 0px;
    height: 45px;
    width: 110px;
}

.vehicle-finance-modal .modal-body .morebtn:hover{
    background-color: #5f5f5f;
}

.vehicle-finance-modal div.morebtn a.arrowLink {
    padding: 12px 6px 0 15px;
}


.vehicle-finance-modal .vaf-button-container{

}

.hl_product_page .vaf-option-container h3{
    font-size: 14px !important;
    color: #333;
    margin-bottom: 40px;
    margin-top: 5px;
}

.hl_product_page .vaf-option-container th {
    background-color: #061943;
    color: #fff;
    font-size: 15px;
    font-weight: normal !important;
    padding-left: 23px;
    height: 55px;
    padding-top: 17px;
}

.hl_product_page .vaf-option-container .first-row{
    width: 20% !important;
}

.hl_product_page .vaf-option-container .light-grey td{
    background: #f6f6f6 ;
    padding: 25px;
    font-size: 12px;
}

.hl_product_page .vaf-option-container .dark-grey td{
    background: #e5e5e5 ;
    padding: 25px;
    font-size: 12px;
}

.hl_product_page  .vaf-option-content{
    margin-bottom: 45px;
}

/*ends*/

.hl_product_page .vaf-application-container h3{
    font-size: 14px !important;
    color: #5c5c5c;
    margin-bottom: 40px;
}

.hl_product_page .vaf-application-container .number-item img {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    margin-top: 5px;
}


.hl_product_page .vaf-application-container .number-item p{
    margin-left: 55px;
    float: left;
    width: 100%;
    margin-top: -31px;
    color: #5c5c5c;
}

.hl_product_page .vaf-application-container .number-item {
    margin-left: 35px;
}

.hl_product_page .vaf-application-container .vaf-application-tile{
    background-color: #fafafa !important;
    border-radius: 2px;
    border: 2px solid #f7f7f7;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
    height: 380px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.hl_product_page .vaf-application-container .vaf-application-tile .description{
    height: 210px !important;
    color: #5c5c5c;

}
.hl_product_page .vaf-application-container .vaf-application-tile .product_header{
    margin: 30px 22px 15px;
    font-weight: bold;
    color: #5c5c5c;
}

.hl_product_page .vaf-application-container .vaf-application-tile .sb-apply-btn{
    width: 195px;
    margin-left: 10px;
}


.hl_product_page .vaf-application-container .vaf-application-tile .hl_separator {
    margin: 0 25px 10px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(155, 155, 155, 0.52);
    padding: 0;
}

.hv_page #tile_style .ts_product .additional_information_vaf{
    background-color: #fafafa !important;
    border-radius: 2px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
    padding: 10px 24px 10px 24px;
    border: none;
    text-align: left;
    margin-bottom: 20px;
    height: 210px;
}

.hv_page #tile_style .ts_product .additional_information_vaf .hl_separator{
    margin: 0 18px 10px 0px;
}

.hv_page .mobile-app-info{
    list-style: disc;
}

.vaf .vaf_app_contact .contact{
    background-color: #fff !important;
}

.hv_page .mobile-app-info ul{
    margin-left: 25px;
    list-style: disc;
}

.hv_page #tile_style .ts_product .additional_information_vaf p{
    text-align: left;
    color: #5f5f5f;
}

.vaf .img_text .first{
    color: #5f5f5f;
}

.vaf .img_text .second{
    color: #5f5f5f;
}

.vaf .img_text .last{
    color: #5f5f5f;
}


.hv_page .mobile-app-info {
    position: relative;
    margin-left: 15px;
}

.hl_product_page .vaf-option-container .vaf-option-content ul {
    list-style: inherit;
    margin-left: 11px;
}

.hl_product_page .ts_product{
    background-color: #fff;
}

/*Always 24/7 promo start*/

.always_on_promo .info-icons-always-on img{
    display: inline-block;
    margin-right: 5px;
    width: 48px;
    height: 47px;

}

.always_on_promo #personal_banking_details ol {
    list-style: url;
    margin-left: 10px;
    list-style: decimal;
}


.always_on_promo #business_banking_details ol{
    list-style: url;
    margin-left: 10px;
    list-style: decimal;
}

.always_on_promo .header h3{
    margin-top: 20px;
    height: 25px;
    font-weight: 600;
    font-size: 13px !important;
    color: #26428b;
}

.always_on_promo .always_on_confirm_buttons button {
    margin: 4px 0px;
    display: inline-block;
    padding-left: 15px;
    text-align: left;
    color: #fff;
    background: #0396FD 89% 50%;
    width: 100%;
    height: 30px;
    font-size: 14px;
    border: 0px;
    position: relative;

}

.always_on_promo .always_on_confirm_buttons button:hover{
    background-color: #f58320;
}

.always_on_promo .always_on_confirm_buttons button:active{
    background: #f58320;
}

.always_on_promo .always_on_confirm_buttons button:focus{
    background: #f58320;
    outline: none;
}

.always_on_promo .confirmed_customer_menu{
    width: 100%;
    height: 35px;
}

.always_on_promo .confirmed_customer_menu button{
    display: inline-block;
    color: #424242;
    border: none;
    height: 35px;
    width: 49%;
}

.always_on_promo .confirmed_customer_menu button:active{
    background-color: #d5d5d5;
}

.always_on_promo .confirmed_customer_menu button:focus{
    background-color: #d5d5d5;
    outline: none;
}

.always_on_promo .always_on_confirm_buttons button:focus:after{
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f58320;
}

.always_on_promo .social-icons-always-on{
    background: url(../images/headline_gradient_orange.png) no-repeat left bottom !important;
    margin-top: 10px;
    height: 80px;
}

.always_on_promo .always_on_confirm_buttons button:active:after  {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f58320;
}

.always_on_promo .social-icons-always-on img{
    display: inline-block;
    margin-left: 5px;
    width: 46px;
    float: right;
    margin-top: 15px;
    margin-bottom: 20px;
}

.always_on_promo #personal_banking_details {
    margin-left: 45px;
    margin-top: 30px;
    margin-right: 40px;
}

.always_on_promo #business_banking_details {
    margin-left: 45px;
    margin-top: 30px;
    margin-right: 30px;
}

#confirmed_customer_container{
    display: none;
    height: 400px;
    background-color: #f3f3f3;
    overflow-y: scroll;
    margin-bottom: 15px;
}

#confirmed_customer_container_mobile{
    height: 400px;
    background-color: #f3f3f3;
    overflow-y: scroll;
    margin-bottom: 15px;
    margin-top: 20px;
}

.always_on_promo .private_details{
    margin-bottom: 20px;
    border-left: 1px solid #d9d9d9;
    padding-left: 20px;

}

.always_on_promo {
    color: #424242;
}

#not_confirmed_customer_container{
    display: none;
    height: 400px;
    background-color: #f3f3f3;
    overflow-y: scroll;
    margin-bottom: 15px;
    overflow-x: hidden;
}

.always_on_promo .not_confirmed_customer_menu{
    background-color: #e4e4e4;
    width: 100%;
    height: 35px;
    margin-top: -2px;
}

.always_on_promo .not_confirmed_customer_menu button{
    display: inline-block;
    color: #424242;
    border: none;
    height: 35px;
    width: 200px;
}

.always_on_promo .prestige_button {
    background-color: #0396fd;
    font-weight: bold;
    height: 40px;
    width: 190px;
    padding: 12px;
    color: #fff;
}

.always_on_promo #personal_banking_details ul {
    list-style: inherit;
    margin-left: 10px;
}

.always_on_promo #business_banking_details ul{
    list-style: inherit;
    margin-left: 10px;
}

.always_on_promo .prestige_button a{
    color: #fff;
    height: 40px;
}

.always_on_promo .private_banking_button:hover{
    color: #fff;
    height: 40px;
    background-color: #f58320;
}

.always_on_promo .prestige_button:hover{
    color: #fff;
    height: 40px;
    background-color: #f58320;
}

.always_on_promo .how_to_apply_details{
    margin-left: 45px;
    margin-top: 30px;
    margin-right: 25px;
}

.always_on_promo .private_banking_button{
    background-color: #0396fd;
    font-weight: bold;
    height: 40px;
    width: 185px;
    padding: 12px;
    color: #fff;
}

.always_on_promo .private_banking_button a{
    color: #fff;
    height: 40px;
}


.always_on_promo .prestige_details {
    margin-left: 17px;
    margin-bottom: 20px;
    margin-right: 10px;

}

.always_on_promo h1{
    background: url(../images/headline_gradient_orange.png) no-repeat left bottom !important;
    font: normal 18px/22px "standard_bank-bookregular", Arial, sans-serif;
    height: 52px;
}

.always_on_promo .terms_conditions_pdf{
    background-color: #f3f3f3;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.always_on_promo .prestige_details ul {
    margin-left: 12px;
    list-style: inherit;
}

.always_on_promo .private_details ul {
    margin-left: 13px;
    margin-right: 20px;
    list-style: inherit;
}

.always_on_promo .not_confirmed_customer_menu button:active{
    background-color: #d5d5d5;
}

.always_on_promo .not_confirmed_customer_menu button:focus{
    background-color: #d5d5d5;
}


#not_confirmed_customer_container{
    display: none;
}


/*New personal loans*/


#tile_style .personal-loans-full_width-container{
    background-color: #fafafa !important;
    border-radius: 2px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
    padding: 35px;
    margin-bottom: 30px;
}

#tile_style .personal-loans-full_width-container .sbg_form {
    margin: 4px 0px;
    display: inline-block;
    padding: 10px 53px 10px 20px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon_arrow_white.png) no-repeat #0396FD 89% 50%;
    width: auto;
    text-align: center;
    height: 46px;
    line-height: 24px;
    font-size: 14px;
    border: 0px;
    width: 150px;
}

#tile_style .personal-loans-full_width-container .product_header {
    color: #26428b;
}

.form-group{

}


.personal_loans_page #tile_style span.p14{
    font-size: 13px;
    color: #333;
}

.personal_loans_page #tile_style .panel ul li{
    font-size: 13px;
}

#tile_style .personal-loans-full_width-container .hl_separator{
    margin: 0 0px 20px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(155, 155, 155, 0.52);
    padding: 0;

}

#tile_style .personal-loans-full_width-container label{
    font-weight: normal;
    font-size: 13px;
}

#tile_style .personal-loans-full_width-container span.required{
    color:red;
}

#tile_style .personal-loans-full_width-container #terms_and_conditions {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}

.personal_loans_page #tile_style #credit_check {
    top: 40px;
    width: 50%;
    margin: 0 auto;
    padding: 25px;
}

.personal_loans_page #tile_style #credit_check_loader{
    margin: 20px;
}

.personal_loans_page #tile_style #credit_check .modal-body .morebtn{
    margin-left: 0px;
    margin-bottom: 10px;
}

.personal_loans_page #tile_style #credit_check .modContainer{
    padding: 30px;
    height: auto;
    width: 100%;
}

.personal_loans_page #tile_style #personal_loan_success_application .personal-loans-full_width-container .panel{
    background-color: transparent;

}

.personal_loans_page #tile_style #personal_loan_success_application .personal-loans-full_width-container #continue_application {
    float: left;
    margin-right: 10px;
    padding-left: 15px;
}

.personal_loans_page #tile_style #personal_loan_success_application .personal-loans-full_width-container #get_offer_pl {
    float: left;
    margin-right: 10px;
    padding-left: 15px;
}

.personal_loans_page #tile_style #personal_loan_success_application .personal-loans-full_width-container #cancel_pl_modal {
    float: left;
    margin-right: 10px;
    padding-left: 15px;
}


.personal_loans_page #tile_style .pl-tab-container {
    border: 1px solid #eee;
    background: #FAFAFA;
    margin-bottom: 15px;
}

.personal_loans_page #tile_style .repayment_calculator{
    border: 1px solid #eee;
    background: #FAFAFA;
}

.personal_loans_page #tile_style .pl-tab-container a.active .text .heading {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00adea;
    padding-top: 15px;
}

.personal_loans_page #tile_style .pl-tab-container a.active .text .description {
    font-size: 12px;
    margin-bottom: 20px;
    color: #adadad;
    padding-right: 10px;
}

.personal_loans_page #tile_style .repayment_calculator .payment_slider{
    margin: 30px 15px;
}

.personal_loans_page #tile_style .pl-tab-container a.active .icon {
    padding-top: 7px;
    background: url(/standimg/South%20Africa/Images/HomeLoans/calc-btn2.png) no-repeat #026CB7 50% 50%;
    background-size: 95%;
    margin: 10px;
    width: 60px;
    height: 60px;
    position: relative;
    float: left;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.personal_loans_page #tile_style .apply-now-pl input{
    margin: -20px 10px 20px 0px;
    display: inline-block;
    padding: 10px 53px 10px 20px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon_arrow_white.png) no-repeat #0396FD 89% 50%;
    width: auto;
    text-align: center;
    height: 46px;
    line-height: 24px;
    font-size: 14px;
    border: 0px;
    float: right;
}

.personal_loans_page #tile_style .hv_product_body .description{
    height: 75px !important;
    font-size: 13px !important;
}

.personal_loans_page #tile_style .repayment_calculator .bit-30 input{
    margin-top: 7%;
}

.personal_loans_page #tile_style .repayment_calculator .bit-70 .sbg_slider{
    width: 100%;
    margin: 0 auto;
    padding-left: 110px;
}

.personal_loans_page #tile_style .repayment_calculator .payment_monthly p{
    width: 100%;
    margin-bottom: 30px;
    margin-left: 16px;
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #00adea;
    padding-top: 15px;
    font-weight: 400 !important;

}

.personal_loans_page #tile_style .repayment_calculator .payment_monthly span#total_loan_payment{
    background-color: transparent;
    width: 60%;
    padding: 7px 25px;
    margin-left: 10px;
    font-size: 20px !important;
    color: #0396FD;
    border: none;
    float: left;
    margin-right: -25px;
}


.personal_loans_page #tile_style .repayment_calculator .payment_monthly span#months{
    font-size: 16px !important;
    color: #ccc;
    line-height: 35px;
    margin-left: -15px;
}


.personal_loans_page #tile_style .repayment_calculator .bit-70 span{
    font-size: 25px;
    color: #0399FB;
    margin-top: -30px;
}

.personal_loans_page #tile_style #successful_application_outer_container {
    top: 20px;
    width: 53%;
    margin: 0 auto;
}

.personal_loans_page #tile_style #successful_application_outer_container .modContainer {
    width: 100%;
}


.personal_loans_page #tile_style #unsuccessful_application_outer_container {
    top: 40px;
    width: 60%;
    margin: 0 auto;
}

.personal_loans_page #tile_style #thank_you_message {
    width: 52%;
    margin: 0 auto;
    top: 25px;
}


.personal_loans_page #tile_style #thank_you_message .modal-content {
    padding-left: 40px;
    padding-right: 40px;
}

.personal_loans_page #tile_style #thank_you_message .modContainer{
    height: auto;
    width: 100%;
}

.personal_loans_page #tile_style #thank_you_message #thank_message_pl #cancel_pl_modal .sbg_form.input.input.sbg_button_submit {
    margin: 4px 0px;
    display: inline-block;
    padding: 10px 53px 10px 20px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: url(../images/icon_arrow_white.png) no-repeat #0396FD 89% 50%;
    width: 150px;
    text-align: center;
    height: 46px;
    line-height: 24px;
    font-size: 14px;
    border: 0px;
}

.personal_loans_page #tile_style #successful_application_outer_container .modal-content {
    position: absolute;
    padding-left: 40px;
    padding-right: 40px;
}

.personal_loans_page #tile_style #unsuccessful_application_outer_container .modal-content {
    position: absolute;
    padding-left: 40px;
    padding-right: 40px;
}

.personal_loans_page #tile_style #successful_application_outer_container #successful_application_container #display_amount {
    height: 50px;
    color: #26428b;
    font-size: 38px;
    float: left;
    padding-left: 5px;
    font-weight: bold;
}

.personal_loans_page #tile_style #successful_application_outer_container .modal-body p{
    width: 100%;
    margin-left: 0px;
    font-weight: normal !important;
    margin-top: 0px;
    margin-bottom: 5px;
    height: auto !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

.personal_loans_page #tile_style #successful_application_outer_container #successful_application_container .pl_amount{
    display: inline-flex;
}

.personal_loans_page #tile_style #successful_application_outer_container #successful_application_container .small_amount #display_amount {
    float: left !important;
    font-size: 13px !important;
    height: 0px !important;
    line-height: 22px;
    margin-right: 2px;
    padding-left: 2px !important;
}
.personal_loans_page #tile_style #unsuccessful_application_container .product_header{
    color: #26428b;
    padding-bottom: 5px;
}

.personal_loans_page #tile_style .personal-loans-full_width-container .hmb-additional-income_pl {
    position: absolute;
    bottom: 9px;
    right: 30px;
}

.personal_loans_page #tile_style #hmb-additional-modal-pl .modal-content h4{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #26428b;
    font-weight: bold;
}

.personal_loans_page #tile_style #hmb-additional-modal-pl .modal-content .modalCloseBtn{
    position: absolute;
    right: 0px;
    top: 0;
}

.personal_loans_page #tile_style #hmb-additional-modal-pl .modal-content .modalCloseBtn .text{
    padding: 20px;
    float: left;
    cursor: pointer;
}

.personal_loans_page #tile_style #hmb-additional-modal-pl .modal-content .modalCloseBtn .closeModalBtn{
    margin-top: 0 !important;
    padding: 20px;
    background-color: #0295fc;
    opacity: 1.0 !important;
    color: #ffffff !important;
}

.personal_loans_page #tile_style #hmb-additional-modal-pl .modal-body .modal-body-fullwidth{
    background-color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    padding: 0px 20px 20px 20px;
}

/* Start New home loan */

#build_a_home .row{
    margin-left: 0px;
    margin-right: 0px;
}

.hv_page #tile_style .intro-content{
    text-align: center;
}

.hv_page #tile_style .intro-content img{
    margin-bottom: 10px;
    height: 58px;
    width: 60px;
}

.hv_page #tile_style #feature-benefits img{
    float: left;
    height: 48px;
    width: 48px;
    margin-right: 10px;
}

#build_a_home #tile_style .tiles_container .ts_product{
    height: 250px;
}

#build_a_home #tile_style .tile:hover{
    height: 100%;
}

#build_a_home #tile_style .hv_product_body .description{
    height: auto;
    font-size: 12px;
}

#build_a_home #tile_style .last_section ul.linkList{
    line-height: 30px;
}

#build_a_home #tile_style .phone_number > p:last-child{
    padding-bottom: 0px;
}

#build_a_home #tile_style .tiles_container .ts_product p{
    text-align: left;
    margin-bottom: 15px;
}

#build_a_home #tile_style .ts_call_me{
    background-color: #fafafa !important;
    border-radius: 2px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.24);
    margin-bottom: 30px;
    text-align: left;
    padding: 35px;
}

#build_a_home #tile_style .panel ul li{
    line-height: 28px;
    padding: 0px 0px 0px 5px;
    margin-left: 10px;
}

#build_a_home #tile_style .ts_call_me .col-lg-6, #tile_style_form .col-lg-12{
    padding-left: 0px !important;
}

#build_a_home .ts_call_me .greybbox_c > div, .hl_product_page .ts_call_me .greybbox_c > div{
    margin-left: 0px;
}

#build_a_home #tile_style #tile_style_form .sbg_form > .input:nth-child(4){
    margin-top: -9px;
}

#build_a_home  #tile_style #tile_style_form .sbg_form .label-text {
    font-weight: normal;
    font-size: 13px;
}

#build_a_home  #tile_style .id_type_choice a {
    font-size: 13px;
    font-weight: normal;
}

#build_a_home  #tile_style .greybbox_c{
    padding: 0px;
}

#build_a_home #tile_style .ts_call_me .product_header {
    color: #26428b;
}

#build_a_home #tile_style .ts_call_me .hl_separator{
    margin: 15px 0px 15px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(155, 155, 155, 0.52);
    padding: 0;
}

#build_a_home #tile_style .tiles_container #additional_tiles img{
    float: left;
    padding: 0px 6px 0px 6px;
    height: 20px;
    margin-right: 15px;
}

#build_a_home #tile_style .last_section .infographic{
    height: 185px;
}

#build_a_home #tile_style .tile{
    height: 100%;
}

.hv_page #tile_style .home-loans-landing .hv_product_content img{
    vertical-align: middle;
    height: 70px;
    width: 70px;
    background-color: #26428b;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    padding: 5px;
    margin-top: 10px;
}

.hv_page #tile_style .home-loans-landing .hv_product_content .product_header{
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-size: 16px;
}

.hv_page #tile_style .home-loans-landing .hv_product_content .description{
    color: #5f5f5f;
    padding-left: 20px;
    width: 100%;
    padding-right: 20px;
}

.hv_page #tile_style .home-loans-landing .hv_product_content .hv_product_body{
    text-align: center;
    padding-left: 0px;
}

.hv_page #tile_style .home-loans-landing .hv_product_content .sbg_form .input .input_wrapper{
    width: 100%;
}

.hv_page #tile_style .home-loans-landing .hv_product_content .sbg_form .input .input_wrapper input{
    margin-left: 0px;
    float: none;
    margin-right: 0px;
}
/* End New home loan */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

    #tile_style {
        width: 100%;
        margin-top: 15px;
        margin-left: 10px;
    }

    #tile_style .banner > img {
        width: 100%;
    }

    #tile_style .tiles .product_body_content {
        margin-top: 10px;
        padding-bottom: 60px;
        font-size: 10px;
        height: auto;
    }

    #tile_style .tiles .left_product {
        margin-right: 10px;
    }

    #tile_style .tiles > .col-lg-6, .col-md-6 {
        width: 49%;
    }

    #tile_style .tiles .product_body_content > .col-lg-4, .col-md-4, .col-md-1, .col-lg-1 {
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
        width: 30%;
        height: 50px;
    }

    #tile_style .top_header {
        font-weight: bold;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #404040;
    }

    #tile_style .access_top_header {
        margin-top: -6px;
        width: 183px;
    }

    #tile_style .access_top_header {
        margin-top: -6px;
        width: 183px;
    }

    #tile_style .interest_perc {
        font-size: 19px;
    }

    #tile_style .interest_perc > .more {
        font-size: 12px !important;
    }

    #tile_style .special_cell {
        font-size: 12px;
    }

    .ts_product {
        margin-bottom: 10px;
    }

    #tile_style .tiles_container {
        width: 100%;
        background-color: #ffffff;
    }

    #tile_style .tiles {
        width: 100% !important;
    }

    #tile_style .ts_call_me .body {
        background-color: #f7f7f7 !important;
        margin-bottom: 10px;
        padding-top: 8px;
    }

    #tile_style_form .col-lg-6, .col-lg-12 {
        padding-left: 70px !important;
    }

    #tile_style_form .greybbox_c {
        padding-left: 72px !important;
    }

    #tile_style_form .col-lg-12 {
        width: 700px !important;
    }

    /*#tile_style_form .sbg_form .input input#id_number {
        width: 93% !important;
    }*/
    #tile_style_form .sbg_form .input > .col-lg-12 .input_wrapper {
        width: 103%;
    }

    #tile_style #id_number, #tile_style #passport_number {
        background: url(/standimg/South%20Africa/Images/SavingsInvestments/lock-icon.png) no-repeat scroll 244px 3px #ffffff;
    }

    #tile_style .ts_call_me #passport_number_label {
        margin-left: 0;
    }

    /*css for the savings and investments products*/
    .si_product_page #tile_style .banner > .col-md-12, .si_product_page #tile_style .banner .col-md-12 > .col-md-6:first-child,
    .hl_product_page #tile_style .banner > .col-md-12, .hl_product_page #tile_style .banner .col-md-12 > .col-md-6:first-child,
    .pl_product_page #tile_style .banner > .col-md-12, .pl_product_page #tile_style .banner .col-md-12 > .col-md-6:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        height: 100%;
        float: left;
    }

    .si_product_page #tile_style .banner > .col-md-12 > .col-md-6:last-child,
    .hl_product_page #tile_style .banner > .col-md-12 > .col-md-6:last-child,
    .pl_product_page #tile_style .banner > .col-md-12 > .col-md-6:last-child {
        background-color: #e7e7e7;
        margin: 0;
        height: 100%;
        float: left;
    }

    .si_product_page #tile_style .banner .col-md-6,
    .hl_product_page #tile_style .banner .col-md-6,
    .pl_product_page #tile_style .banner .col-md-6 {
        width: 50% !important;
    }

    .si_product_page #tile_style .banner .col-md-6 > img,
    .hl_product_page #tile_style .banner .col-md-6 > img,
    .pl_product_page #tile_style .banner .col-md-6 > img {
        width: 100%;
        height: 100%;
    }

    .si_product_page #tile_style .tiles .product_body_content > .col-md-1, .col-lg-1 {
        width: 3%;
    }

    .si_product_page #tile_style .container,
    .hl_product_page #tile_style .container,
    .pl_product_page #tile_style .container {
        padding-left: 20px;
    }

    .si_product_page #tile_style .header,
    .hl_product_page #tile_style .header,
    .pl_product_page #tile_style .header {
        padding-left: 8px;
    }

    /*For the successful message*/
    #call_me_back_response {
        display: block;

    }

    #call_me_back_response .col-lg-12 {
        width: 690px !important;
    }

    #call_me_back_response .response {
        background-color: #026b0c;
        width: 100%;
        margin-bottom: 10px;
    }

    #call_me_back_response .response > span {
        color: #ffffff;
    }

    /*For Personal Loan*/
    .personal_loan_page #tile_style .body .radio {
        margin-left: 30px;
    }

    .personal_loan_page #tile_style .ts_call_me .body .greybbox_c {
        padding-left: 60px;
    }

    .personal_loan_page #tile_style .sbg_form .sbg_button_submit {
        width: 18%;
        margin-top: 10px;
        margin-left: 60px !important;
    }

    .personal_loan_page #tile_style_form .col-lg-6,
    .personal_loan_page #tile_style_form .col-lg-12 {
        padding-left: 30px !important;
    }

    .personal_loan_page #tile_style .body > span {
        padding-left: 30px !important;
    }

    .personal_loan_page #tile_style_form .greybbox_c .call_to_actions a.right {
        margin-left: 20px !important;
    }

    .personal_loan_page #tile_style .tile .product_body_content img {
        width: 100%;
    }

    .personal_loan_page #tile_style #income, #loan {
        background: url(/standimg/South%20Africa/Images/PersonalLoans/r-icon.png) no-repeat scroll 5px 8px #ffffff;
        padding-left: 25px;
    }

    #call_me_back_success_response .modContainer, #call_me_back_action .modContainer, #expenseModal .modContainer, #apply_online_modal .modContainer, #direct_to_ibr .modContainer, #limit_increase .modContainer {
        width: 100% !important;
    }

    #call_me_back_success_response .modContainer:last-child {
        margin-top: 20px;
        margin-left: 0 !important;
        height: 70px !important;
    }

    #apply_online_modal .modContainer:last-child > .morebtn, #expenseModal .modContainer:last-child > .morebtn,
    #call_me_back_action .modContainer:last-child > .morebtn,
    #direct_to_ibr .modContainer:last-child > .morebtn,
    #limit_increase .modContainer:last-child > .morebtn {
        margin-top: 0 !important;
    }

    /*Filters start*/
    #tile_style .tiles_container .filters .sbg_form .input_wrapper {
        width: 50%;
    }

    #tile_style .tiles_container .filters .bit-30 {
        width: 24%;
    }

    #tile_style .tiles_container .sbg_form .sbg_dropdown ul {
        padding-left: 0;
        width: 246px;
    }

    /*Credit card page*/
    .credit_card_page #tile_style .tiles .left_product {
        margin-right: 10px !important;
    }

    .credit_card_page #tile_style .img_pad {
        padding-left: 0 !important;
        height: inherit;
        display: block;
        width: auto;
    }

    .credit_card_page #tile_style .description_padding {
        padding-left: 30px;
    }

    .credit_card_page #tile_style #credit_card_benefits {
        width: 10%;
        height: 60px !important;
    }

    .credit_card_page #tile_style #credit_card_safety {
        width: 12%;
    }

    .credit_card_page #tile_style #using_credit_card {
        width: 15%;
    }

    .credit_card_page #tile_style #managing_credit_card {
        width: 17%;
    }

    .credit_card_page #tile_style #credit_card_way_to_pay {
        width: 12%;
    }

    .credit_card_page #tile_style #credit_card_travelling {
        width: 15%;
    }

    .credit_card_page #tile_style #credit_card_protection {
        width: 15%;
    }

    #tile_style .vertical_line img {
        height: 40px;
    }

    .credit_card_page #tile_style .card_description {
        width: 188px;
        margin-left: -35px;
    }

    .credit_card_page #tile_style .credit_card_fees {
        padding-left: 202px;
        margin-top: -90px;
    }

    .credit_card_page #tile_style .vertical_pad {
        padding-left: 225px;
        margin-top: -50px;
    }

    .credit_card_page #tile_style .credit_card_product_body {
        height: 210px;
    }

    .credit_card_page #tile_style .card_details {
        margin-left: 5px;
        width: 366px;
        height: 138px;
        top: 4px;
    }

    .credit_card_page #tile_style .credit_card_earnings {
        width: 115px;
    }

    .credit_card_page #tile_style #platinum_card_text {
        width: 200px;
    }

    .credit_card_page #tile_style #titanium_card_text {
        width: 200px;
    }

    .credit_card_page #tile_style #gold_card_text {
        width: 200px;
    }

    .credit_card_page #tile_style #blue_card_text {
        width: 190px;
    }

    .credit_card_page #tile_style #access_card_text {
        width: 188px;
    }

    .credit_card_page #tile_style .vertical_padding {
        margin-left: 99px;
    }

    .current_account_page #tile_style .vertical_padding {
        margin-left: 99px;
    }

    .credit_card_page #tile_style .credit_card_interest_percentage {
        top: -34px;
    }

    .credit_card_page #tile_style .credit_card_tile {
        height: 200px;
    }

    #tile_style .radio-inline:last-child {
        margin-left: 0 !important;
    }

    .cc_product .banner img {
        width: 97%;
        height: auto;
    }

    .ca_product .banner img {
        width: 97%;
        height: auto;
    }

    .cc_product .banner .col-md-12 {
        background-color: #f7f7f7;
        padding-left: 20px !important;
        border: 1px solid #f7f7f7;
        float: left;
        height: 100%;
    }

    .cc_product .banner .col-md-7 {
        padding-left: 20px;
    }

    .cc_product .banner .col-md-1 {
        padding-right: 20px;
    }

    .cc_product .banner .col-md-5 {
        width: 40%;
    }

    .cc_product .banner .col-md-7 {
        width: 60%;
    }

    .cc_product .banner .col-md-5:last-child {
        width: 35%;
    }

    .cc_product .banner .col-md-5:first-child {
        padding-left: 0;
        vertical-align: middle;
        padding-right: 0;
        float: left;
    }

    .cc_product .banner .earnings {
        width: 50%;
    }

    .cc_product #tile_style .banner {
        height: 275px !important;
    }

    .cc_product .banner .benefits_included {
        width: 20%;
    }

    .cc_product #tile_style .container {
        padding-left: 20px;
        width: 100%;
    }

    .cc_product .cc_product_footer .one,
    .cc_product .cc_product_footer .two,
    .cc_product .cc_product_footer .three,
    .cc_product .cc_product_footer .four {
        float: left;
        width: 21%;
    }

    .cc_product .banner .master_card_image,
    .cc_product .banner .snap_scan_image,
    .cc_product .banner .tap_and_go_image,
    .cc_product .banner .uCount_image,
    .cc_product .banner .sb_image,
    .cc_product .banner .mobile_banking_image {
        float: left;
        padding-left: 10px;
        padding-top: 8px;
    }

    .current_account_page #tile_style .tiles .main_headings {
        width: 100%;
    }

    .current_account_page #tile_style .tiles .tile_heading {
        width: 100%;
    }

    .current_account_page #tile_style .monthly_fee_div {
        margin-left: 128px;
        margin-top: -64px;
    }

    .current_account_page #tile_style .earnings {
        margin-left: 130px;
        width: 33%;
    }

    /*.current_account_page #tile_style .short_earnings {*/
    /*margin-left: 11px !important;*/
    /*}*/
    .current_account_page #tile_style .img_pad {
        margin-left: 210px;
    }

    .current_account_page #tile_style .access_line {
        margin-left: 212px;
        margin-top: -43px;
    }

    .current_account_page #tile_style .elite_line {
        margin-left: 219px;
        margin-top: -37px;
    }

    .current_account_page #tile_style #prestige_line {
        margin-left: 221px;
        margin-top: -37px;
    }

    .current_account_page #tile_style .c_a_vertical_line {
        margin-left: 126px;
        margin-top: -41px;
    }

    .current_account_page #tile_style .tiles .left_product_tile {
        margin-left: 0 !important;
        margin-bottom: 5px !important;
    }

    .current_account_page #tile_style .ts_call_me {
        margin: 0 0 0 0 !important;
    }

    .current_account_page #tile_style .tiles {
        width: 100% !important;
    }

    .current_account_page {
        margin-left: 29px;
        width: 100%;
    }

    .current_account_page #tile_style .ca_text_box {
        width: 100%;
    }

    .current_account_page #tile_style .info_container {
        width: 100% !important;
    }

    .current_account_page #tile_style .ts_call_me .body {
        width: 100%;
    }

    .current_account_page #tile_style .img_pad_sum {
        margin-left: 209px !important;
    }

    /*.current_account_page #tile_style #id_type_passport {*/
    /*margin-left: 0 !important;*/
    /*}*/
    .current_account_page #tile_style .img_pad2 {
        margin-left: 208px;
    }

    .current_account_page #tile_style .ca_text_box {
        width: 105%;
    }

    .current_account_page #tile_style .short_heading {
        height: inherit;
    }

}

@media only screen and (max-width: 480px), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    #tile_style {
        width: 100%;
    }

    #tile_style .banner {
        text-align: center;
        background: none;
        width: 0;
        height: 0;
    }

    #tile_style h1 {
        background: url("../images/headline_gradient_orange.png") no-repeat left bottom !important;
        clear: both;
    }

    #tile_style .header > div {
        text-align: justify;
    }

    .always_on_promo #personal_banking_details_mobile{
        margin-top: 50px;
    }

    .always_on_promo #personal_banking_details_mobile{
        margin-left: 25px;
        margin-right: 25px;
    }

    .always_on_promo #business_banking_details_mobile{
        margin-left: 25px;
        margin-right: 25px;
    }

    #not_confirmed_customer_container{
        margin-left: -15px;
    }

    .always_on_promo .how_to_apply_details{
        margin-left: 25px;
        margin-right: 25px;
    }

    .always_on_promo .not_confirmed_customer_menu button{
        width: 100%;
    }

    #tile_style .header {
        height: auto;
    }

    .credit_card_page #tile_style .header {
        height: 355px;
    }

    #tile_style .tiles > .col-sm-12 {
        width: 100%;
    }

    #tile_style .tiles .interaction:last-child {
        text-align: left;
    }

    #tile_style .tiles .product_body_content {
        margin-top: 10px;
        padding-bottom: 60px;
        font-size: 10px;
        height: auto;
    }

    #tile_style .tiles .left_product {
        margin-right: 0;
        margin-left: 0;
    }

    #tile_style .top_header {
        padding-top: 15px;
        font-weight: bold;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        width: 120px;
        color: #404040;
        padding-right: 0 !important;
    }

    #tile_style .interest_perc {
        font-size: 19px;
    }

    #tile_style .tiles .product_body_content > .col-lg-4.first, .col-md-4.first, .col-sm-4.first, .col-xs-4.first {
        width: 40%;
        display: inline-block;
    }

    #tile_style .tiles_container {
        width: 100%;
        background-color: #ffffff;
        position: relative;
    }

    #tile_style .ts_call_me {
        padding-top: 8px;
        background-color: #ffffff !important;
        width: 100%;
        text-align: center;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #tile_style .ts_call_me .radio-inline {
        margin-bottom: 5px;
    }

    #tile_style .ts_call_me .body {
        background-color: #f7f7f7 !important;
        margin-bottom: 10px;
        padding-top: 8px;
        margin-top: 35px;
    }

    #tile_style .ts_call_me .body .greybbox_c {
        background-color: #f7f7f7 !important;
        padding-top: 6px !important;
        padding-left: 60px;
        width: 200px;
        text-align: center;
    }

    #tile_style .greybbox_c {
        margin: 6px 0 -21px 0 !important;
    }

    #tile_style .tiles {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #tile_style .ts_call_me .passport_number_label {
        margin-left: 0;
        margin-bottom: 10px;
    }

    #tile_style #id_number2, #tile_style #passport_number {
        background: url(/standimg/South%20Africa/Images/SavingsInvestments/lock-icon.png) no-repeat scroll right #ffffff;
    }

    #tile_style_form .col-sm-12 {
        padding-left: 10px !important;
        width: 98%;
    }

    #tile_style_form .col-sm-12 > .greybbox_c {
        padding-left: 20px !important;
    }

    #tile_style_form .col-lg-12 {
        width: 100% !important;
    }

    /*#tile_style_form .sbg_form .input input#id_number {
        width: 93% !important;
    }*/
    /*For product page*/
    .si_product_page #tile_style .banner .col-sm-12, .col-xs-12,
    .hl_product_page #tile_style .banner .col-sm-12, .col-xs-12,
    .pl_product_page #tile_style .banner .col-sm-12, .col-xs-12 {
        width: 100% !important;
    }

    .si_product_page #tile_style .product_body_content,
    .hl_product_page #tile_style .product_body_content,
    .pl_product_page #tile_style .product_body_content {
        margin-top: -30px;
    }

    .ts_product, .pl_product_page {
        margin-top: 21px;
    }

    /*For the successful message*/
    #call_me_back_response {
        display: block;

    }

    .current-account-modal #myModal{
        width: 100%;
        height: 100%;
        top: 10%;
    }

    .current-account-modal .modContainer {
        height: 100% !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    .vaf .img_text .first{
        margin-left: 0px !important;
    }

    .vaf .img_text .second{
        margin-left: 0px !important;
    }

    .vaf .img_text .last{
        margin-left: 0px !important;
    }

    .current-account-modal .modal-body .internet-banking-info p{
        margin-bottom: 30px;
    }

    .current-account-modal .btn-close {
        margin-right: -30px;
    }

    #call_me_back_response .col-lg-12 {
        width: 100% !important;
        font-size: 9px !important;
    }

    #call_me_back_response .response {
        background-color: #026b0c;
        width: 100%;
        margin-bottom: 10px;
    }

    #call_me_back_response .response > span {
        color: #ffffff;
    }

    /*For personal*/
    .personal_loan_page #tile_style .tiles_container {
        height: 475px;
        width: 100%;
    }

    .personal_loan_page #tile_style .bottom_header {
        font-size: 18px;
    }

    .personal_loan_page #tile_style .ts_call_me .body {
        margin-top: 0;
    }

    .personal_loan_page #tile_style .body .radio {
        margin-left: 2px;
    }

    .personal_loan_page #tile_style .sbg_form .sbg_button_submit {
        width: 62%;
    }

    .personal_loan_page #tile_style_form {
        margin-top: 0;
    }

    .personal_loan_page #tile_style_form .sbg_form {
        margin-top: 15px;
    }

    /*Filters start*/
    #tile_style .tiles_container .filters .sbg_form .input_wrapper {
        width: 100%;
    }

    #tile_style .tiles_container .filters .bit-30 {
        width: 100%;
    }

    #tile_style .tiles_container .sbg_form .sbg_dropdown ul {
        padding-left: 0;
        width: 93%;
    }

    /*Filters end*/
    .personal_loan_page #tile_style .tile .product_body_content img {
        width: 100%;
    }

    .personal_loan_page #tile_style .tile .product_body_content {
        width: 100%;
    }

    .personal_loan_page #tile_style .body > span {
        padding-left: 10px !important;
        font-size: 13px;
    }

    .personal_loan_page #tile_style #income2, #loan2 {
        background: url(r-icon.png) no-repeat scroll 5px 8px #ffffff;
        padding-left: 25px;
    }





    #call_me_back_success_response .modContainer:first-child, #call_me_back_action .modContainer:first-child, #home_loans_calculator .modContainer:first-child, #limit_increase .modContainer:first-child {
        width: 100%;
    }

    #call_me_back_action .modContainer:first-child, #expenseModal .modContainer:first-child, #apply_online_modal .modContainer:first-child, #direct_to_ibr .modContainer:first-child, #limit_increase .modContainer {
        height: 60px !important;
    }

    #call_me_back_action .modContainer, #expenseModal .modContainer, #apply_online_modal .modContainer, #direct_to_ibr .modContainer, #limit_increase .modContainer {
        text-align: center;
        width: 100%;
        display: block;
    }

    #call_me_back_success_response .modContainer:last-child {
        margin-top: 40px;
        margin-left: 0 !important;
        height: 70px !important;
    }

    #call_me_back_action .modContainer:last-child > .morebtn,
    #direct_to_ibr .modContainer:last-child > .morebtn,
    #expenseModal .modContainer:last-child > .morebtn, #apply_online_modal .modContainer:last-child > .morebtn,
    #limit_increase .modContainer:last-child > .morebtn {
        margin-left: 30px !important;
        margin-top: 0 !important;
    }

    #call_me_back_success_response .modal-body {
        height: 210px !important;
    }

    #call_me_back_action .modContainer:last-child > .morebtn:first-child {
        margin-left: 30px !important;
    }

    #expenseModal .modContainer:last-child > .morebtn:first-child, #apply_online_modal .modContainer:last-child > .morebtn:first-child,
    #direct_to_ibr .modContainer:last-child > .morebtn:first-child,
    #limit_increase .modContainer:last-child > .morebtn:first-child {
        margin-left: 5px !important;
    }

    #call_me_back_success_response .modContainer:last-child > .morebtn:first-child {
        margin-left: 0 !important;
    }

    #call_me_back_action .modContainer:last-child > .morebtn:last-child {
        margin-left: 5% !important;
    }

    #expenseModal .modContainer:last-child > .morebtn:last-child, #apply_online_modal .modContainer:last-child > .morebtn:last-child,
    #direct_to_ibr .modContainer:last-child > .morebtn:last-child,
    #limit_increase .modContainer:last-child > .morebtn:last-child {
        margin-left: 2% !important;
    }

    #call_me_back_action .modal-body, #expenseModal.modal-body, #apply_online_modal.modal-body, #direct_to_ibr .modal-body, #limit_increase .modal-body {
        height: 120px !important;
    }

    /*Credit card*/
    .credit_card_page #tile_style .tiles .left_product {
        margin-right: 0 !important;
    }

    .credit_card_page #tile_style #credit_card_benefits {
        width: 100%;
    }

    .credit_card_page #tile_style #credit_card_safety {
        width: 100%;
    }

    .credit_card_page #tile_style #using_credit_card {
        width: 100%;
    }

    .credit_card_page #tile_style #managing_credit_card {
        width: 100%;
    }

    .credit_card_page #tile_style #credit_card_way_to_pay {
        width: 100%;
    }

    .credit_card_page #tile_style #credit_card_travelling {
        width: 100%;
    }

    .credit_card_page #tile_style #credit_card_protection {
        width: 100%;
    }

    .credit_card_page #tile_style .credit_card_earnings {
        padding-left: 90px;
    }

    .credit_card_page #tile_style .card_description {
        padding-left: 15px;
    }

    .credit_card_page #tile_style .black_professional {
        padding-left: 25px !important;
    }

    #tile_style .tile {
        height: auto !important;
        padding-bottom: 30px;
        display: block;
    }

    .credit_card_page #tile_style .tiles > .credit_tiles_width {
        width: 92%;
    }

    .credit_card_page #tile_style .description_details {
        width: 340px;
    }

    .credit_card_page #tile_style .vertical_padding {
        margin-left: 150px;
    }

    .credit_card_page #tile_style .credit_card_product_body {
        height: 300px;
    }

    .credit_card_page #tile_style .credit_card_tile {
        height: 385px;
    }

    .credit_card_page #tile_style .card_details {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: 100%;
    }

    .credit_card_page #tile_style .card_details > .col-xs-12:first-child {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .credit_card_page #tile_style .card_image {
        margin-left: 0 !important;
    }

    .credit_card_page #tile_style #platinum_card_text {
        width: 260px;
    }

    .credit_card_page #tile_style #titanium_card_text {
        width: 278px;
    }

    .credit_card_page #tile_style #gold_card_text {
        width: 247px;
    }

    .credit_card_page #tile_style #blue_card_text {
        width: 250px;
    }

    .credit_card_page #tile_style #professional_card_text {
        width: 247px;
    }

    .credit_card_page #tile_style #access_card_text {
        width: 240px;
    }

    #tile_style .radio-inline:last-child {
        margin-left: 0 !important;
        outline: none;
    }

    .cc_product .cc_product_footer .one,
    .cc_product .cc_product_footer .two,
    .cc_product .cc_product_footer .three,
    .cc_product .cc_product_footer .four {
        width: 100%;
    }

    .cc_product .banner .col-xs-12 {
        padding-left: 5px !important;
        height: auto;
    }

    .cc_product #tile_style .top_header {
        padding-top: 0 !important;
        margin-top: 5px;
    }

    .cc_product #tile_style .interest_perc {
        font-size: 26px;
    }

    .cc_product .banner .benefits_included {
        float: none;
        width: 100%;
        padding-left: 0 !important;
    }

    .cc_product .banner .banner_description {
        width: 100%;
    }

    .cc_product .banner .master_card_image {
        padding-left: 0;
        padding-right: 20px;
    }

    .cc_product .banner .snap_scan_image,
    .cc_product .banner .tap_and_go_image,
    .cc_product .banner .uCount_image,
    .cc_product .banner .sb_image,
    .cc_product .banner .mobile_banking_image {
        float: left;
        padding-left: 5px;
        padding-right: 20px;
        padding-top: 8px;
        margin-top: 4px;
    }

    .cc_product #tile_style .banner {
        height: 370px !important;
        background-color: #f7f7f7;
    }

    .cc_product #tile_style #signature_banking_tabs li{
        width: 100%;
    }

    .cc_product #tile_style #signature_banking_h1{
        background: url("../images/headline_gradient_orange.png") no-repeat left bottom !important;
        clear: both;
        height: 60px;
    }

    .cc_product #tile_style #signature_banking_tabs{
        margin-top: 50px;
    }

    .cc_product #tile_style .header {
        height: 40px;
    }

    .cc_product .banner .col-xs-5:first-child {
        width: 50%;
    }

    .cc_product .banner .col-xs-5:last-child {
        width: 45%;
    }

    .current_account_page #tile_style .tile {
        height: 230px !important;
    }

    .current_account_page #tile_style .tile:hover {
        height: 190px;
    }

    .current_account_page #tile_style .header {
        height: inherit;
    }

    .current_account_page #tile_style .tiles {
        width: 100% !important;
        /*height: 315px !important;*/
    }

    .current_account_page #tile_style .tile_height {
        height: inherit;
        padding-top: 0;
    }

    .current_account_page #tile_style .tile_height {
        height: inherit;
        padding-top: 0;
        width: 100%;
    }

    .current_account_page .banner .col-xs-12 {
        padding-left: 5px !important;
        height: auto;
    }

    .current_account_page #tile_style .top_header {
        width: 100%;
        padding-left: 0;
    }

    .current_account_page #tile_style .interest_perc {
        font-size: 26px;
    }

    .current_account_page .banner .benefits_included {
        float: none;
        width: 100%;
        padding-left: 0 !important;
    }

    .current_account_page .banner .banner_description {
        width: 100%;
    }

    .current_account_page .banner .master_card_image {
        padding-left: 0;
        padding-right: 20px;
    }

    .current_account_page #tile_style .banner {
        height: 370px !important;
        background-color: #f7f7f7;
    }

    .current_account_page .banner .col-xs-5:first-child {
        width: 50%;
    }

    .current_account_page .banner .col-xs-5:last-child {
        width: 45%;
    }

    .current_account_page #tile_style .tiles .main_headings {
        width: 100%;
        height: inherit;
        margin-bottom: 0 !important;
    }

    .current_account_page #tile_style .tiles .left_product_tile {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .current_account_page #tile_style .tiles .tile_heading {
        width: 100% !important;
        margin: 0 0 0 0 !important;
    }

    .current_account_page #tile_style .tiles .right_product_tile {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .current_account_page #tile_style .card_pad_left {
        width: 100% !important;
        margin: 0 0 0 0 !important;
    }

    .current_account_page #tile_style .c_a_vertical_line {
        visibility: hidden;
    }

    .current_account_page #tile_style .vertical_padding {
        width: 10px;
        float: left;
        margin-left: 117px;
        margin-top: -63px;
    }

    .current_account_page #tile_style .monthly_fee_div {
        margin-left: 147px;
        margin-top: -82px;
        width: 45%;
    }

    .current_account_page #tile_style .free_monthly_fee_div {
        margin-left: 146px !important;
        margin-top: -44px !important;
    }

    .current_account_page #tile_style .img_pad2 {
        margin-left: 0;
    }

    /*.current_account_page #tile_style .student_achiever_image {*/
    /*margin-left: 230px !important;*/
    /*}*/
    .current_account_page #tile_style .img_pad {
        margin-left: 0;
    }

    .current_account_page #tile_style .img_size {
        visibility: hidden;
    }

    .current_account_page #tile_style .tiles .mobile_image {
        visibility: visible;
    }

    .current_account_page #tile_style .tiles .mobile_heading {
        font-size: 14px;
        margin-top: 0 !important;
    }

    .current_account_page #tile_style .short_heading {
        height: inherit;
    }

    .current_account_page #tile_style_form .col-lg-12 {
        width: 100% !important;
    }

    .current_account_page #tile_style #bottom_box {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .current_account_page #tile_style .ts_call_me .body {
        width: 100%;
    }

    .current_account_page #tile_style .ts_call_me .body .greybbox_c {
        width: 100% !important;
    }

    .current_account_page #tile_style .earnings {
        margin-top: 0;
        margin-left: 140px;
        width: 45%;
    }

    .current_account_page #tile_style .shorter_vertical_line {
        margin-top: -38px !important;
    }

    .current_account_page #tile_style .shorter_box {
        margin-top: 6px;
    }

    .current_account_page .p14 {
        display: none !important;
    }

    .current_account_page #tile_style .ts_call_me .body .greybbox_c {
        width: 100%;
    }

    .current_account_page #tile_style .ts_call_me {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .current_account_page #tile_style .ts_call_me .body .greybbox_c {
        width: 100% !important;
    }

    .current_account_page #tile_style .box {
        width: 100% !important;
    }

    .ca_product #tile_style .ts_call_me {
        margin-left: 0 !important;
        width: 271px !important;
    }

    .current_account_page #tile_style .additional_information {
        width: 100%;
        margin: 0 0 0 0;
    }

    .current_account_page #tile_style .tiles .product_body:before {
        margin-left: 0;
    }

    .current_account_page #tile_style .tiles .product_body:after {
        margin-left: 0;
    }

    .current_account_page #tile_style .margin_top_10 {
        margin-left: 0;
    }

    .current_account_page #tile_style .description_padding {
        margin-left: 0;
    }

    .current_account_page #tile_style .card_image {
        margin-left: 0;
    }

    /*.current_account_page #tile_style .radio-inline:last-child {*/
    /*margin-left: 0 !important;*/
    /*}*/
    /*.current_account_page #tile_style .ca_radio_btn {*/
    /*margin-left: 23px;*/
    /*}*/
    .current_account_page #tile_style .ca_text_box {
        width: 100%;
    }

    .current_account_page #tile_style .tile_font {
        padding-right: 0 !important;
    }

    .current_account_page #tile_style .info_container {
        width: 100% !important;
    }

    .current_account_page #tile_style #bottom_box {
        margin: 0 0 0 0 !important;
    }

    .ca_product #tile_style .additional_information {
        margin-top: -34px !important;
    }

    .cc_product #bottom_box {
        padding-bottom: 31px !important;
    }

    .current_account_page {
        height: 3374px !important;
    }

    .current_account_page #tile_style .img_pad_sum {
        margin-left: 0 !important;
    }

    .credit_card_page #cc_apply_online_modal.modal{
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
        top: 50px;
        background-color: transparent;

    }

    .always_on_promo .confirmed_customer_menu button{
        width: 100%;
    }

    .always_on_promo #business_banking_details{
        margin-top: 50px;
    }

    .always_on_promo #business_banking_details_mobile{
        margin-top: 50px;
    }

    /* for promo*/

    #tile_style #terms-condition-modal{
        width: 100%;
    }

    #tile_style .interest-table-content{
        padding-left: 0px;
    }

    #tile_style .limited-offer-banner {
        height: 170px;
    }

    #tile_style .interest-container img{
        width: 33%;
    }

    #tile_style .offer-details-list{
        margin-right: 15px;
    }

    #tile_style .interest-container div{
        font-size: 18px;
    }

    #tile_style .apply-online-fixed-deposit{
        margin-bottom: 20px;
    }

    .vehicle-finance-modal #myModal{
        width: 100%;
    }

    .vehicle-finance-modal .modContainer{
        height: auto;
    }

    .vehicle-finance-modal .header h1{
        height: 55px;
    }

    .hl_product_page .vaf-option-content{
        padding: 0px;
    }

    .hl_product_page .vaf-application-container .vaf-application-tile .description {
        height: auto !important;
    }

    .hl_product_page .vaf-application-container .vaf-application-tile{
        height: 420px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}


/*AB Testing page start*/

.ab_test .greybbox_c {
    background-color: #ffffff;
    padding: 0 !important;
}

.ab_test .call_to_actions a.left {
    background: url("../images/icon_arrow_white.png") no-repeat #0396FD 89% 50%;
}

.ab_test #tile_style .header p {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*AB Testing page end*/
.cookie {
    display: none ;
  background: #f3f3f3 !important;
  padding: 1rem 27% 1rem 18%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  position: relative !important;
  z-index: 5;
}
  
  .cookie_message {
    padding: 0.2rem 0% 0.2rem 0%;
    margin: 0;
    
  }
  .cookie_accept{
    margin-top: -20px !important;
    outline: none !important;
    float: right !important;
    background-color: #f3f3f3 !important;
    border-style: none !important;
    color: #333333;
    font-weight: 600;
    padding-right: 0%;
  }

  .cookie_link {
    
    transition: background 150ms ease;
    text-decoration: none;
    cursor: pointer;  
    }