/*==========================================================================
  HIDE SIGN IN ON BROWSER PAGE
  ========================================================================== */
  a#ctl00_ctl51_ExplicitLogin {
    display: none !important;
    }

  a#ctl00_ctl53_ExplicitLogin {
    display: none !important;
    }
    a#ctl00_ctl55_ExplicitLogin{ 
    display: none !important;
    }
    a#ctl00_ctl47_ExplicitLogin{
    display: none !important;
    }

/*==========================================================================
  HIDE FORMSTACK
  ========================================================================== */
#fulfillContainer {
     display: none;
}

/*==========================================================================
  GOOGLE CONVERSION IFRAME STYLES
  ========================================================================== */
    
iframe[name="google_conversion_frame"] {
  height: 0;
  padding: 0;
  margin: 0;
  display: block;
}
/*==========================================================================
  REMOVE EXTRA WHITE SPACE ON PRODUCT PAGES ADDS EMPTY PARAGRAPGH TAG
  ========================================================================== 
    
  #ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichHtmlField {
        display:none !important;
    }*/
/*==========================================================================
  MISC
  ========================================================================== */
    body, html {
        padding: 0;
        font-family: helvetica, arial;
        font-size:100%;
    }
    body { 
        width: 100%;
        background: #fff;
        color: #2C2C2C;
        font-size: 13px;
        font-family: 'open_sansregular', helvetica, arial;
        -webkit-font-smoothing: antialiased;
                  font-smoothing: antialiased;
        line-height: 1.4;
    }   #page {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: #fff;
        float: none;
        position:relative; /*fix headerNav from covering sharepoint ribbon*/
    }
    #page.slideNavOpen { border-left: 1px solid #0075c9; }
    .bar { height: 18px; background: green;}
    a, a:visited {
        text-decoration: none !important; /* remove underline from chrome */
        color: #0075c9;
        -webkit-transition: color 0.2s linear;
           -moz-transition: color 0.2s linear;
            -ms-transition: color 0.2s linear;
                transition: color 0.2s linear;
               
    }
    a:hover {
        color: #006bb7;
        -webkit-transition: color 0.2s linear;
           -moz-transition: color 0.2s linear;
            -ms-transition: color 0.2s linear;
                transition: color 0.2s linear;
        text-decoration:none;
    }
    a:active, a:focus {outline: 0;/* remove dotted link border */}
    b, strong {
        color: #2c2c2c;
        /*
        font-family: 'open_sanssemibold', helvetica, arial;
        font-weight: normal;
        */
        font-family: 'open_sansregular', helvetica, arial;
        font-weight: bold;
    }
    .sendAgain {
        font-family: 'open_sansbold', helvetica, arial;
    }
    .smallLink {
        font-size: 12px;
        font-family: 'open_sansbold', helvetica, arial;
        letter-spacing: 0.02em;
        margin-top: 6px;
    }
    .calcLink {
        margin-left: 40%;   
    }
    .smallLink.marT0 {
        margin-top: 0px;
    }
    .downloadLink {
        background: url('../img/download.png') no-repeat right top;
        padding-right: 25px;
    }
    .downloadLinkWhite {
        background: url('../img/downloadWhite.png') no-repeat right top;
        padding-right: 25px;
    }
    
    .blocks .newtabLink {
        background: url('../img/arrowIcon.png') no-repeat right top;
        padding-right: 25px;
    }
    .blocks .newtabLinkWhite {
        background: url('../img/arrowIconWhite.png') no-repeat right top;
        padding-right: 25px;
    }
    
    .newtabLink {
        background: url('../img/arrowIcon.png') no-repeat right top;
        padding-right: 20px;
        margin-right: 2px !important;
    }
    .newtabLinkWhite {
        background: url('../img/arrowIconWhite.png') no-repeat right top;
        padding-right: 20px;
        margin-right: 2px !important;
    }
    
    .graphTool {
        font-size: 11px;
        background: url('../img/graphIcon.jpg') no-repeat left top;
        padding-left: 25px;
    }
    .bold {
        font-family: 'open_sansregular', helvetica, arial;
        font-weight: bold;
    }
    a.boldLink { font-size: 14px; font-family: 'open_sansbold', helvetica, arial; }
    .container .person a { display: block; margin: 5px 0; }
    
    .proxyRow { background: #ededed; }
    .clearStyle {
        margin:0 !important;
        padding:0 !important;
        border:none !important;
    }
    .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
    .clearfix:after { clear: both; }
    .clearfix { *zoom: 1; }
    .hidden { display: none; }
    .grayRow { background:#666769; }
    .borBox {
        border:solid 1px #d6d6d6;
        padding: 6.07%;
        border-radius: 3px 3px 3px 3px;
        height:415px;
    }
    .spanDivider {border-right: 1px solid #e5e5e5;}
    img { vertical-align: middle; /*max-width: 100%;*/ }
    
    fieldset { border: 0; margin: 0; padding: 0; }
    hr {
        display: block;
        float:left;
        height: 1px;
        width: 100%;
        max-width: 77.63157894736842%;
        border: 0;
        border-top: 1px solid #e0e0e0;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .topLine { border-top: 1px solid #E0E0E0; }
    .inLineBlock { display: inline-block; }
    /* prevent item being broken into 2 when line breaks */
    .noWrap { white-space: nowrap; }
    .block { display: block; }
    .autoWidth { width: auto !important; }
    .noWidth { width:0px !important; }
    .noSpace { margin:0 !important; padding:0 !important; }
    .styledRadio, .styledCheckbox { 
        display: inline-block; 
        vertical-align: -4px; 
        margin-right: 4px;
    }
    .noWrap { white-space: nowrap; }
    
    .topLine { border-top: 1px solid #E0E0E0; }
    .inLineBlock {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .block { display: block; }
    .autoWidth { width: auto !important; }
    .arrowUp { background: url(../img/selectArrowUp.png) no-repeat right !important; }
    .companyLogos { margin:0 !important; padding:0 !important; }
    .companyLogos li {
        list-style:none !important;
        display:inline-block;
        margin: 0 7px 16px 0 !important;
    }
    /*.proxyIcon { background:url(../img/proxyImg.png) no-repeat; padding-left:75px; }*/
    .hours { font-size: 8px; margin:0; }
    .right { float:right !important; }
    .reg1,.reg2,.reg3 { padding-left: 40px; }
    /*.reg1 { background:url(../img/reg1.png) no-repeat; }
    .reg2 { background:url(../img/reg2.png) no-repeat; }
    .reg3 { background:url(../img/reg3.png) no-repeat 8px 4px; }*/

    .last { text-align: right; }
    .mailIcon {
        /*background:url(../img/mailIcon.png) no-repeat;*/
        padding-left:60px;
        /*height: 55px;*/
    }
    .phoneIcon {
        /*background:url(../img/phoneIcon.png) no-repeat; */
        padding-left:40px;
        height: 55px;
    }
    .unbold { font-weight: normal; }
    .font16{font-size: 16px;}
    #dataRow .data {margin-bottom: 22px;padding-bottom: 22px;width: 78.632%;}
    .grayList {color: #303030;}
    .subText {color: #7D7D7D; line-height: 150%;}
    .noBorder { border: none !important; }
    .borBottom {border-bottom: solid 1px #e5e5e5;}
    .grayCell .borBottom {border-color: #ccc;}
    #dataRow .f18 {font-size:18px;font-family: 'open_sansbold', helvetica, arial;}
    .heightFix {height: auto !important;}
    .boldText {
        font-family: 'open_sansbold', helvetica, arial;
        font-size: 16px;
        margin: 0;
    }

    .semiBold {font-family: 'open_sanssemibold', helvetica, arial;}
    
    .date {font-size:11px;}
    
    .showOnDesktop {display: block;}
    .hideOnDesktop {display: none;}
    .hideOnMobile {display: block;}
    .showOnMobile {display: none;}
    .showOnTablet {display: none;}
    .notes {font-size: 11px;}
    .notes p {margin-bottom: 6px;}
    
    /* Hide sharepoint sign-in link */
    .sp-sigin { display: none; }
    .graphfix {height:auto !important}
    .jvectormap-container {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .campaignBanner {height:359px !important;}
    #boldBanner {
        height:290px !important;
    }
    .imgShowOnDesk {display:block;}
    .imgShowOnTab,.imgShowOnMbl {display:none;}
    .fluidImg,.fluidImg img {width:100%;}
    
    .noBottomMargin {
        width: 100%;
        margin-top: 40px;
    }
    
        .noBottomMargin h4 {
            margin-left: 5px;
        }

    .toTopArrow {
        width: 35px;
        height: 35px;
        z-index: 999;
        position: fixed;
        bottom: 100px;
        right: 15px;
        cursor: pointer;
    }
    
        .toTopArrow img {
            opacity: 0.5;
        }       
    
    #online {
        position: relative;
    }
    
    #buy-online-overlay {
        width: 100%; 
        height: 745px;
        background-color: #fff; 
        position:absolute;
        z-index: 997;
        top: 0;
        right: 0;
    }
    
    #calctaxban {
    	margin-top:30px;
    }
            
/*==========================================================================
  TABLE
  ========================================================================== */
    table {color: #555; font-size: 12px; line-height: 155%;}
    table td {vertical-align: top;}

    table.table_lines {}
    table.table_lines td {
        padding: 6px 25px 6px 25px; 
        border-bottom: 1px solid #e5e5e5;
        -webkit-transition: background-color 0.2s linear;
          -moz-transition: background-color 0.2s linear;
           -ms-transition: background-color 0.2s linear;
               transition: background-color 0.2s linear;
    }
    .grayCell table.table_lines td {border-color: #ccc;}
    table.table_lines td:first-child {padding-left: 6px;font-weight: bold;}
    table.table_lines tr:hover td {
        background: #eee;
        -webkit-transition: background-color 0.2s linear;
          -moz-transition: background-color 0.2s linear;
           -ms-transition: background-color 0.2s linear;
               transition: background-color 0.2s linear;
    }
    .grayCell table.table_lines tr:hover td {
        background: #e0e0e0;
    }
    #accordionProduct table.table_lines tr:hover td {
    background:transparent;
}
    table.table_lines tr:hover td.emCol {background: #bfbfbf;}
    table.table_lines tr.noBor td {border-bottom: none;}
    table.table_lines td.emCol {background: #ccc; border-bottom-color: #b2b2b2;}

    /*table.table_lines td.td1 {width: 300px;}*/

    table.table_lines td.td2,
    table.table_lines td.td3,
    table.table_lines td.td4,
    table.table_lines td.td5 {width: 80px;}
    
    table.table_lines td.td5 {border-left: 1px solid #ccc;}

    table.table_lines .emText1, table.table_lines .emText2 {
        color: #555;
        font-family: 'open_sansbold', helvetica, arial;
    }
    table.table_lines .emText1 {font-size: 14px;}
    table.table_lines .emText2 {font-size: 12px;}

    table.table_lines tr.addSpace {height: 40px;}
    table td.shareUp {
        color:#0d6e08;
        width: 10%;
        font-weight: bold;
    }
    table td.shareDown {
        color:#c80000;
        font-weight: bold;
        width: 10%;
    }
    table td span.sharePositive {
        background: url('../img/share-price-indicator-sml.png') no-repeat 0 0;
    }
    table td span.shareNegative {
        background: url('../img/share-price-indicator-sml.png') no-repeat 0 -8px ;

    }
    table td span.sharePositive,table td span.shareNegative {
        width: 15px;
        height: 8px;
        margin-top: 5px;
        display: inline-block;
        float: right;
    }

/*==========================================================================
  ARROW PAGINATION
  ========================================================================== */ 


  .pagination { font-size: 14px; margin-bottom: 0; margin-left: 0; padding: 0 !important; }
  .pagination li {
    float: left;
    list-style: none !important;
    margin: 0 10px 0 0 !important;
    height: 25px !important;
  }
  .pagination li a {
    margin-bottom: 0 !important;
  }
  .pagination .btn {
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    width: 24px;
    height: 25px;
  }
  .pagination .pageIndicator { padding: 5px 5px 0 5px; height: 20px !important; }
  .pagination .firstPage { background-image: url('../img/firstPage.png'); }
  .pagination .prevPage  { background-image: url('../img/prevPage.png'); }
  .pagination .nextPage  { background-image: url('../img/nextPage.png'); }
  .pagination .lastPage  { background-image: url('../img/lastPage.png'); }

    
/*==========================================================================
  CONCEPTUAL TABLE
  ========================================================================== */
    table.ct_table {width: 100%; font-size: 16px; border-collapse: separate; text-align: center;}
    table.ct_table td table {width: 100%;}
    table.ct_table .smallText {font-size: 14px !important;}
    
    .ct_table .borT0 {border-top: none;}
    .ct_table .borB0 {border-bottom: none;}
    .ct_table .borR0 {border-right: none;}
    .ct_table .borL0 {border-left: none;}
        
    .ct_table td {
        position: relative;
        padding: 0 8px;
        background: #fff; border: 1px solid #fff;
        vertical-align: middle;
    }       
    
    .grayCell .ct_table td {border-color: #e5e5e5;}
        
    .ct_table td:hover, .ct_table td.active {background: #e8b139 !important;}
    
    .ct_table a {display: block; padding: 16px 0; line-height:120%;}
    .ct_table td:hover > a, .ct_table td.active > a {color: #fff !important;}
    
    .ct_table .ct_arrow {
        position: absolute; bottom: -9px; z-index: 7;
        display: block; width: 15px; height: 9px;
        background-image: url('/Style Library/img/conceptual_table_arrows.png');
        background-repeat: no-repeat;
    }

    .grayCell .ct_table  .ct_arrow {background-image: url('/Style Library/img/conceptual_table_arrows_gray.png');}
    .ct_table td.blue1   .ct_arrow {background-position: -15px top;}
    .ct_table td.blue2   .ct_arrow {background-position: -15px -9px;}
    .ct_table td.green1  .ct_arrow {background-position: -30px top;}
    .ct_table td.green2  .ct_arrow {background-position: -30px -9px;}
    .ct_table td.maroon1 .ct_arrow {background-position: -45px top;}
    .ct_table td.maroon2 .ct_arrow {background-position: -45px -9px;}
    .ct_table td.gray1   .ct_arrow {background-position: -60px top;}
    .ct_table td.gray2   .ct_arrow {background-position: -60px -9px;}
    .ct_table td.dark1   .ct_arrow {background-position: -75px top;}
    .ct_table td.dark2   .ct_arrow {background-position: -75px -9px;}
    .ct_table td.dark3   .ct_arrow {background-position: -75px -18px;}

    .ct_table td:hover .ct_arrow, .ct_table td.active .ct_arrow {background-position: 0px top !important;}

    /* colour 1 */
    .ct_table td.blue1, .ct_table td.green1, .ct_table td.maroon1, .ct_table td.gray1,
    .ct_table td.blue1 a, .ct_table td.green1 a, .ct_table td.maroon1 a, .ct_table td.gray1 a, 
    .ct_table td.dark1, .ct_table td.dark2, .ct_table td.dark3, .ct_table td.dark4,
    .ct_table td.dark1 a, .ct_table td.dark2 a, .ct_table td.dark3 a, .ct_table td.dark4 a {color: #fff;}
    .ct_table td.blue1   {background: #0076cd;}
    .ct_table td.green1  {background: #6bbbad;}
    .ct_table td.maroon1 {background: #744f67;}
    .ct_table td.gray1   {background: #98acaa;}
    .ct_table td.dark1   {background: #363636;}
    
    /* colour 2 */
    .ct_table td.blue2, .ct_table td.green2, .ct_table td.maroon2, .ct_table td.gray2,
    .ct_table td.blue2 a, .ct_table td.green2 a, .ct_table td.maroon2 a, .ct_table td.gray2 a {color: #000;}
    .ct_table td.green2  {background: #b8ded8;}
    .ct_table td.maroon2 {background: #bba9b5;}
    .ct_table td.gray2   {background: #cdd6d5;}
    .ct_table td.dark2   {background: #555555;}
    
    /* colour 3 */
    .ct_table td.green3, .ct_table td.maroon3, .ct_table td.gray3,
    .ct_table td.green3 a, .ct_table td.maroon3 a, .ct_table td.gray3 a {color: #000;}
    .ct_table td.green3  {background: #cadcd9;}
    .ct_table td.maroon3 {background: #ccc3c9;}
    .ct_table td.gray3   {background: #d4d9d8;}
    .ct_table td.dark3   {background: #7d7d7d;}

    /* colour 4 */
    .ct_table td.dark4  {background: #a1a1a1;}      
    
/*==========================================================================
  MARKET INDICATOR
  ========================================================================== */
    #marketIndRow table.table_lines td:first-child {width: auto;}
    #marketIndRow table {margin: 0;}
    #marketIndRow table tr:first-child td {border-top: 1px solid #e5e5e5;}
    
    #marketIndRow h3 {font-size: 20px; margin-bottom: 8px !important;}

    #marketIndRow .sp {
        margin: 0 0 8px 0; padding: 0;
        color: #303030; 
        font-size: 55px; line-height: 100%;
    }
    #marketIndRow .spDate, #marketIndRow .date {font-size: 10px; color: #7c7c7c; text-transform: uppercase;}
    #marketIndRow ul {margin:0; padding: 0; font-family: 'open_sanssemibold';}
    #marketIndRow li {
        border-top: 1px solid #e5e5e5;
        color: #303030;
        height: 22px;
        list-style: none outside none;
        margin: 0;
        padding: 7px 0 0;
        vertical-align: middle;
    }
    #marketIndRow li span {display: block;}
    #marketIndRow li span.label {width: 50%;float:left;}
    #marketIndRow li span.val {float: right;width: 50%;}
    #marketIndRow span.spArrow {
        display: inline-block;
        width: 35px; height: 20px;
        margin: 0 0 8px 0;
        background: url("../img/share-arrow-up.png") no-repeat;
    }
    #marketIndRow span.spArrow.down{background: url("../img/share-arrow-down.png") no-repeat;}
    

/*==========================================================================
  LOADER
  ========================================================================== */ 
  h1.loader {
        padding-left: 45px !important;
        padding-bottom: 45px !important;
        background: url('../img/loader.gif') no-repeat left 6px;
    }

/*==========================================================================
  STRUCTURAL DIVS
  ========================================================================== */
    .contentWrapper { width: 100%; background: #fff; }
    .row { 
        width: 100%; 
        padding: 55px 0 55px 0;
    }
    .row.shareBlocks { 
        width: 100%; 
        padding: 55px 0 55px 0 !important;
    }
    /* .row.lastBlock{padding: 40px 0 60px;} */
    .askSanlam.row {padding: 60px 0 60px;}
    .container {
        margin: 0 auto;
        width: 89.0625%; /* 1140px/1280px */
        padding: 0 5.46875%; /* 70px/1280px */
        position: relative;
    }
    
    .grayCell { background: #e5e5e5; } /* .row.grayCell { background: #e5e5e5; } */
    .row.darkGrayCell { background: #d2d2d2; }
    .row.fix { padding-bottom: 0; }
    .row.headingRow { padding-top: 20px; padding-bottom: 0; }
    .row.headingRow.fix { padding-top: 20px; padding-bottom: 55px; }
/*  .row.fix .container { padding-bottom: 0px; }*/
    /*.row.assistanceRow { padding-top: 0; padding-bottom: 0; }
    .row.assistanceRow .container { padding-top: 55px; padding-bottom: 55px; }
    #askSanlam.row {padding: 60px 0;}
    #askSanlam .col1 p {margin-bottom: 7px;}*/

    /* Remove large spacing between rows and containers */
    /*.rowGroup { margin-top: 48px; margin-bottom: 45px; }
    .fixGroup { padding-top: 25px; margin-bottom: 45px; }
    .fixGroup .row { margin: 0; padding: 15px 0 0 0 !important; }
    .fixGroup .fix { padding-top: 0 !important; }
    .rowGroup .row { padding: 0; }*/
    .row.sanlamBlue {background:#4894bc;}
    .row.sanlamBlue h3 {
    font-size:27px;}
    .row.sanlamBlue h2, .sanlamBlue h2 strong, .sanlamBlue h3, .sanlamBlue h3 strong {color:#fff; text-align:center;}
    .row.grayCellDark { background: #606163; }
    .row.grayCellDark h2, .grayCellDark p {color:#fff;}
/*==========================================================================
  PRODUCT NAV
  ========================================================================== */
    .productNavSpan1 {width: 14.0625%;}
    .productNavSpan2 {width: 28.125%;}
    .productNavSpan3 {width: 42.1875%;}
    .productNavSpan4 {width: 70%;} /* was 92% / was 56.25%*/
    .productNavSpan5 {width: 70.3125%;}
    
    .productNavSpan1,.productNavSpan2,.productNavSpan3,.productNavSpan4,
    .productNavSpan5,.productNavSpan6 {
        height: 256px;
        position: absolute; bottom: 0;
        cursor: default;
    }
    #businessWrapper {display: none;}
    #businessWrapper .prd1, #personalWrapper .prd1 {left:5.46875%;}
    #businessWrapper .prd2, #personalWrapper .prd2 {left: 19.53125%;}
    #businessWrapper .prd3, #personalWrapper .prd3 {left:33.59375%;}
    #businessWrapper .prd4, #personalWrapper .prd4 {left:47.65625%;}
    #businessWrapper .prd5, #personalWrapper .prd5 {left:61.71875%;}
    
    .prodNav {
        position: absolute;
        bottom: 269px;
        font-size: 25px;
    }
    .indicatiorContainer {
        position: absolute;
        bottom: 222px;
        font-size: 25px;
    }
    .prodNav {
        left: 5.46875%;
    }
    .activeProdNav1,.activeProdNav2 {
        bottom: 252px;
        width: 101px;
        display: inline-block;
        background-color: #5F3653;
        height: 3px;
        opacity: 0;
        left: 5.46875%;
        margin-bottom: 20px;
    }
    .activeProdNav1 {margin-right: 57px;}
    .prodNav a,.prodNav a {color: #999898;outline: medium none;}
    .prodNav a.active, .prodNav a.active {color: #303030;}
    #businessWrapper h1, #personalWrapper h1 {
        font-size: 19px;
        font-family: open_sanssemibold;
        color:#2d2d2d;
        margin: 20px 0px 20px;
    }
    #businessWrapper h1 a, #personalWrapper h1 a {color: #303030; outline: none;}
    #businessWrapper ul, #personalWrapper ul {margin:0;padding: 0}
    #businessWrapper ul li, #personalWrapper ul li {
        list-style: none;
        margin: 2px 0px 6px 0px !important;
        font-family: open_sanssemibold; 
        font-weight: normal;
    }
    #businessWrapper ul li a, #personalWrapper ul li a {color: #303030;}
    #businessWrapper ul li a:hover, #personalWrapper ul li a:hover {color:#0075c9;}
    #businessWrapper p, #personalWrapper p {
        font-family: open_sanssemibold; 
        color: #303030;
        font-size: 12px;
    }   
    
    .productNavSpan1, .productNavSpan2, .productNavSpan3, .productNavSpan4, .productNavSpan5, .productNavSpan6, .productCol3 {
        bottom: -29px; /*was 23px*/
        cursor: default;
        height: 299px;
        position: absolute;
    }

/*==========================================================================
  GRID
  ========================================================================== */
    /*Grid styles based on a five coloumn layout on a container width of 1140px 
    Note: The container is 1280 with padding of 70px on left and right each column 
    is 201px with a margin of 27px  on the right---------------------------------*/
    .span1 { width: 17.63157894736842%; /*201px / 1140px*/ }
    .span2 { width: 37.631578947368425%; /*429px / 1140px*/ }
    .span3 { width: 57.631578947368425%; /*657px / 1140px*/ }
    .span4 { width: 77.63157894736842%; /*885px / 1140px*/ }
    .span5 { width: 97.63157894736842%; /*1113px / 1140px*/ }
    .span1, .span2, .span3, .span4, .span5 {
        margin-right: 2.368421052631579%; /*27px / 1140px*/
        float: left;
    }
    /* pushHalf forces the span2 class to assume the width of 2.5 spans  */
    .pushHalf { width: 47.63157894736842%; }


/*==========================================================================
  COLUMNS FOR FOOTER AND ACTION BAR BASED ON 3 COL LAYOUT
  ========================================================================== */
    .col1 { width: 23.771929824561404%; /*271px /1140px*/ }
    .col2 { width: 49.824561403508774%; /*568px / 1140px*/ }
    .col3 { width: 75.87719298245614%; /*865px / 1140px*/ }
    /*.colLast is used for the disclaimer block which is the last column in the
    Footer. This has a differnet width and margin to zthe other columns*/
    .colLast {
        width: 20.614035087719298%; /*235px / 1140px*/
        margin-left: 1.2280701754385965%; /*14px / 1140px*/
    }
    .colLast { float: left; }
    .col1, .col2, .col3 {
        margin-right: 2.280701754385965%; /*26px / 1140px*/
        float: left;/*background:#424242;*/
    }


/*==========================================================================
  MARGIN AND PADDING
  ========================================================================== */
    /* MARGIN-TOP */
    .marT-5 {margin-top: -5px;}
    .marT0  {margin-top: 0px;}
    .marT10 { margin-top: 10px !important; }
    .marT15 { margin-top: 15px !important; }
    .marT20 { margin-top: 20px !important; }
    .marT25 { margin-top: 25px !important; }
    .marT30 { margin-top: 30px !important; }
    .marT40 { margin-top: 40px !important; }
    .marT70 { margin-top: 70px !important; }

    /* MARGIN-TOP & MARGIN-BOTTOM */
    .marTB35 { margin: 30px 0 30px !important; }
    
    /* MARGIN-BOTTOM */
    .marB0  { margin-bottom: 0 !important; }
    .marB5  { margin-bottom: 5px !important; }
    .marB10 { margin-bottom: 10px !important; }
    .marB15 { margin-bottom: 15px !important; }
    .marB20 { margin-bottom: 20px !important; }
    .marB35 { margin-bottom: 35px !important; }
    .marB30 { margin-bottom: 30px !important; }
    .marB40 { margin-bottom: 40px !important; }
    .marB45 { margin-bottom: 45px !important; }
    .marB50 { margin-bottom: 50px !important; }
    
    /* MARGIN-RIGHT */
    .marR0  { margin-right: 0 !important; }
    .marR8  { margin-right: 8px !important; }
    .marR12 { margin-right: 12px !important; }
    .marR55 { margin-right: 55px !important; }

    /* MARGIN-LEFT */
    .marL0  { margin-left: 0px !important; }
    .marL10 { margin-left: 10px !important; }

    /* MARGIN-RIGHT & MARGIN-LEFT */
    .marLR { margin:0 15px 0 15px !important; }

    /* PADDING */
    .noPadB { padding-bottom: 0; }
    .padFix { padding: 50px 0 30px !important; }
    .pad0   { padding: 0px !important; }
    .pad20  { padding: 20px !important; }
    .pad30  { padding: 30px !important; }
    .pad36  { padding: 36px !important; }
    .pad38  { padding: 38px !important; }
    
    /* PADDING-TOP */
    .padT0  { padding-top: 0px !important; }
    .padT10 { padding-top: 10px !important; }
    .padT30 { padding-top: 30px !important; }
    .padT60 { padding-top: 60px !important; }
    .padT15 { padding-top: 15px !important; }

    /* PADDING-RIGHT */
    .padR0 { padding-right:0px !important; }
    .padR10 { padding-right: 10px !important; }

    /* PADDING-LEFT */
    .padL20 { padding-left: 20px !important; }
    .padL25 { padding-left: 25px !important; }
    
    /* PADDING-BOTTOM */
    .padB0  { padding-bottom: 0px !important; }
    .padB10 { padding-bottom: 10px !important; }
    .padB15 { padding-bottom: 15px !important; }
    .padB20 { padding-bottom: 20px !important; }
    .padB25 { padding-bottom: 25px !important; }
    .padB35 { padding-bottom: 35px !important; }
    .padB45 { padding-bottom: 45px !important; }
    .padB70 { padding-bottom: 70px !important; }
    
    
/*==========================================================================
  CONTENT AREA STYLES
  ========================================================================== */
    h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 110%; }
    h1 {
        font-size: 40px;
        color: #848484;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        margin: 0 0 8px 0;
        padding: 0;
    }
    h2 {
        color: #3e3e3e;
        font-size: 25px;
        font-family: 'open_sanslight';
        font-weight: normal;
        margin: 0 0 20px 0;
        width: 77.63157894736842%;
    }
    h2.border { border-bottom: solid 1px #e0e0e0; padding: 0 0 25px 0; }
    h2.h2_style1 {
        color: #0075c9;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 20px;
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
    h2.h2_style2 {
        color: #303030;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size:20px;
        border: none;
        margin:0;
        padding:0;
        width: auto;
    }
    h3 {
        font-size: 17px;
        font-family: 'open_sansregular', helvetica, arial;
        line-height: 135%;
        margin: 0;
        color: #2c2c2c;
    }
    h4 {
        font-size: 17px;
        font-family: 'open_sansregular', helvetica, arial;
        line-height: 135%;
        margin: 0 0 10px;
        color: #2c2c2c;
    }
    h5 {
        font-size:20px;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        margin: 0px;
        color:#838383;
    }
    
    .headingGroup {
        margin-bottom: 40px;
    }
    .container a.personSelect {
        font-family: 'open_sansbold', helvetica, arial;
        font-size: 18px;
        color: #60aaea;
        text-decoration: none;
        display: block;
        width: 160px;
        background: url('../img/selectArrow.png' ) no-repeat right;
    }
    ul {
        margin: 0 0 18px 25px;
        padding: 0;
    }
    ul li {
        /* background: url("../img/bullet.png" ) no-repeat scroll 0 center; */
        list-style-image: url("../img/bullet.png" );
        /* list-style: none outside none; */
        padding: 5px 0;
        margin: 0 0 5px;
    }
    ol{
        padding: 0 0 0 30px;
        margin: 0 0 18px;
    }
    ol li {margin: 0 0 3px;}

    ol.style1 {
        font-size: 17px;
        padding: 0 0 0 24px;
    }
    ol.style1 p, ol.style1 ul li {font-size: 13px;}
    ol.style1 h4 {margin: 0;}
    
    p {
    margin: 0 0 15px;
    padding: 0;
    line-height: 150%;

  }
    a.viewDetail {
        float: right;
        padding: 0;
        margin : 0;
        font-family: 'open_sansbold', helvetica, arial;
        display: block;
        font-size: 14px;
        width: auto;
    }
    /* a.pdfStatement { background: url('../img/pdfIcon.png' ) no-repeat right; } */
    a.iconLink     { background: url('../img/arrowIcon.png' ) no-repeat right; }
    a.pdbackBtn {display:none;}
    .backBtn {display: block;}
    .backBtn,a.pdbackBtn {
        background: url('../img/backArrow.png' ) no-repeat left;
        font-size: 11px;
        font-family: 'open_sansbold', helvetica, arial;
        color: #838383;
        margin: 20px 0 0;
        padding: 0 0 0 20px;
        float: left;
    }
    .backBtn a {color: #838383;}
    a.edit {
        /* background: url('../img/editIcon.png' ) no-repeat right; */
        padding-right: 20px;
        font-family: 'open_sansbold', helvetica, arial;
        width: auto;
        display: inline-block;
    }
    .avatarIcon, .cityIcon { padding-left: 40px; margin: 22px 0 !important; }
    /* .avatarIcon { background: url('../img/avatarIcon.jpg' ) no-repeat left; }
    .cityIcon { background: url('../img/cityIcon.png' ) no-repeat left; } */


    ul.boldList { padding: 0; }
    ul.boldList li {
        margin: 0 0 4px 0;
        font-family: 'open_sansbold', helvetica, arial;
        font-size: 14px !important;
        color: #2C2C2C;
        list-style: none;
    }
    ul.boldList li a { color: #2C2C2C; }

    .icon_tel, .icon_email { padding: 0 0 0 30px; }
    .icon_tel   { background: url('../img/icon-tel.png') no-repeat 0 2px; }
    .icon_email { background: url('../img/icon-email.png') no-repeat 0 2px; }


/*==========================================================================
  NOTIFICATION BLOCK
  ========================================================================== */
    .row.noteblockRow { padding-bottom: 0; }
    .noteblockRow .span2,
    .noteblockRow .span3,
    .noteblockRow .span4,
    .noteblockRow .span5 {
        background-color: #f9f9f9;
        background-repeat: no-repeat;
        background-position: 25px 27px;
        font-size: 16px;
        font-family: 'open_sansbold', helvetica, arial;
        color: #7e7e7e;
    }
    .noteblockRow p { margin: 0; padding: 27px 27px 27px 70px; }
    .noteblockRow span.noteblockText{font-size: 12px;padding: 0px;font-family: 'open_sansregular', helvetica, arial;}
    /* .noteblockRow .successIcon { background-image: url('../img/tick.png' ); }
    .noteblockRow .errorIcon   { background-image: url('../img/reg1.png' ); }
    .noteblockRow .uploadIcon  { background-image: url('../img/uploadDocIconLrg.png' ); } */
    


/*==========================================================================
  FORM
  ========================================================================== */
    form { padding: 0; }
    input[type="text"],
    input[type="password"], 
    input[type="email"], 
    textarea {
        margin: 2px 0 10px 0;
        padding: 12px 10px;
        width: 240px;
        background: #e2e4e5;
        border: 1px solid #fff;
        font-size: 12px;
        -webkit-transition: background-color 0.2s linear;
           -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.15);
           -moz-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.15);
                box-shadow: inset 0 1px 3px rgba(0,0,0, 0.15);
        color: #999999;
        outline: none;
    }
    input[type="text"].width100,
    input[type="password"].width100,
    textarea.width100 {
        width: 92%; /* can't make 100% because of padding on both sides */
    }
    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="email"]:hover, 
    textarea:hover {
        background: #dee0e2;
        -webkit-transition: background-color 0.2s linear;
           -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
    }
    input[type="text"].error, 
    input[type="password"].error,
    input[type="email"].error,
    textarea.error {
        /* background: #e2e4e5; */
        border-color: #ff0000;
        color: #ff0000;
    }
    input[type="text"].mismatch,
    input[type="password"].mismatch {
        background: none repeat scroll 0 0 #e2e4e5 !important;
    }
    input[type="text"].editError.error {
        background: #e2e4e5;
        color:#ff0000;
    }
    .container .largeField{
        width:81.92090395480226%;
        height: 24px;
        color:#0075c9;
        font-size:20px;
    }

    .inputGroup { height: 65px; }
    label.error { font-size: 10px; color: #ff0000; display: block; font-weight: normal; }
    .data .form{ width:240px !important; }
    .loginForm { width:100%; max-width:320px; }
    .loginForm input[type="text"],
    .loginForm input[type="password"] {
        width: 94% !important; 
    }
    textarea { resize: none; }
    label { 
        font-family: 'open_sansregular', helvetica, arial; 
        font-size: 12px; 
        font-weight: bold; 
        letter-spacing: 0.02em 
    }
    .userForgotWrap { width: 69.944%; }
    label.selectEmail { font-size: 14px; font-family:'open_sansregular', helvetica, arial; color:#303030; }
    .data input { margin-right: -2px; width: 383px; }
    .data button {
        background-position: 80% center;
        background-repeat: no-repeat;
        margin-right: 10px;
        /*margin-left: 11px;*/
        margin-bottom: 0;
        padding: 10px 20px;
        text-transform:uppercase;
    }


/*==========================================================================
  CUSTOM SELECT BOX
  ========================================================================== */
    .ui-widget {
        /*font-family: Verdana,Arial,sans-serif;*/
        font-size: 12px;
        margin-bottom: 10px;
    }
    .ui-widget-content { background: #e5e5e5; }
    .ui-widget-content a { color: #848484; }
    .ui-widget-header a  { color: #848484; }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #e5e5e5;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        font-weight: normal;
        color: #848484;
    }
    .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
        background: #e0e0e0;
    }
    .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus { background: #e0e0e0; }
    .ui-icon {
        width: 16px;
        height: 16px;
        background: url('../img/selectArrow.png' ) no-repeat 0 5px;
    }
    .ui-corner-all {
        -webkit-border-radius: 2px;
         -khtml-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
    }
    .ui-selectmenu { 
        display: inline-block; 
        position: relative; 
        padding: 12px 10px 11px 10px; 
        vertical-align: middle;
        text-decoration: none;
        overflow: hidden;
        zoom: 1;
    }
    .ui-selectmenu-icon { 
        position: absolute; 
        right: 10px; 
        margin-top: -8px; 
        top: 50%; 
    }
    .ui-selectmenu-menu { 
        padding: 0; 
        margin: 0; 
        position: absolute; 
        top: 0; 
        display: none; 
        z-index: 1005;
    }
    .ui-selectmenu-menu  ul { 
        padding: 0; 
        margin: 0; 
        list-style: none; 
        position: relative; 
        overflow: auto; 
        overflow-y: auto; 
        overflow-x: hidden; 
        -webkit-overflow-scrolling: touch;
    } 
    .ui-selectmenu-open {display: block; z-index: 30 !important;}
    .ui-selectmenu-menu li { 
        padding: 7px 10px; 
        margin: 0; 
        display: block; 
    }
    .ui-selectmenu-menu li a,.ui-selectmenu-status {
        display: block;
        outline:none;
        text-decoration:none;
    }
    .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {cursor: default;}
    .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { 
        padding-left: 20px;
        position: relative;
        margin-left: 5px;
    }
    a.ui-selectmenu span {color: #848484;}
    select, .ui-select-menu {float: left;}
    select {width: 240px;}
    .smallSelect select {width: 90px;}
    .ui-selectmenu-menu-dropdown {max-height: 185px !important;}
    .ui-selectmenu-menu-dropdown {max-height: 185px !important;}


/*==========================================================================
  BUTTON
  ========================================================================== */
    .btn {
        margin-bottom: 15px;
        padding: 8px 16px;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 14px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background-color: #0075c9;
        -webkit-transition: background-color 0.2s linear;
           -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
        border: none;
        border-radius: 2px;
        color: #fff !important;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
    }
    .btn:hover {
        background-color: #006bb7;
        -webkit-transition: background-color 0.2s linear;
           -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
        color: #fff;
    }
    .btn:active {
        -webkit-box-shadow: inset 0 1px 3px 1px #0188bc;
           -moz-box-shadow: inset 0 1px 3px 1px #0188bc;
                box-shadow: inset 0 1px 3px 1px #0188bc;
    }
    .btn.large {  
    height: 48px;
    margin-top: 2px;
    padding: 14px 22px;
    vertical-align: top; 
    }
    .btn.small { padding: 4px 10px; font-size: 13px; }
    .btn.gray { background-color: #969696; }
    .btn:hover.gray { background-color: #8d8d8d; }
    .btn:active.gray {
        -webkit-box-shadow: inset 0 1px 3px 1px #7f7f7f;
           -moz-box-shadow: inset 0 1px 3px 1px #7f7f7f;
                box-shadow: inset 0 1px 3px 1px #7f7f7f;
    }
    .btn.orange { background-color: #FFC20E; }
    a.btn.orange.loginBtn { background-color: #FFC20E; }
    a.btn.orange.loginBtn:hover { background-color: #ee9001;}
    .btn.orange:hover { background-color: #ee9001;}
    .btn:hover.orange { background-color: #ee9001;}
    .btn:active.orange {
        -webkit-box-shadow: inset 0 1px 3px 1px #7f7f7f;
           -moz-box-shadow: inset 0 1px 3px 1px #7f7f7f;
                box-shadow: inset 0 1px 3px 1px #7f7f7f;
    }
    .btn.light { background-color: #dadada; color: #5a5a5a; } 
    .btn:hover.light { background-color: #d1d1d1; }
    .btn:active.light {
        -webkit-box-shadow: inset 0 1px 3px 1px #b9b9b9;
           -moz-box-shadow: inset 0 1px 3px 1px #b9b9b9;
                box-shadow: inset 0 1px 3px 1px #b9b9b9;
    }
    .btn.white {background-color: #fff; color: #5a5a5a;}
    .btn:hover.white {background-color: #f5f5f5;}
    .btn:active.white {
        -webkit-box-shadow: inset 0 1px 3px 1px #ccc;
           -moz-box-shadow: inset 0 1px 3px 1px #ccc;
                box-shadow: inset 0 1px 3px 1px #ccc;
    }
    .btn.arrow {
        height: 17px; /* 41px - 12px - 12px = 17px */
        padding: 12px 35px 12px 20px;
        position: relative;
    }
    button.btn.arrow { height: 41px; }
    .btn.arrow span {
        width: 20px;
        height: 41px;
        position: absolute;
        top: 0;
        right: 0;
        background: url('/Style Library/img/btn-arrow-white.png') no-repeat 0 0;
    }
    .btn.signUp .fixAlign { visibility: hidden; display: none; }
    .btn.Blue:hover {
        background-color: #006bb7 !important;
        -webkit-transition: background-color 0.2s linear;
           -moz-transition: background-color 0.2s linear;
            -ms-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
        color: #fff;
    }
    .btn.Orange:hover {
        background-color:#FCC138 !important;
    }
    #utilityShare .btn.social,.socialIcons .btn.social {
    background-position: left top;
    background-repeat: no-repeat;
    font-family: 'open_sanssemibold', helvetica, arial;
    height: 30px;
    margin: 0 18px 0 0;
    padding: 0;
    text-align: left;
    width: 37px;
    display: inline-block;
    }
    #utilityShare .btn.social_google, .socialIcons .btn.social_google,
    #utilityShare .btn.social_linkedin, .socialIcons .btn.social_linkedin,
    #utilityShare .btn.social_twitter, .socialIcons .btn.social_twitter,
    #utilityShare .btn.social_facebook, .socialIcons .btn.social_facebook  { background-image: url('../img/utility-icons/social-media-icons.png');background-repeat: no-repeat; }


    #utilityShare .btn.social_google, .socialIcons .btn.social_google  { background-color: #ad2e1f !important;background-position: -148px 0;margin: 0 !important;}
    #utilityShare .btn.social_linkedin, .socialIcons .btn.social_linkedin { background-color: #00acec !important;background-position: -98px 0;}
    #utilityShare .btn.social_twitter, .socialIcons .btn.social_twitter  { background-color: #41c8f7 !important;background-position: -50px 0;}
    #utilityShare .btn.social_facebook, .socialIcons .btn.social_facebook { background-color: #3b5998 !important;background-position: 0 0;}

    #utilityShare .btn:hover.social_google, .socialIcons .btn:hover.social_google  { background-color: #9c291c !important; }
    #utilityShare .btn:hover.social_linkedin, .socialIcons .btn:hover.social_linkedin{ background-color: #009fdc !important; }
    #utilityShare .btn:hover.social_twitter, .socialIcons .btn:hover.social_twitter { background-color: #3dbde9 !important; }
    #utilityShare .btn:hover.social_facebook, .socialIcons .btn:hover.social_facebook{ background-color: #36528c !important; }


/*==========================================================================
  TOOLBAR
  ========================================================================== */ 
  .toolBar { height: 42px; margin: 0; padding: 0; }
  .toolBar .container { padding-bottom: 0; }


  /*==========================================================================
  TOOLTIP
  ========================================================================== */
  .row.tooltipRow {
    margin-bottom: 10px;
  }
  .tooltipWrap{ width:247px; position:relative; }
  .signUp .tooltipWrap { width:400px; }
  .signUp .websealError { width:100% !important; }
  .arrowTooltip {
      width:35px;
      height:14px;
      /* background:url('../img/arrowTooltip.png') no-repeat; */
      margin-left:30px;
      display: block;
  }
  .tooltipText { background: #F5F5F5; padding: 30px; }
  .tooltipClose {
      position:absolute;
      width:13px;
      height:14px;
      cursor:pointer;
      top:26px;
      right:12px;
      background:url('../img/close.png');
  }
  .tooltipText p { margin: 0; padding: 0; }


/*==========================================================================
  PROGRESS BAR
  ========================================================================== */
    .progressBar {
        height: 40px;
        margin: 20px 15px 0 0 !important;
        float: right;
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 12px;
    }
    .progressBar li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
    }
    .progressBar li.step1 { position: relative; z-index: 10; }
    .progressBar li.step2 { position: relative; z-index: 5; }
    .progressBar li a {
        display: block;
        padding: 12px 14px 11px 14px;
        position: relative;
        background: #f2f2f2;
        color: #919191;
    }
    .progressBar li.step1 a { padding-right: 0px; border-radius: 2px 0 0 2px; }
    .progressBar li.step2 a { padding-left: 25px; border-radius: 0 2px 2px 0; }
    .progressBar li.active a { background: #ccc; }
    .progressBar li a span {
        display: block;
        width: 22px;
        height: 40px;
        position: absolute;
        top: 0;
        right: -22px;
       /* background: url('../img/progressArrow.png') no-repeat 0 0; */
    }
    /*.progressBar li.active a span { background: url('../img/progressArrow-active.png') no-repeat 0 0; }  */

    
/*==========================================================================
  PERSONAL DETAILS PAGE
  ========================================================================== */ 
    .pendingChanges{
    font-family: 'open_sansregular', helvetica, arial;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.02em;
}
    .pdOverview .data {
        margin-bottom:10px;
    }
    .pdOverview span {
         width: 23.771929824561404%; /*271px /1140px*/
         display:inline-block;
    }
    .pdOverview span.pdLabel,.pdOverview span.pdDetail {
        font:'open_sansregular';
        font-size:12px;
    }
    .pdOverview span.pdLabel {
        color:#939393;
        margin-right:30px;
    }
    .pdOverview span.pdDetail {
        color:#303030;
    }
    .editRowOpen{
        cursor: pointer;
        border-bottom: 1px solid #E0E0E0;
        color: #303030;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 25px;
        margin: 0 0 20px;
        padding: 0 0 25px;
        width: 77.63157894736842%;
    }
    .editArrow{
        /* background: url('../img/arrowRight.png') no-repeat 2px 0; */
        display: inline-block;
        width: 16px !important;
        height:16px;
        margin-right: 20px;

}
.editArrowDown {
        /* background: url('../img/arrow.png') no-repeat 0 5px ; */
}
#edit1,#edit2,#edit3,#edit4 {
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px solid #E0E0E0;
}
.headingMobile{
        font-size: 16px;
        font-family: 'open_sansbold', helvetica, arial;
        margin: 0px 0px 20px;
}

/*==========================================================================
  PERSONAL PAGE
  ========================================================================== */
  .personalImg img {width: 100%; height: auto;}
  #videos img {width: 100%;}
  .adSpace h2 {color: #7F7F7F;}
  .adSpace p.date {color: #7F7F7F; font-size: 12px;}

  
/*==========================================================================
  EDIT DETAILS PAGE
  ========================================================================== */ 
  .editLabel {
      height: 36px;
      padding-top: 13px;
      border-top:solid 1px #e0e0e0;
  }
  .editLabel a {
      font-size:14px;
      font-family:'open_sansbold', helvetica, arial;
  }
  .editField {
      padding:20px 0 30px;
  }
  .editField .postalCode {
      margin-left: 167px;
      width: 73px;
  }
  .editField .docsNeeded {
     width: 285px;
     margin-bottom:20px;
  }
  .uploadBox {padding-bottom: 22px;}
  .dropZone{
    width: 396px;
    height: 31px;
    text-transform: uppercase;
    color: #848484;
    font-family: 'open_sansregular', helvetica, arial;
    border: dashed 1px #848484;
    text-align: center;
    padding-top: 8px;
    display: inline-block;

  }
  .uploadBox .or{
    width: 106px;
    display: inline-block;
    text-align: center;
    color: #848484;

  }
  a.fileUploadCancel{
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
  }
  .pdEdit{font-family: 'open_sansbold', helvetica, arial;}
/*==========================================================================
  HEADER NAVIGATION
  ========================================================================== */
    #headerNav {
        padding:0 3.90625%;
        height: 87px; /* 83px */
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
    }
    .home #headerNav {
        width: 100%;
        padding: 0;
        position: absolute;
        top: 0;
        left: 20px;
        background: transparent;
        border-bottom: none;
    }
        
    .home #hp-special-dd-menu {
        top: 65px !important;
    }
    #headNavContainer {
        width: 96.75%;
        padding: 0 2% 0 1.25%;
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
        z-index: 820;
    }

    #headerNav ul { margin: 0; padding: 0; }
    #sanlamLogo .dropMenu a, #headerNav li a { display: block; color: #636363; text-decoration: none; }
    #headerNav li a.activeLink { color: #0075c9 !important; }
    #headerNav a#navBtn { display: none; }
    
    #headerNav #sanlamLogo > a { /* logo on campaign pages */
        display: block; 
        float: left;
        margin: 20px 0 0 4.2%;
    }
    #headerNav a.sanlamLogo-arrow {
        width: 23px; 
        height: 21px; 
        margin: 0 38px 0 0; 
        /*background: url('../img/sanlam-logo-arrow.png') no-repeat 0 0;*/
        background: url('../img/globe_bluegrey_icon.png') no-repeat 0 0;
    }
    
    #sanlamGlobe.sanlamLogo-arrow { 
        /*display: block; 
        float: right !important; 
        position: relative; 
        right: 162px; 
        margin: auto !important; 
        top: 32px;*/
    }   

    .globeNavActive .activeLink {
        background-position: 0 -21px !important;
    }
    
    #headerNav #sanlamLogo a.sanlamLogo-logo {
        width: 190px;
        height: 45px;
        margin: 20px 4% 0 0;
    }
    #headerNav #sanlamLogo a.sanlamLogo-arrow, #headerNav #sanlamLogo a.sanlamLogo-logo {display: block; float: left;}
    
    /*#headerNav #sanlamLogo img { width: 152px; height: auto; }*/
    #headerNav .jenwillLogo img { width: auto !important; height: auto; }
    #headerNav .afBotLogo > a { margin: 0 0 0 4.2% !important; }
    #headerNav .afBotLogo > a > img { width: 260px !important; }
    
    #headerNav #sanlamLogo .dropMenu li {list-style-image: none;}
    
    #headerNav ul#primaryLinks {float: left; margin: 33px 2% 0 0; font-family: 'open_sansbold', helvetica, arial;}
    #headerNav ul#primaryLinks > li {
        margin-right: 16px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        background: none;
        padding: 0;
    }
    #headerNav ul#primaryLinks li a { color: #4a4a4a; }
    .home.financialJournalism #headerNav ul#primaryLinks li a, .home.financialJournalism #headerNav ul#secondaryLinks li a { color: #ffffff; }
    #headerNav ul#secondaryLinks { float: left; margin: 33px 0 0 0; }
    #headerNav ul#secondaryLinks > li {
        margin-right: 18px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        background: none;
        padding: 0;
    }
    #headerNav ul#utilityLinks { float: right; margin: 33px 0 0 0; }
    #headerNav ul#utilityLinks > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        background: none;
        padding: 0;
    }
    #headerNav li#search > a {
        width: 20px;
        height: 20px;
        margin-right: 15px;
        background: url('../img/headerNav/search.png') no-repeat 0 0;
    }
    #headerNav li#search > a {
        width: 20px;
        height: 20px;
        margin-right: 15px;
        background: url('../img/headerNav/search.png') no-repeat 0 0;
    }
    #headerNav li#search > a.activeLink { background-position: 0 -20px; }
    /* GLOBAL NAV */
    
    
    
    .dropMenuGlobe {right:77px;}
    #headerNav ul#sanlamGlobe { float: right; margin: 4px 0 0 0; }

    #headerNav ul#sanlamGlobe > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        background: none;
        padding: 0;
    }
    
    .dropMenuArrow.globeActive{
        background-position: 772px top !important; /* 746px */
    }
    
    .zip-icon {
        width: 38px !important;
        height: 14px !important;
        position: relative;
        top: -14px;
        float: right;
        left: -96px;
    }
    
    .dropMenu.globeActive {
        margin-left: -780px !important; /* -753px */
    }
    
    .soi-main-page .dropMenu.globeActive {
        margin-left: -837px !important;
        top: 40px !important;
    }
    
    .soi-main-page .dropMenuArrow.globeActive {
        background-position: 829px top !important;
    }
    
    #sanlamLogo .dropMenu .col, #newGLOBEDD .dropMenu .col {
        width: auto !important;
        height: 220px !important;
    }

    /* Sharepoint control */
    #searchInputBox {float: none !important; margin-bottom: 0 !important;}
    .ms-floatRight {float: none !important;}
    .ms-tableCell {display: block !important;}
    .ms-mpSearchBox {width: auto !important; }
    .ms-srch-sb {display: block !important;}
    .ms-srch-sb-border {border: none !important;}
    .ms-srch-sb-borderFocused {border: none !important;}
    #searchImg {display: none !important;}
    .ms-srch-sb > .ms-srch-sb-searchLink {
        width: 123px;
        height: 38px;
        background: #0075C9 url('../img/headerNav/header-search-btn.png') no-repeat 20px 9px !important;
        border: medium none !important;
        border-radius: 2px !important;
        color: #FFFFFF !important;
        cursor: pointer !important;
        display: inline-block !important;
        transition: background-color 0.2s linear 0s !important;
    }
    
    #headerNav li#location #locationList li { list-style-image: none; }
    
    #headerNav li#location > a { 
        width: 42px;
        height: 20px;
        color: #636363;
        background: url('../img/headerNav/location.png') no-repeat right 0;
    }
    #headerNav li#location #locationList li { list-style-image: none; }
    #headerNav li#location > a.activeLink { background-position: right -20px; }
    #headerNav ul#accountLinks {float: right; margin: 30px 15px 0 15px;}
    #headerNav ul#accountLinks .btn {width: auto;}
    .home ul#accountLinks {margin: 30px 20px 0 15px !important;}
    .home.bluestarMaps ul#accountLinks {
        margin: 30px 45px 0 15px !important;
    }

    #headerNav ul#accountLinks > li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }
    #headerNav li#notification > a { 
        width: 20px;
        height: 20px;
        margin-right: 20px;
        position: relative;
        background: url('../img/headerNav/notification.png') no-repeat 0 0;
    }
    #headerNav li#notification a span.badge { 
        font-size: 9px;
        padding: 0 2px;
        position: absolute;
        top: -6px;
        right: -8px;
        background-color: #0075c9;
        border: 1px solid #fff;
        color: #fff;
    }
    #headerNav li#notification > a.activeLink { background-position: 0 -20px; }
    #headerNav li#account span {
        height: 13px;
        padding-right: 24px;
        background: url('../img/headerNav/man_icon.png') no-repeat right 2px; 
        text-align: right;
        font-size: 12px;
    }
    #headerNav li#account .loginBtn {
        padding: 4px 10px;
    }  
    /* #headerNav li#account > a { 
        height: 20px;
        padding-right: 24px;
        background: url('../img/headerNav/account.png') no-repeat right 0; 
        text-align: right;
        color: #636363;
    } */
    #headerNav li#account > a.activeLink { background-position: right -20px; }
    #overlay {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 25;
        background: url('../img/overlay.png' ) repeat 0 0;
    }
    #headerNav #headerPrint {display: none;}


/*==========================================================================
  DROP-DOWN MENU
  ========================================================================== */
    
    #hp-special-dd-menu {
        top: 40px !important;
    }
  
    .dropMenu {
        display: none;
        position: absolute;
        top: 55px;
        margin-left: -80px;
        z-index: 20;
        opacity: 0;
    }
    .dropMenu a { color: #4a4a4a !important; font-family: 'open_sanssemibold', helvetica, arial; }
    .dropMenu a.extLink { 
        padding-left: 20px; 
        background: url('/Style Library/img/ext_link_black.png') no-repeat 0 2px;
    }
    .dropMenu a:hover.extLink {background-image: url('/Style Library/img/ext_link_blue.png');}

    .dropMenu a:hover { color: #0075c9 !important; }
    .dropMenuArrow {
        height: 14px;
        background: url('../img/drop-menu-arrow.png') no-repeat 190px top;
    }
        
    #sanlamLogo .dropMenu .col, #newGLOBEDD .dropMenu .col {height:305px;}
    
    
    /* .bluestar #sanlamLogo .dropMenu .col {height:305px !important;} */
    #services .dropMenuArrow {background-position:36px;}
    #primaryLinks #services .dropMenu .col {width:218px; height:280px;}
    #secondaryLinks #sponsorships .dropMenu .col {width:210px;}
    #contactUs .dropMenuArrow {background-position:100px;}
    #mediaCentre .dropMenuArrow {background-position:85px;}  
    #about .dropMenu {margin-left:-346px;}  
    #about .dropMenuArrow {background-position:348px;}
    .financialJournalism #about .dropMenu {margin-left:-70px;}  
    .financialJournalism #about .dropMenuArrow {background-position:72px;}

    .dropMenuBody {
        position: relative;
        background: #fff;
        border-radius: 2px;
    }
    .dropMenuBody .pad38 {padding-top: 33px !important;}
    .dropMenuClose {
        width: 13px;
        height: 14px;
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
        background: url('../img/close.png') no-repeat 0 0;
    }

    /* primary & secondary links drop-downs */
    #sanlamLogo .dropMenu {margin-left: 24px;}
    #sanlamLogo .dropMenuArrow {background-position: 36px top;}
    /* .home .dropMenuArrow.globeActive {
        background-position: 711px top !important;
    } 
    .financialJournalism .dropMenuArrow.globeActive {
        background-position: 790px top;
    }
    .sponsorships .dropMenuArrow.globeActive {
        background-position: 790px top !important;
    }*/

    #personal .dropMenu {margin-left: -100px;}
    #personal .personalMenu {margin-left: -161px;}
    #personal .dropMenuArrow {background-position: 112px top;}
    #personal .personalMenuArrow {background-position: 170px top;}
    #personal .dropMenu .col {width: 195px !important; height: 305px;}
    #personal .dropMenu .personalCol {width:auto !important; height: 249px;}
    #businessOwners .dropMenuArrow {background-position: 92px top;}
    #businessOwners .dropMenu .col {width: 230px !important; /* height: 390px; */}
    /*#businessOwners .dropMenu .businessCol {width:179px !important; height: 325px;}
     #businessOwners .businessMenu {margin-left: -250px;}
    #businessOwners .businessMenuArrow {background-position: 262px top;} */
    #institutional .dropMenu {margin-left: -80px;}
    /*#institutional .dropMenu .col {height: 260px;}*/
    #institutional .dropMenuArrow {background-position: 110px top;}
    #markets .dropMenuArrow {background-position: 90px top;}
    #mediaCentre .dropMenu {margin-left: -82px;}
    #about .dropMenu .col {height: 320px !important;}
    #contactUs .dropMenu {margin-left: -95px;}
    #contactUs .dropMenu .col {width: 200px !important;}
    #accountLinks .dropMenu {width: 638px; margin-left: -550px;}
    #accountLinks .dropMenu .col {width: 240px !important;}
    #accountLinks .dropMenuArrow {background-position: 560px top;}
    
    /* Financial Journalism primary & secondary links drop-downs */
    .financialJournalism #sanlamLogo .dropMenu .col {width: 195px; height: 283px;}
    .financialJournalism #about .dropMenu .col {height: 80px !important;}
    .financialJournalism #categories .dropMenuArrow {background-position: 560px top;}
    .financialJournalism #categories .dropMenuArrow {background-position: 100px top;}
    .financialJournalism #enter .dropMenu .col {height: 44px !important;}
    .financialJournalism #enter .dropMenuArrow {background-position: 80px top;}
    .financialJournalism #location .dropMenu .pad38 {height: 100px !important;}

    #sanlamLogo .dropMenu h2,
    #newGLOBEDD .dropMenu h2,   
    #primaryLinks .dropMenu h2, 
    #secondaryLinks .dropMenu h2,
    #accountLinks .dropMenu h2 {
        width: auto;
        margin: 0 0 20px 0;
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 14px;
        color: #000;
    }
    #sanlamLogo .dropMenu h2 a, 
    #newGLOBEDD .dropMenu h2 a,
    #primaryLinks .dropMenu h2 a, 
    #secondaryLinks .dropMenu h2 a,
    #accountLinks .dropMenu h2 a {
        margin: 0; 
        color: #000 !important;
        font-size: 14px; 
    }
    #sanlamLogo .dropMenu h2 a:hover,
    #newGLOBEDD .dropMenu h2 a:hover,
    #primaryLinks .dropMenu h2 a:hover, 
    #secondaryLinks .dropMenu h2 a:hover,
    #accountLinks .dropMenu h2 a:hover {
        color: #006bb7 !important;
    }
    #sanlamLogo .dropMenu .col:first-child h2,
    #newGLOBEDD .dropMenu .col:first-child h2,
    #primaryLinks .dropMenu .col:first-child h2, 
    #secondaryLinks .dropMenu .col:first-child h2,
    #accountLinks .dropMenu .col:first-child h2 {
        padding-left: 0;
    }
    #sanlamLogo .dropMenu a, 
    #newGLOBEDD .dropMenu a,
    #primaryLinks .dropMenu a, 
    #secondaryLinks .dropMenu a,
    #accountLinks .dropMenu a { 
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 12px;
        margin-bottom: 8px;
    }
    #sanlamLogo .dropMenu h1,
    #newGLOBEDD .dropMenu h1,
    #primaryLinks .dropMenu h1, 
    #secondaryLinks .dropMenu h1,
    #accountLinks .dropMenu h1 { 
       margin: 0 0 28px 0;
    }
    #sanlamLogo .dropMenu h1 a,
    #newGLOBEDD .dropMenu h1 a,
    #primaryLinks .dropMenu h1 a, 
    #secondaryLinks .dropMenu h1 a,
    #accountLinks .dropMenu h1 a { 
       margin: 0;
       color: #303030;
       font-family: 'open_sanslight', helvetica, arial;
       font-weight: normal;
       font-size: 25px;
    }
    #sanlamLogo .dropMenu .col,
    #newGLOBEDD .dropMenu .col,
    #primaryLinks .dropMenu .col, 
    #secondaryLinks .dropMenu .col,
    #accountLinks .dropMenu .col { 
        float: left; 
        width: 179px;
        /*
        margin-left: 33px;
        padding-left: 40px;
        */
        margin-left: 30px;
        padding-left: 27px;        
        border-left: 1px solid #e5e5e5; 
    }
    #sanlamLogo .dropMenu .col:first-child,
    #newGLOBEDD .dropMenu .col:first-child,
    #primaryLinks .dropMenu .col:first-child, 
    #secondaryLinks .dropMenu .col:first-child,
    #accountLinks .dropMenu .col:first-child { 
        margin-left: 0;
        padding-left: 0;
        border-left: none; 
    }

    /* search drop-down */
    #search .dropMenu {width: 450px; margin-left: -405px;}
    #search .dropMenuArrow {background-position: 398px top;}
    #search .dropMenu li {margin-bottom: 7px;}
    #search .dropMenu input {
        width: 234px;
        height: 15px;
        border: none;
        border-radius: 2px 0 0 2px;
        padding-top: 12px;
        padding-bottom: 11px;
        margin: 0 -2px 0 0;
        float: left;
    }
    #search .dropMenu button {
        width: auto !important;
        margin: 0 -10px 0 0;
        padding: 19px 50px 19px 20px;
        line-height: 0;
        background-image: url('../img/headerNav/search-btn.png');
        background-repeat: no-repeat;
        background-position: 80% center;
    }

    /* location drop-down */
    #location .dropMenu {width: 212px; margin-left: -165px;}
    #location .dropMenuArrow {background-position: 94% top !important;}
    #locationList li {
        margin-bottom: 8px;
        padding: 0;
        background-image: none;
    }
    #locationList li a {
        background-position: 0 4px;
        background-repeat: no-repeat;
        padding-left: 25px;
        font-size: 14px;
    }
    #locationList li#int a { background-image: url('../img/maps/global.png'); }
    #locationList li#sa  a { background-image: url('../img/maps/south-africa.png'); }
    #locationList li#uk  a { background-image: url('../img/maps/united-kingdom.png'); }
    #locationList li#au  a { background-image: url('../img/maps/australia.png'); }
    #locationList li#ky  a { background-image: url('../img/maps/kenya.png'); }
    #locationList li#nm  a { background-image: url('../img/maps/namibia.png'); }

    /* notification drop-down */
    #notification .dropMenu { width: 300px; margin-left: -250px; }
    #notification .dropMenuArrow { background-position: 240px top; }
    ul#notificationList { margin-bottom: 20px; }
    ul#notificationList li { margin-bottom: 30px; }
    ul#notificationList li a {
        padding-left: 35px;
        background: url('../img/notification-icon.png') no-repeat 0 3px;
        line-height: 105%;
    }
    ul#notificationList .subject, ul#notificationList .author { font-size: 14px; }
    ul#notificationList .subject { 
        color: #333;
        font-family: 'open_sansbold', helvetica, arial;
        letter-spacing: -0.3;
    }
    #notification .dropMenu a.moreLink { 
        width: 60px;
        height: 24px;
        margin: 0 auto;
        font-family: 'open_sansbold', helvetica, arial;
        font-size: 12px;
        background: url('../img/blue-arrow-small.png') no-repeat center bottom;
        color: #0075c9;
        text-align: center;
    }       


/*==========================================================================
  SLIDE NAVIGATION
  ========================================================================== */
    #slideNav {
        position: absolute; /* fixes content jump when opening */
        width: 270px;
        height: auto;
        display: none;
        float: left;
        font-size: 14px;
        color: #b7b7b7;
        overflow: hidden;
        margin-left: -270px;
    }
    #slideNav ul li {
        background:none;
        padding: 0;
        list-style-image: none;
    }
    #slideNav a {color: #fff; text-decoration: none; }
    #slideNav a.extLink {background: url('/Style Library/img/ext_link_mobile.png') no-repeat 94% 11px;}
    #slideNav a:hover { color: #fff !important; }
    #slideNavWrapper { width: 810px; }
    .slideNavMenu { width: 270px; float: left; }
    #slideNav h2 {
        margin: 0 15px 10px 15px;
        padding-bottom: 17px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }
    #slideNav hr  { 
        display: block;
        float:left;
        width: 240px;
        height: 1px;
        margin: 0 0 0 15px;
        padding: 0;
        border: 0;
        border-top: 1px solid #fff;
    }
    #slideNav h2 a.slideNavArrow {background: none; color: #fff;}
    #slideNavPrimaryLinks   { background: #0075c9; padding: 15px 0 5px 0; }
    #slideNavAccountLinks   { background: #0075c9; padding: 15px 0 5px 0; }
    .slideNavSubListWrapper { background: #0075c9; padding: 20px 0 5px 0; }
    #slideNav a.slideNavArrow { background: url('../img/slide-nav/arrow.png') no-repeat 95% center; }
    li#slideNavSettings a     { background: url('../img/slide-nav/profile.png') no-repeat 95% center; }
    li#slideNavLogin a     { background: url('../img/slide-nav/profile-mobile.png') no-repeat 95% center; }
    li#slideNavSignOut a      { background: url('../img/slide-nav/signout.png') no-repeat 95% center; }
    li#slideNavSearch a       { background: url('../img/slide-nav/search.png') no-repeat 95% center; }
    #slideNav a.slideNavBack { 
        display: block;
        padding: 17px 17px 17px 30px;
        background: #fff url('../img/slide-nav/back-arrow.png') no-repeat 10px center; 
        color: #838383;
    }
    #slideNav a.slideNavBack:hover { color: #838383 !important; }
    #slideNavAccount { 
        background: url('../img/slide-nav/heading-line.png') repeat-x left bottom;
        margin: 0 15px;
        padding: 0 10px 15px 0;
    }
    #slideNavAccount p { margin: 0; }
    #slideNavAccount a { color: #00aff0; }
    #slideNav ul { padding: 0; margin: 0 0 15px 15px; }
    #slideNav ul li a { padding: 10px 28px 10px 0; display: block; font-size: 16px; }
    #slideNav ul li a.slideNavActive { border-right: 3px solid #00aff0; }
    .slideNavSubLinks, .slideNavSubSubLinks { display: none; }                  


/*==========================================================================
  FULFILLMENT BLOCK
  ========================================================================== */ 
    #fulfillContainer {
      display: none;
      margin: 0 auto;
      width: 100%;
      max-width: 1280px;
      position: relative;
      z-index: 20;
    }
    #fulfillContainer p {margin: 10px 0 14px 0; line-height: 140%;}
    #fulfillBlock {
      width: 275px;
      position: absolute;
      z-index: 5;
      top: 0;
      right: 0;
    }
    .home #fulfillBlock {top: -330px;}
    #fulfillBlock .control {
      display: none;
      width: 31px;  /* width: 47px; */
      height: 60px; /* height: 73px;*/
      float: left;
      background: #0075c9 url('../img/fulfillment-block/control-open.png') no-repeat center center;
      border-radius: 2px 0 0 2px;
    }
    .fulfillForm {
      height: 330px;
      position: relative;
      z-index: 5;
      color: #a2a3a2;
      font-size: 14px;
    }
    .fulfillForm .bgColor {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      background: #0075c9;
    }
    .fulfillForm .bgColorBlack {
        background: #10181F !important;
    }
    .fulfillForm .pad30, .fulfillForm .pad20, .fulfillForm .pad36 {position: relative; z-index: 10;}
    .fulfillForm #emailUs .formSection {
      display: none;
      opacity: 0;
      position: relative;
      padding-top: 25px;
    }
    .fulfillForm .btn {margin: 1px 0 0 0;}
    .fulfillForm h1,
    .fulfillForm2 h1 {
      margin: 0 0 15px 0;
      padding: 0 !important;
      line-height: 70%;
      color: #fff;
      font-family: 'open_sanslight';
      font-size: 20px;
      font-weight: normal;
    }
    #fulfillForm2 {background-color: #505050;}
    .fulfillForm h2 {
      margin: 0 0 8px 0;
      padding: 0 !important;
      line-height: 70%;
      color: #fff;
      font-family: 'open_sanslight';
      font-size: 16px;
      font-weight: normal;
    }
    .fulfillForm ul li, .fulfillForm2 ul li  {list-style: none;}
    .fulfillForm ul, .fulfillForm2 ul {
      margin: 0 0 22px 0;
      padding: 0;
      color: #fff;
      font-family: 'open_sansbold';
      font-size: 14px;
      list-style: none;
    }
    .fulfillForm ul li, .fulfillForm2 ul li {
    padding:0;
    }
    
    .fulfillForm li.fulfillNumber,
    .fulfillForm li.fulfillEmail,.fulfillForm2 li.fulfillNumber,
    .fulfillForm2 li.fulfillEmail,.fulfillForm2 li.fulfillCallme {
      padding-left: 30px;
      margin-bottom: 4px;
      background-repeat: no-repeat;
      background-position: left center;
    }
    .fulfillForm2 li.fulfillNumber,
    .fulfillForm2 li.fulfillEmail,.fulfillForm2 li.fulfillCallme {
      font-size: 14px;
    }
    .fulfillForm li.fulfillNumber,.fulfillForm2 li.fulfillNumber {background-image: url('../img/fulfillment-block/number.png');}
    .fulfillForm li.fulfillEmail,.fulfillForm2 li.fulfillEmail  {background-image: url('../img/fulfillment-block/email.png');}
    .fulfillForm2 li.fulfillCallme{background-image: url('../img/fulfillment-block/callMe.png');}
    .fulfillForm a, .fulfillForm2 a {color: #fff; text-decoration: none;}
    .fulfillForm a:hover, .fulfillForm2 a:hover {color: #d7d7d7;}
    .fulfillForm a.prevForm {
      padding-left: 15px;
      position: absolute;
      top: -22px;
      left: -22px;
      font-size: 14px;
      background: url('../img/fulfillment-block/back.png') no-repeat left center;
      color: #fff;
      text-transform: uppercase;
    }
    .btn.mdmForm {
        color: #000 !important;
    }

/*==========================================================================
  FULFILLMENT ROW
  ========================================================================== */
    .fulfillRow {height: 220px; background: #606163;}
    .fulfillRow .span3 {width: 70%;}
    .fulfillRow h2, .fulfillRow h3 {color: #fff;}
    .fulfillRow h2 {
        margin: 38px 0 14px 0; padding: 0; border-bottom: none; 
        font-size: 32px; font-family: 'open_sansregular';
    }   
    .fulfillRow h3 {
        margin: 0; padding: 0; line-height: 130%;
        font-size: 28px; font-family: 'open_sanslight';
    }

    
/*==========================================================================
  FULFILLMENT MOBILE ROW
  ========================================================================== */
    #fulfillmentMobile, #fulfillmentMobile_v2 {
        display: none; padding-bottom: 30px; border-bottom: 1px solid #fff; 
        background: #0075c9; color: #fff;
    }
    #fulfillmentMobile h1, #fulfillmentMobile h2, #fulfillmentMobile a {color: #fff;}
    #fulfillmentMobile a:hover {color: #d7d7d7;}
    #fulfillmentMobile h2 {margin-bottom: 8px;padding : 0;}
    #fulfillmentMobile ul {margin: 0; list-style: none;}
    #fulfillmentMobile li {
        margin: 0; padding-left: 30px; font-size: 14px; font-family: 'open_sansbold';
        background-repeat: no-repeat; background-position: left 14px;
        list-style-image: none; border-bottom: 1px solid #fff;
    }
    #fulfillmentMobile li.tel {margin-top: 0; background-image: url('../img/fulfillment-block/number.png');}
    #fulfillmentMobile li.email {margin-top: 0; background-image: url('../img/fulfillment-block/email.png');}
    #fulfillmentMobile li.call {border-bottom: none; background-image: url('../img/fulfillment-block/call.png');}
    #fulfillmentMobile li a {
        display: block; padding: 12px 0; 
        background: url('../img/accordianArrowDown_small_white.png') no-repeat 98% center;
    }
    .emailText {
        margin-top: 0; 
        background-image: url('../img/fulfillment-block/email.png');
        margin: 0; 
        padding-left: 30px; 
        font-size: 14px; 
        font-family: 'open_sansbold';
        background-repeat: no-repeat; 
        background-position: left 2px;
        margin-top: 20px;
    }
    #fulfillmentMobile li.tel a {background-image: none;}
    #fulfillmentMobile li.active a {background-image: url('../img/accordianArrowUp_small_white.png');}
    #fulfillmentMobile li .form {height: 0; overflow: hidden;}
    #fulfillmentMobile li .form iframe {margin-top: 10px;}
    

/*==========================================================================
  BROWSER ICONS
  ========================================================================== */  
    .browser_logos {margin-bottom: 60px;}
    .browser_logos li {
        display: inline-block; 
        *display: inline; 
        *zoom: 1;
        margin-right: 45px;
        vertical-align: top;
    }
    .browser_logos a {
        display: block;
        width: 70px; 
        height: 85px;
        text-align: center;
    }
    .browser_logos a span {
        margin: 0 auto 8px auto;
        display: block; 
        height: 69px;
        background-image: url('../img/browser-icons.png' );
        background-repeat: none;
    }
    .browser_logos .browser_ie a span      {width: 66px; background-position: 0 0;}
    .browser_logos .browser_chrome a span {width: 61px; background-position: -65px 0;}
    .browser_logos .browser_firefox a span{width: 61px; background-position: -125px 0;}
    .browser_logos .browser_safari a span {width: 61px; background-position: -186px 0;}
    .browser_logos .browser_opera a span  {width: 54px; background-position: -247px 0;}


/*==========================================================================
  PROXY SELECTOR
  ========================================================================== */
    .proxyRow { padding: 0; }
    .proxyRow .container { padding-bottom: 0; }
    .proxyRow ul { margin: 0; padding: 0; }
    .proxyRow ul li {
        display: inline-block;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 12px;
        color: #afafaf;
        margin: 0 !important;
        padding: 16px 0px;
    }
    .proxyRow ul li.arrowProxy { background: url('../img/arrowProxy.png' ) no-repeat bottom center; }
    .proxyRow ul li > a.activeLink { color:#171717; }
    .proxyRow ul li a {
        display:inline-block;
        font-family:'open_sanssemibold', helvetica, arial;
        color: #0075c9;
    }
    .proxyRow .first { padding-left: 0; }


/*==========================================================================
  PROXY PAGE
  ========================================================================== */
    /* .individualAccounts   { background:url('../img/individualAccount.png' ) no-repeat left; }
    .institutionalAccount { background:url('../img/institutionalAccount.png' ) no-repeat left; } */
    .institutionalAccount,.individualAccounts { height: 44px; padding-left:48px; }
    .institutionalAccount p, .individualAccounts p { font-size: 16px; }


/*==========================================================================
  NOTIFICATION PANE
  ========================================================================== */
    .notificationPane { background: #60aaea; }
    .notificationPane p {
        margin: 0;
        color: #fff;
        font-size: 14px;
        padding: 20px 0 20px;
    }
    .notificationClose {
        float: right;
        display: block;
        margin-left: 20px;
        padding: 20px 0 20px;
    }       


/*==========================================================================
  UTILITY ICONS
  ========================================================================== */
    .utility-icons { 
        float: right; 
        margin: 20px 21px 0 0;
        padding: 0;
    }
    .utility-icons .print,
    .utility-icons .download,
    .utility-icons .share,
    .utility-icons .email {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .utility-icons .callUsMobile,
    .utility-icons .emailMobile,
    .utility-icons .callYouMobile {
        display: none;
    }
    .utility-icons li { margin: 0 0 0 10px !important;padding: 0;background: none; }
    .utility-icons .print a,
    .utility-icons .download a,
    .utility-icons .share a,
    .utility-icons .email a,
    .utility-icons .callUsMobile a,
    .utility-icons .emailMobile a,
    .utility-icons .callYouMobile a  {
        display: block;
        width: 18px;
        height: 19px;
        opacity: 0.8;

        background-position: 0 0;
        background-repeat: no-repeat;
    }
    .utility-icons .print a    { background-image: url('../img/utility-icons/print.png'); }
    .utility-icons .download a { background-image: url('../img/utility-icons/download.png'); }
    .utility-icons .share a    { background-image: url('../img/utility-icons/share.png'); }
    .utility-icons .email a    { background-image: url('../img/utility-icons/email.png'); }
    .utility-icons .callUsMobile a { background-image: url('../img/utility-icons/callUsMobile.png'); }
    .utility-icons .emailMobile a { background-image: url('../img/utility-icons/emailMobile.png'); }
    .utility-icons .callYouMobile a { background-image: url('../img/utility-icons/callYouMobile.png'); }

    .utility-icons .print a:hover,
    .utility-icons .download a:hover,
    .utility-icons .share a:hover,
    .utility-icons .email a:hover,
    .utility-icons .callUsMobile a:hover,
    .utility-icons .emailMobile a:hover,
    .utility-icons .callYouMobile a:hover  { opacity: 1; }


/*==========================================================================
  ASSISTANCE ROW
  ========================================================================== */
    .assistanceRow { font-family: 'open_sanslight', helvetica, arial; font-weight: normal; font-size: 30px; color: #fff; }
    .assistanceRow .assistance {
        /* background: url('../img/phoneIconLarge.png' ) no-repeat; */
        width: 540px;
        padding-top: 5px;
        text-align: right;
    }
    .assistanceRow p { margin: 0; line-height: 120%; }
    .assistanceRow .assitanceNo { 
        margin-left: 4px;
        color: #fff; 
        font-family: 'open_sansbold', helvetica, arial; 
        letter-spacing: 0.02em; 
    }
    .assistanceRow .assitanceHours { color: #d8d8d8; font-family: 'open_sanssemibold', helvetica, arial; font-size: 15px; }


/*==========================================================================
  FOOTER
  ========================================================================== */
    footer { color: #fff; font-family: 'open_sansregular', helvetica, arial; }
    footer p { margin:0; }
    #sanlamWorldwide a {font-size: 12px;}
    #sanlamWorldwide a, #sanlamWorldwide a:visited, footer a, footer a:visited {color: #fff; text-decoration: none;}
    #sanlamWorldwide a:hover, footer a:hover {color: #b2b2b2;}
    footer a:hover { text-decoration: none; }
    #sanlamWorldwide li a span { margin-bottom: -4px;}
    #sanlamWorldwide span.flagLabel {
    color: #FFFFFF;
    font-size: 12px;
    width: auto;
}
    footer.container ul { padding: 0; list-style: none; margin: 0 0 35px; }
    footer.container ul li {
        list-style: none; 
        margin: 0 0 6px 0;
        background: none;
        padding: 0;
    }
    footer.container a, footer.container p { font-size: 12px; }
    .footerBg { background: #0075c9;}
    .footerBgClassic { background: #0075c9;}
    /*.footerBg { background: #00194D;} centennial*/
    .footerBgBlk {background: #10181F;}
    #footerDesktop {
        /*height: 700px;*/
        padding: 60px 0px 0px 0px;
        position: relative;
        z-index: 35;
        color: #fff;
        
    }
    #footerDesktop p {color: #fff;}
    #footerDesktop h1,#footerDesktop h2 {
        color: #fff;
        font-size: 20px;
        padding: 0px 0px 15px 0px;
        /*font-family: 'open_sansregular';*/
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        margin: 0;
    }
    
    #footerDesktop h2 {
        width: 100%;
    }
    /* GLOBAL FOOTER */
    #footerGlobalDesktop {
        padding: 10px 0;
        position: relative;
        z-index: 35;
        color: #fff;
    }
    #footerGlobalDesktop h1, #footerDesktop h1 {
        color: #fff;
        font-size: 20px;
        padding: 0px 0px 15px 0px;
        /*font-family: 'open_sansregular';*/
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        margin: 0;
    }
    #footerGlobalDesktop .container ul, #footerDesktop .container ul { padding: 0; list-style: none; margin: 0 0 35px; }

    #footerGlobalDesktop .container ul li, #footerDesktop .container ul li {
        list-style: none; 
        margin: 0 0 6px 0;
        background: none;
        padding: 0;
    }
    #footerGlobalDesktop h2 {
        color: #fff;
        font-size: 20px;
        padding: 0px 0px 15px 0px;
        /*font-family: 'open_sansregular';*/
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        margin: 0;  
    }
    .mainHeading {
        width: auto;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid white;
    }
    .mainHeading a {
        display: block;
        padding: 18px 0;
        background: url("../img/accordianWhiteArrowDown.png") no-repeat right 16px;
        outline: none;
    }
    .mainHeading a.active {
        display: block;
        background: url("../img/accordianWhiteArrowUp.png") no-repeat right 16px;
    }
    
    .globalContent {
        display: none;
        margin-top: 29px;
    }
    #footerGlobalDesktop .col1 {
        /*width: 23.771929824561404%;*/
        width: 21.77193%;
    }
    #footerGlobalDesktop .globalContent.colLast {
        position: absolute;
        right: 0;
    }

    #footerDesktop .container ul li.footerWorldIcon {
        padding-left: 45px;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .footerWorldIcon a {
        font-weight:bold;
        margin-left: 35px !important;
        outline: none;
    }

    #footerGlobalDesktop .container .footerWorldIcon {
        background-image: url('../img/fulfillment-block/World-icon.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: none !important;
        font-size: 13px !important;
    }

    footer.container ul.socialMediaMobile {padding: 0;margin: 0 0 35px;}
    ul.socialMediaMobile li {list-style: none;display: inline-block;width: 44px;height: 44px;margin-right: 0px !important; border-right: none !important;}
    ul.socialMediaMobile li a
     {display:inline-block;width: 44px;height: 44px; opacity: 1; }
    ul.socialMediaMobile li a:hover {opacity: 0.8; }
    ul.socialMediaMobile li a.youtube{background: url('../img/socialMediaWhite.png') no-repeat 0 0;}
    ul.socialMediaMobile li a.twitter{background: url('../img/socialMediaWhite.png') no-repeat -54px 0;}
    ul.socialMediaMobile li a.facebook{background: url('../img/socialMediaWhite.png') no-repeat -108px 0;}
    ul.socialMediaMobile li a.linkedin{background: url('../img/socialMediaWhite.png') no-repeat -162px 0;}

    footer.container ul.socialMedia {padding: 0;margin: 0 0 35px;}
    ul.socialMedia li {list-style: none;display: inline-block;width: 44px;height: 44px;margin-right: 7px !important;}
    ul.socialMedia li a
     {display:inline-block;width: 44px;height: 44px; opacity: 1; }
    ul.socialMedia li a:hover {opacity: 0.8; }
    ul.socialMedia li a.youtube{background: url('../img/socialMediaBlue.png') no-repeat 0 0;}
    ul.socialMedia li a.twitter{background: url('../img/socialMediaBlue.png') no-repeat -54px 0;}
    ul.socialMedia li a.facebook{background: url('../img/socialMediaBlue.png') no-repeat -108px 0;}
    ul.socialMedia li a.linkedin{background: url('../img/socialMediaBlue.png') no-repeat -162px 0;}
    ul.socialMedia li a.blog{background: url('../img/socialMediaBlue.png') no-repeat -216px 0;}
    ul.socialMedia li a.instagram{background: url('../img/socialMediaBlue.png') no-repeat -270px 0;}
    ul.socialMedia li a.email{background: url('../img/socialMediaBlue.png') no-repeat -324px 0;}
    
    ul.socialMedia.genericVersion li a:hover {opacity: 0.8; }
    ul.socialMedia.genericVersion li a.youtube{background: url('../img/socialMedia.png') no-repeat 0 0;}
    ul.socialMedia.genericVersion li a.twitter{background: url('../img/socialMedia.png') no-repeat -54px 0;}
    ul.socialMedia.genericVersion li a.facebook{background: url('../img/socialMedia.png') no-repeat -108px 0;}
    ul.socialMedia.genericVersion li a.linkedin{background: url('../img/socialMedia.png') no-repeat -162px 0;}
    ul.socialMedia.genericVersion li a.blog{background: url('../img/socialMedia.png') no-repeat -216px 0;}
    ul.socialMedia.genericVersion li a.instagram{background: url('../img/socialMedia.png') no-repeat -270px 0;}
    ul.socialMedia.genericVersion li a.email{background: url('../img/socialMedia.png') no-repeat -324px 0;}
    
    ul.footerLogos {padding: 0;margin: 0;}
    ul.footerLogos li{background:none;padding:0;list-style: none !important;width: auto;height: 16px;margin: 0px 22px 15px 0px !important;display: inline-block;}
    ul.footerLogos li a {width: auto;height: 16px;}
    ul.footerLogos li span {display: inline-block;height: 17px;margin-right: 2px;padding-left: 32px;}
    ul.footerLogos li span.logo1{background: url('../img/footerLogos/footerFlags.png') no-repeat 0px -0px;}
    ul.footerLogos li span.logo11{background: url('../img/footerLogos/footerFlags.png') no-repeat 0px -69px;}
    ul.footerLogos li span.logo12{background: url('../img/footerLogos/footerFlags.png') no-repeat 0px -103px;}
    ul.footerLogos li span.logo13{background: url('../img/footerLogos/footerFlags.png') no-repeat 0px -36px;}
    /*ul.footerLogos li span.logoZA:hover  {background-position: 0px -17px;}
    ul.footerLogos li span.logoUK:hover {background-position: 0px -51px;}*/
    #footerPrint {display: none;}
    /* BLOG SOCIAL MEDIA */
    #blogSocialMedia li a.youtube,#blogSocialMediaHome li a.youtube{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat 0 0;}
    #blogSocialMedia li a.twitter, #blogSocialMediaHome li a.twitter, #blogSocialMedia li a.twitterCustom{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -54px 0;}
    #blogSocialMedia li a.facebookShare, #blogSocialMediaHome li a.facebookShare{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -108px 0;}
    #blogSocialMedia li a.facebook, #blogSocialMediaHome li a.facebook{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -108px 0;}
    #blogSocialMedia li a.linkedin, #blogSocialMediaHome li a.linkedin{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -162px 0;}
    #blogSocialMedia li a.instagram, #blogSocialMediaHome li a.instagram{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -270px 0;}
    #blogSocialMedia li a.email{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -324px 0;}
    /* .businessBlogHome ul.socialMedia li a.linkedin {background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -162px 0;}*/
    #businessBlogSocial li a.linkedin {background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -162px 0;}
    #businessBlogSocial li a.facebook{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -108px 0;}
    #businessBlogSocial li a.twitter{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -54px 0;}
    #businessBlogSocial li a.email{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat -324px 0;}
    #businessBlogSocial li a.websiteIcon {background: url('../img/blog/business/link_icon.png') no-repeat -1px 0;}
    #businessBlogSocial li a.youtube{background: url('../img/blog/icons/socialMedia-v6.png') no-repeat 0 0;}
    #businessBlogSocial li a.archiveIcon {background: url('../img/blog/business/archive_icon.png') no-repeat -1px 0;}



/*==========================================================================
  PASSWORD STRENGTH INDICATOR
  ========================================================================== */
  ul.passwordStrength { margin:0; padding:0; }
  ul.passwordStrength li { margin-top:0px; }
  .passwordStrength li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      list-style: none;
      width: 35px;
      height: 8px;
      margin: 0 !important;
      background: #e4e4e4;
      font-size: 10px !important;
      text-align: center;
  }
  .passwordStrength .indicatorLabel {
      background: none;
      border: none;
      width: auto;
      margin-right: 10px;
  }
  .passwordStrength .indicator { background:none; font-weight:bold; width:50px; }   


/*==========================================================================
  NOTIFICATION PANE
  ========================================================================== */
    .notificationPane { background: #60aaea; padding: 0;}
    .notificationPane p {
        margin: 0;
        color: #fff;
        font-size: 14px;
        padding: 20px 0 20px;
    }
    .notificationClose {
        float: right;
        display: block;
        margin-left: 20px;
        padding: 20px 0 20px;
    }


/*==========================================================================
  TERMS & CONDITIONS
  ========================================================================== */
    .terms {
        width: 100%;
        min-width: 100%;
        position: relative;
        /*display: none;*/
        padding: 35px 0 !important;
        margin-top: 20px !important;
    }
    .terms .termsArrow {
        width: 35px;
        height: 14px;
        position: absolute;
        bottom: -14px;
        left: 300px;
        /*background: url('../img/arrowTooltipDown.png') no-repeat 0 0; */
    }
    .terms a.termsClose {
        display: block;
        width: 13px;
        height: 14px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url('../img/close.png') no-repeat 0 0;
    }
    .terms .sumTerms ul { font-family: 'open_sanssemibold', helvetica, arial; }
    .terms .sumTerms li { margin-top: 20px; }
    .terms .termsText { padding-bottom: 500px !important; }
    .terms .termsText p { padding-bottom: 10px; }
    .terms h2 { margin-bottom: 0; padding-bottom: 18px; border-bottom: none; }
    .terms .termsContainer { height: 280px; overflow: hidden; } 


/*==========================================================================
  SECURE SERVICES
  ========================================================================== */
    .row.servicesLogoRow { padding: 45px 0 45px 0; }
    .servicesLogo a { display: block; float: left; margin-right: 25px; }
    .servicesLogo a span { display: none; font-size: 16px; font-family: 'open_sansbold', helvetica, arial; }
    .servicesLogo a.smallLink { margin-top: 3px; }


/*==========================================================================
  NUMBER PAGINATION
  ========================================================================== */ 
    .numberedPagination {
        margin: 0; 
        padding: 0 !important; 
        color: #7f7f7f;
        font-size: 14px; 
        text-align: center;
    }
    .container .numberedPagination li {
        background: none; 
        padding-left: 0;
        display: inline-block;
        height: 25px;
        margin: 0 8px 0 0;
        list-style: none;
        vertical-align: top;
    }
    .numberedPagination li a {background-color: #e5e5e5; margin-bottom: 0;}
    .numberedPagination li a:hover {background-color: #d1d1d1;}
    .numberedPagination li a:active {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .grayCell .numberedPagination li a {background-color: #fff; margin-bottom: 0;}
    .grayCell .numberedPagination li a:hover {background-color: #f5f5f5;}
    .numberedPagination .btn {
        background-repeat: no-repeat;
        background-position: center center;
        padding: 0;
        width: 24px;
        height: 25px;
    }
    .container .numberedPagination .pageIndicator {height: 20px; padding-top: 5px;}
    .numberedPagination .firstPage {background-image: url('../img/firstPage.png');}
    .numberedPagination .prevPage  {background-image: url('../img/prevPage.png');}
    .numberedPagination .nextPage  {background-image: url('../img/nextPage.png');}
    .numberedPagination .lastPage  {background-image: url('../img/lastPage.png');}


/*==========================================================================
  ALL SWIPERS
  ========================================================================== */
    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        -o-backface-visibility:hidden;
        backface-visibility:hidden;
        /* Fix of Webkit flickering */
        z-index: 1;
    }
    .swiper-wrapper,.swiper-wrapper2 {
        position: relative;
        width: 100%;
        -webkit-transition-property: -webkit-transform, left, top;
        -webkit-transition-duration: 0s;
        -webkit-transform: translate3d(0px,0,0);
        -webkit-transition-timing-function: ease;
      
        -moz-transition-property: -moz-transform, left, top;
        -moz-transition-duration: 0s;
        -moz-transform: translate3d(0px,0,0);
        -moz-transition-timing-function: ease;
      
        -o-transition-property: -o-transform, left, top;
        -o-transition-duration: 0s;
        -o-transform: translate3d(0px,0,0);
        -o-transition-timing-function: ease;
        -o-transform: translate(0px,0px);
      
        -ms-transition-property: -ms-transform, left, top;
        -ms-transition-duration: 0s;
        -ms-transform: translate3d(0px,0,0);
        -ms-transition-timing-function: ease;
      
        transition-property: transform, left, top;
        transition-duration: 0s;
        transform: translate3d(0px,0,0);
        transition-timing-function: ease;
    }
    .swiper-wrapper.dontCenterSlides {padding: 0 !important;}
    .swiper-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
           -moz-transition-timing-function: ease-out;
            -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;


        transform: translate3d(0px, 0px, 0px);
        margin: 0 auto;
    }
    .swiper-slide { float: left; }
    /* IE10 Windows Phone 8 Fixes */
    .swiper-wp8-horizontal { -ms-touch-action: pan-y; }
    .swiper-wp8-vertical   { -ms-touch-action: pan-x; }
    .swiper-container { width: auto; height: 200px; }
    .swiper-slide {
        color: #fff;
        position: relative;
    }
    .swiper-scrollbar {
       opacity: 0;
       height: 6px;
       width: 86.63157894736842%;
       margin: 0 7%;
       -ms-touch-action: none;
       background: #ccc;
       border-radius: 10px;
    }
    .swiper-scrollbar-drag {
        opacity: 0;
        height: 100%;
        width: 100%;
        position: relative;
        background: #0075C9;
        border-radius: 10px;
    }
    .darkGrayCell .swiper-scrollbar {
       background: #989ea3;
    }
    .darkGrayCell .swiper-scrollbar-drag {
        background: #6f787f;
    }
    .swiper-scrollbar-cursor-drag {
        cursor: move;
    }
    .swiper-container .pagination {}


/*==========================================================================
  CARD SWIPER
  ========================================================================== */
    .row.cardSwiper {
        position: relative; 
        padding: 55px 0 10px 0;
        overflow: hidden; 
    }
    .cardSwiper .container {width: 1280px; padding: 0;}
    .cardSwiper .span4 {position: relative; width: 78.4%;}
    .cardSwiper .swiper-container {height: 325px; padding: 0 30px 0 70px;}
    .cardSwiper .prev,
    .cardSwiper .next {
        display: block;
        width: 25px;
        height: 48px;
        position: absolute;
        top: 128px;
        z-index: 3;
        background-image: url('../img/swiper-arrows.png');
        background-repeat: no-repeat;
    }
    .cardSwiper .next {right: 24px;}
    .cardSwiper .prev {left: 24px;}
    .cardSwiper .fadeL,
    .cardSwiper .fadeR {
        display: block;
        width: 62px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
        background-image: url('../img/swiper-fade-white.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    .cardSwiper.grayCell .fadeL, .cardSwiper.grayCell .fadeR,
    .grayCell .fadeL, .grayCell .fadeR {
        background-image: url('../img/swiper-fade-light-gray.png');
    }
    .cardSwiper.darkGrayCell .fadeL, .cardSwiper.darkGrayCell .fadeR,
    .darkGrayCell .fadeL, .darkGrayCell .fadeR {
        background-image: url('../img/swiper-fade-gray.png');
    }
    .cardSwiper .prev  {background-position:  10px center; left: 14px;}
    .cardSwiper .next  {background-position: -15px center; right: 14px;}
    .cardSwiper .fadeL {background-position: 0 0; left: 0px;}
    .cardSwiper .fadeR {background-position: -62px 0; right: -1px;}

    .cardSwiper .swiper-slide {width: 297px; height: 310px;}
    .cardSwiper .swiper-slide.lastSlide {width: 270px;} /* prevent last bit of scroll space */
    .cardSwiper .card {
        width: 270px;
        height: 270px;
        margin-top: 2px; /*margin-top: 24px;*/
        position: relative;
        background: #fff;
        border-radius: 2px;
        color: #7a7a7a;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
                  box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
        -webkit-transition: box-shadow 200ms;
         -moz-transition: box-shadow 200ms;
           -o-transition: box-shadow 200ms;
              transition: box-shadow 200ms;
    }
    /* ie8 */.no-boxshadow .cardSwiper .card { border: 1px solid #e0e0e0; }

    .cardSwiper .swiper-slide .card.classAnim {
        height: 304px;
        margin-top: 0;
        -webkit-box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
         -moz-box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
              box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
    }
    .cardSwiper .swiper-slide .card .data {
        height: 212px; 
        padding: 24px; 
        position: relative; 
    }
    .cardSwiper .card .data .close {
        width: 33px;
        height: 34px;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../img/close.png") no-repeat center center;
    }
        
    .cardSwiper .swiper-scrollbar {margin-bottom: 8px;}
    .cardSwiper .pagination {display: none;}
    .cardSwiper .numberedPagination {display: none;}

    .cardSwiper .container > h2, .cardSwiper .container > h3, .cardSwiper .container > h4, .cardSwiper .container > .span4 > .data {width: 1140px; padding: 0 70px; line-height: 100%;}
    .cardSwiper .card h2 {
        width: 100%;
        margin: 0 0 10px;
        padding: 0; 
        color: #7F7F7F; 
    }
    .cardSwiper .card p {margin: 0 0 16px;}
    .cardSwiper .card .date {
        margin: 0 0 4px;
        color: #7F7F7F;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 12px;
    }
    .cardSwiper .card .date {
        margin: 0 0 4px;
        color: #7F7F7F;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 12px;
    }
    .cardSwiper .card .showOnActive {display: none;}
    
    /* Video swiper */
    .swiperVideos .prev, .swiperVideos .next {top: 115px;}
    .swiperVideos .swiper-container {height: 290px;} /* 360px */
    .swiperVideos .card {height: 227px;} /* 297 */
    .swiperVideos .card .data {height: 30px;}
    .swiperVideos .videoOverlay {
        display: none;
        position: absolute; top: 0; left: 0; z-index: 10;
        width: 100%; height: 100%;
        margin: 0; padding: 0;
        background: #000;
    }
    .swiperVideos .videoOverlay iframe {
        position: absolute;
        top: 73px; left: 0;
        width: 560px; height: 315px;
    }
    .swiperVideos .videoOverlay .container { padding-left: 5.46875%; }
    .swiperVideos .videoOverlay .data { position: relative; }
    .swiperVideos .close {
        display: block;
        width: 38px; height: 38px;
        position: absolute; top: 20px; right: 20px; z-index: 200;
        background: url("../img/close.png") no-repeat scroll 13px 12px rgba(0, 0, 0, 0);
        cursor: pointer;
    }
    
    /* News swiper */
    #swiperNews .card {height: 322px;}
    #swiperNews .swiper-container {height: 362px;}
    #swiperNews .card .picture {height: 85px; overflow: hidden;}
    #swiperNews .card .picture.classAnim {height: 32px;}
    #swiperNews .card .data {/*height: 127px;*/}
    #swiperNews .card .data.classAnim {height: 224px;}
    #swiperNews .card h2 {margin: 0 0 4px 0;}
    #swiperNews .card p {margin-bottom: 10px;}
    #swiperNews .card .date {margin-bottom: 16px; text-transform: uppercase;}
    #swiperNews .card .showOnActive .date {margin: 0 0 10px 0;}
    #swiperNews .articles {margin-bottom: 20px;}
    #swiperNews .mediaArticle {height: 60px; margin-bottom: 10px;}
    #swiperNews .mediaArticle a.title {font-size: 14px; display: block; margin-bottom: 5px;}
    #swiperNews .mediaArticle .date {font-size: 10px;}
    
    /* Ads swiper */
    #swiperAds .card {height: 263px;}
    #swiperAds .swiper-container {height: 305px;}
    
    /* Awards swiper */
    #swiperAwards .card img {margin-bottom: 15px}
    
    /* Christian Eedes Reports swiper */
    #swiperChristianEedesReports h2 {margin-bottom: 25px;}
    #swiperChristianEedesReports .swiper-slide {height: 150px}
    #swiperChristianEedesReports .card {height: 150px; margin-top: 2px;}
    #swiperChristianEedesReports .card .data {height: 100px;}
    #swiperChristianEedesReports .card h2 {height: 74px; margin-bottom: 13px;}
    #swiperChristianEedesReports .swiper-container {height: 190px}
    #swiperChristianEedesReports .prev, #swiperChristianEedesReports .next {top: 50px;}
        
    /* People swiper */
    .cardSwiper.swiperPeople .card .photo {margin-bottom: 10px;}
    .cardSwiper.swiperPeople .card .title {margin: 0; font-family: 'open_sanssemibold', helvetica, arial;}
    .cardSwiper.swiperPeople .card h2 {margin-bottom: 6px;}
    .cardSwiper.swiperPeople .card p {font-family: 'open_sansregular', helvetica, arial;}
    .cardSwiper.swiperPeople .blockCopy {height: 208px;}
    .cardSwiper.swiperPeople .swiper-container {height: 310px;}
    
    /* Judges swiper */
    /*
    #swiperJudges .card .photo {margin-bottom: 10px;}
    #swiperJudges .card .title {margin: 0; font-family: 'open_sanssemibold', helvetica, arial;}
    #swiperJudges .card h2 {margin-bottom: 6px;}
    #swiperJudges .card p {font-family: 'open_sansregular', helvetica, arial;}
    #swiperJudges .blockCopy {height: 208px;}
    */
    #swiperJudges h2 {margin-bottom: 25px;}
    #swiperJudges .swiper-slide {height: 150px}
    #swiperJudges .card {height: 150px; margin-top: 2px;}
    #swiperJudges .card .data {height: 100px;}
    #swiperJudges .card h2 {margin-bottom: 13px;}
    #swiperJudges .swiper-container {height: 190px}
    #swiperJudges .prev, #swiperJudges .next {top: 50px;}
    
    /* Gap Cover Plans swiper */
    #swiperChoice .card h2 {margin: 0 0 4px 0;}
    #swiperChoice .card p {margin-bottom: 10px;}    
    #swiperChoice .swiper-container {height: 1135px;}
    #swiperChoice .card {height: 1095px; position: relative;}
    #swiperChoice .card .data {height: 500px;}
    #swiperChoice .card .btnGroup {width: 222px; position: absolute; bottom: 8px; left: 24px;}
    #swiperChoice .prev, #swiperChoice .next {top: 400px;}

    
    /* Board and Executive Committee swiper */
    #swiperBoard .card .photo, 
    #swiperExco .card .photo {
        margin-bottom: 10px;
    }
    #swiperBoard .card .title, 
    #swiperExco .card .title {
        margin: 0; font-family: 'open_sanssemibold', helvetica, arial;
    }
    #swiperBoard .card h2,
    #swiperExco .card h2 {
    margin-bottom: 6px;
    }
    #swiperBoard .card p,
    #swiperExco .card p {
        font-family: 'open_sansregular', helvetica, arial;
    }
    #swiperBoard .blockCopy,
    #swiperExco .blockCopy {
        height: 208px;
    }
    
    /* Products swiper */
    #swiperProducts .container > h2 {
        width: 89.0625%;
        margin: 0;
        padding: 0 5.46875%;
    }
    #swiperProducts .card h2 {color: #303030;}
    #swiperProducts .card .front .cardTitle {margin: 0 0 15px 0;}
    #swiperProducts .card .shareSide .cardTitle {height: 90px; margin: 20px 0 26px 0;}
    #swiperProducts .card .contactSide .cardTitle {height: 80px; margin: 20px 0 14px 0;}
    
    #swiperProducts .prev, #swiperProducts .next {top: 250px;}  
    #swiperProducts .swiper-container {height: 700px; /*height: 575px;*/ margin-top: -25px;}
    #swiperProducts .swiper-slide {
        /* width: 297px; 
        height: 540px;*/
        height:563px;
        position: relative;
        -webkit-perspective: 1000px;
           -moz-perspective: 1000px;
             -o-perspective: 1000px;
    }
    #swiperProducts .swiper-slide .card .field1 {/*height: 80px;*/ margin-bottom: 20px;}
    #swiperProducts .swiper-slide .card .field2 {margin-bottom: 20px;}
    #swiperProducts .card .field1 p, #swiperProducts .card .field2 p, #swiperProducts .card .features p {margin: 0;}
    #swiperProducts .swiper-slide .card h3 {
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 16px;
        line-height: 120%;
    }
    #swiperProducts .swiper-slide .card {
        /* height: 494px; height:585px; */
        height:555px;
        margin-top: 45px;
        position: absolute;
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
             -o-transform-style: preserve-3d;
              /*transform-style: preserve-3d;*/ /*hide from IE*/    
    }
    #swiperProducts .swiper-slide .card.enableTransition {
        -webkit-transition: all 0.8s;
           -moz-transition: all 0.8s;
             -o-transition: all 0.8s;
                transition: all 0.8s;
    }
    #swiperProducts .swiper-slide .card.enableTransition .data {
        -webkit-transition: height 0.8s;
           -moz-transition: height 0.8s;
             -o-transition: height 0.8s;
                transition: height 0.8s;
    }
    #swiperProducts .swiper-slide .card .data {padding: 24px;}
    #swiperProducts .swiper-slide .card.flipped {
        -webkit-transform: rotateY(180deg);
           -moz-transform: rotateY(180deg);
             -o-transform: rotateY(180deg);
              /*transform: rotateY(180deg);*/ /*hide from IE*/
    }
    #swiperProducts .swiper-slide .card.grow {
        /* margin-top: 35px; */
        -webkit-box-shadow: 0 5px 13px rgba(0,0,0, 0.3);
           -moz-box-shadow: 0 5px 13px rgba(0,0,0, 0.3);
                box-shadow: 0 5px 13px rgba(0,0,0, 0.3);
    }
    /* #swiperProducts .swiper-slide .card .back .data {padding: 28px;} */
    #swiperProducts .swiper-slide .card .back .boldList {margin: 0 0 28px 0;}
    #swiperProducts .swiper-slide ul {margin: 5px 0 0 12px; padding-right: 0;}
    #swiperProducts .swiper-slide li {margin: 0 0 7px 0; line-height: 130%;}
    #swiperProducts .side {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
             -o-backface-visibility: hidden;
                /*backface-visibility: hidden;*/ /*hide from IE*/
    }
    #swiperProducts .front {-webkit-transform: translateZ(1px); /* removes flicker */}
    #swiperProducts .front a {
     /* background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') repeat 0 0; */
         z-index:1000; 
                     } 
         
    #swiperProducts .front .productLinkCards {
         display: block;
         position: relative;    
} 
    #swiperProducts .back {
        display:none;
        position: relative;
        -webkit-transform: rotateY(180deg) translateZ(1px); /* removes flicker */
           -moz-transform: rotateY(180deg);
             -o-transform: rotateY(180deg);
    }
    #swiperProducts .back .bgColor {
        display: none; width: 100%; height: 100%;
        position: absolute; top: 0; left: 0;
        background: #e5e5e5;
    }
    #swiperProducts .back input {
        background: #ffffff;
        border-color: #E5E5E5;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.3);
           -moz-box-shadow: inset 0 1px 3px rgba(0,0,0, 0.3);
                box-shadow: inset 0 1px 3px rgba(0,0,0, 0.3);
        color: #848484;
        font-weight: normal;
    }
    #swiperProducts .back input.error {border-color: #f00; color: #f00;}
    #swiperProducts .back input:hover, #swiperProducts .back .ui-state-default:hover {background: #f4f4f4;}
    #swiperProducts .back .moreSide,
    #swiperProducts .back .shareSide,
    #swiperProducts .back .contactSide {
        display: none; height: 428px;
        position: relative;
    }
    #swiperProducts .back .shareSide, #swiperProducts .back .contactSide {padding-top: 15px;}
    #swiperProducts .back .shareSideForm { height: 216px; }
    #swiperProducts .shareSideForm .thanks,
    #swiperProducts .contactSideForm .thanks { 
        display: none; 
    }
    
    .contactSideForm {
        position: relative;
        top: -15px;
    }
    
    #swiperProducts .back .shareSide .socialIcons {
        margin-top: 16px; padding-top: 22px;
        position: absolute; bottom:-70px; /* bottom: -8px; */
        border-top: 1px solid #ccc;
    }
    #swiperProducts .back .linkSide { position: relative; } 
    #swiperProducts .back .linkSide a.close {
        display: block; height: 16px; padding-left: 19px;
        position: absolute; top: 0; left: 0;
        background: url('../img/back.png') no-repeat 0 0;
        color: #666666; font-size: 11px; text-transform: uppercase;
    } 
    #swiperProducts .back .linkSide a.close:hover {color: #4c4c4c;}
    #swiperProducts .fulfillmentCustomSelect dt,
    #swiperProducts .fulfillmentCustomSelect dd {
       width: 217px; min-width: 217px; 
    }
    #swiperProducts .fulfillmentCustomSelect dt,
    #swiperProducts .fulfillmentCustomSelect dd {
       width: 217px;
       min-width: 217px; 
    }
    #swiperProducts .data { 
       height: 421px; /* height: 447px; */
       position: relative;
    }
    #swiperProducts .moreLink {
       display: block;
       position: absolute; left: 18px; bottom: 75px;
    }
    #swiperProducts .cardButtons {
       position: absolute;
       width: 82%;
       bottom: -36px;   } 

    #swiperProducts ul.utility-icons { 
       width: 236px; margin: 0; padding-top: 15px;
       position: absolute; /*z-index: 110;*/ left: 18px; /*bottom: 18px;*/  bottom: -75px; 
       border-top: 1px solid #e5e5e5;
    }
    #swiperProducts ul.utility-icons li {
       display: inline-block; *display: inline; *zoom: 1;
       margin: 0 !important;
    }
    #swiperProducts ul.utility-icons li a {
        display: block; width: 117px; padding: 3px 0;
        font-family: 'open_sansbold'; font-size: 12px;
        text-align: center; opacity: 1;
    }
    #swiperProducts ul.utility-icons li:first-child a {border-right: 1px solid #cccccc;}
    #swiperProducts .swiper-slide .card.active h2 a {color: #F09800;}
    #swiperProducts .swiper-slide .card.active .features ul li {list-style-image: url("../img/bullet2-orange.png");}
    #swiperProducts .swiper-slide .card.active .moreLink {display: none;}
    #swiperProducts .swiper-slide .card.active ul.utility-icons {
        bottom: 0;
    }
    #swiperProducts .swiper-slide .card.active ul.utility-icons li {
        border-bottom: 3px solid #f09800;
        padding-bottom: 15px;
    }
    
    /* Gap Cover Plans swiper */
    #swiperGapCoverPlans .card h2 {margin: 0 0 4px 0;}
    #swiperGapCoverPlans .card p {margin-bottom: 10px;} 
    
    #swiperGapCoverPlans .swiper-container {height: 775px;}
    #swiperGapCoverPlans .card {height: 715px;}
    #swiperGapCoverPlans .card .data {height: 500px;}
    
    
