/* Minification failed. Returning unminified contents.
(252,1): run-time error CSS1019: Unexpected token, found '@import'
(252,9): run-time error CSS1019: Unexpected token, found '"rebrand.css"'
(315,32): run-time error CSS1046: Expect comma, found '0'
(315,36): run-time error CSS1046: Expect comma, found '/'
(368,32): run-time error CSS1046: Expect comma, found '0'
(368,36): run-time error CSS1046: Expect comma, found '/'
(531,32): run-time error CSS1046: Expect comma, found '0'
(531,36): run-time error CSS1046: Expect comma, found '/'
 */
body {
    font-size: 90%;
    color:  #001f45;    
    margin: 0 auto;
    font-family: Arial;
    overflow-y: scroll;
    width: 1000px;
    font-family: idealSansBook, Mukta, Trebuchet, sans-serif;
}

/* global classes */
    img {border:0;}
    .sitRight {float: right;}
    .sitLeft {float:left;}
    .bold {font-weight:bold;}
    .textCtr {text-align: center;}   
    .legals {font-size:80%;}
    .hidden {display:none;}
    #left, #right { display: table-cell; }
    #left { width: 50%; padding-right: 10px; }
    #right { padding: 20px 0px 0px 20px; }
    .Hide { display: none; }
    .formLeft { width: 15%; padding-top: 4px; height: 20px; margin-bottom: 4px; float: left; display: inline-block; }
    .formRight { width: 84%; height: 24px; margin-bottom: 4px; float: right;  display: inline-block; }

/* bacs page headers*/ 
    .pageImgHeader {width:1000px; height:180px;  background-image:url('./images/Page_Header_0516.jpg'); background-repeat:no-repeat;}
    .pageImgHeader img {position:absolute; left:15px; top:45px;}

