/*******************************************************************


********************************************************************/

div.newsBtn {
    width: 96px;
    height: 36px;
    display: block;
    color: #0396fd;
    margin: 0px;
    text-indent: 8px;
    padding: 8px 5px 0 1px;
    text-decoration: none;
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat #fff 92% 50%;
}

#fswish {
    background: url('../images/footerSwish.jpg') no-repeat center top;
    height:120px;
}

.ratio02 {
    padding-left: 20px;
    padding-right: 0px;
}

.ratio01 {
    padding-left: 0;
}

.posBottom {
    margin-bottom: 20px;
    padding-top:20px;
}

.panel-heading [data-toggle="collapse"]:after {
    background: url(../images/d-arrow.png) no-repeat center center;
    width: 14px;
    height: 9px;
    display: inline-block;
    content: "\e072";
    float: right;
    color: transparent;
    margin-right: 15px;
    margin-top: 15px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
	-webkit-transform: rotate(0deg);
	-moz-transform:    rotate(0deg);
	-ms-transform:     rotate(0deg);
	-o-transform:      rotate(0deg);
	transform:         rotate(0deg);
}

.container h1{
    color: #26428b;
    font-size: 19px;
    font-weight: bold;
    margin: 14px 0px 20px 0px;
    background: url(../images/new/ovuline.jpg) no-repeat left bottom !important;
    
}

.slideHD {
    width:100%;
    height:380px;
    display:block;
    clear:both;
    position:relative;
}

#Angola #obDrop .morebtntest a {
  line-height: 30px;
  text-indent: 5px;
}

#mdata {
    height:20px;
    margin:0;
    padding:0;
    float:right;
}
#mdata span {
    margin-top:2px;
    cursor:pointer;
    clear:both;
}
#mdata span:hover {
    color:#000771;
}
.lpText {
    float:left;
        margin:5px;
        margin-top:10px; 
        width:100px;
        position:relative;
}
.lentry {
    width:210px; 
    height:70px; 
    display:block; 
    margin:5px; 
    float:left;
    cursor:pointer;
}

.lentry:hover {
        background-color:#e7e7e7; 
    }
.logo_ph, .vidThumb {
    width:55px;
    height:55px;
    margin:7px;
    float:left;
}

.logo_ph {
        background:url(../images/new/logo_ph.jpg);
}
.vidThumb {
    background:url(../images/new/Icon_video.jpg);
}

/*******************************************************************



********************************************************************/


.sitemapH3 {
    font: bold 16px/20px "standard_bank-bookregular", Arial, sans-serif;
    color: #26428b;
}

.sitemapH3sub li {
    color: #666;
}

.sblock {
    display: block;
    background-color: #ededed;
    height: 336px;
}



/*******************************************************************


********************************************************************/



.col3banner {
    width: 690px;
    height: 188px;
    float: left;
    position: relative;
    margin-top: 10px;
    background: url(../images/691x190Africa.jpg);
}

.returnTop {
    margin: 5px 0;
    padding: 5px 0;
    clear: both;
    display: block;
}

.insurance .new_list li {
    list-style-type: circle;
    list-style-position: inside;
}

.panel-title > a {
    font: normal 15px/29px "standard_bank-bookregular", Arial, sans-serif;
	color::#2570e0;
    
}

.panel-title > a:hover {
    color: #0e2ec1;
}

.panel-title {
    /*background: url(../images/icon_arrow_blue.png) no-repeat #ededed 98% 50%;*/
}

.tab-content {
    display: inline-block;
}

#Wealth {
    margin-bottom: 10px;
}

#Private {
}
/* Country flags*/

.flagCol {
    width: 175px;
    float: left;
    position: relative;
}

    .flagCol ul li {
        list-style: none;
        height: 20px;
        clear: both;
        display: inline-block;
        background: none;
        border: none;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .flagCol ul li:hover {
            background: none;
        }

        .flagCol ul li span {
            display: block;
            float: left;
            width: 27px;
            height: 20px;
            line-height: 19px;
            margin: 0px;
            padding: 0px;
            margin-right: 10px;
        }
/*Africa*/

.angola {
    background: url(../images/flags/africa/Standard-Bank_27X20_ANGOLA.jpg);
}

.malawi {
    background: url(../images/flags/africa/Standard-Bank_27X20_MALAWI.jpg);
}

.swazi {
    background: url(../images/flags/africa/Standard-Bank_27X20_SWAZILAND.jpg);
}

.botswana {
    background: url(../images/flags/africa/Standard-Bank_27X20_BOTSWANA.jpg);
}

.mauritius {
    background: url(../images/flags/africa/Standard-Bank_27X20_MAURITIUS.jpg);
}

.tanzania {
    background: url(../images/flags/africa/Standard-Bank_27X20_TANZANIA.jpg);
}

.drc {
    background: url(../images/flags/africa/Standard-Bank_27X20_DRC.jpg);
}

.mozambique {
    background: url(../images/flags/africa/Standard-Bank_27X20_MOZAMBIQUE.jpg);
}

.uganda {
    background: url(../images/flags/africa/Standard-Bank_27X20_UGANDA.jpg);
}

.ghana {
    background: url(../images/flags/africa/Standard-Bank_27X20_GHANA.jpg);
}

.namibia {
    background: url(../images/flags/africa/Standard-Bank_27X20_NAMIBIA.jpg);
}

.zambia {
    background: url(../images/flags/africa/Standard-Bank_27X20_ZAMBIA.jpg);
}

.kenya {
    background: url(../images/flags/africa/Standard-Bank_27X20_KENYA.jpg);
}

.nigeria {
    background: url(../images/flags/africa/Standard-Bank_NIGERIA.jpg);
}

.zim {
    background: url(../images/flags/africa/Standard-Bank_27X20_ZIMBABWE.jpg);
}

.lesotho {
    background: url(../images/flags/africa/Standard-Bank_27X20_LESOTHO.jpg);
}

.za {
    background: url(../images/flags/africa/Standard-Bank_27X20_SOUTH-AFRICA.jpg);
}
/*America*/

.america {
    background: url(../images/flags/america/DOTCOM_27x20_America.jpg);
}

.argentina {
    background: url(../images/flags/america/DOTCOM_20x27_Agentina.jpg);
}

.brazil {
    background: url(../images/flags/america/DOTCOM_20x27_Brazil.jpg);
}
/*Europe / Asia */

.china {
    background: url(../images/flags/euroasia/DOTCOM_27x20_China.jpg);
}

.japan {
    background: url(../images/flags/euroasia/DOTCOM_Japan_27x20.jpg);
}

.hongkong {
    background: url(../images/flags/euroasia/DOTCOM_27x20_Hong-Kong.jpg);
}

.jersey {
    background: url(../images/flags/euroasia/DOTCOM_27x20_Jersey.jpg);
}

.singapore {
    background: url(../images/flags/euroasia/DOTCOM_27x20_Singapore.jpg);
}

.taiwan {
    background: url(../images/flags/euroasia/DOTCOM_27x20_Taiwan.jpg);
}

.turkey {
    background: url(../images/flags/euroasia/DOTCOM_27x20_Turkey.jpg);
}

.uae {
    background: url(../images/flags/euroasia/DOTCOM_27x20_United-Arab-Emirates.jpg);
}

.uk {
    background: url(../images/flags/euroasia/DOTCOM_27x20_United-Kingdom.jpg);
}

.isle {
    background: url(../images/flags/euroasia/DOTCOM_Isle-of-Man_27x20.jpg);
}
/*Top Navigation Styling*/

.navDrop {
    width: 60%;
    margin: 10px;
    float: left;
    background-color: #fff;
}

.obDrop {
    width: 37%;
    background-color: #fff;
    float: left;
    margin: 10px 0;
    top: 10px;
}

.obDrop .morebtntest {
    margin-left: 15px;
    margin-bottom: 15px;
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 96% 50% !important;
    display:inline-block;
    line-height:28px;
}

.obDrop .morebtntest:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #000771 96% 50% !important;
}

.obDrop .morebtntest a {
    line-height:28px;
    display:block;
    text-indent:5px;
}

.obDrop p {
    color: #666;
}

#navDropMap {
    width: 100%;
    height: 293px;
    background-color: #fff;
    float: left;
    background: url(../images/worldMap_OurFootprint.png) no-repeat center center;
    background-size: 100%;
}

div.navDrop H5, div.obDrop H5 {
    background-color: #fff;
    height: 40px;
    line-height: 38px;
    border-bottom: 2px solid #000771;
    margin: 0;
    padding: 0;
}
/*Country Details Assets*/

.countryDetails_bb {
    width: 201px;
    display: block;
    float: left;
    margin-right: 10px;
    background-color: #ededed;

}

    .countryDetails_bb p {
        margin: 5px;
    }

div.countryDetails_bb H3 {
    font: normal 15px/43px "standard_bank-bookregular", Arial, sans-serif;
    border-bottom: 1px solid #26428b;
    height: 46px;
    background-color: #ededed;
    text-indent: 10px;
}

.countryDetails_morebtn {
    width: 76px;
    height: 30px;
    display: block;
    background: url(../images/icon_arrow_light_blue.png) no-repeat 82% 50%;
}

div.countryDetails_morebtn a.arrowLink {
    height: 30px;
    padding: 8px 5px 0 11px;
    margin: 0px;
    display: block;
    width: auto;
    color: #219595;
    text-decoration: none;
    font-size: 1.025em;
}

    div.countryDetails_morebtn a.arrowLink:hover {
        color: #fff;
    }

.gform {
    margin-left: 5%;
}

.rllist {
    width: 180px;
    height: 58px;
    /*border:1px solid #666; */
    float: left;
    margin: 0px 10px;
    display: block;
    position: relative;
}

.rlogoCont {
    width: 55px;
    height: 55px;
    float: left;
    background-color: #26428b;
    padding: 5px;
    margin: 5px;
    position: relative;
}

div.rllist p {
    display: block;
    left: 10px;
    width: 50%;
    height: 46px;
    line-height: 46px;
    float: left;
    margin: 0;
    padding: 0;
}
/*Themes Start*/

.bus {
    background-color: #ba4d30;
}
/*Themes End*/

.mTop {
    margin-top: 20px;
}

hr {
    margin: 0;
    padding: 0;
}

.tabSec {
    width: 100%;
    height: auto;
	border-bottom:1px solid #eee;
	position:relative;
	display:block;
    clear:both;
}

.achieveInt {
    width: 75%;
    height: auto;
    margin: 6px;
    float: left;
}

.accThumb {
    width: 126px;
    height: 93px;
    margin: 10px;
    float: right;
    /*background: url(../images/new/accThumb.jpg) no-repeat center center;*/
}

.acbThumb {
    width: 126px;
    height: 93px;
    margin: 10px;
    float: right;
    background: url(../images/new/Standard-Bank_126x93_awards.jpg) no-repeat center center;
}

#pVids {
    float: right;
    display: block;
    width: 220px;
    height: 127px;
    margin: 5px;
    background: url(../images/new/peepsVid.jpg) no-repeat center center;
}

.grBG {
    background-color: #ededed;
    margin-bottom: 20px;
    display: inline-block;
    clear: both;
    height: 341px;
}

div.grBG p {
    margin: 10px;
}

.boffering, .aboutTease {
    background-color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    clear: both;
    height: 192px;
    width: 100%;
    border: 1px solid #ededed;
}

div.aboutTease h3 {
    border-bottom: 1px solid #117c88;
}

.boffering p {
    margin: 15px 0 15px 10px;
    display: block;
    width: 90%;
}

.boffering, .moreAUbtn {
    margin: 10px;
}

    .moreAUbtn a:hover {
        color: aqua;
    }

.latestnews_content > .morebtn {
    margin-top: 0px;
    margin-left: 20px;
}

#latestR, #globe, #globeGrey {
    width: 23px;
    height: 23px;
    float: left;
    margin: 8px;
}

#latestR {
    background: url(../images/new/lreport.png) no-repeat center center;
}

#globe {
    background: url(../images/new/globe.png) no-repeat center center;
}

#globeGrey {
    background: url(../images/new/globe_grey.png) no-repeat center center;
}
/*Pagination Start*/

.holder {
    margin: 15px 0;
    /*border-top:2px solid #787878;*/
    position: absolute;
    top: 0;
    right: 7.5%;
}

    .holder a {
        font-size: 1.25em;
        cursor: pointer;
        margin: 0px;
        color: #888888;
        padding: 4px 10px;
        text-decoration: none;
        background: url(../images/slider_disabled_page.png) no-repeat 10% 50%;
    }

        .holder a:hover {
            background: url(../images/slider_current_page.png) no-repeat 10% 50%;
            color: #fff;
        }

        .holder a.jp-previous {
            margin-right: 15px;
        }

        .holder a.jp-next {
            margin-left: 15px;
        }

        .holder a.jp-current, a.jp-current:hover {
            color: #FFFFFF;
            font-weight: bold;
            background-color: #787878;
        }

        .holder a.jp-disabled, a.jp-disabled:hover {
            color: #bbb;
        }

        .holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover {
            cursor: default;
            background: url(../images/slider_current_page.png) no-repeat 10% 50%;
        }

    .holder span {
        margin: 0 5px;
    }
/*Video Feed Component*/

.videoPromo {
    border: 1px solid #efefef;
    /*height: 281px;*/
}

    .videoPromo p, .videoPromo img {
        margin: 10px 12px;
    }

    .videoPromo > .morebtn {
        margin-left: 12px;
        margin-bottom: 10px;
        margin-top: 42px;
    }

body {
    font-family: arial;
}

@font-face {
    font-family: 'standard_bank-bookregular';
    src: url('../fonts/stanbw__-webfont.eot');
    src: url('../fonts/stanbw__-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stanbw__-webfont.woff2') format('woff2'), url('../fonts/stanbw__-webfont.woff') format('woff'), url('../fonts/stanbw__-webfont.ttf') format('truetype'), url('../fonts/stanbw__-webfont.svg#standard_bank-bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Social Media Tab*/

.nav > li {
    position: inherit !important;
}

#example1 > ul {
    padding-left: 0;
}

.social {
    border: 1px solid #efefef;
    height: 271px;
    overflow: hidden;
}

    .social #example1 ul li, #example1 > ul > li {
        list-style: none;
        overflow: hidden;
        border-bottom: 1px solid #dedede;
        margin: 5px;
        padding: 5px;
    }

.social-nav {
    background-color: #f3f3f3;
    color: #000771;
    border-bottom: 2px solid #26428b;
    font-size: 16px;
    margin-top: 0;
    /*padding-right: 8px; CJM 01/04/2015 */
    margin-bottom: 0;
}

    .social-nav li:first-child {
        font:normal 16px/22px "standard_bank-bookregular", Arial, sans-serif;
        color: #26428b;
        float: left;
        padding: 15px 10px 18px;
        font-size: 15px;
    }

    .social-nav > li {
        float: right;
    }

.iron-man-social_fb {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/iron-man-social.png) -22px 0;
    /*margin-right: 5px;*/
}

.iron-man-social_tweet {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/iron-man-social.png) 0 0;
}

.active .iron-man-social_tweet {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/iron-man-social_active.png) 0 0;
}

#cap {
    width: 59px;
    height: 47px;
    display: block;
    background: url(../images/new/cap.png) no-repeat center center;
    float: left;
    margin: 5px;
}

#mpromoImg {
    width: 180px;
    height: 200px;
    background: url(../images/240x260.jpg) no-repeat center center;
    background-size: 180px;
    /*display: block;
    float: left;
    margin: 2px 0 0 15px;
    position: relative;*/
    /*margin: 10px auto;*/
}

#mpromoImgWide {
    width: 448px;
    height: 230px;
    background: url(../images/new/promo_mega_wide.png) no-repeat center center;
    display: block;
    float: left;
    position: relative;
    margin: 2px 0 0 10px;
}

#mbanner {
    height: 381px;
    width: 100%;
    clear: both;
    /*background: url(../images/mainBannerBG.png) no-repeat top center;
    display: initial;*/
    position:relative;
    overflow: hidden;
}

#mbanner li{
    background-size: 100% 100%;
}

.item img {
    margin: 0 auto;
}

#bannerTeaser {
    width: 51%;
    float: left;
    display: block;
    margin-top: 84px;
}

    #bannerTeaser p {
        text-align: justify;
        color: #666666;
    }

#mbannerlinks {
    width: 400px;
    height: 230px;
    display: block;
    background-color: #fff;
    float: right;
    margin: 84px 0;
    position: relative;
}

#marketFeed {
    width: 100%;
    height: 38px;
    background-color: #ededed;
    border-top: 2px solid #fff;
}

H1, H4, H5 {
    margin-top: 0px;
}

H1 {
    font: normal 46px/46px "standard_bank-bookregular", Arial, sans-serif;
    text-align: left;
}

H4 {
    font: normal 24px/25px "standard_bank-bookregular", Arial, sans-serif;
    color: #26428b;
}

H5 {
    font: normal 18px/25px "standard_bank-bookregular", Arial, sans-serif;
    color: #26428b;
}

.slideHD H4 {
    background: url(../images/new/h4_line.png) no-repeat left bottom;
    background-position: 30% 32px;
    height: 34px;
    /*margin-bottom: 20px; */
}