/*==========================================================================
  ICON SWIPER
  ========================================================================== */
    .iconSwiper {
        position: relative; 
        padding: 55px 0 10px 0;
        overflow: hidden; 
    }
    .iconSwiper .container {width: 1280px; padding: 0;}
    .iconSwiper .span4 {position: relative; width: 78.4%;}
    .iconSwiper .swiper-container {height: 250px; padding: 0 30px 0 70px;}
    .iconSwiper .prev,
    .iconSwiper .next {
        display: block;
        width: 25px;
        height: 48px;
        position: absolute;
        top: 92px;
        z-index: 3;
        background-image: url('../img/swiper-arrows.png');
        background-repeat: no-repeat;
    }
    .iconSwiper .next {right: 24px;}
    .iconSwiper .prev {left: 24px;}
    .iconSwiper .fadeL,
    .iconSwiper .fadeR {
        display: block;
        width: 62px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
        background-image: url('../img/swiper-fade-white.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    .iconSwiper.grayCell .fadeL, .iconSwiper.grayCell .fadeR,
    .grayCell .fadeL, .grayCell .fadeR {
        background-image: url('../img/swiper-fade-light-gray.png');
    }
    .iconSwiper.darkGrayCell .fadeL, .iconSwiper.darkGrayCell .fadeR,
    .darkGrayCell .fadeL, .darkGrayCell .fadeR {
        background-image: url('../img/swiper-fade-gray.png');
    }
    .iconSwiper .prev  {background-position:  10px center; left: 14px;}
    .iconSwiper .next  {background-position: -15px center; right: 14px;}
    .iconSwiper .fadeL {background-position: 0 0; left: 0px;}
    .iconSwiper .fadeR {background-position: -62px 0; right: -1px;}

    .iconSwiper .swiper-slide {width: 297px; height: 250px; color: #7a7a7a; text-align: center;}
    .iconSwiper .swiper-slide.lastSlide {width: 270px;} /* prevent last bit of scroll space */
    .iconSwiper .card {
        width: 270px;
        height: 270px;
        margin-top: 2px; /*margin-top: 24px;*/
        position: relative;
        background: #fff;
        border-radius: 2px;
        color: #7a7a7a;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
                  box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
        -webkit-transition: box-shadow 200ms;
         -moz-transition: box-shadow 200ms;
           -o-transition: box-shadow 200ms;
              transition: box-shadow 200ms;
    }
    /* ie8 */.no-boxshadow .cardSwiper .card { border: 1px solid #e0e0e0; }

    .iconSwiper .swiper-slide .card.classAnim {
        height: 304px;
        margin-top: 0;
        -webkit-box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
         -moz-box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
              box-shadow: 0 8px 13px rgba(0,0,0, 0.3);
    }
    .iconSwiper .swiper-slide .card .data {
        height: 212px; 
        padding: 24px; 
        position: relative; 
    }
    .iconSwiper .card .data .close {
        width: 33px;
        height: 34px;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../img/close.png") no-repeat center center;
    }
        
    .iconSwiper .swiper-scrollbar {margin-bottom: 8px;}
    .iconSwiper .pagination {display: none;}
    .iconSwiper .numberedPagination {display: none;}

    .iconSwiper .container > h2, .iconSwiper .container > h3, .iconSwiper .container > h4 {width: 1140px; padding: 0 70px; line-height: 100%;}
    .iconSwiper .card h2 {
        width: 100%;
        margin: 0 0 10px;
        padding: 0; 
        color: #7F7F7F; 
    }
    .iconSwiper .card p {margin: 0 0 16px;}
    .iconSwiper .card .date {
        margin: 0 0 4px;
        color: #7F7F7F;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 12px;
    }
    .iconSwiper .card .date {
        margin: 0 0 4px;
        color: #7F7F7F;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 12px;
    }
    .iconSwiper .card .showOnActive {display: none;}

    /* icon: default state */
    .iconSwiper .swiper-slide .icon_graphic {overflow: hidden; width: 87px; height: 88px; margin: auto;}
    .iconSwiper .swiper-slide .icon_graphic img {margin: 0 0 0 -88px;}
    .iconSwiper .swiper-slide h3 {margin: 15px 0 8px 0; font-family:'open_sanssemibold',helvetica,arial; font-size:19px; font-weight:bold;}
    
    /* icon: hover state */
    .iconSwiper .swiper-slide a:hover .icon_graphic img {margin: 0;}
    .iconSwiper .swiper-slide a:hover h3 {color: #0075c9;}
    
    .iconSwiper .icon_wrapper {width: 203px; margin: auto;}


/*==========================================================================
  toolSwiper
  ========================================================================== */
  /*
    .toolSwiper {
        position: relative; 
        padding: 60px 0 20px 0;
        overflow: hidden; 
    }
    .toolSwiper .container {width: 1280px; padding: 0;}
    .toolSwiper .container > h2 {
        width: 89.0625%;
        margin: 0 0 25px 0;
        padding: 0 5.46875%;
    }

    .toolSwiper .prev, .toolSwiper .next {
        display: block;
        width: 25px;
        height: 48px;
        position: absolute;
        top: 60px;
        z-index: 3;
        background-image: url('../img/swiper-arrows.png');
        background-repeat: no-repeat;
    }
    .toolSwiper .next {right: 24px;}
    .toolSwiper .prev {left: 24px;}

    .toolSwiper .fadeL, .toolSwiper .fadeR {
        display: block;
        width: 62px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
        background-image: url('../img/swiper-fade-white.png');
        background-position: 0 0;
        background-repeat: repeat-y;
    }
    .toolSwiper.grayCell .fadeL, .toolSwiper.grayCell .fadeR {
        background-image: url('../img/swiper-fade-light-gray.png');
    }
    .toolSwiper.darkGrayCell .fadeL, .toolSwiper.darkGrayCell .fadeR {
        background-image: url('../img/swiper-fade-gray.png');
    }
    .toolSwiper .prev  {background-position:  10px center; left: 14px;}
    .toolSwiper .next  {background-position: -15px center; right: 14px;}
    .toolSwiper .fadeL {background-position: 0 0; left: 0px;}
    .toolSwiper .fadeR {background-position: -62px 0; right: -1px;}
    .toolSwiper .span4 {position: relative; width: 78.4%;}

    .toolSwiper .swiper-container {height: 180px; padding: 0 70px;}
    .toolSwiper .swiper-slide {width: 297px; text-align: center;}

    .toolSwiper a.icon .circle {
        display: block;
        background: url('../img/circle.png' ) no-repeat;
        background-position: 0px 0px;
        margin: 0 auto;
        width: 88px;
        height: 68px;
        padding-top: 22px;
    }
    .toolSwiper h1 {
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 18px;
        color: #2c2c2c;
        padding: 20px 0 0;
        margin: 0 0 10px;
    }
    .toolSwiper a.icon:hover h1 {color: #0075c9;}
    .toolSwiper a.icon {
        display: block;
        width: 270px;
        height: 100%;
        text-decoration: none;
    }
    .toolSwiper a:hover h1 {
        -webkit-transition: color 0.25s linear;
          -moz-transition: color 0.25s linear;
           -ms-transition: color 0.25s linear;
               transition: color 0.25s linear;
    }
    .toolSwiper p {
        font-size: 12px;
        font-family: 'open_sansregular', helvetica, arial;
        color: #8b8b8b;
        margin: 0px 0px 20px 0px;
    }

    .toolSwiper .swiper-scrollbar {margin-top: 20px;}
    .toolSwiper .pagination {display: none;}
*/


/*==========================================================================
  CAROUSEL BANNER
  ========================================================================== */ 
.bannerContainer {
    width: 100%;
    height: 226px;
    overflow: hidden;
    position: relative;
}

.bannerContainer .bannerImg { 
    width: 1920px;
    max-width: 1920px;
    height: 226px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
} 

.bannerContainer.adviserBanners{
    height: 326px;
    /* margin-top: 27px; */
}

.bannerContainer.adviserBanners .bannerImg {
    height:326px;
}

.bannerContainer.adviserBanners .advisorBanner{
    position: relative;
    z-index: 10;
    left: 30%;
    /* width: 60%; */
    top: 59px;
    font-size: 18px;
    height: 326px;  
}

.bannerContainer.adviserBanners .advisorBanner h1 {
    width: auto;
    max-width: 800px;
    font-family: 'open_sanslight', Arial, sans-serif;
    font-size: 60px;
    font-weight: normal;
    color: white;
}

.bannerContainer.adviserBanners .advisorBanner h3 {
    color: white;
    width: 65%;
    font-family: 'open_sanslight', Arial, sans-serif;
    margin-bottom: 30px;
}

#banner .bannerImg, #bannerCampaign .bannerImg { 
    width: 1920px;
    max-width: 1920px;
    height: 702px; /* 762px; */
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
#banner .bannerLogo, .bannerContainer .bannerLogo {
    position: absolute; top: 0; right: 0; 
    width: 215px; padding: 30px; z-index: 10;
    background: url('../img/uasa_bg.png') repeat;
    height: 226px;
}
.bannerContainer .bannerLogo {
  height: 226px;
}
.bannerContainer .bannerLogo a.logo { 
    display: block;
      margin: 55px 0 10px 20px;
       }
#banner .bannerTablet, #banner .bannerMobile {display: none;}
#banner.swiper-container { 
    height: 702px; /* 762px; */
    position: relative; 
}
#bannerCampaign.swiper-container { 
    height: 702px; /* 762px; */
    position: relative; 
}
#banner .linePrev {
    background: url('../img/linePreview.png') 0px 0px;
    left: -1px;

}
#banner .lineNext {
    background: url('../img/linePreview.png') -3px 0px;
    right: 0px;
}