/* links should be blue throughout site */
	body a {color:#196ef7; text-decoration:none;}
    body a:hover { color: #196ef7; text-decoration: underline;}
    body a:active {color: #196ef7;}

/*buttons*/
    .actionButton {border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
    .actionButton:hover {text-decoration:none; background:#4f97c9;}
    .actionButton:focus {text-decoration:underline;}
    .actionButton:active {text-decoration:none; background:#13437e;}

/* lists */
    ul li {margin-bottom:10px; padding:5px; width:90%;}
    ul li > ul li {list-style-type:disc;}

/*search*/
	.search {position:relative; top:-5px; height:20px; padding:5px; border:0;}


/* margins */
	.margT5 {margin-top:5px;}
    .margT10 {margin-top:10px;}
    .margT15 {margin-top:15px;}
    .margT20 {margin-top:20px;}
    .margT25 {margin-top:25px;}
    .margB10 {margin-bottom:10px;}
    .margB30 {margin-bottom:30px;}
/*padding*/
    .padT5 {padding-top:5px;}
    .padT10 {padding-top:10px;}
    .padT30 {padding-top:30px;}
    .padL5 {padding-left:5px;}
    .padL15 {padding-left:15px;}
    .padL20 {padding-left:20px;}
    .padR5 {padding-right:5px;}
    .padR15 {padding-right:15px;}
/*widths px*/
    .setW100 {width:100px !important;}
    .setW120 {width:120px !important;}
    .setW190 {width:190px !important;}
    .setW400 {width:400px !important;}
/*widths %*/
    .setW20pc {width:20% !important;}
    .setW30pc {width:30% !important;}
    .setW45pc {width:45% !important;}
    .setW50pc {width:50% !important;}
    .setW90pc {width:90% !important;}

/* page content holders */
	.theContent {display:block; position:relative; top:0; width:100%; margin-bottom:15px; float:left; background:#fff;} 
	.theContent h1 img {margin: 0 0 5px 0;}
    .theContent h1  {margin: 0; font-size:160%; font-weight:normal;}
    .theContent h1 span {margin:15px 0 !important; display:block;}
    .theContent h2 { margin: 15px 0; font-size:150%; font-weight:normal;}
    .theContent h3 { margin: 15px 0; font-size: 130%; font-weight: normal;}
    .contentWithModules#newTheme  h2 { color: #036cb6; }
    .contentWithModules { width: 77%; float: left; margin-top: -14px; }
	
/* ACCESSIBILITY LINKS ONLY SHOW ON FOCUS */
	#skip{position: absolute; left: 0; top: -2px; margin-left: 0; text-align: center; list-style: outside none;}
	#skip li{ list-style-type: none }
	#skip a{position: absolute;	left: -99999px;	top: 0px;}
    #skip a:focus, #skip a:active {
            position: absolute;
            left: 0;
            top: -12px;
            z-index: 9999;
            width: 225px;
            height: 20px;
            padding: 6px;
            color: #fff;
            background-color: #196ef7;
            border: 0;
            text-align: left;
        }
	.accessibility {position: absolute; left: -99999px; height: 10px; width: 10px}
		
/* ROUNDED CORNERS */
	.radiusAll {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url('../content/PIE/PIE.htc');}
	.radiusEnd {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; behavior: url('../content/PIE/PIE.htc');}
	.radiusTop {-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	
    .radiusTopL {behavior: url('../content/PIE/PIE.htc'); -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
	.radiusTopR {-webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	.radiusEndR {-webkit-border-radius: 0 0 6px 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; behavior: url('../content/PIE/PIE.htc');}
	.radiusEndL {-webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	
/* placeholder styles */
    /* fallback class for browsers that don't support the placeholder attribute */
    .watermark {color: #999; text-align: center;}
    /* WebKit and Blink (Safari, Google Chrome, Opera 15+) */
    ::-webkit-input-placeholder {color: #999; text-align: center;}
    /* Firefox 18- */
    :-moz-placeholder {color: #999; text-align: center;}
    /* Firefox 19+ */ 
    ::-moz-placeholder {color: #999; text-align: center;}
    /* IE 10+ */ 
    :-ms-input-placeholder {color: #999; text-align: center;}
	    
/*popups*/
    .ui-widget-overlay { opacity: 0.7;}
    .ui-dialog {border-radius:0; border:solid 2px #036cb6;; background-color: #fff !important; padding:0px;}
	.ui-dialog .ui-dialog-content{background-color: #fff;}
	.ui-dialog .ui-dialog-titlebar {display:none;}
	.ui-dialog-buttonpane {border:none; background-color: #fff; position:absolute; top:-20px; right:0px; width:120px; height:30px; padding: 0px; margin:0px;}
	.ui-dialog .ui-button {color:#454545; background-color: #fff; background:transparent; border:none; border-radius:0;  padding: 0px; margin:0px; font-weight: normal; font-size: 90%; }
     
/*cbs style accordion not JQuery*/
    .accordionHolder {padding-left:0; margin:20px 0; width:100%;}    
    .accordionHolder > div h2 {color:#036cb6; font-size: 120%; padding:10px 0 5px 0; margin:7px 0; position:relative;}
    .accordionHolder > div h3 {color:#000; font-size: 100%; padding:10px 0 5px 0; margin:7px 0; font-weight:bold; position:relative;}
    .accordionHolder > div {border-bottom:1px solid #ccc; position:relative; display:block; padding-bottom:5px;}
    .accordionHolder > div > p {width: 65%;}
    .accordionHolder > div > div  {padding:20px 0; background-color:#f4f4f4; position:relative; top:10px; border-radius:8px 8px 0 0;}
    .accordionHolder > div > div h3 {padding-left:10px; margin-bottom:0; margin-top:0; font-size: 110%;}
    .accordionHolder > div > div > div.showPanel  {border-left:1px solid #036cb6; margin:0; padding:10px; }    
    .accordionHolder > div > div div.showArrow {background-image:url('./images/icons/greyarrow.png'); background-repeat:no-repeat; position:absolute; top:-23px; right:18px;  height:25px; width:50px;}
    .accordionHolder > div > div p  {margin:0; padding:10px; width:95%; }
    .accordionHolder > div > div.prodMulti h3 {margin-left:0; padding-left:0; color:#000; font-weight:bold;}
    .accordionHolder > div > div.prodMulti p { padding-left:0; }
    .accordionHolder > div a.openCBSAccordionPanel {width:97%; position:absolute; color:#036cb6; font-weight:bold; text-align:right; padding: 3px 30px 5px 0; right:0px; top:8px; background-color:transparent; background-image:url('./images/Icons/Open-Accordion-Outer.gif'); background-repeat:no-repeat; background-position:right top;}
    .accordionHolder > div a.openCBSAccordionPanel:hover {cursor:pointer; text-decoration:none; color:#4f97c9; background-image:url('./images/Icons/HoverOver-Accordion-Outer.gif'); }
    .accordionHolder > div a.closeCBSAccordionPanel {width:97%; position:absolute; color:#13437e; font-weight:bold; text-align:right; padding: 5px 30px 5px 0; right:0px; top:8px; background-color:transparent; background-image:url('./images/Icons/Close-Accordion-Outer.gif'); background-repeat:no-repeat; background-position:right top;}
    .accordionHolder > div a.closeCBSAccordionPanel:hover {text-decoration:none;}
    .accordionHolder > div > div ul {margin-left:-15px;}
    .accordionHolder > div > div > div.showPanel ul li > ul {margin-top:15px;}
    .accordionHolder > div > div > div.showPanel ol li  {margin-bottom:15px;}
    /*accordion with chevron*/
    .chevronAccordion h3 {font-weight:normal !important; margin:0 0 0 20px !important; background-image:url('./images/Icons/BulletIcon.png'); background-repeat:no-repeat; background-position:left center; padding:5px 5px 5px 20px !important; cursor:pointer; }
    .chevronAccordion p {margin:0 0 0 32px !important; width:93% !important;}
    /*global accordion style - JQuery overrides*/
    .ui-accordion {font-size:100%;}
    .ui-accordion .ui-accordion-header { font-weight:bold; background:#fff; color:#036cb6; border:0; border-bottom:1px solid #ccc; padding:10px 0;}
    .ui-accordion .ui-accordion-header:hover {color:#4f97c9;}
    .ui-accordion .ui-accordion-header:active {color:#13437e;}
    .ui-accordion h3 { background:transparent; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:15px 0 10px 35px;}
    .ui-accordion h3.ui-accordion-header-active  {color:#13437e;}
    .ui-accordion-content {background:#f9f9f9; border:0; padding-left:15px;}
    .ui-accordion .ui-icon {background-image:url('./images/Icons/Open-Accordion-outer.gif'); background-position:left top; background-color:transparent; height:25px; width:25px;}
    .ui-accordion .ui-accordion-header-active .ui-icon {background-image:url('./images/Icons/Close-Accordion-outer.gif'); background-position:left top; background-color:transparent; height:25px; width:25px;}
	/*inneraccordion*/
    .ui-accordion .innerAccordion h3 {background-color:transparent; color:#036cb6; border-bottom:1px dotted #ccc; width:98%; padding:8px 0 8px 35px;  font-weight:normal;}
    .ui-accordion .innerAccordion .ui-accordion-header { font-weight:bold; background:#fff; color:#036cb6; border:0; border-bottom:1px solid #ccc; padding:10px 0 10px 10px;}
    .ui-accordion .innerAccordion .ui-accordion-header:hover {color:#4f97c9;}
    .ui-accordion .innerAccordion .ui-accordion-header:active {color:#13437e;}
    .ui-accordion .innerAccordion .ui-accordion-header-active {color:#13437e;}
    .ui-accordion .innerAccordion .ui-accordion-content {padding:0;}
    .ui-accordion .innerAccordion .ui-icon {background-image:url('./images/Icons/Open-Accordion.gif'); background-position:left; background-color:transparent; height:19px; width:20px;}
    .ui-accordion .innerAccordion .ui-accordion-header-active .ui-icon {background-image:url('./images/Icons/Close-Accordion.gif'); background-position:left top; background-color:transparent; height:19px; width:20px;}
    .ui-accordion .ui-accordion-content a {color:#036cb6; text-decoration:none;}
    .ui-accordion .ui-accordion-content a:hover {color:#4f97c9; text-decoration:underline;}
    .ui-accordion .ui-accordion-content a:active {color:#13437e;}
    .ui-accordion .ui-accordion-content table tbody td {vertical-align:top;}
    .ui-accordion .ui-accordion-content table tbody td ul {margin-left:-15px;}
    .ui-accordion .ui-accordion-content ul li {list-style-type:disc;}
    .ui-accordion .ui-accordion-content table tbody td.textMiddle {vertical-align:middle;}

/*default tables*/
    table {width:100%;  border-collapse:collapse; margin:20px 0 30px 0; padding:0;}
	table th {margin:0; position:relative; background-color:#C7C8CA; color:#1d1d1b; text-align:left;  padding:10px 5px; font-size:90%; border:1px solid #e1e1e1; }
	table td {margin:0;  padding:5px; border:1px solid #d6d3d3;}
	table tbody tr:nth-child(even) {background: #E1E1E1;}
	table tbody tr:nth-child(odd) {background: #FFF}
    table.amendTableLayout tbody td p  {padding-left:3px;}

 /* error */
    .errorSection { padding-top: 1em; }
    .errorSection h1, .errorSection h2 { color: #036cb6; font-weight: bold; }
    .errorSection h1 { font-size: 2em; }
    .errorSection ul li { margin: 0; }

/* cookie panel */
    #optoutCookie{padding-left:15px; color:white;}
    .acceptCookieBtn{font-size: 100%;}
    .cookies table tbody td p {  padding-left: 3px; }

/*promptLiveChat*/
    #promptLiveChat{
        display:none;
        position:fixed;
        bottom: 25em;
        right: 40px;
        width:300px;
        height:150px;
        background-color: #21A6DF;
        color: #fff;
        text-align: center;
        z-index:6666;
    }
    #promptLiveChat .button {
        background-color: #fff;
        color: #283961;
        width: 100px;
        padding: 12px 0px 12px;
        margin-top: 5px;
        display: inline-block;
        font-weight: 700;
    }
    #promptLiveChat #closePrompt{
        color: #fff;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 5px 10px;
    }
    #promptLiveChat #closePrompt:hover{
        text-decoration: none;
        color: #fff;
        cursor:pointer;
    }
    #promptLiveChat .button:hover {
        text-decoration: none;
        color: #283961;
        cursor:pointer;
    }
    .FAQtext a{
        color:#fff;
        text-decoration: underline;
    }
    .FAQtext a:hover{
        color:#fff;
    }
@import "rebrand.css";

body { 
    width:auto; 
    margin:1% 2% 2%; 
    width:600px;
    font-size: 21px;
}
.calcCookie .cookiePane { 
    width: 530px; 
    height: auto;
}
.calcLogo img {
    width: 195px;
}
#btlCalc {
   color: #001f45;
}

/*tabs*/
#btlCalc #tabs {
    width: 101%; 
    border: 0;
    padding: 0;
}
#btlCalc #tabs > ul {
    padding: 0;
    margin: 0;
    background: #e8f0fe;
    width: 593px;
    height: 46px;
    border-radius: 20px;
    margin-bottom: 30px;
}
#btlCalc #tabs > ul li {
    font-weight: bold;
    width: 294px;
    text-align: center;
    margin: 0;
    border-radius: 0;
    padding-top: 15px;
    height: 34px;
    padding: 8px 0 7px 0 !important; 
    display: inline-block;
    border-radius: 22px;
    color: #001f45;
}
#btlCalc #tabs > ul li a {
    color: #001f45;
    width: 80%;
}
#btlCalc #tabs > ul li a:hover {
    text-decoration:none;

}
#btlCalc #tabs > ul li.ui-state-active {
    background: #fff;
    margin: 0;
    border-radius: 0;
    border: 0;
    height: 32px;
    color: #196ef7;
    border-radius: 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}
#btlCalc #tabs > ul li.ui-state-active a {
    margin-left: 10px;
    padding-bottom: 5px;
    width: 85%;
    color: #196ef7;
}
#btlCalc #tabs .ui-tabs-panel {
    padding:0; 
    margin:0; 
    width:100%; 
}

.headerLayout {
    display: flex;
    justify-content: space-between;
}

/*buttons*/
.calcClose {
    padding: 10px 25px !important;
    top: 30px;
    color:#001f45;
    font-size: 16px;
}
    .calcClose:hover {
        text-decoration: none;
    }
    .calcClose span:first-child:hover {

        border-bottom: 4px solid #196ef7;
    }

#btlCalc .rebrand_buttons {
    width: 100px !important;
}

/*result panel */
.calcResultText {
    padding: 20px;
}
.calcResultHighlight {
    font-weight: bold;
    color: #196ef7;
}
.calcResult {
    background: #fff;
    position: relative;
    padding: 20px;
    border: 0;
    margin: 28px 0;
    border-radius: 22px;
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
}

/*form elements*/
.calc-percent { 
    width: 100px;
}
#btlCalc fieldset {
    padding-left:0; 
    padding-right:0; 
    width:590px;
}
fieldset.calculatorFormPanel label {
    width: 95% !important;
    display: inline-block;
    text-align: left;
    padding-right: 25px;
}
#btlCalc input.form-control {
    padding-left: 60px !important;
    font-family: idealSansBook;
}

#btlCalc input.form-control {
    padding-left: 60px !important;
    font-family: idealSansBook;
}
#btlCalc .input-group {
    position: relative;
    font-family: idealSansBook !important;
    font-size: 16px;
}
#btlCalc .field-validation-error {
    margin-left: 0;
    width: 312px;
    font-size: 16px !important;
}
#btlCalc .error-input-container.dropdown {
    position: relative;
}
#btlCalc .error-input-container.dropdown .postfix {
    right: 230px;
    top: -17px;
}
    #btlCalc .error-input-container.dropdown.validation-error .postfix {
        top: -12px;
    }
#btlCalc input.input-validation-error, #btlCalc select.input-validation-error {
    border: 2px solid #ab001f !important;
}
#btlCalc input:focus {
    border: 2px solid #196ef7 !important;
}

#btlCalc .validation-error .input-group-addon {
    color: #001f45 !important;
}
#btlCalc .input-group-addon {
    position: absolute;
    left: 10px;
    width: 15px;
    height: 16px;
    padding: 10px;
    top: 2px;
    border-right: 2px solid white;
    font-size: 16px;
}
#btlCalc .calc-percent .input-group-addon {
    left: 130px;
    border-right: 0;
    border-left: 2px solid white;

}
#btlCalc .calc-percent input {
    width: 150px !important;
    padding-left: 20px !important;
}
#btlCalc.rebranded .postfix {
    background-color: #e8f0fe;
    border-radius: 0 22px 22px 0;
    border: 2px solid #e8f0fe;
    border-left: 2px solid white;
    position: absolute;
    right: 55px;
    bottom: 6px;
    height: 40px;
    width: 44px;
    pointer-events: none;
}
#btlCalc.rebranded select option {
    background: #e8f0fe;
    font-family: idealSansBook !important;
    font-size: 16px;
}

#btlCalc.rebranded select {
    background: #e8f0fe;
    height: 48px;
    border-radius: 22px;
    width: 360px;
    padding: 2px 20px;
    border: 1px solid #e8f0fe;
    top: -4px;
    position: relative;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
}
#btlCalc.rebranded .postfix:after {
    content: ">";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 12px;
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    transform: rotate(92deg);
    color: #196ef7;
    width: 25px;
    height: 25px;
    bottom: 0;
    padding: 0;
    text-align: center;
}
#btlCalc input[type='radio'] {
    width: auto !important;
}
#btlCalc.rebranded option {
    background: #fff;
    color: #001f45;
    height: 48px;
    line-height: 1.1;
}
#btlCalc .input-group input[type='radio'].last {
    margin-left: 20px;
}
#btlCalc .selectBox {
    width: 414px;
    position: relative;
}

/*header*/
.btlCalcHead {
    position: relative;
}
.btlCalcHead header > div {
    padding-left: 0;
    padding-right: 0;
    width: 590px;
}


.btlCalcHead h1 {
    font-size: 30px;
    color: #196ef7;
}

/*tooltip*/
#btlCalc .guideanceNote {
    border-radius: 22px;
    border: 0;
    box-shadow: 0 0 30px rgb(0 0 0 / 16%);
    display: none;
    position: absolute;
    margin-left: 150px;
    margin-top: 5px;
    margin-bottom: 20px;
    z-index: 100;
    cursor: pointer;
    background: #fff;
    padding: 15px 15px 20px 25px;
    width: 350px;
    height: auto;
    text-align: left;
    font-size: 21px !important;
    color: #001f45 !important;
}
#btlCalc .selectBox .guideanceNote {
    margin-left: 20px;
}
/* fonts *************************/
.idealSansBook {
    font-family: idealSansBook, Mukta, Trebuchet;
}
.idealSansSemibold {
    font-family: idealSansSemibold, Mukta, Trebuchet;
}
.idealSansBold {
    font-family: idealSansBold, Mukta, Trebuchet;
}
.idealSansMedium {
    font-family: idealSansMedium, Mukta, Trebuchet;
}
.idealSansLight {
    font-family: idealSansLight, Mukta, Trebuchet;
}
@font-face {
    font-family: idealSansBook;
    src: url('fonts/IdealSans-Book-Pro_Web.woff2') format('woff2'), url('fonts/IdealSans-Book-Pro_Web.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: idealSansSemibold;
    src: url('fonts/IdealSans-Semibold-Pro_Web.woff2') format('woff2'), url('fonts/IdealSans-Semibold-Pro_Web.woff') format('woff');
    font-weight: 800;
}
@font-face {
    font-family: idealSansBold;
    src: url('fonts/IdealSans-Bold-Pro_Web.woff2') format('woff2'), url('fonts/IdealSans-Bold-Pro_Web.woff') format('woff');
    font-weight: 800;
}
@font-face {
    font-family: idealSansMedium;
    src: url('fonts/IdealSans-Medium-Pro_Web.woff2') format('woff2'), url('fonts/IdealSans-Medium-Pro_Web.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: idealSansLight;
    src: url('fonts/IdealSans-Light-Pro_Web.woff2') format('woff2'), url('fonts/IdealSans-Light-Pro_Web.woff') format('woff');
    font-weight: 400;
}

/* HOMEPAGE **************************/

.homepageRebrand {
    display: flex;
    width: 1000px;
}
.mainText  {
    width: 40%;
    padding-top: 90px;
}

.mainText h1 {
    color: #196ef7;
    font-size: 42px;
    line-height: 46px;
   
}

.mainImg {
  width: 60%;

}

.mainImg img {
    width: 100%;
}

/* FOOTER **************************/
#footerHolder {
    background: #001f45;
    float: left;
    width: 100%;
    padding-top: 40px;
    font-size: 16px;
}
.footernav {
    color: #fff !important;
    width: 80%;
    margin: auto;
    padding: 2px 10%;
    text-align: center;
}
.footernav a span {
    padding: 5px;
}
.footerPanel a {
    font-weight: 600;
}
.footernav a, .footerPanel a {
    text-decoration: none;
    color: #fff !important;
}
.footernav a:hover {
    text-decoration: underline;
}
.footerlegals {
    color: #fff !important;
    padding: 20px 60px;
}
.footerlegals p.warning {
    color: #fff;
    text-align: center;
}

/*header ***********************/
.intermediaryBanner {
    height: 45px;
    padding-left:20px;
    background: #001f45;
    color: #fff;
    font-size: 16px;
}
.logoHolder {
    height: 60px;
    display: flex;
    align-items: center;
    color: #001f45;
}
.logoHolder .rightPanel {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}  
.intLogo img {
    width: 160px;
}
.intLogo {
    width: 50%;
}
.suppPhoneNo {
    top: -5px;
    position: relative;
    font-size: 16px;
    margin-right: 35px;
}
.suppPhoneNo a {
    padding-top: 10px;
    text-decoration: none;
    color: #001f45
}
.suppPhoneNo a:hover {
    text-decoration: none;
}
.suppPhoneNo a span:after {
    content: "";
    width: 75%;
    height: 5px;
    margin-top: 5px;
    display: block;
    border-radius: 6px;
    position: relative;
    left: 40px;
}
.suppPhoneNo a:hover span:after {
    background-color: #196ef7;
}

.suppPhoneNo:before {
    content: url("./images/rebrand/phoneIcon.png");
    position: relative;
    top: 12px;    
}
.xclose {
    position: relative;
    width: 18%;
    margin-left: 10px;
    font-size: 16px;    
}
.xclose a {
    color: #001f45;
}
.xclose a:hover {
    color: #196ef7;
    text-decoration: none;
    border-bottom: 4px solid #196ef7;
    padding-bottom: 3px;
    
}
.xclose span {
    display: block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    right: 45px;
    position: absolute;
    top: -11px;
}
.xclose span:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #196ef7;
    position: absolute;
    top: 20px;
    border-radius: 10px;
    transform: rotate(45deg);
}
.xclose span:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #196ef7;
    position: absolute;
    top: 20px;
    border-radius: 10px;
    transform: rotate(-45deg);
}
#pageHeader {
    border-bottom: #f4f1f0 2px solid;
}
.loggedInHeader {
    background: #e8f0fe;
    display: flex;
    padding: 15px 30px; 
    justify-content: flex-end;
}
.showLoggedName {
    color: #196ef7;
    font-size: 21px;
}
.loginDate {
    font-size: 16px;
    color: #001f45;
}
.showName {
    padding-right: 50px;
}
#logoutButton {
    padding-right: 50px;
    background: #196ef7;
    border-radius: 22px;
    position:relative;
    padding: 12px 10px;
    width: 100px;
    text-align: center;    
}
#logoutButton a {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px !important;
}
#logoutButton:hover {
    background: #478bf9;    box-shadow: 0 0 30px rgba(0,0,0,0.16); text-decoration:none;
}

/*main nav *****************************/
.navHolder {
    height: 45px;
    position: relative;    
    border-bottom: #f4f1f0 2px solid;
    background: #fff;
}
#topNavigation ul.topLevelNavHolder {
    padding-left: 0;
}
#topNavigation ul li {
       display: inline-block; 
    list-style: none;
    padding: 5px 0;
    margin-right: 30px;    
}
#topNavigation ul li:hover {
    border-bottom: 5px solid #196ef7 !important;
    color: #196ef7 !important;
}
#topNavigation ul li a {
    color: #001f45;
    font-size: 16px;
}
#topNavigation ul li a:hover {
    text-decoration: none;
    color: #196ef7 !important;
}
#topNavigation ul li.nav_cc {
    width: 100px;
}
#topNavigation ul li.nav_mc {
    width: 138px;
}
#topNavigation ul li.nav_pf {
    width: 190px;
}
#topNavigation ul li.nav_cp {
    width: 130px;
}
#topNavigation ul li.nav_cmd {
    width: 180px;
    margin-right: 0;
}