H3 {
    font: normal 33px/39px "standard_bank-bookregular", Arial, sans-serif;
    color: #26428b;
    margin-top: 0px;
    margin-bottom: 3px;
}

#olMap {
    background: url(../images/new/ol_thumb_Map.gif) no-repeat center center;
    width: 225px;
    height: 124px;
    display: block;
    margin: 15px 0 0 7px;
    float: left;
    position: relative;
}

div.latestnews_content h3 {
    background-color: #f3f3f3;
    color: #26428b;
    border-bottom: 2px solid #000771;
    padding: 8px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

div.accompnews_content h3 {
    background-color: #f3f3f3;
    color: #26428b;
    border-bottom: 2px solid #20848f;
    padding: 8px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    padding: 12px 18px;
    line-height: normal;
}
/*CJM 24/10/2014 Changes and fixes*/

#v7LeftNav li:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 95% 50% #26428b !important;
}
/*Start 04/11/2014 AM Change*/

.product_information .tabs > li {
    list-style-type: none;
}

.wayToGetCovered {
    border: 1px solid #d8d8d8;
}

    .wayToGetCovered .tabbox2 {
        color: #000080;
        background: #d8d8d8;
        padding: 5px;
    }

    .wayToGetCovered .tab td a {
        color: #000080;
        font-weight: bold;
        text-align: center !important;
    }

    .wayToGetCovered .tab td {
        text-align: center;
        border: 1px solid #d8d8d8;
        margin: 7px !important;
        padding: 5px;
        display: inline-block;
        width: 30%;
    }

@media (max-width: 768px) {

div.siteheader {
    margin: 0px;
    height: inherit !important;
    z-index: 1;
    background: url(../images/headerBG.jpg) no-repeat left center !important;
}
}

@media (min-width: 1200px) {
    .featured-area {
        width: 970px !important;
        margin: 0 auto;
    }
}

@media (min-width: 1024px) {
    .featured-area {
        width: 970px !important;
    }

    .main_banners .buzsolution, .main_banners .startbusiness, .main_banners .insurance, .main_banners .whatweoffers {
        /*height: 400px !important; CJM 13/11/2014 */
    }

    .feedback_icon_delighted, .feedback_icon_disappointed {
        width: 174px !important;
    }

    .ftrBanner {
        width: 213px !important;
    }

    .relatedLinks {
        width: 25% !important;
        padding: 0; /*CJM Related links*/
        margin: 0;
        padding-bottom: 20px;
    }

    .topNavigation ul.navbar-nav li.active {
        background: #f3f3f3 url(../images/icon_nav_active.png) no-repeat 50% 100% !important;
    }

    body .topNavigation ul.navbar-nav li.home:hover {
        background: #0396fd url(../images/icon_nav_active.png) no-repeat 50% 100% !important;
    }

        body .topNavigation ul.navbar-nav li.home:hover a, .navbar-default .navbar-nav > .active > a:hover {
            color: #fff !important;
            background: #0396fd !important;
        }

    .topNavigation {
        padding: 0 !important;
    }

    .footerContent {
        padding-bottom: 0 !important;
    }

    .navbar-nav {
        margin-left: -15px;
    }
}

@media (min-width: 767px) {
    .topNavigation {
        padding-bottom: 8px;
    }

    .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
        /*height: 307px !important; CJM 13/11/2014 */
    }

    .feedback_icon_delighted, .feedback_icon_disappointed {
        width: 30%;
    }

    .ftrBanner {
        width: 34%;
        float: left;
    }

    .cta_banners {
        margin-top: 20px;
    }

    .rslides {
        position: relative;
        z-index: 0;
    }

    ul.navbar-nav li:first-child a {
        padding-left: 15px !important;
    }

    .relatedLinks {
        width: 45%;
        float: left;
    }

    .loginbox {
        width: 30%;
    }
}

@media (min-width: 980px) and (max-width: 1024px) {
    .insurance ul li {
        padding: 10px;
    }

    .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
        height: 400px;
    }
}
/*Queries*/
/* iPads (portrait) ----------- */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /*CJM Remove Careers Column on Footer CJM 07/01/2015*/

    .searchbox input {
        border: 1px solid #0396fd;
    }
    /*CJM Remove Careers Column on Footer CJM 13/11/2014*/

    div.careerSection {
        display: none;
        width: 30%;
    }

    div.container {
        /*width: 92%; CJM 13/11/2014 */
    }

    div.siteheader div.siteMap {
        right: 28.7% !important;
    }

    .site_selector right: 27.9% !important;
}

.topNavigation {
    padding: 0 !important;
}

.Tellmeabout_content {
    width: 198px !important;
}

.feedback_icon_delighted, .feedback_icon_disappointed {
    width: 174px !important;
}

.ftrBanner {
    width: 100%;
}

.banner_cta {
    color: #2e76e1;
    position: absolute;
    top: 50%;
    left: 0% !important;
    padding: 3% 14% 3% 1% !important;
    background: url(../images/icon_arrow_light_blue.png) no-repeat 93% 50% #fff;
    width: 100%;
}

.main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
    height: 330px;
}

.insurance ul li {
    /*padding: 3px 10px !important; CJM 31/03/2015*/
}

div.container {
    /*width: 92%; CJM 13/11/2014 */
}

div.featured-area {
    width: 100%;
    /*padding-top: 48px !important; CJM 13/11/2014 */
}

.atmsitemaplinks {
    position: relative;
    width: 217px;
}

div.quicklinksbox {
    width: 212px;
}

div.atmsitemaplinks a {
    /*padding: 0 2px !important;*/
}

.searchbox {
    /*margin: 11px 0px 0 0 !important;  CJM 13/11/2014 */
}

.navbar-nav {
    margin-left: -15px;
}

}

@media (min-width: 480px) and (max-width: 767px) {
    #olMap {
        display: none;
    }

    div.atmsitemaplinks {
        display: inline !important;
        padding: 0 0px 0px 0px !important;
        float: none !important;
        width: 100% !important;
    }

    div.buzsolution, div.whatweoffer, div.startbusiness, div.runbusiness, div.financebusiness, div.specialisedservices, div.insurance {
        width: 50%;
        float: left;
    }

    .footerNavigation .navbar-nav li {
        float: left !important;
    }

    .feedback_icon_delighted, .feedback_icon_disappointed {
        width: 164px !important;
    }

    div.loginbox {
        float: left;
    }

    .quicklinksbox {
        padding: 0px;
        margin: 5px 0px 15px 10px !important;
        min-width: 47%;
        float: left;
    }

    ul.navbar-nav li:first-child a {
        padding-left: 15px !important;
    }

    .topNavigation ul.navbar-nav li.active {
        background: #f3f3f3 url(../images/icon_mobile_nav_active.png) no-repeat 1% 50% !important;
    }

    .loginbox {
        width: 217px;
        margin-top: 10px !important;
    }

    .media-body {
        background: url(../images/icon_arrow_blue.png) no-repeat 98% 80% !important;
    }

    .ftrBanner {
        width: 220px;
        float: left;
        margin-right: 4px;
    }

    div.appmessgaebox {
        width: 49% !important;
        margin-bottom: 18px;
    }

    .relatedLinks {
        width: 49%;
        float: left;
    }

    div.appmessgaebox div.AppImg {
        margin-left: 114px;
    }

    .topNavigation {
        padding-bottom: 7px;
    }

    .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
        min-height: 367px;
    }

    .rslides {
        z-index: 0;
    }
}

@media (min-width: 321px) and (max-width: 478px) {
    div.atmsitemaplinks {
        width: 100% !important;
    }

    .nav > li:hover > #mega {
        display: none;
    }

    .navbar-collapse.collapse.in .searchTopwrapper {
        display: none;
    }

    div.appmessgaebox div.AppImg img {
        max-width: 100%;
    }

    .col-sm-9 .col-sm-4 a h3 {
        padding-top: 10px !important;
    }

    .col-sm-9 .col-sm-4 {
        margin-bottom: 38px !important;
        height: 100% !important;
    }

    .latestnews_content {
        width: 100%;
        padding-top: 10px;
    }

    .navbar-nav {
        margin-top: 0 !important;
    }

    .navbar-header {
        height: 49px;
        display: inline;
    }
    /*Start 24/10/2014 CJM Changes*/

    div.topNavigation {
        height: 49px;
    }

    .feedback_icon_delighted {
        background: url(../images/feedback_delighted.png) no-repeat 4% 50% #ffffff !important;
    }

    .feedback_icon_disappointed {
        background: url(../images/feedback_disappointed.png) no-repeat 4% 50% #ffffff !important;
    }
    /*End 24/10/2014 CJM Changes*/
}

@media (max-width: 320px) {
    .latestnews_content {
        width: 100%;
        padding-top: 10px;
    }

    .col-sm-9 .col-sm-4 {
        margin-bottom: 38px !important;
        height: 100% !important;
    }

        .col-sm-9 .col-sm-4 a h3 {
            padding-top: 10px !important;
        }

    div.appmessgaebox div.AppImg img {
        max-width: 100%;
    }

    .nav > li:hover > #mega {
        display: none !important;
    }

    .navbar-collapse.collapse.in .searchTopwrapper {
        display: none !important;
    }

    div.atmsitemaplinks {
        display: inline !important;
        padding: 0 0px 0px 0px !important;
        float: none !important;
        width: 100% !important;
    }

    ul.navbar-nav li:first-child a {
        padding-left: 15px !important;
    }

    .topNavigation ul.navbar-nav li.active {
        background: #f3f3f3 url(../images/icon_mobile_nav_active.png) no-repeat 1% 50% !important;
    }

    .rslides {
        z-index: 0;
    }

    div.appmessgaebox {
        padding-bottom: 13px;
    }

    .loginbox {
        margin-top: 10px !important;
    }

    .rslides .cta {
        padding: 3px 51px 3px 15px !important;
        bottom: 21% !important;
        left: 0% !important;
    }

    .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
        height: 343px !important;
    }

    .media-body {
        background: url(../images/icon_arrow_blue.png) no-repeat 98% 80% !important;
    }

    .feedback_icon_delighted, .feedback_icon_disappointed {
        width: 80% !important;
    }

    .ftrBanner {
        width: 48%;
        float: left;
        margin-right: 4px;
    }

    .relatedLinks {
        width: 100%;
        margin-bottom: 10px;
    }

    .topNavigation {
        padding-bottom: 7px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .drop {
        display: inline;
        width: 98px;
        height: 37px;
        float: left;
        color: #FFF;
        background-color: #0396fd;
        outline: 0;
        padding: 7px 5px;
        -webkit-appearance: none;
        /*Removes default chrome and safari style*/
        -moz-appearance: none;
        /* Removes Default Firefox style*/
        background: url("../images/selectarrow.png") no-repeat scroll 78px 14px #0396fd;
        width: 100px;
        /*Width of select dropdown to give space for arrow image*/
        text-indent: 0.01px;
        /* Removes default arrow from firefox*/
        text-overflow: "";
        /*Removes default arrow from firefox*/
        /*My custom style for fonts*/
        border-right: 1px solid #ffffff;
    }

        .drop option {
            height: auto;
            display: block;
            padding: 7px 0px 7px 7px;
        }

    .searchbox input {
        background: none repeat scroll 0 0 #fff;
        border: 0 none;
        color: #828282;
        font-size: 12px;
        float: left;
        margin: 0;
        padding: 10px;
        transition: background 0.3s ease-in-out 0s;
        width: 160px;
        line-height: 15px;
        -moz-box-shadow: inset 0 1px 0 0 #E0DEDE;
        -webkit-box-shadow: inset 0 1px 0 0 #E0DEDE;
        box-shadow: inset 0 1px 0 0 #E0DEDE;
        filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=true, ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .site_selector #scrollWrap {
        position: absolute;
        width: 379px;
        left: 340px;
    }

    ul.styleSelector {
        right: 0;
    }
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait) {
    .site_selector #scrollWrap {
        position: absolute;
        width: 386px;
        left: 363px;
    }

    ul.styleSelector {
        right: 0;
    }
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape) {
    .site_selector #scrollWrap {
        position: relative;
        width: 507px;
    }

    ul.styleSelector {
        right: 0;
    }
}

@media only screen and (min-device-width: 980px) and (max-device-width: 1280px) and (orientation: portrait) {
    .site_selector #scrollWrap {
        position: absolute;
        width: 433px;
        left: 489px;
    }

    ul.styleSelector {
        right: 0;
    }
}

@media only screen and (device-width: 1024px) and (orientation: landscape) {
    .site_selector #scrollWrap {
        position: absolute;
        width: 459px;
        left: 520px;
    }

    ul.styleSelector {
        right: 0;
    }
}

@media only screen and (max-device-width: 767px) {
    ul.navbar-nav li:first-child a {
        padding-left: 15px;
        border-bottom: 1px solid #D2D2D2;
    }

    ul.navbar-nav li a {
        padding-left: 15px;
        border-bottom: 1px solid #D2D2D2;
    }
}
/*Queries End*/

.site_selector {
    height: 88px;
    position: relative;
    /* right: 15%; */
    top: 68px;
    /* width: 203px; */
    clear: both;
    display: inline-block;
    margin-left: -42px;
}

    .site_selector #scroller li a {
        color: #C0D6E3;
        display: inline-block;
        padding: 2px 0px;
    }

        .site_selector #scroller li a:hover {
            color: #0496FD;
            background-color: transparent;
            text-decoration: none;
        }

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.featured-area {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.featured-area-bg {
    background: #e7e7e7;
}

.main_banners {
    margin-top: 15px;
}

    .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
        line-height: 16px;
    }

.whatweoffer_content .left {
    max-width: 100% !important;
}

.whatweoffer.business .products {
    /*height: 345px !important;*/
}

.product .whatweoffer.business .products {
    /*height: 100%;*/
}

    .product .whatweoffer.business .products .morebtn {
        position: relative;
    }

div.buzsolution, div.whatweoffer, div.startbusiness, div.runbusiness, div.financebusiness, div.insurance div.specialisedservices, {
    margin-bottom: 20px;
    background-color: #ffffff;
}

    div.buzsolution p, div.whatweoffer p, div.startbusiness p, div.runbusiness p, div.financebusiness p, div.specialisedservices p, div.insurance p {
        color: #666666;
    }

    div.buzsolution h3 a, div.whatweoffer h3 a, div.whatweoffers h3 a, div.startbusiness h3 a, div.runbusiness h3 a, div.financebusiness h3 a, div.specialisedservices h3 a, div.insurance h3 a {
        color: #26428b !important;
    }

    div#smapContent, div.lbluline h3, div.buzsolution h3, div.whatweoffer h3, div.whatweoffers h3, div.startbusiness h3, div.runbusiness h3, div.financebusiness h3, div.specialisedservices h3, div.insurance h3, div.corporate h3, div.wealth h3, div.private h3, div.glance h3 {
        color: #26428b;
        padding-bottom: 10px;
        font-size: 17px; /*Originally 19px*/
        font-weight: bold;
    }

    div.buzsolution h4, div.whatweoffer h4, div.whatweoffers h4, div.startbusiness h4, div.runbusiness h4, div.financebusiness h4, div.specialisedservices h4, div.insurance h4 {
        /*color: #333333;*/
        font-weight: bold;
        font-size: 1.02em;
    }

p {
    font-size: 12px !important;
}

.buzsolution img, .whatweoffer img, .whatweoffers img, .whatweoffer img, .startbusiness img, .insurance img, .wealth img, .corporate img, .private img {
    margin-bottom: 20px;
    max-width: 100%;
}