#banner .linePrev , #banner .lineNext {
    width: 3px;
    height: 235px;/*245*/
    display: block;
    position: absolute;
    z-index: 200;
    top: 100px; /*134*/
    display: none;

}
#banner .prev, #banner .next {
    display: block;
    width: 50px;
    height: 300px;
    position: absolute;
    top: 55px;
    z-index: 200;
    text-decoration: none;
    outline: none;
}
#banner .swiper-slide .container {
    margin-top: 160px;
    position: relative;
}
#banner .swiper-slide .bannerCopy {margin: 0 0 0 80px;}
#banner .swiper-slide .bannerCopy h1 {
    color: #4a4a4a;
    font-size: 26px;
    font-family: 'open_sanslight', helvetica, arial;
    font-weight: normal;
}

#banner .bannerCopy .desktop {display: block}
#banner .bannerCopy .device {display: none}
#banner .swiper-slide .bannerCopy h1 .mobile {display: none;}
#banner .prev { background: url('../img/banner-arrow-prev.png') center left no-repeat; left: 15px; }
#banner .next { background: url('../img/banner-arrow-next.png') center right no-repeat; right: 15px; }

#banner .swiper-slide,#bannerCampaign .swiper-slide { 
    width: 100%;
    height: 702px; /* 679px */
    padding: 0; 
    position: relative;
    overflow: hidden;
}
#banner .swiper-slide .container .slidePreview { 
    display: block;
    width: 100%;
    height: 0; /* was 200px, reduced height to allow for banner link */
    position: absolute;  
    /*top: -38px; */
    top: 120px;
    left: 0;
}