/* PAGE HEADER PANELS */
.newHeaderPanel h1 {
    color: #196ef7;
    font-size: 42px;
    padding-left: 30px;
    width: 70%;
}
.newHeaderPanel {
    display: flex;
    align-items: center;
    box-shadow: 0px 20px 30px #00000029;
    border-radius: 0 0 22px 22px;
    position: relative;
    height: 160px;
    margin-bottom: 45px;
}
.newHeaderPanel img {
    position: absolute;
    right: 0;
    height: 130px;
    margin-top: 10px;
    margin-right: 20px;
}
.newHeaderLogin {
    width: 1000px;
    background-image: url('./images/rebrand/login.jpg');
    display: block;
    position: relative;
    background-repeat: no-repeat;
    height: 230px;
    box-shadow: 0px 20px 30px #00000029;
    border-radius: 0 0 22px 22px;
    margin-bottom: 60px;
}
.newHeaderLogin h1 {
    position: absolute;
    bottom: 30px;
    left: 50px;
    font-size: 42px;
    color: #196ef7;
}

/*Login page*************************************/

.loginHeaderPanel h1 {
    color: #196ef7;
    font-size: 42px;
    padding-left: 30px;
    position: relative;
    top: -65px;
}
.loginHeaderPanel {
    box-shadow: 0px 20px 30px #e1e1e1;
    border-radius: 0 0 22px 22px;
    position: relative;
    height: 160px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.loginHeaderPanel img {
    width: 100%;
}
#loginPage {
    font-size: 16px;
}
#loginPage .rememberBox #RememberMe {
    transform: scale(2);
    margin-bottom: 10px;
}
#loginPage .rememberBox input {
    width: 20px !important;
    padding: 0 !important;
}
#loginPage .rememberBox .checkbox {
    width: 100px !important;
}
#loginPage p a {
    color: #196ef7 !important;
}
#loginPage p a:hover {
    color: #001f45;
}
#loginPage .secButton {
    width: 280px !important;
}