.buzsolution h3 {
    background: url(../images/headline_gradient_orange.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.award h3 {
    background: url(../images/new/awardUnderline.jpg) no-repeat left bottom;
    margin-bottom: 20px;
    color: #26428b;
  padding-bottom: 10px;
  font-size: 19px;
  font-weight: bold;
}


/*CJM Long BluUnderline*/

.lbluline h3 {
    background: url(../images/new/long_bline.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.lbluline h1 {
    background: url(../images/new/long_bline.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.whatweoffer h3 {
    background: url(../images/headline_gradient_red.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.col-sm-6.whatweoffer h3, .col-sm-6.whatweoffers h3 {
    background: url(../images/headline_gradient_blue-6-col.png) no-repeat left bottom;
    margin-bottom: 20px;
}
/*Start Short Underline For the Teaser H3's*/

.startbusiness h3 {
    background: url(../images/headline_gradient_grey.png) no-repeat left bottom;
    margin-bottom: 20px;
}

body .col-sm-3.insurance h3, body .col-sm-3.insurance h3 {
    background: url(../images/headline_gradient_green.png) no-repeat left bottom !important;
    margin-bottom: 20px;
}

div#smapContent h3, .insurance h3 {
    background: url(../images/new/ovuline.jpg) no-repeat left bottom !important;
    margin-bottom: 20px;
}

.col-sm-6 .insurance h3, .col-sm-6.insurance h3, .ie .col-sm-6 .insurance h3, .ie.col-sm-6.insurance h3 {
    background: url(../images/headline_gradient_green_long.png) no-repeat left bottom !important;
    margin-bottom: 20px;
    background-size: 97% !important;
}

.ie .col-sm-6 .insurance h3, .ie.col-sm-6.insurance h3 , .col-sm-6 .insurance h3, .ie .col-sm-6 .insurance h3 {
    background: url("../images/headline_gradient_green_long.png") no-repeat left bottom !important;
    margin-bottom: 20px;
    background-size: 97% !important;
}
.col-sm-3 .insurance h3, .col-sm-3.insurance h3 {
    background: url(../images/headline_gradient_green.png) no-repeat left bottom !important;
    margin-bottom: 20px;
    background-size: 97% !important;
}

.corporate h3 {
    background: url(../images/sline/corporateInvest.jpg) no-repeat left bottom;
    margin-bottom: 20px;
}

.wealth h3 {
    background: url(../images/sline/wealth.jpg) no-repeat left bottom;
    margin-bottom: 20px;
}

.private h3 {
    background: url(../images/sline/private.jpg) no-repeat left bottom;
    margin-bottom: 20px;
}

.glance h3 {
    background: url(../images/sline/glance.jpg) no-repeat left bottom;
    margin-bottom: 20px;
}
/*End Short Underline For the Teaser H3's*/


.commercial_banking a h3, .corporate_investment a h3, .private_clientsa h3, .private_clients_content a h3, .corporate_investment_content a h3, .commercial_banking_content a h3 {
    color: #26428b;
    text-decoration: none;
    font-size: 16px !important;
    font-weight: normal;
}

.commercial_banking h3 {
    /*background: url(../images/headline_gradient_grey.png) no-repeat left bottom;*/
    background: url(../images/headline_gradient_gold.png) no-repeat left bottom;
    /*15 October CJM change*/
    margin-bottom: 20px;
    font-size: 14px !important;
    padding-bottom: 15px;
}

.commercial_banking .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #8d847b 82% 50%;
    font-size: 14px !important;
}

.corporate_investment h3 {
    background: url(../images/headline_gradient_navy.png) no-repeat left bottom;
    margin-bottom: 20px;
    font-size: 14px !important;
    padding-bottom: 15px;
}

body .whatweoffer_content .linkList li {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_light_blue.png) 96% 50% no-repeat;
    padding: 3px 13% 3px 3%;
    list-style-image: none !important;
    margin-left: 0;
}

.corporate_investment .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #034a63 82% 50%;
}

.private_clients h3 {
    /*background: url(../images/headline_gradient_gold.png) no-repeat left bottom;*/
    background: url(../images/headline_gradient_grey.png) no-repeat left bottom;
    /*15 October CJM change*/
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.private_clients .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #c4962e 82% 50%;
}

.business .insurance h3, .business .startbusiness h3, .business .whatweoffer h3, .business .buzsolution h3, .business .products h3 {
    background: url(../images/headline_gradient_red.png) no-repeat left bottom;
    margin-bottom: 20px;
}

.card_types li {
    color: #2f76e0 !important;
    list-style: none !important;
    border-bottom: 1px solid #ffffff !important;
    background: url(../images/icon_arrow_light_blue.png) no-repeat 92% 50% #e7e7e7 !important;
    padding: 10px !important;
    padding-right: 13% !important;
}

#current_product {
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #26428b !important;
    margin-top: 9px;
    width: 100%;
}

    #current_product a {
        color: #ffffff;
    }

.card_types li:hover {
    color: #2f76e0 !important;
    list-style: none !important;
    border-bottom: 1px solid #ffffff !important;
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #f58320 !important;
    padding: 10px !important;
    padding-right: 13% !important;
}

.card_types li:first-child {
    border-top: none !important;
}

.insurance ul li {
    /*color: #2570e0 !important;*/
    list-style: none;
    /*border-bottom: 1px solid #cccccc; CJM 31/03/2015
background: url(../images/icon_arrow_light_blue.png) no-repeat 96% 50%; */
    padding: 3px 13% 3px 3%;
}

.business .insurance ul li {
    color: #ba4d30 !important;
    list-style: none;
    border-bottom: 1px solid #cccccc;
    background: url(../images/icon_arrow_brick_red.png) no-repeat 92% 50%;
    padding: 10px;
}
/* Remove CJM Conflict
.insurance ul li:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #219595;
color: #ffffff !important;
}

    .insurance ul li:hover a {
        color: #ffffff !important;
    }
*/

.insurance ul li:first-child {
    /*border-top: 1px solid #cccccc; CJM 31/03/2015 */
}

.insurance ul li a {
    color: #2570e0;
    font-size: 1.01em;
}

.business .insurance ul li a {
    color: #ba4d30;
    font-size: 1.01em;
}

.insurance ul li a:hover {
    color: #2570e0;
}

div.buzsolution ul, div.whatweoffer ul, div.startbusiness ul, div.runbusiness ul, div.financebusiness ul, div.specialisedservices ul, div.insurance ul {
    /*margin-top: 5px;*/
    padding: 1px 0px 0px 0px;
}

    div.buzsolution ul li, div.whatweoffer ul li, div.startbusiness ul li, div.runbusiness ul li, div.financebusiness ul li, div.specialisedservices ul li, div.insurance ul li {
        list-style: none;
    }

        div.buzsolution ul li a, div.whatweoffer ul li a, div.startbusiness ul li a, div.runbusiness ul li a, div.financebusiness ul li a, div.specialisedservices ul li a, div.insurance ul li a {
            text-decoration: none;
            font-weight: 500;
        }

            div.buzsolution ul li a:hover, div.whatweoffer ul li a:hover, div.startbusiness ul li a:hover, div.runbusiness ul li a:hover, div.financebusiness ul li a:hover, div.specialisedservices ul li a:hover, {
                color: #f58320;
            }

.news_section {
    margin-top: 15px;
}

.media-list {
    border: 1px solid #e7e7e7;
    min-height: 100% !important;
}

div.latestnews {
    margin-top: 20px;
}

.latestnews_content {
    width: 100%;
}

div.latestnews p {
    color: #888888;
}

div.latestnews h3 {
    background-color: #f3f3f3;
    color: #000771;
    border-bottom: 2px solid #26428b;
    padding: 15px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
}

div.latestnews h4 {
    color: #000000;
    font-size: 1.02em;
    font-weight: bold;
    min-height: 30px;
}

.product div.loginbox {
    /*height: 176px;*/
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 213px;
}

    .product div.loginbox h4 {
        height: 40px;
        background: url(../images/standard_tile_product.png) no-repeat;
        color: #828282;
        color: #26428b;
        margin: 0px;
        padding: 8px;
        font-size: 16px;
        font-weight: normal;
        padding: 19px 0px 4px 15px;
        height: 58px;
    }

.product .loginbox_content {
    background: #e7e7e7;
    padding: 14px;
    padding-bottom: 0;
}

.product div.loginbox h4 span.glyphicon-lock {
    padding-right: 10px;
}

.product div.loginbox div h3 {
    margin: 0px;
    margin-bottom: 20px;
    color: #666666;
    line-height: 20px;
    font-size: 1.15em;
    font-weight: normal;
}

div.loginbox {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 213px;
}

    div.loginbox h4 {
        height: 40px;
        background: url(../images/standard_tile_homepage.png) no-repeat;
        color: #828282;
        color: #26428b;
        margin: 0px;
        padding: 8px;
        font-size: 16px;
        font-weight: normal;
        padding: 19px 0px 4px 15px;
        height: 58px;
    }

.loginbox_content {
    background: #ffffff;
    padding: 14px;
}

div.loginbox h4 span.glyphicon-lock {
    padding-right: 10px;
}

div.loginbox div h3 {
    margin: 0px;
    color: #666666;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
}
/*End of loginbox */

63
/*Start of quicklinksbox */
div.quicklinksboxhm {
    width: 136px;
}

div.quicklinksboxhm, div.quicklinksbox {
    height: auto;
    margin-top: 20px;
    padding: 0px;
    margin: 0;
}

div.quicklinksbox {
}

    div.quicklinksbox h4 {
        height: 40px;
        color: #26428b;
        margin: 0px;
        padding: 8px;
        font-size: 16px !important;
        font-weight: normal;
    }

        div.quicklinksbox h4 span.glyphicon-lock {
            padding-right: 10px;
        }

    div.quicklinksbox h4 {
        height: 40px;
        background-color: #f3f3f3;
        color: #26428b;
        margin: 0px;
        font-weight: normal;
        font-size: 1.35em;
        padding: 10px 0px 0px 12px;
        border-bottom: 2px solid #26428b;
    }

.business div.quicklinksbox h4 {
    border-bottom: 2px solid #ba4d30;
}

div.quicklinksboxhm ul, div.quicklinksbox ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
}
/*Homepage nav quicklinks*/

div.quicklinksboxhm ul {
    /*margin-left:20px;*/
    display: block;
}

    div.quicklinksboxhm ul li {
        color: #0396fd;
        height: 28px;
        line-height: 30px;
        text-indent: 10px;
    }

        div.quicklinksboxhm ul li:hover {
            color: #fff;
            background: url(../images/icon_arrow_white.png) #0396fd no-repeat 92% 50%;
        }

    div.quicklinksbox ul li, div.quicklinksboxhm ul li {
        list-style: none;
        border-bottom: 1px solid #e7e7e7;
    }

div.quicklinksbox ul li {
    background: url(../images/icon_arrow_blue.png) no-repeat 92% 50%;
}

div.quicklinksboxhm ul li {
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat 92% 50%;
}

.business div.quicklinksbox ul li {
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    background: url(../images/icon_arrow_brick_red.png) no-repeat 92% 50%;
}

div.quicklinksbox ul li a {
    color: #333333;
    cursor: pointer;
    display: block;
    display: inline-block;
    text-indent: 0px;
    text-decoration: none;
    width: 100%;
    height: auto;
    padding: 9px 14px;
}

.business .spannericon {
    background: url(../images/icon_sprites_business.png) no-repeat -47px -71px;
}

.business .mouseicon {
    background: url(../images/icon_sprites_business.png) no-repeat -52px -98px;
}

.business .ucounticon {
    background: url(../images/icon_sprites_business.png) no-repeat 0px -100px;
}

div.quicklinksbox ul li a:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #26428b;
    position: relative;
    color: white;
}

.product .quicklinksbox ul li a {
    background: url(../images/icon_arrow_blue.png) no-repeat 92% 50% #e7e7e7;
    position: relative;
    color: #000000;
}

.product .quicklinksbox ul li {
    list-style: none;
    border-bottom: 1px solid #ffffff;
    background: url(../images/icon_arrow_blue.png) no-repeat 92% 50%;
}

.business div.quicklinksbox ul li a:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #ba4d30;
    position: relative;
    color: white;
}

div.quicklinksbox .tools_and_calculators:hover span {
    background: url(../images/icon_tools_and_calculators.png) no-repeat 92% 50%;
}

div.quicklinksbox .apply_online:hover span {
    background: url(../images/icon_apply_online.png) no-repeat 92% 50%;
}

div.quicklinksbox .ucount:hover span {
    background: url(../images/icon_ucount.png) no-repeat 92% 50%;
}
/*End of quicklinksbox */
/*Start of directcareline */

div.directcareline {
    border: 1px solid #D2D2D2;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
}

    div.directcareline h4 {
        height: 40px;
        background-color: #e6e6e2;
        color: #828282;
        margin: 0px;
        padding: 8px;
        font-size: 1.125em;
        font-weight: bold;
    }

        div.directcareline h4 span.glyphicon-lock {
            padding-right: 10px;
        }

    div.directcareline h4 {
        height: 40px;
        background-color: #E6E6E2;
        color: #828282;
        margin: 0px;
        font-weight: bold;
        font-size: 1.125em;
        padding: 11px 0px 4px 23px;
    }

    div.directcareline ul {
        clear: both;
        list-style-type: none;
        margin: 10px 0px 0px 21px;
        padding: 0;
    }

        div.directcareline ul li {
            display: block;
            list-style-type: none;
            margin: 15px 0;
        }

            div.directcareline ul li a {
                color: #787878;
                text-decoration: none;
                margin: 0px 0px 0px 5px;
            }

    div.directcareline div.pull-right:last-child {
        margin-right: 15px;
    }
/*End of directcareline */
/*Start of Tellmeabout */

.Tellmeabout_content {
    /**/
    width: 100%;
}

div.Tellmeabout h4 {
    height: 40px;
    background-color: #0496fd;
    color: #828282;
    margin: 0px;
    padding: 8px;
    font-size: 1.125em;
    font-weight: bold;
}

div.Tellmeabout h3 {
    background-color: #f3f3f3;
    color: #26428b;
    border-bottom: 2px solid #000771;
    padding: 15px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

div.Tellmeabout h4 span.glyphicon-lock {
    padding-right: 10px;
}

div.Tellmeabout h4 {
    padding: 12px 0 10px 15px;
    color: #FFFFFF;
    font-size: 1.52em;
    font-weight: 500;
    height: 50px;
}

div.Tellmeabout h5 {
    color: #999999;
    margin: 10px 0px 0px 15px;
    font-weight: 600;
}

div.Tellmeabout ul {
    margin: 0px 0px 0px 1px;
    list-style-type: none;
    padding: 2px;
}

    div.Tellmeabout ul li {
        padding: 3px 0 3px 5px;
    }

        div.Tellmeabout ul li a {
            color: #787878;
            text-decoration: none;
            font-size: 12px;
            display: block;
        }

#relatedTopics {
    display: inline-block;
}

div.Tellmeabout ul li a span {
    background: url('../images/icon_sprites.png') no-repea scroll 0px 0px transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
}