#banner .slidePreview .prevPreview, #banner .slidePreview .nextPreview {
    display: none;
    width: 220px;
    height: 222px;
    position: absolute; 
    z-index: 100;
    background: #fff;
    color: #333;
    opacity: 0;
    overflow: hidden;
    text-decoration: none; 
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
            box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
}

#banner .slidePreview .prevPreviewWrap, #banner .slidePreview .nextPreviewWrap {
    display: none; overflow: hidden;
    width: 225px; height: 227px;
    position: absolute; z-index: 100; top: -15px;
}

#banner .slidePreview .prevPreview {border-radius: 0 2px 2px 0;}
#banner .slidePreview .nextPreview {border-radius: 2px 0 0 2px;}
#banner .slidePreview a span.blurb {
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 10px 15px !important;
    color: #444444;
    font-family: 'open_sanssemibold', helvetica, arial;
    line-height: 150%;
}
#banner .slidePreview .prevPreview img, #banner .slidePreview .nextPreview img {
    width: 220px;
    height: 146px;
    left: 0;
    margin: 0;
    max-width: 220px;
    position: relative;
}
#banner .slidePreview .prevPreview { left: -35px; }
#banner .slidePreview .nextPreview { right: -35px; }

#banner .slidePreview .prevPreviewWrap { left: 0px; }
#banner .slidePreview .nextPreviewWrap { right: 0px; }