/* buttons and inputs **************/
.rebranded input {
    background: #E8f0fe !important;
    border-radius: 22px !important;
    padding: 10px 0px !important;
    border: 1px solid #E8f0fe !important;
    width: 300px !important;
    font-size: 16px !important;
    color: #001f45;
}
.rebranded.memData input {
    text-align: left !important;
    padding: 13px 0 13px 20px !important;
    width: 280px !important;
}
.rebranded.memData input::-moz-placeholder {
    text-align: left !important;
}
.rebranded.memData input::-webkit-input-placeholder {  
    text-align: left !important;
}
.LoginForm .rebrand_buttons {
    margin: 10px auto;
}
.rebranded.btnGroup {
    margin: 40px 0;
}
.rebranded.btnGroup div {
    display: inline-block;
    width: 180px;
    margin-right: 15px;
}
.rebranded.btnGroup div .primButton {
    margin-right: 20px;
    width: 100% !important;
    display: block;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.rebrand_buttons {
    border-radius: 22px !important;
    position: relative !important;
    text-align: center;
    border: 2px #196ef7 solid !important;
    text-decoration: none !important;
    width: 300px !important;
    padding: 10px !important;
    font-size: 16px !important;
}

/*primary button*/
.primButton {
    background: #196ef7;
    border: 2px #196ef7 solid !important;
    color: #fff;
}
.primButton:hover {
    background: #478bf9;
    border: 2px #478bf9 solid !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    color: #fff !important;
}
fieldset.LoginForm .primButton button[type=submit] {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 16px !important;
}

/*secondary button*/
.secButton  {
    background: #fff !important;
    color: #001f45 !important;
    border: 2px #196ef7 solid !important;    
    display: block;
}
.secButton:hover {
    background: #478bf9 !important;
    color: #fff !important;
    border: 2px #478bf9 solid !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
}

/*ticker*/
.tickerHomepage {
    width: 1000px;
    margin-top: 0px;
    padding-top: 5px;
    margin-bottom: 15px;
    float: left;
    height: 2.0em;
    border: 0px solid #ccc;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    border-radius: 27px;
}
#tickerContainer {
    overflow: hidden;
    margin-left: 0px;
    height: 2.2em;
}
#tickerViewPort {
    font-family: arial;
    color: #001f45;
    height: 1.8em;
    white-space: nowrap;
    display: inline;
    position: relative;
    overflow: hidden;
    float: left;
}
#tickerContent {
    overflow: hidden;
    position: absolute;
    left: 30px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px;
    font-size: 100%;
}
#tickerContent ul {
    position: relative;
    list-style-type: none;
    margin: 0;
}
#tickerContent li {
    position: absolute;
    list-style-position: inside;
    padding: 5px 0 0 30px;
}
#tickerContent ul li a:link {
    text-decoration: none;
    color: #001f45;
}
#tickerContent ul li a:hover {
    text-decoration: underline;
    color: #196ef7;
}
#tickerControl {
    margin: 0 0 0 0px;
    padding-right: 14px;
    position: relative;
    top: -5px;
}
#tickerControl ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tickerControl ul li {
    width: 15px;
    height: 20px;
    cursor: pointer;
    float: left;
}
#tickerControl ul li img {
    height: 25px;
}
.tickerPrev {
    background-color: #fff;
    text-align: center;
    position: relative;
    top: 1px
}
.tickerNext {
    background-color: #fff;
    text-align: center;
}
.tickerState {
    background-color: #fff;
    text-align: center;
    position: relative;
    top: 1px
}