.tell_me_about {
    background: #e7e7e7;
    width: 100%;
    display: inline-block;
}

    .tell_me_about ul {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.customer_care {
    background: #e7e7e7;
    width: 100%;
    padding: 5px;
    display: inline-block;
}

.customer_care--details {
    padding: 10px 0px;
    border-bottom: 1px solid #ffffff;
    float: left;
    margin-right: 5px;
    width: 87.5%;
    margin-left: 15px;
}

    .customer_care--details a {
        color: #2570e0;
    }

    .customer_care--details p {
        padding-left: 31px;
        margin-bottom: 0;
    }

    .customer_care--details:nth-child(3) {
        border: none;
    }

.customer_care--img {
    float: left;
    margin-right: 5px;
}

.general_enquiry {
    background: url(../images/icon_arrow_grey.png) no-repeat 90% 50% #ffffff;
    color: #666666;
    margin-left: 15px;
    padding: 8px 33px 8px 15px;
    text-decoration: none;
}

    .general_enquiry:hover {
        text-decoration: none;
    }

.call_centre {
    margin-top: 20px;
    font-size: 0.84em;
}

    .call_centre span {
        color: #26428b;
        text-decoration: none;
        font-weight: bold;
    }

.feedback {
    margin-left: 15px;
    width: 86%;
}

    .feedback p {
        font-weight: bold;
    }

.feedback_icon_delighted {
    background: url(../images/feedback_delighted.png) no-repeat 8% 50% #ffffff;
    color: #666666;
    padding: 8px 35px;
    margin-bottom: 10px;
}

    .feedback_icon_delighted:hover {
        background: url(../images/feedback_delighted_hover.png) no-repeat 8% 50% #5fa33b;
        color: #ffffff;
        padding: 8px 35px;
        margin-bottom: 10px;
    }

.feedback_icon_disappointed {
    background: url(../images/feedback_disappointed.png) no-repeat 8% 50% #ffffff;
    color: #666666;
    padding: 8px 35px;
    margin-bottom: 10px;
}

    .feedback_icon_disappointed:hover {
        background: url(../images/feedback_disappointed_hover.png) no-repeat 8% 50% #df9911;
        color: #ffffff;
        padding: 8px 35px;
        margin-bottom: 10px;
    }

.feedback_icon img {
    margin-right: 10px;
}

.feedback a {
    text-decoration: none;
}

a:focus {
    outline: none;
}
/*End of Tellmeabout */

.icon_telephone {
    background: url(../images/icon_telephone.png) no-repeat;
    margin: 0px 10px 0px 0px;
    padding: 0 14px;
}

.icon_email--grey {
    background: url(../images/icon_email--grey.png) no-repeat;
    margin: 0px 10px 0px 0px;
    padding: 0 14px;
}
/*.arrowbullet:hover, .blogicon:hover, .earphonesicon:hover, .envicon:hover, .envelopeicon:hover, .farrowicon:hover, .hseticon:hover, .lock:hover, .mouseicon:hover, .phoneicon:hover, .pointericon:hover, .searchicon:hover, .spannericon:hover, .ucounticon:hover {
display: block;
background: url('../images/icon_sprites_2.png') no-repeat;
float: left;
margin-right: 5px;
height: 24px;
width: 24px;
}*/

.arrowbullet, .blogicon, .earphonesicon, .envicon, .envelopeicon, .farrowicon, .hseticon, .lock, .mouseicon, .phoneicon, .pointericon, .searchicon, .spannericon, .ucounticon {
    display: block;
    background: url('../images/icon_sprites.png') no-repeat;
    float: left;
    margin-right: 5px;
    height: 24px;
    width: 24px;
}

.arrowbullet {
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
}

.earphonesicon {
    background-position: -48px 0px;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0px 0px;
}

.envicon {
    background-position: -72px 0px;
    width: 24px;
    height: 24px;
}

.envelopeicon {
    background-position: 0px -24px;
    width: 24px;
    height: 24px;
    margin: 0px 10px 0px 0px;
}

.farrowicon {
    background-position: -24px -24px;
    width: 24px;
    height: 24px;
}

.hseticon {
    background-position: -72px -24px;
    width: 24px;
    height: 24px;
}

.lock {
    background-position: -30px -51px;
    width: 18px;
    height: 24px;
}

.mouseicon, .mouseicon:hover {
    background-position: -52px -97px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.phoneicon {
    background-position: -75px -52px;
    width: 24px;
    height: 20px;
}

.pointericon {
    background-position: -5px -74px;
    width: 22px;
    height: 21px;
}

.searchicon {
    background-position: -24px -72px;
    width: 24px;
    height: 24px;
}

.spannericon, .spannericon:hover {
    background-position: -48px -72px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.tools_and_calculators:hover .spannericon:hover {
    background-position: -48px -72px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.ucounticon, .ucounticon:hover {
    background-position: 0px -96px;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.facebookico, .linkedinico, .ytico, .twitterico, .blogico {
    display: block;
    background: url('../images/socialMedia.png') no-repeat;
    float: left;
    margin: 0px;
    height: 32px;
    width: 32px;
}

.facebookico {
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
}

.linkedinico {
    background-position: -96px 0px;
    width: 32px;
    height: 32px;
}

.ytico {
    background-position: -64px 0px;
    width: 32px;
    height: 32px;
}

.blogico {
    background-position: -128px 0px;
    width: 32px;
    height: 32px;
}

.twitterico {
    background-position: -32px 0px;
    width: 32px;
    height: 32px;
}

div.siteheader {
    margin: 0px;
    height: 100px;
    background: -webkit-linear-gradient(top, #0118ca, #000771);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #0118ca, #000771);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #0118ca, #000771);
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0118ca), color-stop(100%, #000771));
    /* Safari 4+, Chrome 2+ */
    background: -o-linear-gradient(#0118ca, #000771);
    /* Opera 11.10 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0118ca', endColorstr='#000771');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0118ca', endColorstr='#000771')";
    /* IE8+ */
    background: linear-gradient(#0118ca, #000771);
    /* the standard */
    z-index: 1;
    background:url(../images/headerBG.jpg) #0a368f no-repeat left center;

}

    div.siteheader div.siteLogo {
        float: left;
        margin-top: 14px;
    }

    div.siteheader div#siteName {
        float: left;
        margin-top: 43px;
        margin-left:1px;
        width: 90px;
        height: 30px;
        color: white;
        padding-left: 10px;
    }

    div.siteheader div.globalsiteLable {
        font-size: 0.75em;
        height: 20px;
        position: absolute;
        top: -24px;
        width: 115px;
        right: 34px;
        color: #fff;
        /*CJM Visit The Global Site link 28/11/2014*/
    }

    div.siteheader div.siteMap {
        background: url("../Sitedrivenimages/headermap.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 88px;
        position: absolute;
        right: 36.5%;
        top: 8px;
        width: 203px;
    }

.styleSelector #scrollWrap {
    height: 50px;
    right: 1%;
    position: absolute;
    top: 15px;
    width: 194px;
    z-index: 5;
}

ul.styleSelector {
    background-color: #0110a2;
    border-radius: 0 0 5px 5px;
    height: auto;
    margin: 0;
    padding: 10px 4px 20px 10px;
    position: relative;
    top: -25px;
    width: 465px;
    z-index: 1000;
    display: inline-block;
    margin-left: 31.8%;
}

    ul.styleSelector li a {
        color: #C0D6E3;
        display: inline-block;
        font-size: .825em;
        text-decoration: none;
        padding: 2px 0px;
        width: 100%;
    }

    ul.styleSelector li h1 {
        clear: both;
        color: #FFFFFF;
        font-weight: bold;
        margin: 0px;
        padding: 0;
        font-size: 1em;
    }
    /*Change H1 to H6*/
    ul.styleSelector li h6 {
        clear: both;
        color: #FFFFFF;
        font-weight: bold;
        margin: 0px;
        padding: 0;
        font-size: 1em;
    }

    ul.styleSelector > li, ul.styleSelector > li > ul {
        border-right: 1px solid #02277F;
        cursor: pointer;
        float: left;
        list-style-type: none !important;
        margin: 0 10px 0 0;
        padding: 0 5px 0 0;
        width: 138px;
    }

div.CountrySelector {
    background-color: #00a1e0;
    color: #FFF;
    height: 28px;
    right: 0px;
    padding: 5px 0px 5px 5px;
    position: relative;
    top: 43px;
    width: 150px;
    float: right;
}

    div.CountrySelector a {
        background: url("../images/downArrow.png") no-repeat scroll 130px 7px rgba(0, 0, 0, 0);
        color: #FFFFFF;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.85em;
        padding: 0 0 0 2px;
        position: absolute;
        text-decoration: none;
        width: 100%;
    }

        div.CountrySelector a.hoverstate {
            display: block;
            color: #ffffff;
            padding: 0px 0px 0px 2px;
            background: url("../images/ui-icons_ffffff_256x240.png") no-repeat scroll 130px -15px transparent;
            text-decoration: none;
        }

        div.CountrySelector a:hover {
            color: #fff !important;
        }

.navbar-default {
    border-color: #E7E7E7;
    background: none;
    z-index: 9;
}

#scrollWrap a.scrollDot {
    position: absolute;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #5973bc;
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    left: 700px;
}

    #scrollWrap a.scrollDot.hover {
        background-color: #fff;
        border: 2px solid #4394F7;
        padding: 1px;
    }

#scrollWrap .AR.scrollDot {
    top: 50px;
    left: 55px;
}

#scrollWrap .BR.scrollDot {
    top: 35px;
    left: 60px;
}

#scrollWrap .US.scrollDot {
    top: 10px;
    left: 35px;
}

#scrollWrap .CN.scrollDot {
    top: 10px;
    left: 145px;
}

#scrollWrap .HK.scrollDot {
    top: 21px;
    left: 155px;
}

#scrollWrap .IM.scrollDot {
    top: 1px;
    left: 90px;
}

#scrollWrap .JP.scrollDot {
    top: 8px;
    left: 173px;
}

#scrollWrap .JE.scrollDot {
    top: 10px;
    left: 89px;
}

#scrollWrap .RU.scrollDot {
    top: 3px;
    left: 135px;
}

#scrollWrap .SG.scrollDot {
    top: 35px;
    left: 152px;
}

#scrollWrap .TW.scrollDot {
    top: 23px;
    left: 160px;
}

#scrollWrap .TR.scrollDot {
    top: 11px;
    left: 108px;
}

#scrollWrap .AE.scrollDot {
    top: 20px;
    left: 121px;
}

#scrollWrap .UK.scrollDot {
    top: 7px;
    left: 90px;
}

#scrollWrap .AO.scrollDot {
    top: 39px;
    left: 101px;
}

#scrollWrap .BW.scrollDot {
    top: 44px;
    left: 106px;
}

#scrollWrap .CD.scrollDot {
    top: 32px;
    left: 106px;
}

#scrollWrap .GH.scrollDot {
    top: 29px;
    left: 90px;
}

#scrollWrap .KE.scrollDot {
    top: 32px;
    left: 113px;
}

#scrollWrap .LS.scrollDot {
    top: 48px;
    left: 108px;
}

#scrollWrap .MW.scrollDot {
    top: 41px;
    left: 109px;
}

#scrollWrap .MU.scrollDot {
    top: 44px;
    left: 123px;
}

#scrollWrap .MZ.scrollDot {
    top: 43px;
    left: 110px;
}

#scrollWrap .NA.scrollDot {
    top: 42px;
    left: 113px;
}

#scrollWrap .NG.scrollDot {
    top: 26px;
    left: 95px;
}

#scrollWrap .ZA.scrollDot {
    top: 50px;
    left: 104px;
}

#scrollWrap .SZ.scrollDot {
    top: 48px;
    left: 111px;
}

#scrollWrap .TZ.scrollDot {
    top: 36px;
    left: 111px;
}

#scrollWrap .UG.scrollDot {
    top: 29px;
    left: 112px;
}

#scrollWrap .ZM.scrollDot {
    top: 42px;
    left: 108px;
}

#scrollWrap .ZW.scrollDot {
    top: 45px;
    left: 109px;
}

.navbar {
    border: none !important;
}

.navbar-nav {
    margin-left: 0;
}

ul.navbar-nav li:first-child a {
    padding-left: 0px;
}

ul.navbar-nav li a {
    color: #232323 !important;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 20px;
    font-size: 12px;
}

    ul.navbar-nav li a:hover {
        color: #000771 !important;
    }

ul.navbar-nav li.active a {
    color: #26428b !important;
}

.topNavigation {
    background: #f3f3f3 !important;
}

div.topNavigation, div.footerNavigation {
    margin: 0px;
    clear: both;
    background: #f3f3f3;
    border-bottom: 3px solid #0496fd;
    z-index:0;
}

div.topNavigation {
    border-bottom: 3px solid #0496fd;
}

.bottom.topNavigation {
    border-bottom: none;
}

div.topNavigation div.container {
    height: 40px;
}

ul.navbar-nav li {
    background: #f3f3f3;
}

    ul.navbar-nav li a {
        color: #666666 !important;
        font-weight: 500;
    }

        ul.navbar-nav li a:hover {
            color: #000771 !important;
        }

.breadcrumb li:first-child {
    background: none;
    padding-left: 0;
}

.breadcrumb li:nth-child(2) {
    background: none;
    padding-left: 0;
}

.breadcrumb li {
    color: #acacac;
    font-size: 10px;
    background: url("../images/bread_crumb.png") no-repeat 3% 50%;
    padding-left: 11px;
}

.breadcrumb > li {
    display: inline !important;
}

.breadcrumb {
    background: #e7e7e7;
    margin: 0px;
    padding: 7px 0 1px 0;
    font-size: 1em;
    border-radius: 0;
    float: left;
}

    .breadcrumb li {
        color: #acacac;
        font-size: 10px;
    }

        .breadcrumb li a {
            color: #232323;
            font-size: 10px;
        }

            .breadcrumb li a:hover {
                color: #0396fd;
            }

        .breadcrumb li + li:before {
            content: "";
            display: none;
        }

div.atmsitemaplinks {
    display: inline-block;
    padding: 2px 0 0 41px;
    float: right;
    width: 35%;
}

    div.atmsitemaplinks a {
        color: #424242;
        padding: 0px 5px !important;
        display: inline-block;
        border-left: 1px solid #424242;
        font-size: 10px;
        /*Start 06/11/2014 CJM Change*/
        text-decoration: none;
    }

        div.atmsitemaplinks a:last-child {
            padding-right: 0 !important;
        }

.atmsitemaplinks a:first-child {
    border: none;
}

div.atmsitemaplinks a:first-child {
    border-right: 0px;
}

div.footerContent {
    background-color: #eeeeee;
    margin: 0px;
    clear: both;
    border-top: 1px solid #ffffff;
    z-index:0;
}

div.contactSection h3, div.careerSection h3, div.relatedLinks h3, div.standardbankApp h3 {
    font-size: 1.275em;
    color: #000771;
}

div.contactSection p, div.careerSection p, div.relatedLinks p, div.standardbankApp p {
    color: #232323;
}

div.contactSection ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    clear: both;
}

    div.contactSection ul li {
        list-style-type: none;
        margin: 15px 0px;
        padding: 0px;
        clear: both;
        display: block;
    }

        div.contactSection ul li a {
            display: inline-block;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
        }

div.contactSection div.socialIconset {
    margin: 5px 0px 0px 0px;
    display: inline-block;
}

    div.contactSection div.socialIconset a {
        margin: 0px 7px 0 0 !important;
        padding: 0px !important;
        float: left;
    }

        div.contactSection div.socialIconset a > span {
            margin: 0px !important;
            padding: 0px !important;
        }

div.relatedLinks ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    clear: both;
}

    div.relatedLinks ul li {
        list-style-type: none;
        clear: both;
        display: block;
        border-bottom: 1px solid #d4d4d4;
        width: 95%;
        background: url(../images/icon_arrow_luminous_blue.png) no-repeat 90% 50%;
    }

        div.relatedLinks ul li:last-child {
            border-bottom: 0px;
        }

        div.relatedLinks ul li a {
            display: inline-block;
            text-decoration: none;
            width: 100%;
            height: auto !important;
            color: #0396fd;
            font-size: 12px;
            margin-left: 12px;
            line-height: 20px;
        }

            /*CJM Navigation Mouse Over*/
            div.relatedLinks ul li a:hover {
                color: rgb(204, 204, 204);
            }



            div.relatedLinks ul li a span {
                width: 24px;
                height: 24px;
                display: inline-block;
                float: right;
            }
/*Selectbox*/

.dropbox {
    width: 219px;
    height: 90px;
    background-color: #ededed;
    display: inline-block;
    margin-top: 20px;
}

    .dropbox p {
        display: block;
        width: 200px;
        margin: 10px auto;
        text-align: center;
    }

.obDrop div.searchOutline a {
    margin-top: -1px !important;
}

.obDrop div.searchOutline {
    line-height: normal;
    width: 300px;
    /*margin-left: 15px !important;*/
}

div.searchOutline {
    margin: 15px 0px;
    width: 150px;
    display: inline-block;
}
.ie div.searchOutline {
    margin: 15px 0px;
    width: 150px;
    display: inline-block;
}
div.searchOutline a {
    width: auto;
}

.boffering select {
    margin-bottom: 10px;
}

div.boffering select, div.searchOutline select, div.dropbox select {
    padding: 5px;
    width: 80%;
    /*float: left; CJM 26/02/2015
margin:5px auto;*/
    display: block;
    font-size: 12px;
    color: #0396fd;
    /* border: 1px solid #D3D3D3; */
    height: 30px;
    border-radius: 0 !important;
}

.ie div.boffering select, .ie div.searchOutline select, .ie div.dropbox select {
    padding: 5px;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #0396fd;
    height: 30px;
    border-radius: 0 !important;
}

.searchOutline a, .ie .searchOutline a {
    background: #0396fd;
    background: #0396fd;
    padding: 8px 10px;
    display: inline-block;
    height: 30px;
}

div.searchOutline select option, .ie div.searchOutline select option {
    height: 30px;
    padding: 5px 2px;
    width: 100%;
    border: none;
}
/*Accordion*/

.accordion {
    width: 100%;
}

.accordian_controls {
    float: right;
    color: #d6d6d6;
}

    .accordian_controls a {
        color: #2471dd;
        text-decoration: none;
    }

.expand_all {
    background: url(../images/icon_arrow_down.png) no-repeat right center;
    padding-right: 25px;
    margin-right: 5px;
}

.close_all {
    background: url(../images/icon_arrow_up.png) no-repeat right center;
    padding-right: 25px;
    margin-left: 5px;
}

.col-sm-9 .col-sm-4 {
    margin-bottom: 38px !important;
}

    .col-sm-9 .col-sm-4 div.morebtn {
        bottom: -35px !important;
    }

div.Tellmeabout div.affordabilitytoolbox div.affordabilitytool h4 {
    background-color: transparent !important;
}

.product_information .accordion {
    padding-top: 20px;
}

.product_information .accordion-item {
    background: url(../images/icon_arrow_down-dark.png) no-repeat 97% 50% #f3f3f3 !important;
    color: #254288 !important;
    border-bottom: 1px solid #26428b !important;
    font-weight: bold;
}

    .product_information .accordion-item.open {
        background: url(../images/icon_arrow_down-orange.png) no-repeat 97% 50% #f3f3f3 !important;
        color: #f58322 !important;
        border-bottom: 1px solid #f58322 !important;
    }

.product_information p a {
    color: #0395fa;
    text-decoration: none;
}

.standard_table a, .styledtable a {
    color: #0395fa;
    text-decoration: none;
}

.product_information .more {
    background: url(../images/icon_arrow_light_blue.png) no-repeat 97% 50%;
    color: #0395fa;
    padding-right: 15px;
    text-decoration: none;
    float: right;
    margin-right: 48%;
}

    .product_information .more:hover {
        color: #f58320;
        background: url(../images/icon_arrow_orange.png) no-repeat 97% 50%;
    }

.product_information .col-6 {
    width: 58%;
}

.cards {
    border-radius: 2px;
    border: solid 1px #d8d8d8;
    padding: 18px 12px 18px 12px;
}

    .cards .card h4 {
        width: 38%;
        display: inline-block;
        clear: inherit;
        margin-bottom: 25px;
    }

    .cards .card ul, .cards .card p {
        float: right;
        width: 58%;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .cards .card a.more {
        float: right;
        width: 58%;
        background-position: 47% 50%;
        margin-right: 0 !important;
    }

    .cards .card .apply {
        position: absolute;
        top: 40px;
        left: 82%;
    }

.card {
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0 35px 0;
    position: relative;
    display: inline-block;
}

    .card img {
        float: left;
    }

    .card p {
        float: left;
        width: 58%;
    }

.help_me_decide {
    padding: 10px;
}

#help_me_decide {
    display: inline;
    background-color: #FFFFFF;
    border: 1px solid #cbcbcb;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    apperance: none;
    background: url("../images/loginselectarrow.png") no-repeat scroll 130px 7px #ffffff;
    text-indent: 0.01px;
    height: 30px;
    padding-left: 10px;
    margin-right: 2px;
    width: 100%;
    color: #7b7b7b;
}