#banner .content-slide { 
    padding: 0; 
    color: #fff; 
}
#banner .title { 
    font-size: 25px; 
    margin-bottom: 10px; 
}
#banner .pagination {
    width: 100%;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 348px;
    text-align: center;
}
#banner .swiper-pagination-switch {
    background: url('../img/banner-pagination.png') no-repeat left top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 10px;
    cursor: pointer;
}
#banner .swiper-active-switch { 
    background: url('../img/banner-pagination.png') no-repeat left -32px;
}
/* hide pagination dots, preview and arrows by default */
#banner .pagination, #banner .prev, #banner .next, #banner .slidePreview {display: none;}

#bluestarBanner .bannerLogo {
    position: absolute;
    top: 0;
    right: 0;
    width: 215px;
    padding: 30px;
    z-index: 10;
    background: url('../img/bluestar_bg.png') repeat;
}
#bluestarBanner .bannerLogo {
    height: 226px;
}
#bluestarBanner .bannerLogo img {
    margin: 20px 0 0px 25px;
}
/*==========================================================================
   BLUESTAR ICONS
  ========================================================================== */
   .bluestarMaps .productNavSpan4 {bottom: 25px;}
   .bluestarMaps #banner .bannerLogo {height: 318px;}
   .bluestarMaps #banner .bannerLogo img {margin: 130px 0 0px 25px;}
   .bluestarMaps #personalWrapper h1 { font-size: 40px; color: #848484; font-family: 'open_sanslight', helvetica, arial; font-weight: normal; margin: 0 0 8px 0; padding: 0;}
   .bluestarMaps #personalWrapper .bluestarcol1 {width:46%; margin-right: 2%; text-align:left; display:inline-block; vertical-align:top;}
   .bluestarMaps .bluestarcol1.pushCol h3 {margin-bottom: 5px; color:#0075c9;}
   .bluestarMaps #actionBar {margin-top: 20px;}
   .bluestarMaps #investor .icon {
        background-image: url(/bluestar/PublishingImages/individual_investor-icon.png);
        background-position:87px 0;
        display:block;
        width:87px;
        height:87px;
        display:block;
        margin:auto;
        margin-bottom: 55px;
    }
    .bluestarMaps a#investor, .bluestarMaps a#planners {float: left; margin-right:4%;}

    .bluestarMaps #investor:hover .icon, .bluestarMaps #investor:active .icon {
        background: url(/bluestar/PublishingImages/individual_investor-icon.png) 0 0;
      }
    .bluestarmaps #investor h3:hover {
        color:#0075c9;
    }
    
    .bluestarmaps #investor:hover h3 {
        color:#0075c9;
    }
   
   
   .bluestarMaps #planners .icon {
   background-image: url(/bluestar/PublishingImages/financial-planner-icon.png);
   background-position:87px 0;
   width:87px;
   height:87px;
   display:block;
   margin:auto;
   margin-bottom: 65px;
   
   }
   
   .bluestarMaps #planners:hover .icon, .bluestarMaps #planners:active .icon {
   background: url(/bluestar/PublishingImages/financial-planner-icon.png) 0 0;
   }
   
   .bluestarMaps #planners h3:hover {
   color:#0075c9;
   }
   .bluestarMaps #planners:hover h3 {
   color:#0075c9;
   }
   
 .bluestarMaps .pad30 {padding: 25px 30px 0px 30px!important}
  
 .bluestarMaps #fulfillContainer h2, h2.bluestarmapsV2{font-size:20px; margin: 0 0 15px 0;}

/*==========================================================================
  BANNER MENU TABS TO ACCORDION
  ========================================================================== */
    #banner .tta {}
    #banner .tta_wrapper {position: absolute; bottom: -7px; width: 73%; height: 318px;}
    #banner .tta a {display: block;color : #4a4a4a;}
    #banner .tta a.extLink { 
        padding-left: 20px; 
        background: url('/Style Library/img/ext_link_black.png') no-repeat 0 4px;
    }
    #banner .tta a:hover.extLink {background-image: url('/Style Library/img/ext_link_blue.png');}

    #banner .tta a:hover {color: #0075c9;}
    #banner .tta li {list-style: none; list-style-image: none;}
    
    /* TABS */
    #banner .tta_tabs {
        width: 100%; margin: 0 0 20px 0;
        font-family: 'open_sanslight', helvetica, arial;
        font-size: 25px;
    }
    #banner .tta_tabs_item {
        float: left; margin: 0 45px 0 0; padding: 0 0 18px 0;
        border-bottom: 4px solid transparent; 
    }
    #banner #tta_personal {width: 110px;}
    #banner #tta_business {width: 105px;}
    #banner #tta_institutional {width: 150px;}
    #banner .tta_tabs_item a {text-decoration: none;}
    #banner .tta_tabs_item.active {
        border-bottom: 4px solid #5F3653;
        font-family: 'open_sanssemibold', helvetica, arial;
    }
    #banner .tta_tabs_item.active a {color: #000;}
    
    /* ACCORDION */
    #banner .tta_accordion {margin: 30px 0 0 0;}
    #banner .tta_accordion_item {margin: 0;}
    #banner .tta_accordion_title {display: none;}
    #banner .tta_accordion_text {display: none;}
    #banner .tta_accordion_text h2 {
        width: auto; margin: 0 0 8px 0;
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 18px;
    }
    #banner .tta_accordion_text h2 a {color: #000; margin: 0;}
    #banner .tta_accordion_text a {margin: 0 0 7px 0;}
    
    /* COLUMNS */
    #banner .tta_col {float: left; width: 18%; margin-right: 1%;}
        
/*==========================================================================
  NEW BANNER CAROUSEL MENU TABS TO ACCORDION
  ========================================================================== */
    #bannerContainer .tta {}
    #bannerContainer .tta_wrapper {position: absolute; bottom: -7px; width: 73%; height: 318px; z-index: 200;}
    #bannerContainer .tta a {display: block;color : #4a4a4a;}
    #bannerContainer .tta a.extLink { 
        padding-left: 20px; 
        background: url('/Style Library/img/ext_link_black.png') no-repeat 0 4px;
    }
    #bannerContainer .tta a:hover.extLink {background-image: url('/Style Library/img/ext_link_blue.png');}

    #bannerContainer .tta a:hover {color: #0075c9;}
    #bannerContainer .tta li {list-style: none; list-style-image: none;}
    
    /* TABS */
    #bannerContainer .tta_tabs {
        width: 100%; margin: 0 0 20px 0;
        font-family: 'open_sanslight', helvetica, arial;
        font-size: 25px;
    }
    #bannerContainer .tta_tabs_item {
        float: left; margin: 0 45px 0 0; padding: 0 0 18px 0;
        border-bottom: 4px solid transparent; 
    }
    #bannerContainer #tta_personal {width: 110px;}
    #bannerContainer #tta_business {width: 105px;}
    #bannerContainer #tta_institutional {width: 150px;}
    #bannerContainer .tta_tabs_item a {text-decoration: none;}
    #bannerContainer .tta_tabs_item.active {
        border-bottom: 4px solid #5F3653;
        font-family: 'open_sanssemibold', helvetica, arial;
    }
    #bannerContainer .tta_tabs_item.active a {color: #000;}
    
    /* ACCORDION */
    #bannerContainer .tta_accordion {margin: 30px 0 0 0;}
    #bannerContainer .tta_accordion_item {margin: 0;padding: 0;}
    #bannerContainer .tta_accordion_title {display: none;}
    #bannerContainer .tta_accordion_text {display: none;}
    #bannerContainer .tta_accordion_text h2 {
        width: auto; margin: 0 0 8px 0;
        font-family: 'open_sanssemibold', helvetica, arial;
        font-size: 18px;
    }
    #bannerContainer .tta_accordion_text h2 a {color: #000; margin: 0;}
    #bannerContainer .tta_accordion_text a {margin: 0 0 7px 0;}
    
    /* COLUMNS */
    #bannerContainer .tta_col {float: left; width: 18%; margin-right: 1%;}
        


/*==========================================================================
  UTILITY ROW SHARE
  ========================================================================== */ 
    #utilityShare,#utilityShare2 {
        width: 270px;
        position: absolute;
        margin-left: -196px;
        top: 46px;
        z-index: 30;
        opacity: 0;
        display: none;
        background-color: #fff;
        border-radius: 2px;
    }
    #utilityRow,#utilityRow2 { position: relative; }
    #utilityShare .data,#utilityShare2 .data { padding: 28px; }
    #utilityShare a.close,#utilityShare2 a.close {
        background: url("../img/close.png" ) no-repeat 13px 12px;
        display: block;
        height: 38px;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 38px;
    }
    #utilityShare .arrow,#utilityShare2 .arrow {
        height: 14px;
        margin-top: -14px;
        background: url("../img/drop-menu-arrow.png") no-repeat 185px top;
    }
    #utilityShare .formBlock,#utilityShare2 .formBlock { border-bottom: 1px solid #E5E5E5; height: 241px; }
    #utilityShare .formBlock .thanks ,#utilityShare2 .formBlock .thanks { display: none; }


/*==========================================================================
  VIDEO OVERLAY ROW
  ========================================================================== */
    #videos {
        padding: 60px 0;
        position: relative;
    }
    #videoOverlay {
        position: absolute; 
        width: 100%;
        top: 0;
        left: 0;
        background: #000;
        height: 468px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    #videoOverlay .data {
        position: relative;
    }
    #videos iframe,
    #videos object,
    #videos embed {
        /*z-index:150;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 150;
        /*height: 100%;*/
    }
    #videos .close {
        background: url("../img/close.png") no-repeat scroll 13px 12px rgba(0, 0, 0, 0);
        display: block;
        height: 38px;
        position: absolute;
        right: -65px;
        z-index: 200;
        top: -2px;
        width: 38px;
        cursor: pointer;
    }


/*==========================================================================
  MAP
  ========================================================================== */
  #map166,#map168,#map30,#map137,#map36,#map94,#map129,#map80,#map114,
  #map169,#map57,#map175,#map12,#map91,#map60,#map81,#map98,#map115 {cursor: pointer;}
  .map {display: none;}
  .jvectormap-label {
    position: absolute;
    opacity: 0;
    display: none !important;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding: 3px;
    color: #007bb6;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
#map h2 a {color:#3E3E3E;cursor:text;}
#Map area:focus {
	text-decoration:none;
	outline:none;
}