/* cookie pane ***********/
.cookiePane {
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    position: fixed;
    height: 160px;
    width: 940px;
    bottom: 0px;
    z-index: 999;
    padding: 30px;
    background-color: #fff;
    color: #001f45;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}
.cookiePane .primButton button[type=button] {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 16px !important;
    color: #fff;
}
.cookiePane p a {
    color: #001f45 !important;
    text-decoration: underline;
}
.cookiePane .rebrand_buttons {
    width: 170px !important;
    display: inline-block;
    margin-right: 20px;
}

/* errors ***************/
.errorRebranded {
    float:left;
}
.errorRebranded.noFloat {
    float: none;
}
.errorRebranded div.validation-summary-errors {
    margin-bottom: 10px;
    background: #fff;
    color: #ab001f;
    background-image: url('./images/rebrand/error.png');
    background-repeat: no-repeat;
    background-position: left 25px center;
    border: 0px solid #ccc;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    border-radius: 22px;
}
.errorRebranded div.validation-summary-errors span {
    margin-left: 50px;
}
.errorRebranded div.validation-summary-errors ul {
    margin-left: 75px;
}
.errorRebranded div.validation-summary-errors ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.error-input-container.rebranded .field-validation-error {
    width: 245px;
    margin: 20px auto;
    padding: 10px 5px 10px 46px;
    border: 0px solid #ccc;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    border-radius: 22px;
    background-image: url('./images/rebrand/error.png');
    background-repeat: no-repeat;
    background-position: left 5px center;
    text-align: left !important;
    color: #ab001f;
}
.error-input-container.rebranded.validation-error {
    background: #fff;
}
.errorSection {
    font-size: 16px;
}

/* accordion faq panels*/
.accordionHolder.rebranded {
    font-size: 16px;
}
.accordionHolder.rebranded .accordionClick {
    margin-bottom: 15px;
}
.accordionHolder.rebranded .onbutton {
    width: 150px !important;
    display: block;
}
.accordionHolder.rebranded .saveMyPref {
    width: 325px !important;
}
.accordionHolder.rebranded .isClosed {
    background-color: #e8f0fe;
    color: #196ef7 !important;
}
.accordionHolder.rebranded .isClosed, .accordionHolder.rebranded .isOpen {
    border-radius: 22px;
    padding: 0 30px;
}
.accordionHolder.rebranded .isClosed h2, .accordionHolder.rebranded .isOpen h2 {
    color: #196ef7 !important;
    padding: 30px 0;
}
.accordionHolder.rebranded .isOpen {
    border: 0px solid #ccc;
    box-shadow: 0 0 30px rgba(0,0,0,0.16);
    border-radius: 22px;
    padding-bottom: 50px;
}
.accordionHolder.rebranded .btn-group, .accordionHolder.rebranded .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.accordionHolder.rebranded .divider { 
    height: 2px; background-color: #f2f3f5;
}
.accordionHolder.rebranded .row div {
    padding: 20px 20px 20px 0;
}
.accordionHolder.rebranded .row > div:first-child {
    width: 25%;
    color: #196ef7 !important;
}
.accordionHolder.rebranded .row > div:last-child {
    width: 70%;
}
.accordionHolder.rebranded .btn-group .rebrand_buttons { 
    width: 150px !important; 
    margin-right: 20px;
}
.accordionHolder.rebranded h2 span {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 40%;
    background-repeat: no-repeat;
}
.accordionHolder.rebranded .isClosed h2 span {
    background-image: url(./images/rebrand/accordionDown.png);
}
.accordionHolder.rebranded .isOpen h2 span {
    background-image: url(./images/rebrand/accordionUp.png);
}
.accordionHolder.rebranded > div {
    border-bottom: none;
}
.accordionHolder.rebranded .showPanel {
    border-left: 0;
    padding: 0;
}
.accordionHolder.rebranded > div > div {
    background-color: #fff;
    padding: 0;
}
h2.rebranded {
    color: #196ef7 !important;
    font-family: IdealSansSemibold;
    font-size: 27px;
}
/*select boxes*/
.LoginForm .sort-by {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.LoginForm.rebranded select {
    background: #e8f0fe;
    height: 48px;
    border-radius: 22px;
    width: 300px;
    padding: 2px 20px;
    border: 1px solid #e8f0fe;
    top: -4px;
    position: relative;
    font-size: 16px;
    appearance: none;
}

.LoginForm.rebranded select option {
    background: #fff;
    color: #001f45;
    height: 48px;
    line-height: 1.1;
}

.LoginForm.rebranded .postfix {
    background-color: #e8f0fe;
    border-radius: 0 22px 22px 0;
    border: 2px solid #e8f0fe;
    border-left: 2px solid white;
    position: absolute;
    right: 3px;
    bottom: 2px;
    height: 40px;
    width: 44px;
    pointer-events: none;
}

.LoginForm.rebranded .postfix:after {
    content: ">";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 12px;
    margin: auto;
    font-size: 30px;
    font-weight: bold;
    transform: rotate(92deg);
    color: #196ef7;
    width: 25px;
    height: 25px;
    bottom: 0;
    padding: 0;
    text-align: center;
}
.LoginForm.rebranded .sort-by label {
    display: inline-block;
    position: relative;
    height: 44px;
    border-radius: 22px;
    width: 100% !important;
}
.setW100pc {
    width: 100%;
}

.rebranded.LoginForm .sort-by {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.memData.rebranded.LoginForm .sort-by {
    margin-left: auto;
    margin-right: auto;
}

.rebranded table {
    width: 100%;
    margin: 20px 0 30px 0;
    padding: 0;
}

.rebranded table thead {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EAEFFE;
}

.rebranded table thead th {
    padding: 10px 5px;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #196EF7;
    opacity: 1;
    background-color: #FFF;
    border: none;
}

.rebranded table tbody tr:nth-child(2n+1) {
    background: #E8F0FE 0% 0% no-repeat padding-box;
    opacity: 1;
}
.rebranded table tbody tr:nth-child(2n) {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.rebranded table td {
    margin: 0;
    padding: 5px;
    border: none;
}


/* form layouts  **********/
    form {width:100%; padding:0;}
    fieldset {border:0; background:#fff; width:100%; padding:0 0 10px 0  !important;}
    fieldset div {margin-top:15px;}
    fieldset input[type=text], fieldset input[type=password], fieldset input[type=email] {margin-bottom:5px; border:1px solid #e1e1e1; height:20px; padding:5px; cursor:auto !important; }
    fieldset input[type=checkbox] {border:0;}
    fieldset button[type=submit] {border:0; background:#196ef7; padding:10px; color:#fff !important;}
    fieldset button[type=submit]:hover {text-decoration:none; background:#478bf9;}
    fieldset button[type=submit]:active {text-decoration:none; background:#13437e;}
    fieldset input:hover, fieldset button:hover {cursor:pointer;}
    fieldset label {width:48% !important; display:inline-block; text-align:right; padding-right:25px;}
    fieldset input {display:inline-block;}
    fieldset select {border:1px solid #e1e1e1; height:30px;}
    /*login only*/
    fieldset.LoginForm {text-align:center;}
    fieldset.LoginForm input[type=text], fieldset.LoginForm input[type=password] {width:300px; text-align:center;}
    fieldset.LoginForm label.loginPageChekcbox {width:100px !important;}
/* error messages **********/

    /*list of errors*/
    div.validation-summary-errors {margin-bottom:10px; background:#ffbcba; color:#8b0000; background-image:url('./images/Icons/error.png'); background-repeat:no-repeat;  background-position: left center; } 
    div.validation-summary-errors span {display:block; margin:0 0 0 30px; padding:10px; }
    div.validation-summary-errors ul {margin:0; padding:0; }
    div.validation-summary-errors ul li {margin:0 0 0 15px; padding:10px 10px 10px 25px; list-style:none;} 
    /*individual errors*/
    .field-validation-valid {display:none;}
    .field-validation-error {font-weight:bold;}
    div.error-input-container span.field-validation-error {display: block; text-align: center}
	/*set left alignment for errors on btl calc*/
	#btlCalc div.error-input-container span.field-validation-error {text-align: left;}

    /*highlight error section*/
    .validation-error {background-color: #ffbcba; padding: 5px 0 5px 5px; color: #8b0000;}
    /*fix for error msg where ticker is showing*/
    #loginPage div.validation-summary-errors {float:left;}
    #loginPage div.validation-summary-errors span {padding-right:0;}
    #loginPage div.validation-summary-errors ul li {margin:0 0 0 15px; padding:10px 0 10px 25px; list-style:none; width:95%;}


   /* dark light panels*/
   form fieldset.lightPanel {background-color:#f1f1f4;  margin:0; padding-top:15px; overflow:visible;}
	form fieldset.lightPanel#darkText {color:#000;}
	form fieldset.darkPanel {background-color:#D8D8E0; color:#000;  padding-top:15px; margin:0; overflow:visible;}
	form div.darkPanel {background-color:#D8D8E0; color:White;  padding-top:8px; margin:0;}


   /*proc fees panels*/
   .formHolder {width:100%; padding:10px 0 0 0; margin-bottom:10px; float:left;}
   .formHolder label, .div.formLeft { width:30%; display:inline-block;  }
   .formHolder select, .formRight select {border:1px solid #e1e1e1; padding:6px 5px 6px 0; }
   .formHolder table#resultstable {width:100%; margin:20px 0 30px 0; float:left;}

   .formLeft, .formRight { margin-top:20px;}