.accordian > li {
    background: url(../images/icon_arrow_down-dark.png) no-repeat 97% 50% #f3f3f3 !important;
    color: #666 !important;
    padding-left: 0;
}

    .accordian > li > h3 {
        background: none !important;
        margin: 0 !important;
        padding: 11px;
        padding-right: 4px;
        padding-left: 4px;
        border-bottom: 1px solid #254288;
    }

        .accordian > li > h3 > a {
            display: block;
        }

            .accordian > li > h3 > a:hover span {
                color: #f58322 !important;
            }

            .accordian > li > h3 > a > span {
                color: #254288 !important;
                font-size: 14px !important;
                padding-left: 0px;
                padding-right: 5px;
            }

.accordian .panel {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 0 !important;
    margin-bottom: 0;
    width: 100% !important;
}

.accordion .accordion-item {
    font-size: 1.05em;
    padding: 11px;
    background-color: #b1b1af;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    padding-left: 20px;
}

.accordion div.data {
    background: #fff;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 0.858em;
    line-height: 140%;
    display: none;
    border-top: none;
}

.accordion .accordion-item.open {
    background: #0396fd;
    border-bottom: 0px;
    color: #fff;
}

    .accordion .accordion-item.open .type {
        float: right;
        padding: 10px;
    }

.accordion .accordion-item .type {
    float: right;
    padding: 10px;
}

.accordion .country_code {
    width: 34%;
    float: left;
}

.accordion .btn {
    background: #0396fd;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 76px;
    border-radius: 0;
}

.accordion .area_code {
    width: 32%;
    float: left;
}

.accordion .local_code {
    width: 34%;
    float: left;
}

.standard_table, .styledtable {
    width: 100%;
    text-align: left;
    border: 1px solid #d8d8d8;
    color: #666666;
    margin-bottom: 10px;
}

    .standard_table th, .styledtable th {
        background: #e7e7e7;
        border-bottom: 2px solid #f58320;
        padding: 15px;
    }

    .standard_table tr, .styledtable tr {
        border-bottom: 1px solid #d8d8d8;
    }

    .standard_table td, .styledtable td {
        padding: 12px 15px;
    }

    .standard_table .division, .styledtable .division {
        color: #26428b;
        font-size: 20px;
        background: #f3f3f3;
    }

div.callbacksection {
    background: #e6e7e2;
    width: 100%;
}

    div.callbacksection div.ui-field-contain {
        width: 100%;
        margin: 5px 0px 0px 7px;
    }

    div.callbacksection h4 {
        font-family: "Franklin Gothic Medium";
        font-size: 1.5em;
        color: #ffffff;
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 0px;
        padding: 10px;
        background-color: #f58320;
    }

    div.callbacksection label {
        display: inline-block;
        font-size: 0.875em;
        color: #787878;
        width: 100%;
    }

    div.callbacksection input[type="text"], div.callbacksection select {
        border: 0px solid #ACACAC;
        width: 90%;
        height: 30px;
        margin: 0px 0px 5px 0px;
        padding: 5px;
    }

div.affordabilitytoolbox {
    padding: 0px;
    margin-bottom: 15px;
}

    div.affordabilitytoolbox div.affordabilitytool h4 {
        color: #232323;
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 0px;
        padding: 10px 0px;
    }

    div.affordabilitytoolbox div.affordabilitytool div.ui-field-contain label {
        display: inline-block;
        color: #787878;
        width: 100%;
    }

    div.affordabilitytoolbox div.affordabilitytool input[type="text"], div.affordabilitytoolbox div.affordabilitytool select {
        border: 1px solid #ACACAC;
        width: 90%;
        height: 30px;
        margin: 0px 0px 5px 0px;
        padding: 5px;
    }

.simpleCalculator .panel {
    margin: 0;
}

.simpleCalculator a {
    color: #000000;
}

div.RatesFees ul {
    list-style-type: none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    clear: both;
}

    div.RatesFees ul li {
        list-style-type: none;
        padding: 3px 0px;
        clear: both;
        display: block;
        border-bottom: 1px solid white;
    }

        div.RatesFees ul li a {
            display: inline-block;
            color: #026cb8;
            text-decoration: none;
            width: 100%;
            height: auto !important;
            font-size: 1.11em;
        }

div.bottomBanner {
    margin: 10px 0px;
}
/*Start of arrow button mixin*/

div.morecbtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 82% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    width: 126px;
    bottom: 0;
    font-size: 14px;
}

    div.morecbtn a {
        color: #fff;
    }

        div.morecbtn a.arrowLink {
            color: #fff;
            height: 30px;
            padding: 8px 5px 0 11px;
            margin: 0px;
            display: block;
            width: auto;
            text-decoration: none;
        }

            div.morecbtn a.arrowLink:hover {
                color: #ffffff;
                background: url(../images/icon_arrow_luminous_blue.png) no-repeat #0396fd 92% 50%;
            }

div.morebtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 82% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    /*position: absolute;*/
    /* width: 76px; */
    /*margin-top: 20px;*/
    bottom: 0;
    font-size: 14px;
    /*End of arrow button mixin*/
    display: inline-block;
}

div.moregsbtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 95% 50%;
    /*border: 1px solid rgba(0, 0, 0, 0);*/
    height: 36px;
    /*position: absolute;*/
    width: 43%;
    /*margin-top: 20px;*/
    bottom: 0;
    font-size: 14px;
    /*End of arrow button mixin*/
}

    div.moregsbtn a.arrowLink {
        color: #fff;
        height: 36px;
        padding: 8px 5px 0 11px;
        margin: 0px;
        display: block;
        width: auto;
        text-decoration: none;
    }

        div.moregsbtn a.arrowLink:hover {
            color: #ffffff;
            background: url(../images/icon_arrow_white.png) no-repeat #000771 95% 50%;
        }

div.vresearchbtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 92% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    width: 176px;
    bottom: 0;
    font-size: 14px;
    margin-left: 10px;
}

    div.vresearchbtn a.arrowLink {
        color: #fff;
        height: 30px;
        padding: 8px 5px 0 11px;
        margin: 0px;
        display: block;
        width: auto;
        text-decoration: none;
    }

        div.vresearchbtn a.arrowLink:hover {
            color: #ffffff;
            background: url(../images/icon_arrow_luminous_blue.png) no-repeat #0396fd 92% 50%;
        }




div.moreAUbtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 95% 50%;
    /*#0396fd */
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    /*position: absolute;*/
    width: 136px;
    /*margin-top: 20px;*/
    bottom: 0;
    font-size: 14px;
    /*End of arrow button mixin*/
}

    div.moreAUbtn:hover {
        background: url(../images/icon_arrow_white.png) no-repeat #0396fd 95% 50% !important;
    }

        div.moreAUbtn:hover a {
            /*background: transparent !important;*/
        }

div.moreAUbtn a.arrowLink {
        color: #fff;
        height: 35px;
        padding: 8px 5px 0 11px;
        margin: 0px;
        display: block;
        width: auto;
        text-decoration: none;
    }

div.moreAUbtn a.arrowLink:hover {
        color: #ffffff;
        display:block;
        background: url(../images/icon_arrow_white.png) no-repeat #117c88 95% 50%;
}

div.moreCountrybtn {
    background: url(../images/icon_arrow_white.png) no-repeat/*#117c88*/ #0396fd 95% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    /*position: absolute;*/
    width: 40%;
    /*margin-top: 20px;*/
    bottom: 0;
    font-size: 14px;
    /*End of arrow button mixin*/
}

div.moreCountrybtn a.arrowLink {
    color: #fff;
    height: 30px;
    padding: 8px 5px 0 11px;
    margin: 0px;
    display: block;
    width: auto;
    text-decoration: none;
}

div.moreCountrybtn a.arrowLink:hover {
    color: #ffffff;
    background: url(../images/icon_arrow_white.png) no-repeat #117c88 92% 50%;
}

div.moreAbtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 92% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    /*position: absolute;*/
    width: 141px;
    /*margin-top: 20px;*/
    bottom: 0;
    font-size: 14px;
    /*End of arrow button mixin*/
}

div.moreAbtn a.arrowLink {
    color: #fff;
    height: 30px;
    padding: 8px 5px 0 11px;
    margin: 0px;
    display: block;
    width: auto;
    text-decoration: none;
}

div.moreAbtn a.arrowLink:hover {
            color: #ffffff;
            background: url(../images/icon_arrow_luminous_blue.png) no-repeat #0396fd 92% 50%;
        }

div.invertNBmorebtn {
    width: 72px;
    height: 36px;
    margin-bottom: 10px;
    margin-left: 10px;
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat 82% 50%;
}

.corporate div.invertmorebtn, .private div.invertmorebtn, .wealth div.invertmorebtn, .buzsolution div.invertmorebtn {
    width:71px;
}
.corporate div.invertmorebtn:hover {
    color: #034a62;
    background: url(../images/icon_arrow_grey.png) #fff no-repeat 82% 50%;
}
.corporate div.invertmorebtn a:hover {
    color: #034a62;
}
div.wealth .invertmorebtn:hover {
    color: #219595;
    background: url(../images/icon_arrow_green.png) #fff no-repeat 82% 50%;
}
div.wealth .invertmorebtn a:hover {
    color: #219595;
}
div.private .invertmorebtn:hover {
    color: #8d847b;
    background: url(../images/icon_arrow_grey.png) #fff no-repeat 82% 50%;
}
div.private .invertmorebtn a:hover {
    color: #8d847b;
}


div.invertmorebtn {
    width: 72px;
    height: 36px;
    display: block;
    color: #0396fd;
    margin: 0px;
    text-indent:8px;
    padding: 8px 5px 0 1px;
    text-decoration: none;
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat #fff 82% 50%;
}

div.invertmorebtn:hover {
	background: url(../images/icon_arrow_blue.png) no-repeat #fff 82% 50%;}

div.invertmorebtn {
}
.media div.invertmorebtn {
}

.buzsolution div.invertmorebtn:hover {
    background: url(../images/icon_arrow_brick_red.png) no-repeat 83% 50%;
	display:block;
 }

/*
div.invertmorebtn:hover {
    background: url(../images/icon_arrow_grey.png) no-repeat #fff 82% 50%;
}*/
div.invertNBmorebtn a.arrowLink:hover {
    color: #ffffff;
    background: url(../images/icon_arrow_white.png) no-repeat 92% 50%;
}
/*
 div.invertmorebtn a.arrowLink, div.invertNBmorebtn a.arrowLink {
        height: 30px;
        padding: 8px 5px 0 1px;
        margin: 0px;
        display: block;
        width: auto; 
        color: #0396fd;
        text-decoration: none;
        font-size: 1.025em;
    }*/

/*CJM Invert Button*/
div.buzsolution .invertmorebtn a, .buzsolution .invertmorebtn {
	}

.customer_care div.invertmorebtn a.arrowLink:hover {
	color:#666;
	}

/*Our business Mouse Overs*/
div.buzsolution .invertmorebtn a.arrowLink:hover {
    color: #034a62;
    background: url(../images/icon_arrow_brick_red.png) #fff no-repeat 90% 85%;
}
div.corporate .invertmorebtn a.arrowLink:hover {

}


/*
.buzsolution div.invertmorebtn:hover {
    display:block;
    background: url(../images/icon_arrow_brick_red.png) #fff no-repeat 53% 50%;
}


div.invertmorebtn a.arrowLink:hover {
    color: #999;
    background: url(../images/icon_arrow_grey.png) no-repeat #fff 82% 50%;
}
*/
.buzsolution .morebtn:hover {
    background: url(../images/icon_arrow_brick_red.png) no-repeat #f58320 82% 50%;
    /*Personal Banking Orange*/
}

.whatweoffer .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #ba4d30 82% 50%;
    /*Business Clay*/
}

.startbusiness .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #8d847b 82% 50%;
    /*Slate Grey*/
}

.insurance .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #219595 82% 50%;
    /*Insurance Blueish*/
}
/*CJM 27/01/2015 Corporate*/

.corporate .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #034a62 82% 50%;
    /*Corporate and Investment Blueish*/
}

.wealth .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #219595 82% 50%;
    /*Wealth Blueish*/
}
/*About Us Section More Button*/

.commercial_banking .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #C4962E 82% 50%;
    /*Gold*/
}

/*Private Clients Section More Button*/

.private_clients .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #8d847b 82% 50%;
    /*Slate Grey*/
}

.startbusiness a {
    color: #2570e0;
    text-decoration: none;
}

div.morebtn a.arrowLink {
    /* height: 30px; */
    padding: 8px 26px 0 6px;
    margin: 0px;
    display: inline-block;
    /* width: auto; */
    color: #ffffff;
    text-decoration: none;
    font-size: 1.025em;
}

    div.morebtn a.arrowLink:hover {
        color: #ffffff;
    }

div.footermorebtn {
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat 95% 50% #ffffff;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 37px;
    position: relative;
    width: 155px;
    margin-top: 23px;
    /*End of arrow button mixin*/
}

.footermorebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 95% 50% #0396fd;
    color: #ffffff;
}

div.footermorebtn a.arrowLink {
    height: 30px;
    padding: 8px 0px 0 12px;
    margin: 0px;
    display: block;
    width: auto;
    color: #0396fd;
    text-decoration: none;
    font-size: 1.01em;
}

    div.footermorebtn a.arrowLink:hover {
        color: #ffffff;
    }

div.footermorebtn:after:hover, div.footermorebtn:before:hover {
    background: none repeat scroll 0 0 #f58322;
}

div.footermorebtn:hover:after {
    border-color: rgba(35, 35, 35, 0);
    border-left-color: #f58322;
    border-width: 17px;
    margin-top: -17px;
}

div.footermorebtn:after {
    border-color: rgba(35, 35, 35, 0);
    border-left-color: #ffffff;
    border-width: 17px;
    margin-top: -17px;
}

div.downloadbtn {
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat 85% 50% #ffffff;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    width: 107px;
    position: relative;
    float: left;
    clear: both;
}

.downloadbtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat 95% 50% #0396fd;
    color: #ffffff !important;
}

    .downloadbtn:hover a {
        color: #ffffff !important;
    }

div.downloadbtn a.arrowLink {
    height: 30px;
    padding: 8px 5px 0 15px;
    margin: 0px;
    display: block;
    width: auto;
    color: #0396fd;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.825em;
}

div.carelinebtn {
    background: none repeat scroll 0 0 #e6e7e2;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 32px;
    position: relative;
    width: 100px;
    /*End of arrow button mixin*/
}

    div.carelinebtn a.arrowLink {
        height: 30px;
        padding: 6px 5px 0 15px;
        margin: 0px;
        display: block;
        width: auto;
        color: #a2a2a2;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.825em;
    }

        div.carelinebtn a.arrowLink:hover {
            color: #ffffff;
        }

    div.carelinebtn:after, div.carelinebtn:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

        div.carelinebtn:after:hover, div.carelinebtn:before:hover {
            background: none repeat scroll 0 0 #f58322;
        }

    div.carelinebtn:hover {
        background: none repeat scroll 0 0 #f58322;
    }

        div.carelinebtn:hover:after {
            border-color: rgba(35, 35, 35, 0);
            border-left-color: #f58322;
            border-width: 17px;
            margin-top: -17px;
        }

    div.carelinebtn:after {
        border-color: rgba(35, 35, 35, 0);
        border-left-color: #e6e7e2;
        border-width: 17px;
        margin-top: -17px;
    }

    div.carelinebtn:before {
        border-color: rgba(0, 0, 0, 0);
        border-left-color: transparent;
        border-width: 31px;
        margin-top: -31px;
    }

div.sendbtn {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 32px;
    position: relative;
    width: 65px;
    /*End of arrow button mixin*/
    margin: 10px 0px;
    display: inline-block;
}

    div.sendbtn a.arrowLink {
        height: 30px;
        padding: 6px 5px 0 15px;
        margin: 0px;
        display: block;
        width: auto;
        color: #787878;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.825em;
    }

        div.sendbtn a.arrowLink:hover {
            color: #ffffff;
        }

    div.sendbtn:after, div.sendbtn:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

        div.sendbtn:after:hover, div.sendbtn:before:hover {
            background: none repeat scroll 0 0 #f58322;
        }

    div.sendbtn:hover {
        background: none repeat scroll 0 0 #f58322;
    }

        div.sendbtn:hover:after {
            border-color: rgba(35, 35, 35, 0);
            border-left-color: #f58322;
            border-width: 17px;
            margin-top: -17px;
        }

    div.sendbtn:after {
        border-color: rgba(35, 35, 35, 0);
        border-left-color: #ffffff;
        border-width: 17px;
        margin-top: -17px;
    }

    div.sendbtn:before {
        border-color: rgba(0, 0, 0, 0);
        border-left-color: transparent;
        border-width: 31px;
        margin-top: -31px;
    }