/*==========================================================================
    SWIPER GROUP
  ========================================================================== */
    .swiperGroup {padding: 55px 0 10px 0;}
    .swiperGroup .container {width: 1280px; padding: 0;}

    .swiperGroup .allSwipers {height: 336px; overflow: hidden; position: relative;}
    .swiperGroup .span4 {position: relative; width: 78.4%;}

    /* desktop */
    .swiperGroup .dt-nav, #graphRow .dt-nav {width: 89.0625%; margin: 0 0 30px 0; padding: 0 5.46875%;}
    #graphRow .dt-nav {padding:0 !important;}
    .swiperGroup .dt-nav-item, #graphRow .dt-nav-item {margin: 0 0 0 30px; padding: 0 0 4px 0; color: #999898; outline: none;}
    .swiperGroup .dt-nav-item:first-child, #graphRow .dt-nav-item:first-child {margin-left: 0;}
    .swiperGroup .dt-nav-item:hover, #graphRow .dt-nav-item:hover {color: #0075c9;}
    .swiperGroup .dt-nav .active, #graphRow .dt-nav .active {border-bottom: 2px solid #5F3653; color: #303030;}
    .swiperGroup .dt-coverUp {
        width: 100%;
        height: 320px;
        position: absolute;
        opacity: 0;
        z-index: 3;
        background: #fff;
    }
    .swiperGroup.darkGrayCell .coverUp, .darkGrayCell .dt-coverUp {background: #d2d2d2;}
    .swiperGroup.grayCell .coverUp, .grayCell .dt-coverUp {background: #e5e5e5 !important;}

    /* mobile */
    .swiperGroup .mb-title {
        display: none;
        border-bottom: none;
        margin: 0;
        padding: 0;
        font-size: 22px;
    }
    .swiperGroup .mb-title a {
        display: block;
        outline: none;
        padding: 20px 3.125%;
        background: url("../img/accordianArrowDown.png" ) no-repeat right center;
        color: #3e3e3e;
    }
    .swiperGroup .active .mb-title a {background-image: url("../img/accordianArrowUp.png" );}
    .swiperGroup .card {margin-top: 0;}
    
    /* Partners and Affiliates swiper group */
    #swiperGroupPartAndAffil .card, #swiperGroupPartAndAffil .swiper-slide {height: 346px;} /*316*/
    #swiperGroupPartAndAffil .swiper-container {height: 380px;} /*350*/
    #swiperGroupPartAndAffil .allSwipers {height: 390px;} /*360*/
    #swiperGroupPartAndAffil .dt-coverUp {height: 390px;} /*360*/
    #swiperGroupPartAndAffil .blockCopy {height: 285px;} /*255*/


/*==========================================================================
  ACCORDION
  ========================================================================== */
    .accordionItem {border-bottom: 1px solid #E0E0E0;}
    .accordionItem.lastItem {border-bottom: none;}
    .grayCell .accordionItem {border-bottom-color: #ccc;}

    .accordionTitle h2, .accordionTitle h4 {
        width: 97.5%;
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    #faq-product .accordionTitle h4, #accordionCover .accordionTitle h4 {
        font-size:15px;
    }
    #coverdetail .accordionTitle h4 {
        font-size:14px;
    }
    #coverdetail .accordionItem {
        width: 94%;
    }
    #faq-product .accordionItem {
        width: 94%;
    }
    .accordionTitle h2.emh2 {font-family: 'open_sanssemibold', helvetica, arial;}
        
    .accordionTitle h4 a {
        color: #0075c9;
    }

    .accordionTitle a {
        display: block;
        padding: 18px 0;
        background: url("../img/accordianArrowDown.png" ) no-repeat right center;
        color: #3e3e3e;
        outline: none;
    }
    .active .accordionTitle a {background-image: url("../img/accordianArrowUp.png" );}

    .accordionText {display: none; padding-bottom: 30px;}
    

/*==========================================================================
  CUSTOM BUSINESS OWNERS ACCORDION
  ========================================================================== */
    
    .bus-owner-all {
        width: 100%;
        display: block;
    }
    
    .bus-owner-year {
        border-bottom: 1px solid #E0E0E0;
        display: block;
        padding: 18px 0;
        background: url("../img/accordianArrowDown.png" ) no-repeat right center;
        color: #3e3e3e;
        outline: none;      
    }
    
    .bus-item.lastItem {border-bottom: none;}
    
    .grayCell .accordionItem {border-bottom-color: #ccc;}

    .bus-item-title h2, .bus-item-title h4 {
        width: auto;
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    .accordionTitle h2.emh2 {font-family: 'open_sanssemibold', helvetica, arial;}
    .accordionTitle a {
        display: block;
        padding: 18px 0;
        background: url("../img/accordianArrowDown.png" ) no-repeat right center;
        color: #3e3e3e;
        outline: none;
    }
    .active .bus-owner-year {background-image: url("../img/accordianArrowUp.png" );}

    .accordionText {display: none; padding-bottom: 30px;}
    
    

/*==========================================================================
  ACCORDION ON CARDS
  ========================================================================== */
    .card_accordionItem {border-bottom: 1px solid #E0E0E0;}
    .card_accordionItem.lastItem  {border-bottom: none;}
    .grayCell .card_accordionItem {border-bottom-color: #ccc;}
    .card_accordionTitle h2 {
        width: auto;
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    .card_accordionTitle h4 {margin: 0;}
    .card_accordionTitle h2.emh2 {font-family: 'open_sanssemibold', helvetica, arial;}
    .card_accordionTitle a {
        display: block;
        padding: 18px 25px 18px 0;
        background: url("../img/accordianArrowDown.png" ) no-repeat right center;
        color: #0075c9;
        outline: none;
    }
    .active .card_accordionTitle a {background-image: url("../img/accordianArrowUp.png" );}
    .card_accordionText {display: none; padding-bottom: 16px;}



/*==========================================================================
  BLOCKS
  ========================================================================== */
    .row.blocks {padding: 40px 0 20px 0;}
    .blocks .col1 {
        margin: 0 2.280701754385965% 40px 0; /* margin: 0 26px 40px 0; */
        background: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
                  box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
    }
    .blocks .personalImg img {width: 100%; height: auto;}
    .no-boxshadow .blocks .col1 { 
        width: 23.771929824561404%;
        border: 1px solid #e0e0e0; 
    } /* ie8 fix */

    .blocks .blockCopy { padding: 24px; }
    .blocks .blockCopy h2 { margin-bottom: 16px; }
    .blocks .blockCopy p {
        margin: 0;
        font-size: 12px;
        color: #2c2c2c;
    }
    .blocks .blockCopy .blockWrapper { height: auto; }

    .blocks .more {
        color: #0075c9;
        font-size: 12px;
        font-family: 'open_sansbold', helvetica, arial;
    }
    
    .blocks .col1.activePage {
        background: url("/Style Library/img/activeCard.png") repeat-x scroll center bottom #f2f2f2;
    }
/*==========================================================================
  HIGHLIGHTS ROW
  ========================================================================== */
    .highlightsRow {position: relative;}
    .highlightsRow .photo {position: absolute; left: 57%; bottom: 0;}
    .highlightsRow .col {
        float: left; 
        width: 25%; 
        margin-right: 8.3%;
        text-align: center;
    }
    .highlightsRow .col h1 {
        color: #555;
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 50px;
    }
    .highlightsRow .col h1 span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 18px;
        height: 10px;
        margin: 0 0 12px 5px;
        background: url('../img/highlights-arrow-up.png' ) no-repeat left center;
    }
    .highlightsRow .col p {
        line-height: 130%;
    }


/*==========================================================================
  ARTICLE
  ========================================================================== */

  .articleAuthor {position: relative;}
    #article .authorImg {
    margin-right: 0;
    margin-top: -39px;
    padding: 0 0 5px 95px;
    position: absolute;
    right: 0;
    top: 0;
    }
  .authorImg .authorDate {
    display: block;
    text-align: right;
    font-family: 'open_sanslight', helvetica, arial;
    font-weight: normal;
    font-size: 12px;
    
  }
  .article .pullQuote {
    color: #0075C9;
    float: right;
    font-family: 'open_sanssemibold', helvetica, arial;
    font-size: 30px;
    font-style: italic;
    /*margin-left: 1px;*/
    padding: 20px;
    width: 59%;
}
  .article .articleImg {
    width: 100%;
    position: relative;
    padding:20px;
  }

  .articleBannerImg img,.article .articleLrgImg img,.article .articleGraph img {
    width: 100%;
  }
  .article .articleGraph {
    margin-bottom: 30px;
  }
  
 .article .articleLrgImg {
    float: right;
    margin: 0 -195px 15px 0;
    padding-left: 41px;
    width: 85%;
}
   

/*==========================================================================
  ORGANOGRAM
  ========================================================================== */
    .organo {position: relative;}

    .organoLevel {
        display: block; 
        width: 42%; 
        float: right;
    }
    .organoLevel:first-child {
        position: absolute; 
        top: 50%;
        left: 0;
        margin-top: -33px;
    }

    .organoLines {
        position: absolute; 
        width: 16%; 
        top: 24px;
        left: 42%;
    }
    .organoLines .lineSection {
        float: right; 
        width: 50%; 
        margin-left: 50%;
    }
    .organoLines .lineSection:first-child {
        float: none; 
        margin: -0.5px 0 0 0;
        position: absolute; 
        top: 50%; 
        left: 0; 
    }

    .organoLines .streight {
        width: 100%;
        height: 1px;
        background: url('../img/organo-line-streight.png' ) repeat-x left center;
    }
    .organoLines .corner {
        width: 100%;
        height: 67px;
        background: url('../img/organo-line-corner.png' ) no-repeat left bottom;
    }
    .organoLines .corner:first-child {
        height: 1px !important;
        background-image: url('../img/organo-line-streight.png' );
    }

    .organoBlock {
        position: relative;
        margin: 0 0 15px 0;
        padding: 16px 24px;
        background: #e5e5e5;
        color: #0075c9;
        font-size: 14px;
        text-align: center;
    }
    .grayCell .organoBlock {background: #d1d2d4;}
    .blueCell {
        background: #0075c9;
    }
    .organoBlock .arrowLeft, .organoBlock .arrowRight {
        position: absolute;
        top: 0;
        width: 20px;
        height: 100%;
        background-color: #fff; 
        background-image: url('../img/organo-arrow-white.png' );
        background-repeat: no-repeat;
    }
    .grayCell .organoBlock .arrowLeft, .grayCell .organoBlock .arrowRight {
        background-color: #E5E5E5;
        background-image: url('../img/organo-arrow-gray.png' ); 
    }
    .organoBlock .arrowLeft  {left: 0; background-position: 0 0;}
    .organoBlock .arrowRight {right: 0; background-position: -20px 0;}
    .organoBlock .text {display: block;}

    /* when organogram grows to accomodate two lines of copy */
    .grow .organoLevel:first-child {margin-top: -43px;}
    .grow .organoLines {top: 35px;}
    .grow .organoLines .corner {height: 87px;}
    .grow .organoBlock {padding-top: 25px; padding-bottom: 24px; height: 22px;}
    .grow .organoBlock.twoLines {padding-top: 16px; padding-bottom: 15px;  height: 40px;}
    .grow .organoBlock .arrowLeft {background-position: -40px 0;}
    .grow .organoBlock .arrowRight {background-position: -60px 0;}
    
    
/*==========================================================================
  DIRECTORS PAGE
  ========================================================================== */

  .directorImgRight {position: absolute; top: 0; left: 61.632%;}
  .directorImgLeft {position: absolute; top: 0; left: 3%;}
  /*.director-right {height: 500px;}*/


/*==========================================================================
  !!! SHARE INFORMATION GRAPH HACK !!!
  ========================================================================== */
    #highcharts-0 {margin-left: -80px;}
    
/*==========================================================================
  GRAPH IFRAMES
  ========================================================================== */
    #dailyGraph,#intradayGraph {position: relative;}
    .loader {width: 40px;height:40px;position: absolute;background: url('../img/ajax-loader.gif' ) center center no-repeat;top:150px; left:400px;}
    #dailyGraph iframe,#intradayGraph iframe {background: #e5e5e5;}
    
    
/*==========================================================================
  SHAREPOINT MEDIA CENTRE LAYOUT
  ========================================================================== */
    #mediaCentreLayout.row { padding-top: 0; }
        
    /* SEARCH OPTIONS */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 { 
        float: left;
        display: block !important;
        width: 33.771929824561404% !important; /* col1 */
    }
    /* filters title */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 .ms-webpart-titleText {
        margin: 12px 0 20px;
        color: #3E3E3E;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 25px;
    }
    /* other value field */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 #OtherValue { display: none; }
    /* check box label */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 label {
        font-family: 'open_sansregular', helvetica, arial;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 0.02em;
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 .ms-ref-refiner #Value, 
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 .ms-ref-unsel-toggle, 
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 #OtherValue, #SubmitValue {
        width: auto;
    }
    /* links */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ4 #ctl00_ctl49_g_dc3a5f4b_faad_4968_90e2_1c6671b40efd_csr2 .ms-ref-name { color: #0075C9; }
    
    /* SEARCH FIELD */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ2 {
        float: right;
        width: 65.824561403508774% !important; /* col2 */
        margin: 0 0 25px 0;
    }
    /* title */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ2 .ms-webpart-titleText {
        margin: 0 0 15px;
        padding: 0;
        color: #848484;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 40px;    
    }
    /* input field */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ2 input[type="text"] {
        margin: 0;
        padding: 6px 16px;
        border-radius: 2px 0 0 2px;
        border: none !important;
    }
    /* submit btn */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ2 .ms-srch-sb-searchLink {
        width: 48px;
        height: 40px;
        background: #0075C9 url('../img/slide-nav/search.png' ) no-repeat center center;  
        border-radius: 0 2px 2px 0;
    }
    
    /* SEARCH RESULTS */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 {
        float: right;
        width: 65.824561403508774% !important; /* col2 */
    }
    /* langauge selector */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #ResultHeader {
        display: none;
    }
    /* remove language selector */
    #UpScopeLinkTop {display: none !important;}
        
    /* result item */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 .ms-srch-item {
        width: 100%;
        margin: 0 0 40px 0;
        padding: 0;
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 .ms-srch-item:hover {
        background-color: transparent;
    }
    
    /* result title */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 h3.ms-srch-ellipsis {
        margin: 0;
        color: #0075C9;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 25px; 
    }
    
    /* result description */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 .ms-srch-item-path {
        width: 100%;
        margin: 2px 0 0;
        padding: 0;
        color: #7A7A7A;
    }
    
    /* result pagination */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging {
        margin-bottom: 0;   
    }

    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging li {
        width: 24px;
        height: 25px;
        margin: 0 8px 10px 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: bottom;
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging li a {
        padding: 3px 0 0;
        display: block;
        height: 22px;
        margin: 0;
        background-color: #e5e5e5;
        border-radius: 2px;
        font-size: 13px;
    }
    /* prev & next btn */
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging li a.ms-promlink-button {
        border: none;
        display: block;
        height: 25px;
        width: auto;
        padding: 0;
        background-color: #e5e5e5;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #PageLinkPrev {background-image: url("../img/prevPage.png" );}
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #PageLinkNext {background-image: url("../img/nextPage.png" );}

    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging li a .ms-promlink-button-image {
        display: none;
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #Paging li#PagingSelf a {
        background-color: #0075C9;
        color: #fff;
        font-weight: normal;
        /*padding: 2px 0 0 0;*/
    }
    #mediaCentreLayout #MSOZoneCell_WebPartWPQ3 #PagingLink a {
        padding: 0;
        top: 0;
    }   
    #mediaCentreLayout .ms-srch-ellipsis {
        overflow: none;
        white-space: normal;
    }
    /* remove additional links from bottom */
    #mediaCentreLayout .ms-srch-resultFooter {
        display: none;
    }
    
    
/*==========================================================================
  SHAREPOINT SEARCH RESULTS LAYOUT
  ========================================================================== */
    #searchResultsLayout.row { padding-top: 20px; }
    
    /* SEARCH FIELD */
    #searchResultsLayout #MSOZoneCell_WebPartWPQ2 {}
    /* title */
    #searchResultsLayout .ms-webpart-titleText {
        margin: 0 0 15px;
        padding: 0;
        color: #848484;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 40px;    
    }
    /* input field */
    #searchResultsLayout input[type="text"] {
        margin: 0;
        padding: 6px 16px;
        border-radius: 2px 0 0 2px;
        border: none !important;
    }
    /* submit btn */
    #searchResultsLayout .ms-srch-sb-searchLink {
        width: 48px;
        height: 40px;
        background: #0075C9 url('../img/slide-nav/search.png' ) no-repeat center center;  
        border-radius: 0 2px 2px 0;
    }

    /* SEARCH RESULTS */
    #searchResultsLayout #MSOZoneCell_WebPartWPQ1 {}
    /* result item */
    #searchResultsLayout .ms-srch-item {
        width: 100%;
        margin: 0 0 40px 0;
        padding: 0;
    }
    #searchResultsLayout .ms-srch-item:hover {
        background-color: transparent;
    }
    
    /* result title */
    #searchResultsLayout h3.ms-srch-ellipsis {
        margin: 0;
        color: #0075C9;
        font-family: 'open_sanslight', helvetica, arial;
        font-weight: normal;
        font-size: 25px; 
    }
    #searchResultsLayout .ms-srch-item-icon {display: none;}
    /* langauge selector */
    #searchResultsLayout #ResultHeader {
        display: none;
    }
    
    /* result description */
    #searchResultsLayout .ms-srch-item-path {
        width: 100%;
        margin: 2px 0 0;
        padding: 0;
        color: #7A7A7A;
    }
    
    /* result pagination */
    #searchResultsLayout #Paging {
        margin-bottom: 0;   
    }

    #searchResultsLayout #Paging li {
        width: 24px;
        height: 25px;
        margin: 0 8px 10px 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: bottom;
    }
    #searchResultsLayout #Paging li a {
        padding: 3px 0 0;
        display: block;
        height: 22px;
        margin: 0;
        background-color: #e5e5e5;
        border-radius: 2px;
        font-size: 13px;
    }
    /* prev & next btn */
    #searchResultsLayout #Paging li a.ms-promlink-button {
        border: none;
        display: block;
        height: 25px;
        width: auto;
        padding: 0;
        background-color: #e5e5e5;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #searchResultsLayout #PageLinkPrev {background-image: url("../img/prevPage.png" );}
    #searchResultsLayout #PageLinkNext {background-image: url("../img/nextPage.png" );}
        
    #searchResultsLayout #Paging li a .ms-promlink-button-image {
        display: none;
    }
    #searchResultsLayout #Paging li#PagingSelf a {
        background-color: #0075C9;
        color: #fff;
        font-weight: normal;
        /*padding: 2px 0 0 0;*/
    }
    #searchResultsLayout #PagingLink a {
        padding: 0;
        top: 0;
    }   
    #searchResultsLayout .ms-srch-ellipsis {
        overflow: none;
        white-space: normal;
    }
    /* remove additional links from bottom */
    #searchResultsLayout .ms-srch-resultFooter {
        display: none;
    }
    
    
/*==========================================================================
  CAMPAIGN PAGES
  ========================================================================== */
  #fulfillForm .aiCampaign {background-color:#10181F;}
  .aiCampaign {background:#10181F !important;}
  .aiCampaign ul.socialMedia li a.youtube{background: url('/campaigns/investmentsacademy/PublishingImages/socialMedia.png') no-repeat 0 0;}
  .aiCampaign ul.socialMedia li a.twitter{background: url('/campaigns/investmentsacademy/PublishingImages/socialMedia.png') no-repeat -54px 0;}
  .aiCampaign ul.socialMedia li a.facebook{background: url('/campaigns/investmentsacademy/PublishingImages/socialMedia.png') no-repeat -108px 0;}
  
  .footerBgBlk ul.socialMedia li a.youtube{background: url('/Style Library/img/socialMediaCampaign.png') no-repeat 0 0;}
  .footerBgBlk ul.socialMedia li a.twitter{background: url('/Style Library/img/socialMediaCampaign.png') no-repeat -54px 0;}
  .footerBgBlk ul.socialMedia li a.facebook{background: url('/Style Library/img/socialMediaCampaign.png') no-repeat -108px 0;}
  .footerBgBlk ul.socialMedia li a.blog{background: url('/campaigns/institutional-insights/institutional-insights-2014/PublishingImages/socialMedia.png') no-repeat -216px 0;}
  #headerNav #ctmHeader {
        float:right;
        width:468px;
        height:65px;
}
  .gisLanding h1 a {
        font-size:25px;
        font-family:'open_sansregular';
        color:#ffffff !important;}
  .gisLanding li {
        font-size:14px;
        font-family:'open_sansregular';
        color:#ffffff !important;
}
.gis-campaign-page .pagination {
    display:none !important;
}
.gis-campaign-page #banner,.gis-campaign-page .swiper-slide,.gis-campaign-page .bannerImg {
        height:654px;
}
.gisLanding .productCol3{bottom: -99px;}
.gisLanding .productCol3 {width: 70.3125%;}

    
    
/*==========================================================================
  CONTACT PAGE
  ========================================================================== */
    /* contact page details */
    #contactDetails {height: 655px;}
    
    /* formstack form */
    #contactForm {}
    #contactDetails.span2 {
        width:42%;
    }
    /* google maps */
    #googleMapIframe {position: relative;}
    #googleMapIframe .mapoverlay {
        display: block;
        width: 100%;    
        position: absolute;
        top: 0;
        left: 0;
        background: transparent; 
    }
    #googleMapIframe, #googleMapIframe .mapoverlay, #googleMapIframe iframe  {
        height: 500px; 
    }

    #googlemap {
        display: none !important;
    }
    
    
/*==========================================================================
  SPONSORSHIPS PAGE
  ========================================================================== */
  
  #sponsorshipsLanding h2 { color: #fff; }
  #sponsorshipsLanding h3, #sponsorshipsLanding h4 {
        font-size:16px;
        font-family:"open_sansbold";
        color:#ffffff;
}
  #sponsorshipsLanding p {
        font-size:14px;
        font-family:"open_sansregular";
        color:#ffffff;
}   


/*==========================================================================
  SERVICE ROW
  ========================================================================== */
    .serviceRow_section {padding: 15px 0 0 0; border-top: 1px solid #e5e5e5;}
    .serviceRow_section:first-child {padding-top: 0px; border-top: none;}
    .grayCell .serviceRow_section {border-top-color: #ccc;}
    .serviceRow .col1 b {margin-bottom: 15px; font-family: "open_sansbold"; font-weight: normal;}
    
    .serviceRow .accordion .serviceRow_section {padding-top: 10px;}
    .serviceRow .accordion .serviceRow_section p {margin-bottom: 10px;}
    .serviceRow .accordionText {padding-bottom: 16px;}
    
    
/*==========================================================================
  FUND FACT SHEET DETAILS
  ========================================================================== */
    .fundFactItemGroup {margin-bottom: 30px;}
    .fundFactItemGroupTitle {padding: 0 0 10px 8px;}
    .fundFactItem {padding: 10px 8px;}
    .fundFactItem:hover {background: #e5e5e5;}
    .grayCell .fundFactItem:hover {background: #ccc;}
    .fundFactItem .fundDate, .fundFactItem .fundName, .fundFactItem .engPdf, .fundFactItem .afrPdf {float:left;}
    .fundFactItem .fundDate {width: 16%;}
    .fundFactItem .fundName {width: 52%;}
    .fundFactItem .engPdf, .fundFactItem .afrPdf {width: 16%;}
    .fundFactItem .engPdf.extendWidth {width: 40%}
    .fundFactGroup h2 {margin-bottom: 10px;}
    
/*==========================================================================
  UNIT TRUST TOOL POP UP
  ========================================================================== */
  /*.ms-dlgTitle { display:none;}
  .ms-dlgContent {border:none !important; background-color:transparent !important; box-shadow:none !important;}*/
/*.ms-dlgTitle { display:none;}*/
  .ms-dlgContent {border:none !important; background-color:transparent !important; box-shadow:none !important; z-index: 999999 !important; }
  .s4-clust {
    height: 16px ;
    width: 16px;
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    top: 66px !important;
    right: 53px;
    }  
    #dialogTitleSpan {
        display:none;
        }
    #DlgFrame51332215-cc51-437e-9c42-9800ab015b71 {
        height:600px !important;
    }
    .ms-dlgFrame {
        height:600px !important;
    }
    .entries a {
    color:#ffffff !important;
    }
    .entries a:hover {
    color:#ffffff !important;
    }
    #intraDisclaimer {
     padding: 20px 0;
    }
.ms-cui-topBar2 {
    border-bottom: none !important;
}
/*==========================================================================
  FULFILLMENT MOBILE Desktop Bluestar
  ========================================================================== */
/* BLUESTAR - FULFILLMENT BLOCK */
    .bluestar #fulfillContainer p {margin: 0 0 10px 0; line-height: 140%;}
    .bluestar #fulfillBlock .control {
      /* background-image: url('../img/fulfillment-block/control-open-bs.png'); */
    }
    .bluestar .fulfillForm {
        position: relative; z-index: 5;
        height: 330px !important;
        color: #fff /*#a2a3a2*/; font-size: 14px;
    }
    .bluestar .fulfillForm .bgColor {height: 330px !important;}
    .bluestar .fulfillForm .pad30 {position: relative; z-index: 10;}
    .bluestar .fulfillForm #emailUs .formSection {
      display: none;
      opacity: 0;
      position: relative;
      padding-top: 25px;
    }
    .bluestar .fulfillForm .btn {margin: 1px 0 0 0;}
    .bluestar #fulfillContainer h1, .bluestar #fulfillContainer h3, #fulfillContainer h3 {
      margin: 0 0 15px 0;
      padding: 0 !important;
      line-height: 70%;
      color: #fff;
      font-family: 'open_sanslight';
      font-size: 20px;
      font-weight: normal;
    }
    .bluestar #fulfillForm2 {background-color: #505050;}
    .bluestar .fulfillForm h2 {
      margin: 0 0 15px 0;
      padding: 0 !important;
      line-height: 70%;
      color: #fff;
      font-family: 'open_sanslight';
      font-size: 16px;
      font-weight: normal;
    }
    .bluestar .fulfillForm ul li, .fulfillForm2 ul li  {list-style: none;}
    .bluestar .fulfillForm ul, .fulfillForm2 ul {
      margin: 0 0 24px 0;
      padding: 0;
      color: #fff;
      font-family: 'open_sansbold';
      font-size: 14px;
      list-style: none;
    }
    .bluestar .fulfillForm ul {margin-bottom: 10px;}
    .bluestar .fulfillForm li.fulfillNumber,
    .bluestar .fulfillForm li.fulfillEmail,.fulfillForm2 li.fulfillNumber,
    .bluestar .fulfillForm2 li.fulfillEmail,.fulfillForm2 li.fulfillCallme {
      padding-left: 30px;
      margin-bottom: 4px;
      background-repeat: no-repeat;
      background-position: left center;
    }
    .bluestar .fulfillForm2 li.fulfillNumber,
    .bluestar .fulfillForm2 li.fulfillEmail,.fulfillForm2 li.fulfillCallme {
      font-size: 14px;
    }
    .bluestar .fulfillForm li.fulfillNumber,.fulfillForm2 li.fulfillNumber {background-image: url('../img/fulfillment-block/number.png');}
    .bluestar .fulfillForm li.fulfillEmail,.fulfillForm2 li.fulfillEmail  {background-image: url('../img/fulfillment-block/email.png');}
    .bluestar .fulfillForm2 li.fulfillCallme{background-image: url('../img/fulfillment-block/callMe.png');}
    .bluestar .fulfillForm a, .fulfillForm2 a {color: #fff; text-decoration: none;}
    .bluestar .fulfillForm a:hover, .fulfillForm2 a:hover {color: #d7d7d7;}
    .bluestar .fulfillForm a.prevForm {
      padding-left: 15px;
      position: absolute;
      top: -22px;
      left: -22px;
      font-size: 14px;
      background: url('../img/fulfillment-block/back.png') no-repeat left center;
      color: #fff;
      text-transform: uppercase;
    }
    .blueConference.fulfillForm ul {
        font-family: 'open_sansregular' !important; 
        font-size: 12px !important;
        margin-bottom: 40px !important;
    }
    .blueConference.fulfillForm p {
        margin: 0 0 0 0 !important;
    }

    #fulfillContainer label {display:block; margin-bottom:3px;}
    #fulfillContainer .ui-selectmenu {
        width:212px !important; 
        background:#005fa6; color:#fff;
        box-shadow:inset 0 1px 3px rgba(0,0,0, 0.15);
    }
    #fulfillContainer a.ui-selectmenu span {color:#fff;}
    #fulfillContainer .ui-selectmenu:hover {background:#005494;}
    #fulfillContainer .ui-icon {background-image:url('../img/selectArrow-white.png' );}
    
    #fulfillSelect1-menu, #fulfillSelect2-menu {width:214px !important;}    
    #fulfillSelect1-menu li, #fulfillSelect2-menu li {background:#005fa6;}
    #fulfillSelect1-menu li a, #fulfillSelect2-menu li a {color:#fff;}
    #fulfillSelect1-menu li.ui-state-hover, #fulfillSelect2-menu li.ui-state-hover {background:#005494;}
    /* #005fa6, hover: #005494 */   
    #fulfillContainer .ui-selectmenu {border: 1px solid #0075c9;}
    .error .ui-selectmenu {border: 1px solid red !important;}
    
    #fulfillContainer .findBS-form, #fulfillContainer .findBS-details,
    #fulfillContainer .smallLink, #fulfillContainer .smallLink {font-size: 13px;}
    
    #fulfillContainer .findBS-details {padding-top: 25px; position: relative;}
    a.btn.findBS-btn {
    color: #0075c9 !important;
}
    #fulfillContainer .btn {
        background-color: #fff;
        color: #0075c9;
        padding: 10px 18px;
        text-transform: none;
    }
    #fulfillContainer .btn.blue {
        background-color: #0075c9;
        color: #fff;
        padding: 10px 18px;
        text-transform: none;
    }

    #fulfillContainer .btn:hover {
        color: #006bb7;
    }
    #fulfillContainer  .ui-selectmenu {
        padding:0 !important;
    }
    span.ui-selectmenu-status {
        padding:12px 10px 11px 10px;
    }
    .findBS-details b {
        color: #fff;
        font-family: 'open_sansbold', helvetica, arial;
    }
    #fulfillSelect1, #fulfillSelect2 {
    display:none;
}
/*==========================================================================
  FULFILLMENT MOBILE ROW
  ========================================================================== */
    #fulfillmentMobile {
        display: none; padding-bottom: 30px; border-bottom: 1px solid #fff; 
        background: #0075c9; color: #fff;
    }
    #fulfillmentMobile h2, #fulfillmentMobile a {color: #fff;}
    #fulfillmentMobile a:hover {color: #d7d7d7;}
    #fulfillmentMobile h2 {margin-bottom: 8px;padding : 0;}
    #fulfillmentMobile ul {margin: 0; list-style: none;}
    #fulfillmentMobile li {
        margin: 0; padding-left: 30px; font-size: 14px; font-family: 'open_sansbold';
        background-repeat: no-repeat; background-position: left 14px;
        list-style-image: none; border-bottom: 1px solid #71787f;
    }
    #fulfillmentMobile li.tel {margin-top: 0; background-image: url('../img/fulfillment-block/number.png');}
    #fulfillmentMobile li.email {margin-top: 0; background-image: url('../img/fulfillment-block/email.png');}
    #fulfillmentMobile li.call {border-bottom: none; background-image: url('../img/fulfillment-block/call.png');}
    #fulfillmentMobile li a {
        display: block; padding: 12px 0; 
        background: url('../img/accordianArrowDown_small_white.png') no-repeat 98% center;
    }
    #fulfillmentMobile li.tel a {background-image: none;}
    #fulfillmentMobile li.active a {background-image: url('../img/accordianArrowUp_small_white.png');}
    #fulfillmentMobile li .form {height: 0; overflow: hidden;}
    #fulfillmentMobile li .form iframe {margin-top: 10px;}