div.legalrights {
    margin: 0px;
    background: #ffffff;
    color: #787878;
    /*border-top: 4px solid #0496FD;*/
}

    div.legalrights div.container div.col-sm-4 img {
        margin: 27px 50px 0 0;
    }

    div.legalrights p {
        margin: 10px 0px;
        font-size: 0.825em;
    }

        div.legalrights p span {
            padding: 0px 5px;
        }

        div.legalrights p a {
            color: #000000;
            padding: 5px 1px;
            text-decoration: none;
        }
/*Search box */

.searchbox input {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    color: #828282;
    float: left;
    margin: 0;
    padding: 10px;
    transition: background 0.3s ease-in-out 0s;
    width: 126px;
    /*Change the width of the search to make it not wrap in Mozilla Firefox CJM 130px*/
    font-size: 12px;
    border-radius: 0 !important;
}
/*New Top Navigation Internet Banking Button*/

.searchbox button {
    width: 40px;
    border-left: 1px solid #fff;
}

Form, form {
    float: left;
}

.topBar#oblink:hover {
    background: url(../images/new/lock.png) #26428b no-repeat 91% 47%;
}

#oblink {
    width: 130px;
    background: url(../images/new/lock.png) #0396fd no-repeat 91% 47%;
    line-height: 36px;
    text-indent: 10px;
    float: left;
    margin-top: 4px;
}

#oblink, .searchbox button {
    cursor: pointer;
    height: 37px;
    color: #FFFFFF;
    background-color: #0396fd;
    transition: background 0.3s ease-in-out 0s;
    border: none;
    outline: none;
    display: block;
}

    #oblink a {
        color: #fff;
        text-decoration: none;
    }

    #oblink .searchOutline a {
        /*width: 35px !important; CJM 15/06/2015 */
        width:100% !important;
        line-height:28px;
        text-indent: 0px;
        background: none !important;
    }

    #oblink .searchOutline > div {
        display: inline-block;
        width: 60%;
    }

.ie #oblink .searchOutline {
    margin: 5px;
    clear: both;
    position: relative;
    display: block;
}

    .ie #oblink .searchOutline > div {
        width: 200px !important;
        height: 28px;
        display: inline-block;
        background: #fff url("../images/loginselectarrow.png") no-repeat 97% 50%;
    }

body #mega .obDrop .morebtntest a {
    color: #fff !important;
    line-height:32px;
    text-indent:5px;
}

    body #mega .obDrop .morebtntest a:hover {
        background: none !important;
    }

#oblink:hover, .searchbox button:hover {
    background-color: #fff;
    height: 36px;
    color: #0396fd;
}

.site_search {
    float: left;
}

.previous {
    background: url(../images/icon_arrow_light_blue-left.png) no-repeat 7% 50%;
    color: #0395fa;
    padding-left: 25px;
    text-decoration: none;
}

.next {
    background: url(../images/icon_arrow_light_blue.png) no-repeat 97% 50%;
    color: #0395fa;
    padding-right: 20px;
    text-decoration: none;
}

select.drop {
    -moz-appearance: none !important;
    text-indent: 0.01px !important;
    text-overflow: '' !important;
    border-radius: 0 !important;
}

.drop {
    display: inline;
    width: 98px;
    height: 37px;
    float: left;
    border: none;
    border-color: none;
    outline: 0;
    padding: 7px 5px;
    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
    -moz-appearance: none;
    /* Removes Default Firefox style*/
    background: url("../images/selectarrow.png") no-repeat 78px 17px #0396fd;
    width: 100px;
    /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px;
    /* Removes default arrow from firefox*/
    text-overflow: "";
    /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    color: #FFF;
}

#searchSelectDes {
    display: inline;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #cbcbcb;
    outline: 0;
    border-radius: 0;
    /*Removes border*/
    -webkit-appearance: none;
    /*Removes default chrome and safari style*/
    -moz-appearance: none;
    /* Removes Default Firefox style*/
    apperance: none;
    background: url("../images/loginselectarrow.png") no-repeat scroll 130px 7px #ffffff;
    /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px;
    /* Removes default arrow from firefox*/
    /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    height: 30px;
    margin-right: 2px;
    width: 81%;
}

.ie #searchSelectDes {
    background-image: none;
}

.ie ul.navbar-nav li a {
    padding-top: 11px;
}

.media-body:hover {
    background: url(../images/icon_arrow_blue.png) no-repeat 98% 50% #e7e7e7;
}

.mbody {
    padding: 0px 2% 6px 2%;
    border-bottom: 1px solid #e7e7e7;
    display: inline-block;
}

.media-body {
    background: url(../images/icon_arrow_blue.png) no-repeat 98% 50%;
    padding: 10px 5% 10px 2%;
    border-bottom: 1px solid #e7e7e7;
    display: block;
    height: 93px;
}

.mbody p {
    width: 50%;
    display: block;
    position: relative;
    float: left;
}

.mbody img {
    float: right;
    padding: 8px;
}

.media-body p {
    margin: 0;
}

.media-body img {
    padding-right: 5px;
}

.media-body:last-child {
    border-bottom: none;
}

.media .date {
    background: #26428b;
    color: #ffffff;
    padding: 5.5px 14px;
    margin-right: 8px;
}

.media-heading {
    margin: 0 0 4px;
    width: 94% !important;
    margin: 0 0 2px 0;
    min-height: 0 !important;
}

.media .day {
    background: url(../images/icon_hyphen_white.png) no-repeat 50% 100%;
    display: block;
}

.media:last-child {
    border-bottom: none;
}

.drop option {
    height: auto;
    display: block;
    padding: 7px 0px 7px 7px;
}

.searchbox {
    margin: 4px 0px 0 0;
    padding: 0px;
    border-right: 1px solid #fff;
}

div.searchTopwrapper {
    margin: 0px;
    padding: 0px;
    float: right;
    position: relative;
}

span#result2 {
    border: 1px solid #ACACAC;
    width: 90%;
    height: 30px;
    margin: 0px 0px 5px;
    padding: 5px;
    display: block;
}
/*Bottombanner less*/

.ftrBanner {
    height: 156px;
    font-family: "Franklin Gothic Medium";
    position: relative;
    margin-top: 15px;
}

    .ftrBanner p {
        color: #26428b;
        font-size: 1.65em;
        position: absolute;
        top: 12%;
        left: 10%;
        line-height: 1.1em;
    }

.banner_cta {
    color: #2e76e1;
    position: absolute;
    top: 50%;
    left: 10%;
    padding: 3% 27% 3% 4%;
    background: url(../images/icon_arrow_light_blue.png) no-repeat 93% 50% #fff;
}

    .banner_cta:hover {
        background: url(../images/icon_arrow_white.png) no-repeat 93% 50% #2e76e1;
        ;
        color: #ffffff !important;
        text-decoration: none;
    }

.ftrBannerBlue {
    background: url("../Sitedrivenimages/bannerBg2.jpg") no-repeat;
}

div.ftrBannerBtn {
    background: none repeat scroll 0 0 #787878;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 32px;
    position: relative;
    width: 165px;
}

    div.ftrBannerBtn a.arrowLink {
        height: 30px;
        padding: 4px 2px 0 9px;
        margin: 0px;
        display: block;
        width: auto;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.8em;
    }

        div.ftrBannerBtn a.arrowLink:hover {
            color: #ffffff;
        }

    div.ftrBannerBtn:after, div.ftrBannerBtn:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

        div.ftrBannerBtn:after:hover, div.ftrBannerBtn:before:hover {
            background: none repeat scroll 0 0 #f58322;
        }

    div.ftrBannerBtn:hover {
        background: none repeat scroll 0 0 #f58322;
    }

        div.ftrBannerBtn:hover:after {
            border-color: rgba(35, 35, 35, 0);
            border-left-color: #f58322;
            border-width: 17px;
            margin-top: -17px;
        }

    div.ftrBannerBtn:after {
        border-color: rgba(35, 35, 35, 0);
        border-left-color: #787878;
        border-width: 17px;
        margin-top: -17px;
    }

    div.ftrBannerBtn:before {
        border-color: rgba(0, 0, 0, 0);
        border-left-color: transparent;
        border-width: 31px;
        margin-top: -31px;
    }

div.bottomBanner div.container div.col-sm-3 {
    padding-left: 0px;
}

.standardbankApp {
    margin-bottom: 50px;
}

div.appmessgaebox {
    width: 250px;
    float: left;
}

    div.appmessgaebox p {
        float: left;
        width: 134px;
        font-size: 0.84em;
        color: #000000;
        font-weight: normal;
    }

    div.appmessgaebox div.AppImg {
        float: left;
        width: 60px;
        height: 74px;
    }
/*Slider*/

.featured_slider {
    padding: 0 0 0 15px;
}

.featured_header {
   
    margin-bottom: 20px;
}

.rslides {
    margin: 0 auto 40px;
}

    .rslides .cta {
        color: #ffffff;
        background: url(../images/icon_arrow_white.png) no-repeat 90% 50% #0396fd;
        padding: 13px 51px 13px 15px;
        position: absolute;
        bottom: 15%;
        left: 4%;
        font-size: 1.12em;
    }

    .rslides .business_cta {
        background: url(../images/icon_arrow_white.png) no-repeat 90% 50% #ba4d30;
        color: #ffffff;
        padding: 13px 51px 13px 15px;
        position: absolute;
        bottom: 15%;
        left: 4%;
        font-size: 1.12em;
    }

#slider2 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
    z-index: 0;
}

.rslides_tabs {
    list-style: none;
    padding: 0;
    font-size: 18px;
    list-style: none;
    text-align: center;
    position: absolute;
    left: 25%;
    bottom: 4%;
    z-index: 0;
}

    .rslides_tabs li {
        display: inline;
        float: none;
        margin-right: 1px;
    }

    .rslides_tabs a {
        width: auto;
        line-height: 20px;
        padding: 9px 20px;
        height: auto;
        background: transparent;
        display: inline;
    }

    .rslides_tabs li:first-child {
        margin-left: 0;
    }

a {
    text-decoration: none;
}

#slider2-pager {
    display: none;
}

    #slider2-pager a {
        display: inline-block;
    }

    #slider2-pager img {
        float: left;
    }

    #slider2-pager .rslides_here a {
        background: transparent;
    }

    #slider2-pager a {
        padding: 0;
        background: url(../images/slider_disabled.png) no-repeat;
        width: 10px;
        height: 10px;
    }

        #slider2-pager .rslides_here a, #slider2-pager a:hover {
            padding: 0;
            background: url(../images/slider_active.png) no-repeat;
            width: 10px;
            height: 10px;
        }

    #slider2-pager.business .rslides_here a, #slider2-pager.business a:hover {
        padding: 0;
        background: url(../images/slider_active-business.png) no-repeat;
        width: 10px;
        height: 10px;
    }

.right_nav--col ul li a {
    color: #000000;
}

.right_nav--col ul li {
    background: url(../images/icon_arrow_blue.png) no-repeat 92% 50%;
    border-bottom: #ffffff 1px solid;
    padding: 10px 31px 10px 18px !important;
}

    .right_nav--col ul li:hover {
        background: url(../images/icon_arrow_white.png) no-repeat 92% 50% #26428b;
        border-bottom: #ffffff 1px solid;
        padding: 10px 31px 10px 18px !important;
    }

        .right_nav--col ul li:hover a {
            color: #ffffff;
        }

            .right_nav--col ul li:hover a font {
                color: #fff !important;
            }

    .right_nav--col ul li:last-child {
        border-bottom: none !important;
    }

.right_nav--col ul {
    list-style-type: none;
}

.related_topics {
    background: #e7e7e7;
    width: 100%;
    display: inline-block;
}

    .related_topics ul {
        margin: 0;
        padding: 0;
    }

        .related_topics ul li {
            width: 100%;
        }

            .related_topics ul li:hover a {
                text-decoration: none;
            }

            .related_topics ul li:first-child {
                padding-top: 10px !important;
            }

.padding-0 {
    padding: 0 !important;
    margin: 0 !important;
}

.margin-0 {
    margin: 0;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

ul.col-6 {
    display: inline-block;
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 60%;
}
/*ul.col-6 li, .product_content ul li {
list-style-image: url("../images/bullet_orange.png") !important;
margin-left: 15px;
padding: 4px 0;
}*/
body {
        overflow-x:hidden;
        width:100%;
}
body a {
    text-decoration: none !important;
}

    body a:hover {
        color: #FF9933;
    }

.col-6 li a {
    color: #787878;
}

.product .main_banners .buzsolution, .main_banners .whatweoffer, .main_banners .whatweoffers, .main_banners .startbusiness, .main_banners .insurance {
    height: 100%;
}

.apply {
    margin-top: 12px;
    width: 177px;
}

.btn_apply {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 82% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 9px 28px 9px 12px;
    color: #fff;
}

    .btn_apply:hover {
        background: url(../images/icon_arrow_white.png) no-repeat #0396fd 82% 50%;
        border: 1px solid rgba(0, 0, 0, 0);
        padding: 9px 28px 9px 12px;
        text-decoration: none;
        color: #ffffff;
    }

    .btn_apply a {
        color: #fff;
    }

h2.subheader {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

.product_content {
    border: 1px solid #d8d8d8;
    margin-top: -4px;
    padding: 23px;
}

.product_information {
    margin-top: 25px;
}

.card .apply {
    margin-top: 0px !important;
}

.col-sm-6 h2 a {
    color: #0395fa;
    font-size: 14px;
    font-weight: bold;
}

    .col-sm-6 h2 a:hover {
        color: #F58320;
    }

#pageContent .col-sm-6 p a, #pageContent .col-sm-6 ul a {
    color: #0395fa !important;
    /*word-break: break-word; CJM 27/10/2014 Changes*/
    word-break: break-all;
    display: inline-block;
}

    #pageContent .col-sm-6 p a:hover, #pageContent .col-sm-6 ul a:hover {
        color: #F58320 !important;
    }

.product_information .tabs {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    background: #e7e7e7;
}

    .product_information .tabs .featured a, .product_information .tabs .rates a, .product_information .tabs .application a, .tabs li a {
        color: #000;
    }

    .product_information .tabs li {
        background: #e7e7e7;
        padding-top: 7px;
        height: 31px;
        float: left;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #d8d8d8;
    }

        .product_information .tabs li.active {
            background: #fff;
            padding-top: 7px;
            height: 31px;
            text-align: center;
            border-bottom: none;
        }

.product_content a {
    color: #0495fe;
}

    .product_content a:hover {
        text-decoration: none;
    }

.main_banners .dropdown li {
    display: inline-block;
    line-height: inherit;
    margin: 0;
    padding-left: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 0 !important;
}

    .main_banners .dropdown li a {
        display: block;
        padding-right: 13%;
    }

#v7LeftNav .menu-no-child {
    font-weight: bold;
    float: left;
    zoom: 1;
    border-bottom: 1px solid #ffffff !important;
    background: #e7e7e7 !important;
    /*padding-right: 13% !important;*/
    width: 100%;
    list-style: none !important;
}

    #v7LeftNav .menu-no-child:hover {
        background: #26428b !important;
    }

.main_banners p, li, a {
    font-size: 12px;
}

ul.dropdown {
    margin-top: 0 !important;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

    ul.dropdown li {
        font-weight: bold;
        float: left;
        zoom: 1;
        border-bottom: 1px solid #ffffff !important;
        background: url(../images/icon_arrow_light_blue.png) no-repeat 95% 50% #e7e7e7 !important;
        padding: 10px !important;
        padding-right: 13% !important;
        width: 100%;
        list-style: none !important;
    }

    ul.dropdown a:hover, ul.dropdown a:active {
        color: #000;
    }

    ul.dropdown li:last-child a {
        border-right: none;
    }
    /* Doesn't work in IE */

    ul.dropdown li:first-child {
        border-top: none !important;
    }
    /* Doesn't work in IE */

    ul.dropdown li.hover, ul.dropdown li:hover {
        background: url(../images/icon_arrow_white.png) no-repeat 95% 50% #f58320 !important;
        color: black;
        position: relative;
    }

        ul.dropdown li.hover a {
            color: black;
            background: #2f76e0;
        }

        ul.dropdown li:hover ul li a {
            color: #2f76e0 !important;
        }

        ul.dropdown li:hover ul li:hover a {
            color: #ffffff !important;
        }
    /*
LEVEL TWO
*/

    ul.dropdown ul {
        width: 100%;
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 100%;
        margin-top: 0;
        padding-top: 0;
    }

        ul.dropdown ul li {
            font-weight: normal;
            color: #000;
            border-bottom: 1px solid #ccc;
            border-top: none !important;
            float: none;
        }
            /* IE 6 & 7 Needs Inline Block */

            ul.dropdown ul li a {
                border-right: none;
                width: 100%;
                display: inline-block;
            }
        /*
LEVEL THREE
*/

        ul.dropdown ul ul {
            left: 100%;
            top: 0;
        }

    ul.dropdown li:hover > ul {
        visibility: visible;
    }
/*style additions for Faizal*/

.site_map td {
    padding: 0 20px;
    color: #666666;
    background-size: 3px;
}

    .site_map td a {
        padding: 0 20px;
        color: #666666;
        background: url(../images/slider_disabled.png) no-repeat 4% 50%;
        background-size: 3px;
    }

.site_map--parent {
    background: url(../images/headline_gradient_green.png) no-repeat -100px bottom !important;
    padding-bottom: 5px !important;
    padding-left: 0 !important;
    color: #26428b !important;
}

    .site_map--parent a {
        color: #26428b !important;
    }

.site_map--branch {
    padding: 7px 10px 2px 10px !important;
    color: #2570e0 !important;
    background: none !important;
}

    .site_map--branch a {
        color: #2570e0 !important;
    }

.search_results .searchbox {
    border: 1px solid #e7e7e7;
    margin-right: 20px;
}

.search_results .paging {
    padding-top: 15px;
    margin-bottom: 30px;
}

.search_results h4 a {
    color: #26428b;
    text-decoration: none;
}

    .search_results h4 a:hover {
        color: #0395fa;
    }

.site_search {
    float: left;
}

.previous {
    background: url(../images/icon_arrow_light_blue-left.png) no-repeat 7% 50%;
    color: #0395fa;
    padding-left: 25px;
    text-decoration: none;
}

.next {
    background: url(../images/icon_arrow_light_blue.png) no-repeat 97% 50%;
    color: #0395fa;
    padding-right: 20px;
    text-decoration: none;
}

.arrowDn, .arrowDnOver, .arrowUp, .arrowUpOver {
    background: url("../images/actionBarIcons.png") no-repeat scroll transparent;
}

.arrowDn, .arrowDnOver, .arrowUp, .arrowUpOver {
    background-position: -135px -32px;
    float: right;
    width: 20px;
    margin-right: 10px;
}

.arrowDnOver, a.region:hover .arrowDn {
    background-position: -151px -32px;
}

.arrowUp {
    background-position: -215px -32px;
}

.arrowUpOver, a.region:hover .arrowUp {
    background-position: -231px -32px;
}

ul.accordian .panel {
    display: none;
}

ul.accordian .label {
    color: #428bca;
    white-space: normal !important;
    display: inline-block;
    text-align: left;
    width: 93%;
    font-size: 12px !important;
}
/*additions*/

.collapse > .nav > li:hover {
    background: #0496fd;
}

    .collapse > .nav > li:hover a {
        color: #fff !important;
        background: #0496fd; /*CJM Top Navigation work 28/07/2015*/
    }

ul.navbar-nav li.active a {
    /*color: #fff !important; CJM 20/04/2015*/
    color: #26428b !important;
}

#topBarFrame .collapse > .nav > li.active > a {
    color: #0396fd !important;
}

#topBarFrame .collapse > .nav > li:hover > a {
    color: #fff !important;
}

#crumbList .last {
    color: #0396fd !important;
}

.nav > li > a {
    position: relative;
    display: block;
    z-index: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.nav > li > a {
	z-index::0;
	}
	
.nav > li:first-child > a {
    /*border-radius: 3px 0 0 3px;*/
    border-left: none;
}

.nav > li {
    position: inherit !important;
}

#mega {
    -webkit-box-shadow: -1px 4px 8px -5px #363636;
    -moz-box-shadow: -1px 4px 8px -5px #363636;
    box-shadow: -1px 4px 8px -5px #363636;
    border-radius: 0 !important;
    /*border: 2px solid #0496fd;
    border: 2px solid #0496fd;*/
    /*CJM 22/04/2015 */
}

#myTab > li {
    width: 100%;
}

    #myTab > li > a {
    }

    #myTab > li > a, .nav > li > #mega a {
        text-decoration: none;
        color: #0496fd !important;
        display: inline-block;
        padding: 0;
        margin: 0;
        margin-bottom: 6px;
        line-height: normal;
        font-size: 12px !important;
        width: 100%;
        background: url(../images/icon_arrow_luminous_blue.png) no-repeat 95% 50%;
    }

        #myTab > li > a:hover, .nav > li > #mega a:hover {
            color: #fff !important;
            background: url(../images/icon_arrow_white.png) no-repeat 95% 50%;
        }

.nav > li > #mega .mega_row > ul > li > a {
    font-size: 14px;
    /*font-weight: bold;*/
    padding-bottom: 10px;
}

.nav > li > #mega .mega_row > ul > li:hover > a {
    /*color: #0496fd !important; CJM nstop*/

}

.nav > li > #mega {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    border-top: 3px solid #0496fd;
    background: #f3f3f3;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
    z-index: 2;
}

#myTabContent {
    display: inline-block;
    list-style-type: none;
    padding-left: 0 !important;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px; 
}

.nav > li > #mega ul, .nav > li > #mega > #myTabContent {
    list-style-type: none;
    padding-left: 0 !important;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 30px; /*Originally 10px CJM change 19 June 2015*/
}

.nav > li > #mega > ul > li, .nav > li > #mega > ul > li > ul > li {
    background: transparent;
}

.nav > li:hover > #mega {
    opacity: 1;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    position: absolute;
    width: 100%;
}

.mega_row > ul {
    float: left;
    width: 25%;
}

    .mega_row > ul > li {
        /*border-bottom: 1px solid #D3D3D3;*/
        height: 197px;
        margin-right: 22px;
        width: 95%;
        text-align: left;
        display: inline-block;
    }

    .mega_row > ul:first-child > li > H4 {
        font: "standard_bank-bookregular", Verdana, sans-serif;
        color: #26428b;
        margin-left: 15px;
    }

    .mega_row > ul > li:hover a {
        color: #0496fd !important;
    }

    .mega_row > ul > li > ul > li:hover {
        color: #fff;
        background-color: #26428b;
    }

#topBarFrame .mega_row > ul > li > ul > li:hover > a {
    color: #fff !important;
}

.mega_row > ul > li > ul > li {
    padding: 3px 0;
}

.mega_row ul ul {
    padding-top: 0 !important;
}

.mega_row.bottom > ul > li {
    border: none !important;
}

.footerContent .container h3 a {
    color: #000771;
    text-decoration: none;
}

.searchResult h1 {
    font-size: 14px;
    color: #666666;
}

#searchResults h2 .crum {
    color: #0396fd;
    font-size: 12px;
    font-weight: bold;
}

.searchForm input[type="submit"] {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 92% 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 18px 7px 6px;
    border: none;
}

.searchForm .searchBar {
    padding: 5px 4px;
}

#searchResults p {
    font-size: 12px;
}

.col-sm-9 {
    font-size: 12px;
}

.topNavigation#bottomNav {
    border-bottom: none;
    z-index: 1;
    position: relative;
}

    .topNavigation#bottomNav .active a {
        color: #0396fd !important;
    }

    .topNavigation#bottomNav li.active:hover a {
        color: #fff !important;
    }

.linkList li {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_light_blue.png) 96% 50% no-repeat;
    padding: 3px 13% 3px 3%;
}

    .linkList li:hover a {
        color: #fff !important;
    }

    .linkList li a {
        color: #2570e0;
    }

.insurance .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #219595;
    padding: 3px 13% 3px 3%;
}

.linkList li:hover a {
    color: #fff;
}

.commercial_banking .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    /*background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #8d847b; Champagne*/
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #C4962E;
    /*15 October CJM change*/
    padding: 3px 13% 3px 3%;
}

.private_clients .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    /*background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #c4962e;*/
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #8d847b;
    /*Champagne*/
    padding: 3px 13% 3px 3%;
    /*29 October CJM change*/
}

.corporate_investment .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #034a63;
    padding: 3px 13% 3px 3%;
}

.whatweoffer .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #ba4d30;
    padding: 3px 13% 3px 3%;
}

.buzsolution .linkList li:hover {
    list-style: none;
    border-bottom: 1px solid rgb(204, 204, 204);
    background: url(../images/icon_arrow_white.png) 96% 50% no-repeat #f58320;
    padding: 3px 13% 3px 3%;
}

.searchForm {
    width: 100%;
}

.panel ul li, .product_content ul > li, .whatweoffer_content ul li, .whatweoffer_content ol li {
    list-style-image: url("../images/bullet_blue.png") !important;
    margin-left: 15px;
}

#pageContent .accordian > li {
    list-style-image: none !important;
}

.contactSection h3 a {
    font-size: 18px;
    color: #000771;
}

.careerSection h3 a, .relatedLinks h3 a, .standardbankApp h3 a, .contactSection h3 a {
    font-size: 18px !important;
}

.careerSection h3, .relatedLinks h3, .standardbankApp h3, .contactSection h3 {
    font-size: 18px !important;
}

@-moz-document url-prefix() {
    .searchbox .drop {
        background: #0396fd;
    }
}

@-moz-document url-prefix() {
    .searchbox button {
        display: inline-block !important;
    }
}

#guidelinks {
    height: 28px !important;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.ie #guidelinks {
    height: 26px !important;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.obDrop .searchOutline #guidelinks {
    margin-left: 15px;
    width: 68.5% !important;
    padding: 0;
    padding-right: 3px;
    border: 1px solid #D3D3D3 !important;
    background: #fff url("../images/loginselectarrow.png") no-repeat 97% 50%;
    margin-bottom: 10px;
}

.ie .obDrop .searchOutline #guidelinks {
    margin-left: 15px;
    width: 68.5% !important;
    padding: 0;
    padding-right: 3px;
    border: 1px solid #D3D3D3 !important;
    background: #fff url("../images/loginselectarrow.png") no-repeat 97% 50%;
    margin-bottom: 10px;
}

#newblogo {
    display:none;
}

div.atmsitemaplinks {
    width: 159px !important;
}

.col-sm-4.commercial_banking .commercial_banking_content .linkList, .col-sm-4.private_clients .private_clients_content .linkList, .col-sm-4.corporate_investment .corporate_investment_content .linkList {
    margin-top: 5px;
    padding: 1px 0px 0px 0px !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .col-sm-9 {
        width: 100% !important;
    }

    .featured_header .col-sm-3 {
        width: 100% !important;
    }

    div.loginbox {
        margin-right: 20px !important;
    }

    .featured_header .col-sm-3 {
        margin-top: 15px !important;
    }

    #topBarFrame div.featured-area {
        padding-top: 0 !important;
    }

    .featured_header {
        margin-top: 0px !important;
    }

    div.searchTopwrapper {
        top: 18px !important;
        right: -4px !important;
    }

    div.atmsitemaplinks {
        right: 21px !important;
    }

    .product div.loginbox {
        margin-top: 28px !important;
    }

    #pageContentFrame .container {
        padding-left: 0;
        margin-left: 4px;
    }

    .media-list {
        min-height: 100% !important;
    }

    .Tellmeabout.right_nav--col {
        width: 100% !important;
        margin-left: 0px !important;
    }

        .Tellmeabout.right_nav--col > div {
            width: 31% !important;
            float: left !important;
        }

    .product .Tellmeabout.right_nav--col > div {
        width: 31% !important;
        float: none;
    }

    .Tellmeabout.right_nav--col .Tellmeabout_content {
        margin-right: 13px;
        margin-top: 0;
    }

    #addOns {
        clear: both;
    }

    .Tellmeabout.right_nav--col > div > div .Tellmeabout_content {
        width: inherit !important;
    }

    #relatedTopics.Tellmeabout_content h3, #iWant.Tellmeabout_content h3 {
        width: 212px !important;
        margin-top: 15px;
    }

    #relatedTopics .tell_me_about, #iWant .tell_me_about {
        width: 212px;
    }

    .site_selector #scrollWrap {
        display: none;
    }

    .ftrBanner {
        margin-top: 15px;
    }

    #bottomNav .searchbox {
        display: none;
    }
}

.accordian > li > h3 > a > span.arrowUp {
    margin-right: 0;
    padding-right: 0 !important;
    width: 16px;
}

.accordian > li > h3 > a > span.arrowDn {
    margin-right: 0;
    padding-right: 0 !important;
    width: 16px;
}
/*.searchOutline a {
padding: 8px !important;
cursor: pointer;
}*/
/*16 /10/2014 Internet Banking Fix*/

.searchOutline a {
    padding: 0px !important;
    cursor: pointer;
    float: left;
}

.searchOutline > a > span > img {
    background: #0396fd;
    padding: 8px 10px;
    display: inline-block;
    height: 30px;
}

.searchOutline .sbOptions {
    position: absolute;
    top: auto;
    padding-left: 0;
    width: 74%;
    border: 1px solid #D3D3D3;
    border-top: none;
    margin-top: 29px;
}

    .searchOutline .sbOptions li {
        list-style-type: none;
        height: 30px;
        background: #fff;
    }

        .searchOutline .sbOptions li:hover a {
            color: #fff;
        }

        .searchOutline .sbOptions li:hover {
            background: #0396fd;
        }

        .searchOutline .sbOptions li a {
            background: transparent;
            margin-left: 0;
            display: block;
            color: #0396fd;
        }

.searchOutline .sbOptions {
    top: auto !important;
    z-index: 1;
}

.searchOutline .sbHolder {
    float: left;
    border: 1px solid #D3D3D3;
    height: 30px;
    width: 158px;
}

    .searchOutline .sbHolder .sbToggle {
        background: url("../images/selectarrowblack.png") no-repeat transparent 50% 50%;
        float: right;
    }

    .searchOutline .sbHolder .sbSelector {
        float: left;
        color: #0396fd;
        background: transparent;
        width: 89%;
    }
/*search styles*/

.searchbox .sbOptions {
}

    .searchbox .sbOptions li {
        background: #0396fd;
        padding: 8px;
        list-style-type: none;
    }

        .searchbox .sbOptions li:hover a {
            color: #fff;
        }

        .searchbox .sbOptions li:hover {
            background: #0396fd !important;
            color: #fff;
        }

        .searchbox .sbOptions li a {
            background: transparent;
            margin-left: 0;
            display: block;
            color: #fff;
        }

.searchbox .sbOptions {
    width: 99px !important;
    padding-left: 0;
}

.searchbox .sbHolder {
    width: 100px;
    /*background: url("../images/selectarrow.png") no-repeat 78px 17px #0396fd;*/
    color: #fff;
    height: 37px;
    float: left;
    border: 1px solid #D3D3D3;
}

    .searchbox .sbHolder .sbToggle {
    }

    .searchbox .sbHolder .sbSelector {
        color: #fff;
        padding: 9px 7px;
        font-size: 14px;
        background: #0396fd;
        width: 100%;
        float: left;
        background: url("../images/selectarrow.png") no-repeat 78px 17px #0396fd;
    }
/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) and (max-width: 640px) {
    /* Styles */
    /*Hide mobile Online Banking Drop Down CJM */

    #oblink.topBar {
        display: none !important;
    }


    #siteName {
        display: none;
    }

    #mbanner {
        height: auto;
    }

    #marketFeed {
        display: none;
    }

    .img-responsive {
        margin: 0 auto;
    }

    .col-sm-3 {
        width: 100%;
        margin: 0 auto;
    }

    div.atmsitemaplinks {
        display: none;
    }
}
/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */

    #siteName {
        display: none;
    }

    #mbanner {
        height: auto;
    }

    #marketFeed {
        display: none;
    }

    .img-responsive {
        margin: 0 auto;
    }
    #fswish {
        background:none;
    }
    #newblogo {
        clear: both;
        margin: 10px 10px 10px 0;
        width: 260px;
        display: block;
        /* position: relative; */
    }

    #fswish .col-sm-8 {
        
    }
    #mobilefhide {
        clear:both;
        display:none;
    }
    .col-sm-3 {
        width: 100%;
        margin: 0 auto;
    }

    div.atmsitemaplinks {
        display: none;
    }
}
/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles */

    .container {
        width: 90%;
        margin: 0 auto;
    }

    #privateCTeaser {
        /*display:none;*/
    }

    .col-sm-3 {
        width: 25%;
    }

    .topBar a {
        width: 200px;
        float: left;
        clear: both;
    }

    .nav > li > #mega {
        position: absolute;
        display: block;
        width: 53%;
        float: left;
        left: 0;
        border-top: 3px solid #0496fd;
        background: #f3f3f3;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        border-radius: 0 0 3px 3px;
        z-index: 2;
    }
}
/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */

    div.featured-area {
        width: 100%;
    }

    #bannerTeaser {
        width: 40%;
        float: left;
        display: block;
        margin-top: 84px;
    }
}
/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    div.featured-area {
        width: 100%;
    }

    #mbanner {
        height: auto;
    }
    /* Styles */

    H1 {
        font: normal 26px/26px "standard_bank-bookregular", Arial, sans-serif;
    }

    #bannerTeaser {
        width: 40%;
        float: left;
        display: block;
        margin-top: 84px;
    }

    #mbannerlinks {
        width: 30%;
        height: 230px;
        display: block;
        background-color: #fff;
        float: right;
        margin: 84px 0;
        position: relative;
    }
    /*CJM iPAD Elements*/

    #privateCTeaser {
        /*display:none;*/
    }
}
/*additions*/
/*unhid #privateCTeaser 4677, 4599 */