/*==========================================================================
  FULFILLMENT BLOCK --- V2 TAB SYSTEM
  ========================================================================== */


#ff-block-v2 {
    margin: 0;
}

    #ff-block-v2 iframe {
        display: block !important;
        position: relative;
        left: -1px;
    }
    
    #ff-block-v2 .fulfillEmail {
        position: absolute;
        z-index: 999;
        right: -13px;
        top: 0;
        width: 75px;
        padding-left: 28px;
        background-color: #0075c9;
        font-size: 14px;
    }

    #ff-block-v2 ul.advice-content-list {
        margin-bottom: 16px !important;
    }


    #ff-block-v2 ul {
        margin-bottom: 24px !important;
        position: relative;
    }

    
    #ff-block-v2 .fulfillNumber, #ff-block-v2 .fulfillEmail a, #ff-block-v2 .fulfillFax a {
        font-size: 14px !important;
        font-family: 'open_sanssemibold', helvetica, arial;
    }
    
    #ff-block-v2 .fulfillNumber, #ff-block-v2 .fulfillFax {
        display: inline-block;
        padding-top: 0;
        padding-left: 27px;
        cursor: pointer;
    }
    
    #ff-block-v2 .fulfillFax {
        background: url('../img/fax-icon.png') no-repeat 0 2px #0075c9;
        margin-left: 18px;
        position: absolute;
        z-index: 999;
        top: 0;
        right: 3px;
    }
    
        .fulfillFax a {
            cursor: text;
        }

.staticPosition {
    position: static !important;
}

.force-hide {
    display: none !important;
}

.tab-headings {
    position: relative;
    z-index: 10;
    height: 35px;
    overflow: hidden;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 2px #444;
    -webkit-box-shadow: inset 0 0 2px #444;
    box-shadow: inset 0 0 2px #444;
    
}

    .tab-headings .advice-special-tab {
        width: 35.273% !important;
    }

    .tab-headings .tab {
        display: inline-block;
        float: left;
        text-align: center;
        width: 32%;
        padding-top: 12px;
        cursor: pointer;
    }
    
    #full-width {
        width: 100% !important;
        border: none !important;
        text-align: left;
    }
    
        #full-width h2 {
            font-size: 19px !important;
            position: relative;
            top: 4px;
            left: -10px;
        }
    
    
    .tab-headings .wide-tab {
        width: 49.82% !important;
        border-right: 0px !important;
    }   
    
    .tab-headings h2 {
        margin: 0 auto 15px auto !important;
        padding: 0 !important;
        line-height: 70% !important;
        color: #0075c9;
        font-family: 'open_sansregular';
        font-size: 17px !important;
        font-weight: normal !important;
    }
    
    .tab-headings .on {
        background-color: #0076c8;
        cursor: text !important;
    }
    
        .tab-headings .on h2 {
            font-family: 'open_sanssemibold', helvetica, arial;
            color: #fff;
        }
    
    .tab-headings .border-right {
        border-right: 1px solid #bebebe;
    }
    
    .tab-headings .border-left {
        border-left: 1px solid #bebebe;
    }   

.selected-tab {
    display: block !important;
}

#invest-content {
    top: -5px;
    position: relative;
}

    #invest-content iframe {
        height: 195px !important;
    }

#invest-content #contact-frame {
    position: relative;
    top: -12px; 
}

#invest-content #email-frame {
    position: relative;
    top: 0px !important;    
}

#advice-content #contact-frame {
    position: relative;
    top: -8px;
}

#advice-content #email-frame {
    position: relative;
    top: -4px;
}

    #advice-content iframe {
        height: 185px !important; /* 195px */
    }


#service-content #contact-frame {
    position: relative;
    top: -16px; 
}
#service-content {
    display:none;
    
}
#service-content iframe {
    height: 213px !important; /*220px*/
}

a.invest-online-action {
    font-size: 14px;
    margin: 0 0 6px 0;
    padding-left: 27px;
    background: url('../img/invest-white-icon.png') no-repeat 4px 5px;
    display: block;
    color: #f59a19;
    font-family: 'open_sanssemibold', helvetica, arial;
}

#email-frame {
    display: none;  
    position: relative;
    top: 4px;
}
.disclaimerText {
    width: 70%;
}

#invest-content .fulfillNumber, #advice-content .fulfillNumber, #service-content .fulfillNumber {
    cursor: text;   
}

a.go-back {
    background: url(../img/back_white.png) no-repeat 0 2px;
    padding-left: 20px;
    color: #fff;
    display: none;  
}

/*==========================================================================
        CUSTOM ACCORDION FOR BUSINESS OWNER DISPLAY TEMPLATE 
========================================================================== */

a.uasa-logo-link {
    margin: 18px 0 10px 44px !important;
}

.bus-item {
    padding: 6px 0;
    clear: both;
    height: 18px !important;
    margin-right: 58px;
}

    .bus-owner-year {
        cursor: pointer;
        color: #0075c9;
        font-size: 17px;
        border-top: 1px solid #E0E0E0 !important;
    }
    
        .bus-owner-year:first-child {
            border-top: none !important;
        }       

    .bus-item .bus-item-name {
        float: left;
    }
    
    .bus-item .pdfLink {
        float: right;
    }

    
        .bus-item .pdfLink .links-spacer {
            margin-right: 56px;
        }
    
    
    .blueConference h2 {
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        line-height: 70% !important;
        color: #fff !important;
        font-family: 'open_sanslight' !important;
        font-size: 25px !important;
        font-weight: normal !important; 
        }
    .blueConference p strong {
        color:#ffffff !important;
    }
    
/* ----- SAUO Campaign banners ------ */

#sauo-banners {
    height: 360px;
}

.btn.Blue {
 background-color:#0075c9 !important;   
}
.btn.Orange {
 background-color:#e9b02b !important;
}
    

/* ----- Fact Sheet Search box ------ */

.zipperz input {
    width: 70%;
    padding: 11px;
    max-width: 400px;
}

.zipperz .ms-srch-sb > .ms-srch-sb-searchLink {
    position: relative;
    top: 3px;
    left: -5px;
    width: 48px;
    height: 40px;
    background: #0075C9 url('../img/slide-nav/search.png' ) no-repeat center center !important;  
    border-radius: 0 2px 2px 0 !important;  
}
.customBanner {
    /* height:302px; */
    overflow:visible;
}
.customBanner .bannerImg {
    bottom: 76px;
}
.personalVid {
    position: absolute;
   /* left: 8%;  left: 50%; */
    color: #fff;
    top: 15%;
    z-index: 10;
    width: 1920px;
    max-width: 1920px;
}
#taxFreeImgCopy {
    top: 25%;
} 
#taxFreeImgCopy h2 {
    color: #3e3e3e;
}
.taxFreeBtn {
    top: 165px;
    bottom: 0;
}
a#slideToVidButton {
    margin-left:21px;
}

.bannerBtn  .vidPlayBtn {
    max-width: 175px;
    border: none;
    margin-right: 25px;
    padding: 12px 16px;
}
.bannerBtn {
    position: absolute;
    bottom: 136px;
    width: 100%;
}

.bannerBtnCape  .vidPlayBtn {
    max-width: 175px;
    border: none;
    margin-right: 25px;
    padding: 12px 16px;
}

.bannerBtnCape {
    position: absolute;
    bottom: 13px;
    width: 100%;
    left: 548px;
}  

.vidPlayBtn img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
}
.artBannerBtn  .vidPlayBtn {
    max-width: 180px;
    border: none;
    margin-right: 25px;
    padding: 8px 16px;
}
.artBannerBtn {
    position: absolute;
    /* bottom: 136px !important; */
    bottom: 136px;
    width: 100%;
}

.personalVideo-iframe {
    opacity: 0.7 !important;
    background-color: #000 !important;
    z-index: 998 !important;
}

.personalVideoClose {
    width: 13px;
    height: 14px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background: url('../img/close.png') no-repeat 0 0;
}
#personal-video {
    position: absolute;
    z-index: 999;
    left: 5%;
    top: 80px;
    width: 90%;
    height: 85%;
}
#videoContainer {
    height: 359px;
}

#bigBannerContainer,
#bigBannerContainer .bannerImg {
    height: 640px;  
}

.lifeInsuranceContainer,
.cancerIllnessContainer,
.cumulusContainer {
    position: absolute;
    color: #fff;
    top: 70px !important;
    z-index: 10;
    width: 100%;    
}
.lifeInsuranceContainerCashBack {
	position: absolute;
	top: 130px !important;
	color: #fff;
	z-index: 10;
	width: 100%
}
.lifeInsuranceContainer h1,
.cancerIllnessContainer h1,
.cumulusContainer h1,
.lifeInsuranceContainer h2,
.cancerIllnessContainer h2,
.cumulusContainer h2,
.lifeInsuranceContainer h1 strong,
.cancerIllnessContainer h1 strong,
.cumulusContainer h1 strong,
.lifeInsuranceContainer h2 strong,
.cancerIllnessContainer h2 strong,
.cumulusContainer h2 strong {
    width: 100% !important;
    color: #fff;
}

.cancerIllnessContainer h1,
.cancerIllnessContainer h2,
.cancerIllnessContainer h1 strong,
.cancerIllnessContainer h2 strong {
    color: #6d6e70;
}

.lifeInsuranceContainer h2 {
    margin: 0 0 34px 0;
    font-size:21px !important;
}

.slIframeSection {
    width: 322px;
    height: 390px;
    float: left;
    box-sizing: border-box;
    /*
    background: #fafafa;
    opacity: 0.8;
    */
    background: rgba(250, 250, 250, 0.8);
}

.slIframeSection .slIframeContent {
    padding: 30px;  
}

.slIframeSection .slIframeContent iframe {
    width: 100%;
    height: 390px;
}

.slIconContent {
    width: 55%; /* 67.19% */
    float: left;
    padding-left: 3.59%;    
}

.slIconContent ul {
    margin: -5px 0 0 0;
}

.slIconContent h3 {
    color: #fff !important; 
}

.slIconContent ul li {
    list-style: none;
    padding-bottom: 26px;
    color: #fff;
}

.maxFlexibility,
.tfPayOut,
.immediatePayOut,
.optionalBenefits,
.sanlamReality,
.peaceOfMind {
    width: 44px;
    height: 36px;
    float:left;
    display:inline-block;
    padding-right:25px; 
    margin-top: 3px;
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/maximum_icon.png") no-repeat;
    display:none; /*remove to display icons*/
}

.tfPayOut {
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/taxfree_icon.png") no-repeat;
}

.immediatePayOut {
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/immediate_icon.png") no-repeat;
}

.optionalBenefits {
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/optional_icon.png") no-repeat;
}

.sanlamReality {
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/reality_icon.png") no-repeat;
}

.peaceOfMind {
    background: url("/personal/insurance/personal-and-family-insurance/PublishingImages/lead-gen/peace_icon.png") no-repeat;
}

/* Online Quote */
#oqMediumBanner,
#oqMediumBanner .bannerImg {
    height: 363px;  
}

#oqLargeBanner,
#oqLargeBanner .bannerImg {
    height: 494px;  
}


#oqBigBanner,
#oqBigBanner .bannerImg {
    height: 620px;  /* 670px */
}

.oqIframeSection {
    width: 100%;
    max-width: 650px;
    box-sizing: border-box;
    background: rgba(250, 250, 250, 0.8);
}
.oqIframeSection .oqIframeContent {
    padding: 30px 30px 20px 30px;
}

.oqIframeSection .oqIframeContent iframe {
    width: 100%;
    height: 52px;
}


.personalVid .container, .bannerBtn .container {
    padding-left: 0px;
}

.personalVid h2 {
    color: #fff;
    width: 26%;
    font-size: 32px;
    font-weight: 600;
}

.vidPlayBtn.btn {
    background-color: #0075c9 !important;
    color: #fff !important;
}  
.vidPlayBtn.btn.white {
    background-color: #fff !important;
    color:#0075c9 !important;
}
.videoClose {
    position:absolute;
    right: 14px;
    cursor: pointer;
} 
#banner_Btn {
    bottom: 101px;
} 
#banner_Btn_Find {
    bottom: 55px;
}
#banner_Btn_Find.indiepersonal {
    bottom: 95px;
}
#headerImgCopy h2 {
    width: 320px;
}
#bussinessContainer .bannerBtn {
    bottom:42px;    
}
#bussinessContainer .personalVid h2 {
    width: 410px;
}
/* BLUSTAR SEARCH*/
#searchContainer {
    width:250px;
    margin-right: 20px;
}
#regionSelect-button {
    height:20px;
    width:200px !important;
    margin-top: 8px;
}

#bsName, #bsAdvisorName {
    width: 200px;
    outline:none;
    margin-top: 8px;
}
.ui-helper-hidden-accessible {
    display:none;
}
#ui-id-1, #ui-id-2 {
    width: 220px !important;
    max-height: 150px;
    overflow-y:auto;
    overflow-x:hidden;
    min-height: 40px;

}
#ui-id-1 .ui-menu-item {
    list-style: none;
    padding: 10px;
    width: 200px !important;
    
}
#ui-id-2 .ui-menu-item {
    list-style: none;
    padding: 10px;  
    width: 200px !important;
}

#ui-id-1 .ui-menu-item .ui-corner-all {
    padding: 0;
    width: 220px !important;
    margin: 0;
}
#ui-id-2 .ui-menu-item .ui-corner-all {
    padding: 0;
    width: 220px !important;
    margin: 0;

}
#regionSelect-button span.ui-selectmenu-status {
        padding: 2px 10px 11px 10px;
}
#resultsDisplay {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#resultsDisplay th {
    background-color:#ebebeb;
    text-align: left;
    padding:20px;
    color:#848484;
}
#resultsDisplay td {
        padding: 15px;
}

#resultsDisplay table {
    border-collapse: collapse;
}

#resultsDisplay table, #resultsDisplay th, #resultsDisplay td {
    border: 1px solid #e5e5e5;
    width: 25%;

}
#bsSearch {
    border:none;
    background-color:#0075c9;
    margin:0;
    height:40px;
    width:130px;
    font-size:14px;
    margin-top: 20px;
}

#bsSearch:hover {
    border:none;
    background-color:#0075c9;

}
#resultsDisplay tr:nth-child(even) {background: #fcfdff;}
#resultsDisplay tr:nth-child(odd) {background: #ffffff;}
#regCopy {
    position:absolute;
    top:28px;
    left:320px;
}
#adCopy {
    position:absolute;
    top:28px;
    right:650px;

}
#resultsContainer .resultsDisplay {
    display:none;
} 
#resultsDisplay tr:hover, #resultsDisplay td:hover {background: #e0e0e0;}


#searchContainer .col1 {
        width:100%;
    }
    #searchContainer label {
        float: left;
        width: 100%;
    }
    #searchContainer input[type="text"] {
        float: left;
    }
    #adCopy {
        position:relative;
        top:0;
        right:0;
        padding-bottom: 10px;
        width: 20px;
    }
    #regCopy {
        position:relative;
        top:0;
        left:0;
        padding-bottom: 10px;
        width: 20px;
    }
    #regionSelect-button .ui-selectmenu-icon {
        right: 13px;
        width: 16px;
    }
#noResultsAdvisor, #noResultsName {
    display:none;
}

.screeneroverlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: rgb(11, 11, 11);
opacity: .8;
filter: alpha(opacity=80);
display: none;
}

.modal-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden;
display: none;
}


.modal-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.modal-inline-holder .modal-content {
width: 100%;
cursor: auto;
}

.modal-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}


.white-popup-block {
background: rgb(255, 255, 255);
padding: 20px 30px;
text-align: left;
max-width: 650px;
margin: 40px auto;
position: relative;
height: 515px;
overflow-x: auto;
}

.white-popup-calculator {
background: rgb(255, 255, 255);
padding: 20px 30px;
text-align: left;
max-width: 1024px;
margin: 40px auto;
position: relative;
overflow-x: auto;
}


.dropMenuClose {
width: 13px;
height: 14px;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
background: url('../img/close.png') no-repeat 0 0;
}
a.youthLitLink {
    margin: -7px 0 10px 15px !important;
}
a.teamWolfLink {
    margin: 20px 0px 0px -5px !important
}
a.capeMileLink {
    margin: -7px 0 10px 44px !important;
}
a.cancerLink {
    margin: 10px 0 10px 45px !important;
}

a.completeMedLink {
    margin: 40px 0 0px -8px !important;
}
a.woordfeesLink {
    margin: -30px 0 10px -30px !important;
}

a#slideToVidButton:hover {
    background-color:#0075c9 !important;
}
@media screen and (max-width:1280px) { 
    #bussinessContainer .bannerBtn .vidPlayBtn {
        margin-left: 17px;
    }
}

/* #businessOwners .padB45 {
    padding-bottom:70px !important;
}
*/

/*==========================================================================
  COUNTRY GEO-LOCATION
  ========================================================================== */

.country-special {
    background-color: #f4b617;
    padding: 18px 0;
    text-align: center;
    display: none;
}

.country-special, .country-special a, .country-special strong { color: #fff !important }
.country-special span { display: inline-block; margin-right: 10px; }

a.country-close {   
    width: 22px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('../img/close_white_icon.png') no-repeat 0 0;
    text-indent: -999em;    
    
}

#itradeBanner, #blueStarConference {
    height:359px;
}
#wealthSmithsCampaign {
    height: 511px;
}
#wealthSmithsCampaign .bannerHeader {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#wealthSmithsCampaign .bannerContainer .bannerContainer {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
#wealthSmithsCampaign .bannerHeader .bannerContainer {
    display: table-cell;
    vertical-align: middle;
    top: 25%;
}
#wealthSmithsCampaign .vidPlayBtn.circle {
    top: 0;
    margin: 30px auto 0;
    padding: 12px;
    z-index: 10;
}
#wealthSmithsCampaign .bannerContainer {
    height:470px;
}
.campaignBannerText {
    color:#ffffff;
    width: 100%;
}
.campaignBannerText strong {
    color:#ffffff;
}
.campaignBannerText span {
    font-size:30px;
}
.campaignBannerText .bannerTextWrap {
    display:block;
    margin-bottom: -10px;
}
.campaignBannerSubText {
    color:#ffffff;
    display: block;
    font-weight: bold;
}
span.campaignBannerSubText.largeTextWealth {
    /*font-size:40px;*/ /*CHANGE back if you need bigger text*/
    font-size:13px;
}
.campaignBlock {
    width: 45.8%;
    margin-right: 2.4%;
    float: left;
    margin-bottom:25px;
    position: relative;
}
#recentCampaigns .campagnImage, #recentCampaigns .campagnImage img {
    width: 100%;
}
#recentCampaigns .campaignImage {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#recentCampaigns .campaignText {
    position: absolute;
    bottom: 0;
    padding-left: 25px;
}
#recentCampaigns .campaignText h3 {
    color: #fff;
    font-family: 'open_sanssemibold';
}
.handmadeContemporary .bannerContainer {
    overflow:visible;
}
.bursary .bannerContainer {
    overflow:visible;
}
.bursary .bannerContainer .bannerImg {
    bottom: 45px;
}
.pLoan-main span.ui-selectmenu-status {
    padding: 0;
}

@media screen and (max-width: 555px){
    .calcLink {
        margin-left: 15px;
        padding-top: 10px;  
    }
    
    .extendWidth {
        width: 100% !important;
    }

    #divAdvisorTop .col1 .row1 {
        margin-bottom: 30px !important;
    }
}

.flexibleOverlay {
    position: relative;
    /* top: 150px; */
}
#appContainer {
    margin-top:35px;
    left:153px;
    box-sizing: border-box;
    padding-left: 25px;
}
#appContainer ul {
    margin:0;
}
#appContainer li {
    display: block;
    float: left;
    padding-bottom: 13px;
    padding-right: 20px;
}
#appContainer li a.apple {
    width: 112px;
    height: 33px;
    background-image: url(/Style%20Library/img/appleBtn.png);
    display: block;
    background-position: 0 0%;
    background-repeat: no-repeat;
    background-size: cover;
}
#appContainer li a.google {
    width: 111px;
    height: 33px;
    background-image: url(/Style%20Library/img/googlePlayBtn.png);
    display: block;
    background-position: 0 0%;
    background-repeat: no-repeat;
    background-size: cover;
}
#appContainer li a {
    cursor:pointer !important;
}
#appContainer .btn {
    padding: 6px 16px; 
}
.home #banner .swiper-slide .bannerCopy span.subheadText {
    font-weight:bold;
}
/* GO COVER BANNER STYLING */
.bannerCopy .relative {
    position: relative !important;
}
.bannerCopy .absolute {
    position: absolute !important;
}
.bannerCopy .col-xs-12 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
.home #banner .swiper-slide .container {
    margin-top:0;
    left: -9px;
    padding-left:0;
} 
.home #banner .swiper-slide .bannerCopy {
    margin-left:0;
}
.home #banner .swiper-slide .bannerCopy h1 {
    font-family:'open_sansbold';
    color:#0075c9;
}
.home #banner .swiper-slide .bannerCopy h3 {
    color:#0075c9;
    margin-bottom:8px;
    width:60%;
}
.home #banner .swiper-slide .bannerCopy h1 {
    font-size:24px;
}
.financialJournalism .productNavSpan4 {
    bottom: 0;
}
@media only screen and (min-width: 1151px) {
    
    .bannerCopy .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .bannerCopy .col-fixed-left {
        width: 150px;
    }
     .bannerCopy .col-fluid-right {
        width: calc(100% - 150px);
     }
}
@media only screen and (min-width: 901px) {
    .bannerCopy .col-fixed-left {
        float: left;
        height: 100%;
        min-height: 1px;
    }
    .bannerCopy img.phone {
        z-index: 1000;
        padding-top: 85px;
    }
    .bannerCopy .col-fluid-right {
        box-sizing: border-box;
        padding-left: 25px;
        padding-top: 150px;
     }
     .bannerCopy .col-fluid-right { 
        float: left;
     }
}
.lightGreyCell {
    background:#f7f7f7;
}
.ourWealthsmiths .bannerContainer {
    height:226px !important;
}
.ourWealthsmiths #allAdviser {
        top: 0;
}
.ourWealthsmiths .backBtn {
    display: block !important;
}
#sliderWealthsmith .qualificationText {
    margin-bottom: 2px;
}
#sliderWealthsmith .slick-slide {
    outline: none;
}
#sliderWealthsmith .slick-slide {
    min-height: 330px !important;
}
.ourWealthsmiths .ui-icon {
    width:16px !important;
}
#budgetSpeechBanner {
    height:359px;
}
#budgetBannerText{
    display: block;
    width: 350px;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    top: 70px;
    left: 0;
    color:#fff;
}
#budgetBannerBtn {
    position: relative;
    top: 140px;
    left: 16%;
}
.findOutMoreText {
    color:#0075c9;
    font-weight:bold;
    display:block;
    font-size: 12px;
    padding-top: 10px;
    font-family: 'open_sansregular';
}
.pager, .noResultCareers {
    position: relative;
    display: block;
    text-align: center;
    top: 250px;
}
span.page-number {
    font-size: 20px;
    cursor:pointer;
    padding: 0 5px;
}
span.page-number.clickable.active {
    color:#0075c9;
}

/*==========================================================================
  REGISTERED FINANCIAL ADVISERS
  ========================================================================== */
.contentWrapper.rfa {
    margin-top: 276px;
}

.contentWrapper.rfa #fulfillBlock {
    top: 0 !important;
}

.bannerContainer.rfa {
    height: 426px;
    position: absolute;
    top:0;
}
.registeredAdvisers #ff-block-v2 .fulfillEmail, .registeredAdvisers #advice-content_mobi .fulfillEmail_mobi {
    display:none !important;
}
.registeredAdvisers #swiperProducts.cardSwiper .swiper-slide {
    width: 285px;
}
.registeredAdvisers #swiperProducts .data {
    height: 395px;
}

.registeredAdvisers #swiperProducts .swiper-slide .card {
    height: 542px;
}
.registeredAdvisers .tab-headings .tab {
    padding-top: 18px;
}
.registeredAdvisers #swiperProducts .back .shareSide .socialIcons {
    bottom: -50px;
}
.registeredAdvisers #swiperProducts .card .shareSide .cardTitle {
    margin: 20px 0 15px 0;
}

.registeredFinancialAdviser{
    position: absolute;
    color: #fff;
    top: 80px !important;
    z-index: 10;
    width: 100%;
}

.bigDefaultBanner  .registeredFinancialAdviser h3,
.bigDefaultBanner  .registeredFinancialAdviser h4,
.bigDefaultBanner  .registeredFinancialAdviser p {
    color: #fff; /* #5C5A58*/
    font-family: 'open_sansbold', helvetica, arial;
    font-size: 20px;
    margin: 0 !important;
}

.bigDefaultBanner  .registeredFinancialAdviser h3 { 
    font-size: 35px;
}

.bigDefaultBanner  .registeredFinancialAdviser h4,
.bigDefaultBanner  .registeredFinancialAdviser p{
    font-family: 'open_sansregular', helvetica, arial;
    font-weight: normal;
    font-size:25px;
}

.bigDefaultBanner  .registeredFinancialAdviser p {
    font-family: 'open_sanssemibold', helvetica, arial;
    font-size: 17px;
}

.bigDefaultBanner  .bannerImg.registeredAdviser {
    width: 100%;
    height: 350px;
    left: 0;
    margin-left: 0;
    background-position:top center !important;
}

/* .bigDefaultBanner .bannerContainer {
    top: 75px !important
}*/

.bigDefaultBanner #headerNav {
    height: 164px;
}
span.completeMedCopy {
    position:relative;
    top:10px;
    /*font-weight:bold;*/   
    color: #848484;
    left: 10px;
}