@media only screen and (min-width: 1200px) {
    .main_banners .nav-tabs {
        display: none;
    }

    .row.main_banners .col-sm-3 {
        padding-bottom: 8px;
    }

    .tablet {
        display: none;
    }

    .desktop {
        display: block;
    }

    .col-sm-3 {
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main_banners .nav-tabs {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    img.tablet {
        width: 100%;
    }

    .desktop {
        display: none;
    }
    .slideHD {
        display:block;
        overflow:hidden;
    }
    .col-sm-12 .insurance {
        width:80%;
        margin-left:2%;
        display:block;
        position:
    }
    .main_banners .nav-tabs {
        display: block;
    }
    /*temporarily hidden*/

    .row.main_banners {
        /*display: none;*/
    }

    .navbar-default .navbar-collapse .nav {
        display: none;
    }

    .row.footer .col-sm-3:last-child {
        display: none;
    }

    .col-sm-6, .main_banners .tab-content, .col-sm-9 {
        width: 66.6% !important;
        float: left;
    }

    .main_banners .tab-pane.col-sm-3 {
        width: 100% !important;
        height: inherit;
    }

    .main_banners .tab-content {
        display: block;
    }

    .col-sm-3, .featured_header .col-sm-3 {
        width: 33.3% !important;
        margin-bottom: 15px;
    }

    .container {
        width: 100%;
    }

    .site_selector {
        position: relative;
    }

    .featured-area-bg .row {
        margin-left: 0;
        margin-right: 0;
    }

    .topBar a {
        width: inherit;
    }

    .searchbox input {
        width: 112px;
    }

    #oblink {
        width: 127px;
        text-indent: 0px;
    }

    .nav > li > a {
        padding: 10px 11px;
    }

    #oblink a {
        padding-left: 6px;
        color: #fff !important;
    }

    .searchbox {
        margin: 3px 0px 0 0;
    }

    .navbar-default .navbar-nav > .active > a {
        color: #0396fd;
    }

    .share_price ul li a {
        padding: 0 1px;
    }

    .share_price ul li:last-child {
        display: none;
    }

    ul.navbar-nav {
        display:;
        background: #eeeeec;
        border: 3px #0396fd solid;
        margin-top: 7px;
        width: 100%;
    }

    .navbar-nav > li {
        float: none;
    }

        .navbar-nav > li:first-child {
            display: none;
        }

    .searchTopwrapper {
    }

    .tablet-menu {
        background: url('images/hamburger.png');
        height: 30px;
        width: 30px;
        display: inline-block;
    }

    .heading-1 {
        background-color: #f3f3f3;
        color: #26428b;
        border-bottom: 2px solid #000771;
        padding: 8px;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
        font-weight: normal;
    }

    .tab-js {
        padding-bottom: 15px;
        border-bottom: 1px solid #efefef;
        margin-bottom: 15px;
    }

        .tab-js ul.nav-tabs .active {
            padding: 2px;
            background: #f58320;
            width: 105px;
        }

        .tab-js .nav-tabs {
            margin-bottom: 15px;
        }

        .tab-js ul.nav-tabs li {
            width: 105px;
            padding: 2px;
        }

        .tab-js .nav-tabs {
            border: none;
        }

        .tab-js ul.nav-tabs li:last-child {
            padding: 3px;
        }

        .tab-js ul.nav-tabs .active a {
            color: #fff;
            border: none !important;
            background: transparent;
        }

    .tab-pane h3 {
        color: #000 !important;
        font-size: 12px;
        background: none;
        display: inline-block;
    }

    .tab-pane img {
        float: right;
    }

    .mega_row > ul > li img {
        display: none;
    }

    #mpromoImgWide {
        background: none;
    }

    .tab-menu {
        height: 30px;
        width: 27px;
        background: url(../images/tab-menu.png) center no-repeat;
        margin-top: 3px;
        margin-left: 18px;
    }

    div.searchTopwrapper {
        position: absolute;
        top: 0 !important;
        right: 0;
    }

    .latestnews_content {
        margin: 0;
        margin-bottom: 10px;
    }

    .row.featured-area-bg {
        padding-bottom: 15px;
    }

    .media-list {
        height: 283px;
    }

    #mpromoImg {
        display: none;
    }

    .nav > li > #mega a {
        background: none;
        border-bottom: 1px solid #cbcbcb;
        padding: 5px 12px;
    }

        .nav > li > #mega a:hover {
            background: #26428b;
            color: #fff;
            padding: 5px 12px;
        }

    .nav.navbar-nav .topBar:nth-child(2) > #mega > .mega_row > ul:nth-child(2), .nav.navbar-nav .topBar:nth-child(2) > #mega > .mega_row > ul:nth-child(3) {
        display: none;
    }

    .nav > li > #mega {
        left: 18%;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .mega_row, ul.navbar-nav li {
        border: none;
        background: transparent;
    }

        .mega_row > ul > li {
            height: inherit;
        }

            .mega_row > ul > li > ul > li {
                padding: 3px 32px 3px 0px;
                float: left;
                display: inline-block;
                width: 255px;
            }

    .nav > li > #mega .mega_row ul li ul {
        /*width: 530px;*/
        height: inherit;
    }

    .navbar-default .navbar-collapse .nav {
        height: 280px;
    }

    .mega_row > ul > li > H4 {
        width: 100%;
    }

    .nav.navbar-nav .topBar:nth-child(2) > #mega .mega_row ul li ul {
        width: 530px !important;
    }

    .nav.navbar-nav .topBar:nth-child(2) > #mega {
        left: 30%;
    }

    .nav.navbar-nav .topBar:nth-child(3) > #mega .mega_row > ul:nth-child(1) {
        display: none;
        margin-left: 85px;
        width: 260px;
    }

    .nav.navbar-nav .topBar:nth-child(6) > #mega .mega_row > ul:nth-child(1) {
        margin-left: 30px;
    }

    .nav.navbar-nav .topBar:nth-child(6) > #mega .mega_row > ul > li > ul > li {
        width: 195px;
    }

    .topNavigation ul.navbar-nav li.active, .topNavigation ul.navbar-nav li {
        background: transparent !important;
    }

    div.topNavigation div.container {
        height: 50px;
    }

    #bottomNav .tab-menu {
        display: none;
    }

    .carousel.slide {
        /*display: none;*/
    }

    .boffering, .aboutTease {
        height: inherit;
        padding-bottom: 10px;
    }

    .tablet {
        display: inline-block;
    }

    .slideHD H4 {
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
    div.topNavigation div.container {
        height: 50px;
    }

    #bottomNav .tab-menu {
        display: none;
    }

    /*addtions*/
    .videoPromo {
        height: inherit !important;
    }

    .navbar-default {
        z-index: 16 !important;
    }

    .media-body {
        height: inherit !important;
    }

    .row.footer .col-sm-3 {
        float: left;
        width: 50%;
    }

    .desktop {
        display: none;
    }
}


.nav #oblink a {
    color: #fff !important;
    padding-left: 0;
}

.searchOutline > div > p {
    margin-bottom: 0 !important;
}

.navbar-default .navbar-nav > .active > a {
    background: transparent;
	color:#26428b !important;
}

.topBar .active {
	color:#26428b !important;
}

/* Top Nav Alignment CJM 28/07/2015 */

/*Chrome*/
.nav .searchTopwrapper {
    margin-left: 10px !important;
    background: transparent;
    position:relative;
}
/*Firefox*/

/*Internet Explorer*/
.ie .nav .searchTopwrapper {
    margin-left: 22px !important;
    background: transparent;
    position:relative;
}

.nav .searchTopwrapper:hover {
        background: transparent !important;
    }

form select.drop {
    border-right: 1px solid #fff;
}

.morecbtn .arrowLink {
    background: transparent !important;
}

body .nav > li > #mega .mega_row > ul > li > ul > li:hover a {
    color: #fff !important;
}

#privateCTeaser .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #8e847a 82% 50%;
}

.videoPromo .morebtn:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #26428b 82% 50%;
}

.media-heading {
    font-size: 12px !important;
    color: black;
    font-family: arial;
}

.media-body {
    height: inherit;
    clear: both;
}

.buzsolution .invertmorebtn a:hover {
    color: #f58320 !important;
    background: url(../images/icon_arrow_orange.png) no-repeat #fff 82% 69% !important;
}

.corporate .invertmorebtn a:hover {
    color: #219595;
}

.insurance .invertmorebtn a:hover {
    color: #044a63;
}

.buzsolution .invertmorebtn a:hover {
    color: #8c837c;
}

.accompnews_content h3 {
    background: none !important;
}

.sb-btn {
    clear:both;
    margin-top:20px;
    position:relative;
}

.sb-btn, .nav > li > #mega .mega_row > ul > li > .sb-btn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 90% 50% !important;
    display: inline !important;
    padding: 8px 37px 8px 14px !important;
    color: #fff !important;
    font-size: 14px !important;
    margin-top: 22px !important;
}

.nav > li > #mega .mega_row > ul > li > .sb-btn:hover, .sb-btn:hover {
        color: #fff !important;
        display:block;
        background: url(../images/icon_arrow_white.png) no-repeat #26428b 90% 50% !important;
}

.wealth {
    /*background: url(../images/icon_arrow_white.png) no-repeat #20848f 90% 50%;*/
}

div.accompnews_content h3 {
    margin-bottom: 20px;
}

#oblink .searchOutline li a {
    width: 100% !important;
    padding-left: 5px !important;
    margin: 0;
}

#oblink .searchOutline li a {
    padding-top: 10px !important;
}

#oblink .searchOutline li:hover a {
    color: #fff !important;
}

video {
    width: 100%;
    padding: 10px;
}

.online-2-col {
    width: 100% !important;
    display:inline;
}
.online-1-col {
    width: 100% !important;
    display:inline-block;
}

.online-2-col, .online-1-col, .ie .online-2-col, .ie .online-1-col {
    position: relative;
    float:left;
}

#ZA {
    width: 100% !important;
}

#topBar #mega {
    margin-top: -4px;
}

.ie .online-2-col, .ie .online-1-col  {
    float:left !important;
}

.zaNavContainer01 {
    width: 49%;
}
.ie .zaNavContainer01 {
    width: 49%;
}
.zaNavContainer02 {
    width: 45%;
    margin-left: 1%;
}
.ie .zaNavContainer02 {
    width: 47%;
    margin-left: 1%;
}
.zaNavContainer01, .zaNavContainer02 {
    display: block;
    height: auto;
    position: relative;
    float: left;
}

.searchOutline, .ie .searchOutline {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0 !important;
    background: #fff url("../images/loginselectarrow.png") no-repeat 97% 50%;
}

.obDrop .searchOutline {
    background: none !important;
}

.searchOutline select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.searchOutline select:focus {
        outline: none;
    }

.searchOutline a {
    position: absolute;
    margin-top: -1px;
}

.business .morebtn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 82% 50% !important;
    margin-left: 11px;
}

.business #globe {
    margin-left: 0px;
}

.business div.invertmorebtn {
    display:block;
}

.media .invertmorebtn {
    width: 106px;
    display: block;
}

    .media .invertmorebtn a {
        color: #0396fd;
    }

.pbb-btn {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 95% 50% !important;
    width: 48% !important;
}

.pbb-heading {
    border-bottom: 2px solid #20848f !important;
}

.insurance h3 {
    /*background: transparent !important;*/
}

.featured-area-bg {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.obDrop .searchOutline {
    margin: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: inherit !important;
    background-color: inherit !important;
}

    .obDrop .searchOutline select {
        border: inherit !important;
    }

    .obDrop .searchOutline a {
        position: inherit !important;
    }

.media {
    margin-top: 0 !important;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-left-15 {
    margin-left: 15px;
}

#facebook {
    width: 212px;
}

.boffering {
    margin-left: 0 !important;
}

.col-sm-12.insurance {
    padding-left: 0 !important;
}

div.latestnews p {
    color: #888888;
    padding: 10px;
}

.obDrop .searchOutline > div > p {
    width: 100%;
    margin-top: 15px;
    padding-left: 8px;
}

.ie #oblink.topBar #mega {
    margin-top: -3px;
}

.ie #ZA, .ie div.block #ZA {
	width:280px !important;
}
			
			
.dk-select-options {
    width: 206px !important;
    margin-left: -11px !important;
    margin-top: 0px !important;
    height: 230px !important;
}

.ie .dk-select-options {
	margin-left: 0 !important;
}
.searchOutline #guidelinks options {
	}
.ie .oblink .dk-select .dk-select-options {
    width: 206px !important;
    margin-left: -11px !important;
    margin-top: 0px !important;
    height: 230px !important;
}
.ie #dk3-listbox {
	padding-left:0 !important;
	}

/******************************************************************************************
    ***************************************************************************************

    Online Banking 

    ***************************************************************************************
*******************************************************************************************/

@-moz-document url-prefix() {
    ul.styleSelector {
        left: 29.5% !important;
        margin-top: -15px !important;
    }
}


.ie #guidelinks {
    display: block !important;
}


.obDrop #guidelinks {
    display: none;
}



.ie .dk-select .dk-selected {
    background: url("../images/selectarrow.png") no-repeat 78px 10px #0396fd !important;
    color: #fff;
}

.ie .dk-selected {
    color: #fff !important;
}

.ie .searchbox .dk-select .dk-select-options {
    width: 100% !important;
    height: auto !important;
    padding-left: 0 !important;
    /*top:20%;*/
}

.ie .dk-option {
    text-align: left;
    color: #fff !important;
    background: #0396fd !important;
    width: 200px !important;
    display: block;
    clear: both;
    margin-left: 0 !important;
    padding-left: 10px !important;
    text-align: left;
}

.ie .dk-select.drop {
    border-right: 1px solid #fff;
}

.ie .searchOutline #guidelinks {
    display: none !important;
}

.ie .searchOutline {
    overflow: visible !important;
}

    .ie .searchOutline .dk-select .dk-selected {
        background: transparent !important;
        color: #000 !important;
    }

    .ie .searchOutline .dk-select-options {
        position: relative;
        z-index: 9999999;
        border: none !important;
        background: #fff;
        width: 149px !important;
        border: 1px solid #D3D3D3 !important;
    }

        .ie .searchOutline .dk-select-options .dk-option {
            /*width: 90% !important;  */
            background: transparent !important;
            color: #000 !important;
        }

    .ie .searchOutline .dk-select {
        width: 145px !important;
    }

.media-heading {
    font-size: 16px;
    font-weight: bold;
}
/*Online Banking Drop Start*/

#obDrop li {
    list-style: none;
    cursor: pointer;
    display: block;
    color: #0396fd;
    height: 30px;
    line-height: 28px;
    background: url(../images/icon_arrow_luminous_blue.png) no-repeat #fff 92% 50%;
}

.searchOutline #obDrop li:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #26428b 92% 50% !important;
}

#obDrop li:hover {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 92% 50%;
    color: #fff;
}

ul#obDrop {
    width: 100%;
    margin-left: 15px;
}

#obDrop {
    clear: both;
    width: 70%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-color: #fff;
}

div.morebtntest {
    background: url(../images/icon_arrow_white.png) no-repeat #0396fd 92% 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 36px;
    /* position: absolute; */
    width: 206px;
    /* margin-top: 20px; */
    bottom: 0;
    margin-left: 20px;
    font-size: 14px;
}

    div.morebtntest a {
        color: #fff;
        line-height: 35px;
        text-indent: 5px;
        padding-left: 5px;
    }
/*Online Banking Drop End*/

@media screen and (-webkit-min-device-pixel-ratio:0) {    
                #oblink {
                    width:133px;
                }      
}

@-moz-document url-prefix() { 
  .nav .searchTopwrapper {
    margin-left: 9px !important;
  }
}
div.CountrySelector {
right:1px !important;
}
body div.legalrights {
    border-top: 1px solid #fff !important;
    background: #f3f3f3 !important;
}

.std-footer {
margin-bottom:15px;
}

#scrollWrap a.scrollDot {
display:none;
}

.std-footer img {
margin-top:-2px;
}

.rslides li {
 cursor: pointer;
}

.row.main_banners {
    margin-bottom: 15px;
}

.rslides_tabs {
    left: 20.1% !important;
    bottom: 1% !!important;
}

div.moregsbtn.pbb-btn.wealth {
width:37% !important;
}
.closeGap{
    padding-top: -6px !important;
    padding-bottom: -8px !important;
}
.rightPositioning{
        margin-left: 560px;
    margin-bottom: -70px;
}
.rightPositioning li{
    font-size: 10px !important;
}
.rightPositioning2{
        margin-left: 560px;
    margin-bottom: -30px;
}
.rightPositioning2 li{
    font-size: 10px !important;
}
.rightPositioning3{
        margin-left: 560px;
    margin-bottom: -43px;
}
.rightPositioning3 li{
    font-size: 10px !important;
}
.Directorate{
    height: 242px !important; 
    width: 680px !important;
    z-index: 5 !important;
    margin-left: -25px !important;
    margin-bottom: 100px;
    zoom: 125%; 
}

.sideVid {
    background-color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    clear: both;
    height: 180px;
    width: 100%;
    border: 1px solid #ededed;
    margin-top: 10px !important;
}



.sideVid h3 {
    background-color: #f3f3f3;
    color: #26428b;
    border-bottom: 2px solid #000771;
    padding: 8px;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

.styleSelector h5{
color: white !important;
}