.yellowShadowTopBorder {
    border-top: 11px solid #f4b617 !important;
    border-bottom: 11px solid #f4b617 !important;
    -webkit-box-shadow: -2px 1px 62px 22px rgba(192,192,192,1);
    -moz-box-shadow: -2px 1px 62px 22px rgba(192,192,192,1);
    box-shadow: -2px 1px 30px 10px rgba(192,192,192,1);
}

.yellowShadowBottomBorder {
    -webkit-box-shadow: 0px -40px 155px 0 rgba(192,192,192,1);
    -moz-box-shadow: 0px -40px 155px 0 rgba(192,192,192,1);
    box-shadow: 0px -40px 155px 0 rgba(192,192,192,1);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    height: 13px;
}

.contactBusinessBlog {
    width: 100%; 
    position: relative; 
    margin-top: -30px;
}
#whatsappDrama {
    height:512px;
}
.registeredAdvisers #full-width h2 {
    top: 3px;
}
.contentWrapper.rfa .backBtn {
    display:none;
}
.ebPortalContainer {
    position: absolute;
    color: #fff;
    top: 52px !important;
    z-index: 10;
    width: 100%;
}
.ebPortalContainer .ebPortalSubHead {
    font-family: 'open_sansregular', helvetica, arial;
    font-size:17px;
    display: block;
    color:#0075c9;

}
.ebPortalContainer .ebPortalText {
    font-family: 'open_sanslight', helvetica, arial;
    font-size:17px;
    display: block;
    color:#0075c9;

}
.ebPortalContainer h2 {
    color:#0075c9;
    font-family: 'open_sansbold', helvetica, arial;
    margin-bottom: 0;
}
.ebPortalContent #headerNav ul#accountLinks {
    position: relative;
    right: 110px;
}
#videoBannerContainer, 
#videoBannerInsurance, 
#videoBannerProfs,
#videoBannerProfs .bannerImg,
#videoBannerInvest
 {
    height:512px;
}
#centennialBanner {
    height:468px;
}
#videoBannerRetire {
    height:auto;
    margin-bottom: -4px;
}
#videoBannerContainer .personalVid h2, #videoBannerInsurance .personalVid h2, #centennialBanner .personalVid h2 {
    font-weight: normal;
}
#videoBannerInvest .personalVid h2 {
    width:auto;
    font-size:40px;
}
#videoBannerInvest .personalVid {
    top: 36%;
}
#videoBannerInvest .personalVid span {
    display:block;
    font-size:28px;
    line-height:32px;
    font-weight: normal;
}
#videoBannerInvest .bannerBtn {
    bottom: 105px;
}
#videoBannerContainer .bannerBtn {
    bottom: 215px;
}
#videoBannerInsurance .bannerBtn {
    bottom: 186px;
}
#centennialBanner .bannerBtn {
    bottom: 125px;
}

#videoBannerProfs .bannerBtn {
    bottom: 150px;
}
#videoBannerRetire .bannerImg {
    left:0;
    margin-left:0;
}
#mnanam {
    margin-bottom: -10px;
}
#lifestageRetirement {
    position: relative;
    left: 0;
    top: 40%;
}
#lifestageRetirement h2 {
    width: 66%;
    color:#ffffff;
    font-size: 32px;
    line-height: 120%;
}
.lifestage .bannerContainer {
    height: 359px;
}
#ctmarathonruntobeatcancerbanner {
	position: relative;
    left: 0;
    top: 18%;
}
#ctmarathonruntobeatcancerbanner h3 {
    width: 66%;
    color:#ffffff;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif;
}
.ctmarathonruntobeatcancer .bannerContainer {
	height:448px;
}
#ctmarathonruntobeatcancerbanner h1 {
	color: #e8ad00;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 70px;
}
#ctmarathonruntobeatcancerbanner .btn {
	color:#0075c9 !important;
	margin-right:15px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:600;
}
.ctmarathonruntobeatcancer .btn {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
    font-weight: 600;
}
@media (max-width: 585px) {
    #oqMediumBanner, #oqMediumBanner .bannerImg {
        height: 470px;
        background-size: cover !important;
    }
    
    .oqIframeSection .oqIframeContent iframe {
        width: 100%;
        height: auto;
        min-height: 175px;
    }
}
/* MNANAM CAMPAIGN STYLING */
#mnanam { 
  min-height: calc(100vh - 69px); 
  height: auto; 
} 
@media only screen and (min-width: 1024px) { 
  #mnanam { 
    min-height: calc(100vh - 84px); 
  } 
} 
/* 2MINUTE SHOWERCAMPAIGN STYLING */
iframe#twoMinuteShower { 
  position: relative;
  float: left;
  width: 100vw;
  height: 100vh;
  overflow: hidden; 
} 
.watchTheAdText {
    display:block;
    font-size:13px;
    font-weight:bold;
}
/*#videoBannerInsurance .bannerBtn {
    bottom: 145px;
}*/
#warningImg {
    position: relative;
    bottom: 14px;
    margin-right: 15px;
}
.umbrellaFund .bannerContainer .bannerLogo {
    padding: 44px 30px 0px 30px;
}
.videoPlaceholderCurrency  {
    background:url(/wealthsmiths/PublishingImages/VideoImage_EffortCurrency.jpg); 
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:446px;
    cursor: pointer;
    margin: 40px 0 40px 0;
}
.videoPlaceholderFathersDay {
    background:url(/wealthsmiths/PublishingImages/Gallery1_EffortCurrency.jpg); 
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:446px;
    cursor: pointer;
    margin: 40px 0 40px 0;

}
.TopDestination {
    background:url(/sponsorships/PublishingImages/Top_Destination.jpg); 
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:446px;
    cursor: pointer;
    margin: 40px 0 40px 0;
}
.videoPlaceholderCumulus {
    background:url(/PublishingImages/RA_Videoplaceholder_CERA.jpg); 
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:350px;
    cursor: pointer;
    margin: 0px 0 40px 0;

}

.row.videoSource .videoOverlay {
        display: none;
        position: absolute; top: 0; left: 0; z-index: 10;
        width: 100%; height: 100%;
        margin: 0; padding: 0;
        background: #000;
}
.row.videoSource .videoOverlay iframe {
    /* position: absolute;
    top: 73px; left: 0;
    width: 560px; height: 315px;*/
   position: absolute;
    top: 73px;
    left: 17%;
    width: 50%;
    height: 60%;
}
.row.videoSource .videoOverlay .container { padding-left: 5.46875%; }
.row.videoSource { position: relative; }
.row.videoSource .close {
    display: block;
    width: 38px; height: 38px;
    position: absolute; top: 20px; right: 20px; z-index: 200;
    background: url("/Style Library/img/close.png") no-repeat scroll 13px 12px rgba(0, 0, 0, 0);
    cursor: pointer;
}
#oqImpactBanner, #oqImpactBanner .bannerImg {
    height: 359px;
}
#oqImpactBanner .bannerImpactH2 { 
    width: 57% !important;
    position: relative;
    top: 50px;
    font-size: 30px;
}

.oqButtonSection {
    margin-top: 27px;
}       

.oqButtonSection a {
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 8px 16px;
    font-family: "open_sansregular",helvetica,arial;
    font-size: 14px;
    display: inline-block;
    background-color: #0075cd;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    border: medium none;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.oqButtonSection a.BuyOnline{
    color: #fff !important;
    background: #ffc20e;
}

.oqButtonSection a.GetAdvice {
    color: #0175ca !important;
    background: #fff;
}
.familyContent {
    outline: none !important;
}
.orangeText {
    color:#FFC20E;
    /*padding-top: 6px;*/
    font-size: 12px;
    margin-bottom:0;
}
.videoRetirePage .bannerContainer .bannerImg {
    display:none;
}
#reloadBtn {
    position:absolute;
    bottom: 80px;
    left: 18.5%;
    cursor:pointer;
}
.chatbotWrapper {
    border-radius: 5px;
}
.chatbotText span {
    color: #0074c8;
    font-weight: bold;
}
.chatbotText {
    padding: 15px;
    text-align: center;
}
.chatbotText:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 2px solid transparent;
    border-top: 10px solid #e5e5e5;
}

.chatbotText.chatbotArrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 99px;
    border-left: 10px solid transparent;
    border-right: 2px solid transparent;
    border-top: 10px solid #e5e5e5;
}
.chatbotText span {
    cursor: pointer;
}

/* Benchmark :: Our History */
.circle-navigation {
    margin-bottom: 45px;
}

.circle-navigation label {
    display: block; 
}

.circle-navigation label:hover {
    cursor: pointer;
    color: #603553 !important;  
}

.circle-navigation label.year {
    margin-bottom: 10px;    
}   

.circle-navigation label.title {
    margin-bottom: 20px;
    min-height: 35px;   
}    

.s1980,
.s1990,
.s2000,
.s2016 {
    width: 25%;
    float: left;
    margin-top: 15px !important;
    text-align: center; 
}

.s1980 a,
.s1980 a:hover,
.s1990 a,
.s1990 a:hover,
.s2000 a,
.s2000 a:hover,
.s2016 a,
.s2016 a:hover {
    width: 155px;
    height: 155px;
    display: inline-block;
    background: url("/Style Library/img/our-history-sprite.png") 0 0 no-repeat;   
}

.s1980 a:hover {
    background: url("/Style Library/img/our-history-sprite.png") -156px 0 no-repeat;  
}

.s1990 a {
    background: url("/Style Library/img/our-history-sprite.png") 0 -165px no-repeat;  
}

.s1990 a:hover {
    background: url("/Style Library/img/our-history-sprite.png") -156px -165px no-repeat; 
}

.s2000 a {
    background: url("/Style Library/img/our-history-sprite.png") 0 -330px no-repeat;  
}

.s2000 a:hover {
    background: url("/Style Library/img/our-history-sprite.png") -156px -330px no-repeat; 
}

.s2016 a {
    background: url("/Style Library/img/our-history-sprite.png")  0 -495px no-repeat; 
}

.s2016 a:hover {
    background: url("/Style Library/img/our-history-sprite.png") -156px -495px no-repeat; 
}

@media screen and (max-width: 720px){
    .circle-navigation{
        display: none;  
    }
    
    .our-benchmark-history {
        margin-top: 30px;
    }
}

.our-benchmark-content {
    background: #603553;
    padding: 30px;
}

.our-benchmark-content h2 {
    width: 100%;
    color: #fff;
    font-size: 55px;
    font-family: open_sansbold;    
    font-weight: bold;
    text-align: center;
    margin: 0 !important;
    line-height: 100%;
}

.our-benchmark-content h3 {
    color: #fff;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.our-benchmark-content p {
    color: #fff;
    padding-bottom: 10px;
}
   
.research-program-data {
    margin: 0;
    padding: 0;
}

.research-program--heading {
    width: 100% !important;
    padding: 40px 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    margin: 40px 0 0 0 !important;
}

.research-program-data li {
    width: 16.666%;
    float: left;
    list-style: none;
    color: #3e3e3e;
    font-size: 25px;
    font-family: 'open_sansbold';
    font-weight: bold;
    padding-right: 28px;
    box-sizing: border-box;
}

.research-program-data li label {
    color: #603553;
    padding-bottom: 18px;
    border-bottom: 1px solid #603553;
    font-size: 25px;
    display: block;
}

.research-program-data li span {
    font-size: 11px;
    display: block;
    padding-top: 18px;
}
.orangeBtn, .orangeBtn:hover {
    background-color: rgba(242,128,25,1);
    padding: 14px 20px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 70px;
}
#simekaHealthLogo {
    position: relative;
    right: 30px;
    bottom: 25px;
}
.completeMedContentPage .contentWrapper {
    display:none;
}
.completeMedContent .bannerContainer {
    height:350px;
}
#bannerTxtSimeka {
    padding-top:150px;
}
#bannerTxtSimeka h2 {
    color:#ffffff;
    font-weight:bold;
    font-size: 35px;
}
/*==========================================================================
  UPDATED FOOTER
  ========================================================================== */
#footerDesktop .col1 h2.whiteBorderBottom, #footerDesktop .colLast h2.whiteBorderBottom, #footerGlobalDesktop .whiteBorderBottom {
    border-bottom:1px solid white !important;
}
.whiteBottomStrip {
    padding:20px 0;
    text-align:center;
}
.whiteBottomStrip p {
    color:black;
}
#footerDesktop .container ul li.footerNumber {
    background-image: url('../img/fulfillment-block/number.png');
}
#footerDesktop .container ul li.footerEmail {
    background-image: url('../img/fulfillment-block/email.png');
}
#footerDesktop .container ul li.footerEmail, #footerDesktop .container ul li.footerNumber, #footerDesktop .container ul li.footerLocationIcon,
#footerDesktop .container ul li.footerWorldIcon {
    padding-left: 30px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
#footerDesktop .container ul li.footerLocationIcon {
    background-image: url('../img/fulfillment-block/Location-icon.png');
    background-position: -10px 0;
}
#footerDesktop .colLast {
    margin-left: 0;
}
#footerDesktop .sanlamLogo-logo {
    position: relative;
    bottom: 16px;
}
#footerGlobalDesktop{
    padding: 10px 0 20px 0;
}
#footerDesktop .contactInfo {
    position: relative;
    top: 9px;
}
i {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-left: 18px;
    margin-bottom: 2px;
    cursor:pointer;
}
.down {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.down.downCoZa{
    transform: rotate(46deg) !important;
    -webkit-transform: rotate(46deg) !important;
}
.footerWorldIcon.mainHeading a {
    font-weight:bold;
    margin-left: 31px;
    padding: 0 !important;
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-bottom: -3px;
}
.viewMoreItems {
    font-weight:bold;
    cursor: pointer;
}

#livesofGrace {
    height:468px;
    cursor:pointer;
}

.bus-owner-yearUpdate {
    border-bottom: none !important; 
    background: none !important;    
}

.fundFactItemUpdate {
    display: block !important;
    padding: 10px 0 !important;
}

/* Business Owner */
.rowForm {
    width: 100%;
    padding: 25px 0 25px 0;
}

.a2018,
.a2017,
.a2016,
.a2015,
.a2014,
.a2013,
.a2012,
.a2011 {
    display: none;  
}


.a2019 .bus-owner-yearUpdate:first-child,
.a2018 .bus-owner-yearUpdate:first-child,
.a2017 .bus-owner-yearUpdate:first-child {
    display: none;      
}

.boaDisplay {   
    margin-bottom: 55px;
}

#page.needsTool #fulfillContainer, #page.needsTool #fulfillmentMobile_v2, #page.needsTool .utility-icons {
    display:none !important;
}
.CT, .JHB, .durban {
    display: none;
}
#cptSpeakers .blockCopy, #jhbSpeakers .blockCopy, #durbanSpeakers .blockCopy {
    bottom: -100px;
}
.arrowContainer {
    display: inline-block;
}
#arrowActiveJhb, #arrowActiveDurban {
    background-image: url(/campaigns/PublishingImages/arrow.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 53px;
    height: 28px;
    position: relative;
    top: 55px;
    left: 25px;
    display:none;
}
#arrowActiveCt {
    background-image: url(/campaigns/PublishingImages/arrow.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 53px;
    height: 28px;
    position: relative;
    top: 56px;
    left: 35px;
    display:none;
}
.riskProfileAgressive .blockCopy {
    position: absolute;
    background: url("/Style Library/img/transparent-4x4-bluepx.png") repeat 0 0;
    bottom: -149px;
    padding: 24px;
}
.fundsContainer .col1 { overflow: hidden; position:relative; }
.centennialCopy h1 {
    font-family: 'open_sanssemibold', helvetica, arial;
    color: white;
    font-size: 67px;
}

/*==========================================================================
  CONVERSATIONS WITH YOURSELF
  ========================================================================== */
.conversationsContainer {
    width:100%;
    overflow:hidden;
    position:relative;
}
#conversationsIntro {
    text-align: center;
    position: relative;
}
#firstSection, .arrow-up.blockOne {
    display:block;
} 
#secondSection, #thirdSection {
    display:none;
}
#secondSection {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.arrow-up.blockOne,
.arrow-up.blockOneCustom {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #e5e5e5;
    position: relative;
    top: 0;
    right:285px;
    text-align: center;
    margin: auto;
}

.arrow-up.blockOneCustom {
    right:170px;
}


.arrow-up.blockTwo {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #e5e5e5;
    position: relative;
    top: 0;
    right: 6px;
    text-align: center;
    margin: auto;
    display:none;
}

.arrow-up.blockThree,
.arrow-up.blockThreeCustom {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #e5e5e5;
    position: relative;
    right: 0;
    left: 270px;
    text-align: center;
    margin: auto;
    display:none;
}

.arrow-up.blockThreeCustom {
    left: 120px;    
}

.arrow-up {
    display:none;
}
.btn.convo {
    background-color: #0075C9 !important;
    padding: 15px 85px !important;
    margin-right: 15px !important;
    
}
.convobtn {
    margin-bottom: 15px;
    margin-right:15px;  
    padding: 15px 80px;
    font-family: 'open_sanssemibold', helvetica, arial;
    font-size: 14px;
    display: inline-block;
    background-color: #e5e5e5;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    border: none;
    border-radius: 2px;
    color: ##2c2c2c;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.convobtn:hover,
.convobtn.active {
    background-color: #0075c9;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    color: #fff;
}

/*
.convobtn:active {
        -webkit-box-shadow: inset 0 1px 3px 1px #0188bc;
           -moz-box-shadow: inset 0 1px 3px 1px #0188bc;
                box-shadow: inset 0 1px 3px 1px #0188bc;
                background-color: #0075c9;
}
*/

.col-md-3,
.col-md-3-for-conversation {
    width: 16.5%;
    float:left;
    position: relative;
    min-height: 1px;
    /*padding-right: 15px;
    margin-bottom: 30px;*/
}

.col-md-3-for-conversation {
    width: 16.666%;
}

@media screen and (max-width: 980px) {
    .col-md-3,
    .col-md-3-for-conversation {
        width: 33.333%;
    }
}

@media screen and (max-width: 800px) {
    .col-md-3-for-conversation {
        width: 50%;
    }
    
    .convobtn {
        width: 33.3333%;
        float: left;
        box-sizing: border-box;
        padding: 15px 0;
        margin-right: 0;
    }
}


.col-md-3 .blockCopy,
.col-md-3-for-conversation .blockCopy {
    position: absolute;
    /*background: url(/campaigns/conversationswithyourself/PublishingImages/transparent-4x4-bluepx.png) repeat 0 0;*/
    padding: 40px 15px !important;
    color: white;
    bottom: 0;
    width: 100%;
}

.col-md-3 .blockCopy p,
.col-md-3-for-conversation p {
    text-transform:uppercase;
    margin: 0 0 10px;
}
.col-md-3 .blockCopy h4,
.col-md-3-for-conversation .blockCopy h4 {
    color:#fff;
    font-family: 'open_sanslight', helvetica, arial;
    font-size: 20px;
}
#preretirementImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Old1.jpg') no-repeat top center;
    height: 400px;
}
#preretirementImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Old2.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#preretirementImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Old2.jpg') no-repeat top center;
}
#postretirementImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Older1.jpg') no-repeat top center;
    height: 400px;
}
#postretirementImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Older2.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#postretirementImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Older2.jpg') no-repeat top center;
}
#insuranceImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Man1.jpg') no-repeat top center;
    height: 400px;
}
#insuranceImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Man2.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#insuranceImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Man2.jpg') no-repeat top center;
    height: 400px;
}
#finplanningImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Young1.jpg') no-repeat top center;
    height: 400px;
    display: block;
}
#finplanningImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Young2.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#finplanningImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Young2.jpg') no-repeat top center;
    height: 400px;
}
#savingsImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Man3.jpg') no-repeat top center;
    height: 400px;
    display: block;
}
#savingsImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Man4.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#savingsImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Man4.jpg') no-repeat top center;
    height: 400px;
}
#investmentsImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Boy1.jpg') no-repeat top center;
    height: 400px;
    display: block;
}
#investmentsImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Boy2.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#investmentsImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Boy2.jpg') no-repeat top center;
    height: 400px;
}
#disabilityImage {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Old3.jpg') no-repeat top center;
    height: 400px;
    display: block;
}
#disabilityImage:before {
    content: url('/campaigns/conversationswithyourself/PublishingImages/Old4.jpg');
    width:0;
    height:0;
    visibility:hidden;
}
#disabilityImage:hover {
    background:url('/campaigns/conversationswithyourself/PublishingImages/Old4.jpg') no-repeat top center;
    height: 400px;
}
/*==========================================================================
  END CONVERSATIONS WITH YOURSELF
  ========================================================================== */
#page.conversationswithyourself,
#page.conversationswithyourself .bannerContainer, 
#page.conversationswithyourself .bannerImg,
#page.conversationswithyourself .bannerImg img {
    width: 100% !important;
    height: 100%;
    position: relative;
}

#page.conversationswithyourself .bannerImg {
    left: 0;
    margin-left: 0;
}

#page.conversationswithyourself #fulfillContainer, 
#page.conversationswithyourself #fulfillmentMobile_v2 {
    display:none !important;
}

#page.conversationswithyourself .bannerContainer, 
#page.conversationswithyourself .bannerImg {
    /* height: 670px; */
}

.spendingCalculateModalWrap .modal-container .modal-content .white-popup-calculator {
    overflow-y: scroll;
    height: 500px;
}

#conversations-video {
    position: absolute;
    z-index: 10;
    /* left: 5%; */
    left: 0;
    top: 0;
    /* width: 90%; */
    width: 100%;
    height: 100%;
}
#africasgold.bannerContainer, #africasgold.bannerContainer .bannerImg {
    height: 600px;
}
#oqBigBanner.financialPlanVideo {
    height: 670px;
    width: 100% !important;
    position: relative;
}
#swiperProducts.disabilityCoverPage .front a.tagLink.hideLink.productLinkCards,
#swiperProducts.lifeInsurancePage .front a.tagLink.hideLink.productLinkCards {
    pointer-events: none;
    cursor: default;
}
/*#swiperProducts.disabilityCoverPage .cardButtons a:first-child,
#swiperProducts.lifeInsurancePage .cardButtons a:first-child {
    display:none !important;
}*/
#conversationsHolder {
    position: absolute;
    color: #fff;
    bottom: 6%;
    z-index: 10;
    width: 100%;
}
#conversationsHolder .oqIframeSection {
    margin:auto;
}

/*==========================================================================
  SHAREPOINT RIBBON FIX
  ========================================================================== */
#ms-designer-ribbon ul li {
    padding:inherit !important;
}
.buyonlineBtnBanner {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
#buyonlineBtnHolder {
    position: absolute;
    color: #fff;
    bottom: 10%;
    z-index: 10;
    width: 100%;
}
#postretirement,#savings,#financialplanning {
    display:none;
}
.blocks .col1:nth-child(4) {
    clear:both;
}
#page.digitalhome #headerNav, #page.digitalcontent #headerNav {
    height:83px;
}
#sanlamNowBannerButtons .btn.green {
    background-color: #67BCB1;
    padding: 9px;
    margin-right: 10px;
    border-radius: 25px;
    width: 200px;
}
div#sanlamNowBannerButtons {
    position: absolute;
    bottom: 49px;
    width: 100%;
}
.text-center {
    text-align:center;
}
.hellipText {
    display:none;
}
#budgetIntro .readMoreText {
    display:inline;
}

.sanlamCancerBenefit {
	background: url(/campaigns/cancerbenefit/PublishingImages/sanlam-cost-of-cancer.jpg) center top no-repeat;
	height: 494px !important;
}

.sanlamCancerBenefit .lifeInsuranceContainer {
	top: 130px !important;
}

.sanlamDisabilityCover {
	/* background: url(/campaigns/sanlamdisabilitycover/PublishingImages/DisabilityCover.png) center top no-repeat; */
	background: url(/campaigns/sanlamdisabilitycover/PublishingImages/DisabilityCoverPlain.jpg) center top no-repeat;
	height: 508px !important;
}

.sanlamDisabilityCoverContainer {
    position: absolute;
    color: #fff;
    top: 120px !important;
    z-index: 10;
    width: 100%;
}

.sanlamDisabilityCoverContainer h1,
.sanlamDisabilityCoverContainer h1 b, .sanlamDisabilityCoverContainer h1 strong,
.sanlamDisabilityCoverContainer h2,
.sanlamDisabilityCoverContainer h2 b, .sanlamDisabilityCoverContainer h2 strong {
	color: #fff !important;
}

#marathan-logo {
	display: inline-block;
    position: relative;
    bottom: 18px;
    left: 10px;
}
#educationBanner .lifeInsuranceContainer {
	top:0 !important;
}
#educationBanner .oqIframeSection {
	top:75px;
}

.back-to-previous-page,
.back-to-previous-page:hover,
.back-to-previous-page:focus {
    background-color: #FFC20E;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #FFC20E;
    float: right;
    margin-top: 20px;
}

/*MONEY SAVER */
.campaign-container .bannerContainer, .campaign-container .bannerContainer .bannerImg {
	height:401px;
}
.blue-text {
	color:#0075c9 !important;
}
.campaign-container .bannerContainer .lifeInsuranceContainer .white.blue-text {
	font-weight:bold;
	
}
/* SEARCH RESULTS*/
.search-results-item .ms-srch-item-summary {
    padding-top: 2px;
    display: inline-block;
    font-size: 13px;
    color: black;
    line-height: 18.2px;
    font-family: 'open_sansregular', helvetica, arial;
}
#searchResultsLayout .search-results-item .ms-srch-item-path {
   font-size: 13px;
   font-family: 'open_sansregular', helvetica, arial;
   line-height: 18.2px;
   color: #7A7A7A !important;
   display:block;
}
.search-custom-text {
	padding-top: 2px;
    display: inline-block;
    font-size: 13px;
    color: black;
    line-height: 18.2px;
    font-family: 'open_sansregular', helvetica, arial;
    margin-bottom: 0;
}
.search-custom-url a {
   font-size: 13px;
   font-family: 'open_sansregular', helvetica, arial;
   line-height: 18.2px;
   color: #7A7A7A !important;
   display:block;
   padding-bottom: 5px;

}
#shareAccount.bannerContainer, #shareAccount.bannerContainer .bannerImg {
	height:350px;
}
/*.row.pinkShadowTopBorder .span4, .row.yellowShadowTopBorder .span4,
.gap-cover-invoke.iframe-invoke .span4 {
	display:none;
}*/

#sanlamdisabilitycoverBanner {
	height: 508px /*553px*/;
}
#page.corporate-content #fulfillBlock {
	display:none;
}
.form-coporate .formContent ul, .form-coporate ul {
	margin:0;
}
.form-coporate .fulfillNumber {
	background: url(../img/fulfillment-block/number.png) no-repeat 0 6px;
    font-family: 'open_sanssemibold', helvetica, arial;
    padding-left: 30px;
    list-style-type: none;
    list-style-image: none;
    color: #fff;
}
/* CARDS STYLING */
.card-holder.product-card {
	width:22%;
}
.card-item {
    height: auto;
    border: 1px solid #E3E5E4;
    border-radius: 4px;
    background-color: #FAFAFA;
    padding: 1.75rem;
    margin-bottom: 2rem;
}
.card-item .card-item-body {
	min-height: 124px;
}
.product-card .card-item .card-item-body {
	position:relative;
}
.card-item:hover {
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25);
}
.product-card .card-title {
	color:#000000;
}
.sub-heading-two {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
.sanlam-blue-text, a.sanlam-blue-text {
    color: #0075C9 !important;
}
.product-amount {
	position:absolute;
	bottom:0;
}
#swiperCovid .card {
    height: 263px;
}
#swiperCovid .intro-copy {
	width: 77.63157894736842%;
	margin-right: 2.368421052631579%;
    float: left;
}