/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

@font-face {
	font-family: 'polymath-regular';
	src: url('/cms/fonts/Polymath/Polymath-Regular.woff') format('woff'), url('/cms/fonts/Polymath/Polymath-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'polymath-semibold';
	src: url('/cms/fonts/Polymath/Polymath-Semibold.woff') format('woff'), url('/cms/fonts/Polymath/Polymath-Semibold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'polymath-bold';
	src: url('/cms/fonts/Polymath/Polymath-Bold.woff') format('woff'), url('/cms/fonts/Polymath/Polymath-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'polymath-black';
	src: url('/cms/fonts/Polymath/Polymath-Black.woff') format('woff'), url('/cms/fonts/Polymath/Polymath-Black.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-family: 'polymath-semibold', sans-serif;
	font-weight:normal;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal; color:#a0a2a5; border:1px solid #d2d3d5; padding:10px; /*margin:0 1px;*/
}

.login button, .login input {}
.mailList  input {width:99%;}

.locator  input {margin:0 1px 10px 1px;}
.corlnav .locator  input[type="text"], .corrrail .locator  input[type="text"]
 {width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

 
/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body {
}

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:10px; }
.imgRight { float:right; margin-left:10px;}
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }

.skip a { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.skip a:focus, .skip a:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}

.important {
	color: red;
	font-family: 'polymath-semibold', sans-serif;
	text-transform: uppercase;
}

/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
    display: none;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #78aeda;
    transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}

#focus-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
    transition: all 0.1s ease-out;
}

#focus-overlay.focus-overlay-active {
    display: block;
}

#focus-overlay.focus-overlay-animating::after {
    opacity: 1;
}

.focus-overlay-target {
    outline: none;
}


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

h1 {
	font-size: 3.0em;
	margin: 1em 0 .5em 0;

	font-family: 'polymath-bold', sans-serif;
}
h2 {
	font-size: 2.25em;
	margin: .5em 0 .5em 0;

	font-family: 'polymath-bold', sans-serif;
}
h3 {
	font-size: 1.5em;
	margin: .5em 0 .5em 0;

	font-family: 'polymath-semibold', sans-serif;
}
h4 {
	font-size: 1.4em;
	margin: .5em 0 .5em 0;

	font-family: 'polymath-semibold', sans-serif;
}
h5 {
	font-size: 1em;
	margin: .5em 0 .5em 0;

	font-family: 'polymath-semibold', sans-serif;
}
h6 {
	font-size: .9em;
	margin: .5em 0 .5em 0;

	font-family: 'polymath-semibold', sans-serif;
}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#6D6D6D; text-decoration:underline; }
a:hover, a:active, a:focus { color:#6D6D6D; text-decoration:none; }
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
	ul.linkList {margin:38px 0 15px 0; /*padding:0 10px;*/ list-style-type:none; width:50%; float:left; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
ul.linkList.linkListRight{}
ul.linkList li {margin-bottom:7px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none; color:#f2f2f3; font-weight:300;}
ul.linkList a:hover,
ul.linkList a:focus,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background:#fff; }
.container { }
.siteBody { min-height:300px; margin:0 0; background: #fff;}


/* ## Site Header ## */
.siteHeader {position:relative; min-height:90px; z-index:1000;}
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {
		float: left;
		display: block;
		width: 450px;
		height: 60px;
		margin-top: 21px;
		background-image: url(/cms/images/reskin/HealthCare_Assoc_Logo_Partial_Reverse.png);
		background-repeat: no-repeat;
		background-size: contain;
		text-indent: -9999em;
	}



.siteHeader .hdrPhonenum {
    background-position: 100% 0;
    background-repeat: no-repeat;
    bottom: 12px;
    display: block;
    height: 34px;
    position: absolute;
    right: 12px;
    text-indent: -9999em;
    width: 200px;
}
.headerLinks {
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-align: right;
}
.headerLinks a, .headerLinks a:link, .headerLinks a:visited {
    margin: 0 3px;
    text-decoration: none;
}
.headerLinks a:hover, .headerLinks a:active {
    text-decoration: underline;
}


/* ## Disabled Form Fields ## */

.siteSearch {
    color: #FFFFFF;
    margin: 0;
}
.siteSearch label {
    display: none;
}

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; margin:0 0 2.5em; font-weight:300; }
.moreLink {text-align:left; font-size:14px; font-weight:normal;}
.moreLink a {color:#414042;}

.title {}
.titleAlt {}
.titleAlt2 {}

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;
}

.modContent{
	padding: 30px 20px 30px 20px; border:1px solid #d1d3d4;
}
.page .modContent{border:none;}

.modIcon {margin-bottom:20px;}


/* Item Lists Content
   ========================================================================== */

.itemList {
	margin:0;
	padding:0;
	list-style:none;
}

.item {
	display: table;
	padding: 1em 0;
	width: 100%;
	border-top: 1px solid #ccc;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}

.content .title { margin:0 0 .3em 0; }
.itemList .content p { margin: 0.5em 0; }
.content .date { font-size:0.85em; }


/* Item Media
   ========================================================================== */

.aside {
	display: table-cell;
	padding: 0 15px 0 0;
	text-align: center;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right;
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #d1d3d4;
	background: #f2f2f3;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

/* Pagination
   ========================================================================== */

.paging {
	padding: 1em;
}

.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled {
	display: none;
}

.paging-list li.disabled+li {
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}



/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
.alert {
	overflow:hidden;
	border: 1px solid #ff6666;
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #ff0000;}
.alertSign {float:left;}
.alertItem {padding:10px 0; margin:0 0 0 50px;}
.alert a, .alert .date {color:#fff;}

.bdr        { border:1px solid #d1d3d4; padding:1px; background-color:#f2f2f3; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: rgba(0,0,0,0.03);}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.sortStatus {float:left;}
.genericPager {float:right;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:11px; margin:0 5px 5px 0;}
.genericPager li a {float:left; padding:2px 4px; border:1px solid #d1d3d4; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#666; background-color:#f2f2f3; border: 1px solid #999; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #d1d3d4; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #d1d3d4; padding:2px 4px; background-color:#f2f2f3;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:20px 20px 30px 20px;}
.siteOverlay .overlayContent h1 {font-size:2em; text-align:center; margin: 0.3em 0 0.5em;}
.siteOverlay .overlayContent #external_link{margin-bottom:20px;}
.siteOverlay .overlayClose.icon-close:before { content: "X"; font-family: 'Lato', sans-serif; font-weight:bold;}

/* =================================================================
                           MODULE STYLES
===================================================================*/

.bar {margin:20px 0 20px 10px; font-size:12px;}

/* ##  Breadcrumb  ## */

.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; color:#58595b;}
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 10px 0 2px; font-weight:normal; color:#666666;}


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {float:right; display:none; text-align:right; font-weight:bold; color:#0076bf; margin-right:10px;}

.pageTool {font-size:1em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a {
	display: inline;
	margin-left: 20px;
	color: #563D82;
	font-weight: bold;
	text-decoration: none;
}
	.pageToolsWrapper a:hover,
	.pageToolsWrapper a:focus,
	.pageToolsWrapper a:active {
		color: #3EB1C8;
		text-decoration: underline;
	}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox {display: inline-block; vertical-align: top;}
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0 0 0 20px; margin:0 0 0 0px; }
.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {margin-right: 0px;}
.addthis_toolbox { display:inline; }
a.at300b .at4-icon, a.at300m .at4-icon {
    display: none !important;
}

/* ## Email a Friend ## */

.emailWrpr {color: #58595b; font-family: 'Lato',sans-serif; font-size: 16px;}
.emailWrpr h1 {font-size:2em; margin:0.3em 0;}
.emailWrpr input[type="submit"] {margin-top: 10px;}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

.hd  {padding:15px 10px; border-bottom:3px solid #0076bf; margin:0 0 10px 0;}
.ftr {padding:10px; border-top:3px solid #0076bf; font-size:11px; text-align:center; margin:10px 0 20px;}

.printBody {margin:0; padding:0; color:#333; background:#fff; width:100%;}
.printWrpr {width:660px; text-align:left; margin:0 auto; z-index:1; font-family:'Lato', san-serif;}

.emailBody {margin:0; padding:0; background:#fff; width:100%;}
.emailWrpr {width:680px; text-align:left; margin:0 auto; z-index:1;}

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}




/* ===============  HOME SLIDESHOW  =============== */

.mainStage {position:relative; overflow:hidden; width:960px; height:425px; margin:0 20px;}

.mainStage h1 {color:#72A3D0; font:normal 14px Sone,'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em 0; padding:0; text-transform:lowercase; text-shadow:1px 1px 1px #fff; z-index:2;}
.mainStage h1 sup {font-size:0.5em;}
.mainStage h3 {color:#72A3D0; font:bold 20px 'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch:condensed; margin:0 0 0.6em; z-index:2;}
.mainStage-top {position:absolute; top:20px; border-bottom:1px dashed #bbc2c9; width:100%;padding-bottom:4px; z-index:1;}
.mainStage .items {width:20000em; position:absolute; clear:both}
.mainStage .single {float:left; position:relative; width:960px; height:425px; margin:0; padding:0;  background-repeat:no-repeat; background-position:right 0;}
.mainStage .single h3 { font-size:60px; text-transform:uppercase; margin:80px 0 0 0; text-shadow:2px 2px 2px #ABC9E4;}
.mainStage .single p {font-size:14px; font-weight:bold; color:#72a3d0; line-height:1.6em;}

.mainStage .navi {position:absolute; top:15px; right:0;}
.mainStage a.browse {background:url(/cms/images/slideshow/slide_arrows.png) no-repeat; display:block; width:25px; height:30px; cursor:pointer; font-size:1px; position:absolute; z-index:1000; top:0;}
.mainStage a.right {background-position:-25px 0; right:0;}
.mainStage a.right:hover {background-position:-25px -30px}
.mainStage a.right:active {background-position:-25px -60px}
.mainStage a.left {margin-left:0;right:35px;}
.mainStage a.left:hover {background-position:0 -30px;}
.mainStage a.left:active {background-position:0 -60px;}
.mainStage a.disabled {visibility:hidden !important;}


/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { /*display:inline-block; padding:2px; background-color:#3F3F3F; text-decoration:none !important;*/ }
.btn {
	display: inline-block; /*margin:0 1px;*/
	position: relative;
	padding: 10px 30px 11px;
	color: #1E1A34;
	border: none;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	letter-spacing: 1px;
	background: #F9E547;
	Xborder: solid 1px #F9E547;
	font-family: 'polymath-semibold', sans-serif;
	border-radius: 25px;
}

	x.btnWrapper:hover, 
	x.btnWrapper:focus, 
	.btnWrapper:hover .btn, 
	.btnWrapper:focus .btn, 
	x.btn:hover, 
	x.btn:focus {
		background: #7474C1;
		Xborder: solid 1px #7474C1;
		color: #fff !important;
	}
.btn:hover:after,
a.btn:hover:after,
.btn:focus:after,
a.btn:focus:after {}

X.btnAlt {background-color:#cccccc ;}
.btnAlt .btn {
	background: #3EB1C8;
	color: #1E1A34;
	Xborder: solid 1px #3EB1C8;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 30px 11px;
}



	.btnAlt:hover, .btnAlt:hover .btn { /*background-color:#E3E3E3;*/ }
a.btn {color:#fff;}

.login .btn { display:inline-block; margin:0 1px; padding:10px 18px;  color:#fff; background-color:#999; border:none; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; letter-spacing:1px;}

.btnLarge .btn {padding:5px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {position:relative; margin-bottom:10px; padding:20px 0 0;}
.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#ecf1f8;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}

.advFooter {position: relative; color:#f2f2f3;}
.advFooter li.callout {margin-bottom:10px;}
.advFooter .callout a,
.advFooter .callout a:link,
.advFooter .callout a:visited {font-weight:bold; font-size:1.1em; color:#f2f2f3;;}

ul.advList {margin:0 0 10px; padding:0; list-style-type:none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {text-decoration:none; color:#f2f2f3;}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px; font-size:1.1em;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; color:#6d6d6d;}

.footerHeading {display:block; margin:0 0 2px; font-weight:bold; font-size:1.1em;}

.welcomeMessage {position:absolute; bottom:5px; right:0; width:50%; padding:20px; font-size:12px; background-color:#ECF1F8; border:1px solid #9BAAB7;}
.welcomeMessage .iconClose {position:absolute; top:3px; right:3px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; cursor:pointer;}


.footerLinks {}
.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited {text-decoration:none; color:#666666;}

.footerLinks a:hover,
.footerLinks a:focus,
.footerLinks a:active {text-decoration:underline;}

.copyright {color:#f2f2f3; font-size:12px; font-weight:300; margin:38px 0;}
.copyright.mobile {display:block; text-align: center;}
.copyright.desktop {display:none;}

/* ## Footer Email Signup ## */

.emailSignup {margin:0 0 15px;}
.emailSignup p { margin:0 0 2px 0; }
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}


/* ## Footer Social Follow ## */

.followUs {margin:0 0 20px; text-align:center;}
ul.socialFollow {margin:0; padding:0; list-style-type:none;}
ul.socialFollow li {display:inline-block; Xmargin-right:6px;}
ul.socialFollow li a {display:inline-block; width:50px; height:50px; overflow:hidden; color:#ffffff; margin:0px 10px;}
ul.socialFollow li.facebook a {background-position:0 0;}
ul.socialFollow li.twitter a {background-position:0 -69px;}
ul.socialFollow li.in a {background-position:0 -139px;}
ul.socialFollow li.pinterest a {background-position:0 -207px;}

ul.socialFollow li a:hover{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);} 

/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }
table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:20px;}
table.dataTbl th {background:#478c26; padding:6px 15px; font-size:1em; border:1px solid #478c26; border-bottom:2px solid #fdd539; color:#fff;}
table.dataTbl th a {color:#fff; text-decoration:underline;}
table.dataTbl td {vertical-align:top; padding:6px 15px; border:1px solid #E1E1E1;}
table.dataTbl td td {border-style:none;}

/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.rates .tableWrapper { overflow:auto; }
.rates table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	border:1px solid #E1E1E1;
	font-weight:300;}
.rates table.dataTbl th {background:none; padding:10px 15px; /*padding:7px 15px;*/ font-size:1em !important; border:none; color:#414042; text-align:left; letter-spacing:1px;}
.rates table.dataTbl th span {font-size:12px; font-weight:normal; color:#555555;}
.rates table.dataTbl th a {color:#fff; text-decoration:underline;}
.rates table.dataTbl td {vertical-align:top; padding:7px 5px; font-size:26px; border:none !important;}
.rates table.dataTbl td td {border-style:none;}
.rates table.dataTbl td + td {font-weight:normal; text-align:center;}
.rates table.dataTbl tr.tblMidRow td {padding:30px 10px;}

.rates table.dataTbl.tbl1, .rates table.dataTbl.tbl2 {margin-bottom:40px;}

.rates table.dataTbl.tbl1 th{border-bottom:10px solid #008299;}
.rates table.dataTbl.tbl2 th{border-bottom:10px solid #3A7A15;}
.rates table.dataTbl.tbl3 th{border-bottom:10px solid #72166B;}
.rates table.dataTbl.tbl4 th{border-bottom:10px solid #CB4E06;}
.rates table.dataTbl tr.tblLastRow{text-align:center; border-top:1px solid #E1E1E1; padding:7px 5px;}
.tblLastRow a {color:#0076bf; font-size: 14px; font-weight:bold; text-decoration:none;}
.tblLastRow a:hover,
.tblLastRow a:focus {text-decoration:underline;}

/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:0px 0 15px 0; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

.vd {padding:0 5px;}
.topOfPage {text-align:right;}
.topOfPage a {background:transparent url(/cms/images/arrow.gif) no-repeat 100% 50%; padding-right:13px;}

.powered {display:block; }


/* =================================================================
                        Backgrounds
===================================================================*/

.btn.greenBg {
	background: #563D82;
	border: solid 1px #563D82;
	border-radius: 25px;
}
.btn.greenBg:hover,
.btn.greenBg:focus {
background: #333333;
}

.btn.green2Bg {
background: #3A7A15;
}
.btn.green2Bg:hover,
.btn.green2Bg:focus {
background: #333333;
}

.btn.purpleBg {
	background: #563D82;
	border-radius: 25px;
	padding: 10px 30px 11px;
	color:#fff;
}
.btn.purpleBg:hover,
.btn.purpleBg:focus {
background: #333333;
}

.btn.purple2Bg {
	background: #563D82;
}
.btn.purple2Bg:hover,
.btn.purple2Bg:focus {
background: #333333;

}

.btn.blueBg {
	background: #3EB1C8;
	color: #1E1A34;
	border: solid 1px #3EB1C8;
	border-radius: 25px;
	Xfont-size:16px;
}
	.btn.blueBg:hover,
	.btn.blueBg:focus {
		background: #7474C1;
		border: solid 1px #7474C1;
		color:#fff;
	}

.btn.blue2Bg {
background: #009fc2;
}
.btn.blue2Bg:hover,
.btn.blue2Bg:focus {
background: #333333;

}

.btn.orangeBg {
background: #CB4E06;
}
.btn.orangeBg:hover,
.btn.orangeBg:focus {
background: #333333;
}

.btn.TangerineBg {
background: #CB4E06;
}
.btn.TangerineBg:hover,
.btn.TangerineBg:focus {
background: #333333;
}

.btn.FuchsiaBg {
background: #72166B;
}
.btn.FuchsiaBg:hover,
.btn.FuchsiaBg:focus {
background: #333333;
}

.btn.rnd {border-radius:10px;}

.btn.trans {
	background: none;
	border: solid 1px #3EB1C8;
	color: #3EB1C8 !important;
	border-radius: 25px;
	font-size: 16px;
}

.btn.trans:hover,
.btn.trans:focus {
	background: #3EB1C8;
	color:#fff !important;
	text-decoration:none;
}

.btn.transY {
	background: none;
	border: solid 1px #F9E547;
	color: #F9E547;
	border-radius: 25px;
}

	.btn.transY:hover,
	.btn.transY:focus {
		background: #F9E547;
		color: #000;
	}

.btn.yellowBg {
	background: #F9E547;
	border: solid 1px #F9E547;
	color: #1E1A34 !important;
	border-radius: 25px;
	Xfont-size:16px;
}



	.btn.yellowBg:hover,
	.btn.yellowBg:focus {
		background: #1E1A34;
		border: solid 1px #1E1A34;
		color: #fff !important;
		text-decoration:none;
	}



.headerRightWrpr .btn.yellowBg:hover,
.headerRightWrpr .btn.yellowBg:focus,
.tabContent .btn.yellowBg:hover,
.tabContent .btn.yellowBg:focus {
	background: #7474C1;
	border: solid 1px #7474C1;
	color: #fff !important;
}




.headerRightWrpr #searchTab {
	background: none;
	color: #fff;
	border: solid 1px #fff;
	border-radius: 20px;
	padding: 2px 11px;
}


/* =================================================================
                        Custom Styles
===================================================================*/

.mainBody {
	Xfont-family: 'Lato', sans-serif;
	font-family: 'polymath-regular', sans-serif;
	font-size: 16px;
	color: #1E1A34;
}
.main {margin-bottom:30px;}
.headerWrpr {border-bottom:none;}
.mainContent p{line-height:1.5;}
.mainContent li {padding:3px 5px;}

.extraNavWrpr {font-weight:bold; 
	background: rgb(1, 104, 168);
	background: -moz-linear-gradient(90deg, rgb(1, 104, 168) 0%, rgb(0, 118, 191) 100%);
	background: -webkit-linear-gradient(90deg, rgb(1, 104, 168) 0%, rgb(0, 118, 191) 100%);
	background: -o-linear-gradient(90deg, rgb(1, 104, 168) 0%, rgb(0, 118, 191) 100%);
	background: -ms-linear-gradient(90deg, rgb(1, 104, 168) 0%, rgb(0, 118, 191) 100%);
	background: linear-gradient(180deg, rgb(1, 104, 168) 0%, rgb(0, 118, 191) 100%);
}

.searchTab {color:#fff; padding: 12px 0px /*11px 17px*/;  font-size:12px; letter-spacing:1px; Xposition:absolute; display:inline; text-align:center;}
.loginTab {color:#fff; padding: 12px 0px /*11px 17px*/; font-size:16px; letter-spacing:1px; Xposition:absolute; display:inline; text-align:center;}
.becomeMember {
	color: #fff;
	padding: 10px 18px 11px !important;
	font-size: 16px !important;
	letter-spacing: 1px;
	Xposition: absolute;
	display: inline;
	right: 0;
	text-align: center;
}

.loginForm .formee .inputWrpr {position:relative;}
.loginForm .formee label {
    position:absolute;
    top:0;
    left:0;
    padding: 10px 0 10px 10px;
    margin:0;
    width:100%;
    color:#ababab;
    cursor:text;
    -webkit-transition: all 0.3s ease-in-out 0.2s, background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: all 0.3s ease-in-out 0.2s, background 0.3s ease-in-out, color 0.3s ease-in-out;
}
X.loginForm .formee input.hint + label {
    top:-5px;
    left:0;
    padding:1px 0;
    width:100%;
    background:#0286A3;
    font-size:10px;
    color:#fff;
    text-align:center;
}

@media only screen and (max-width:47.9em){
	X.searchTab {padding: 11px 0px; width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; order:-1;}
	.loginTab {padding: 11px 0px; width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	X.becomeMember {padding: 11px 0px; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; order:3;}

}

.joinHdWrpr {background:#4f901b; display:none; }
.joinHd {padding:18px 0 20px 0; color:#fff;}
.joinHd p {padding-left:10px; line-height:1.4; font-size:15px;}
a.join{float:right; background:#84c550; color:#fff; padding: 6px 86px 7px 87px; font-size:24px; font-weight:bold; letter-spacing:2px; margin:0 0 10px 20px;}
 
.searchHdWrpr {background:#630267; display:none;}
.searchForm {margin-top:21px;}
/*.searchForm  input[type="text"] {width:100%;}*/
.search {background:#84c550; color:#fff; padding: 6px 65px 7px; font-size:24px; font-weight:bold; letter-spacing:2px; margin:0 0 10px 0;}


.loginHdWrpr { display:none;}


.loginForm {margin-top:21px; float:right;}
.loginForm .btn {padding: 10px 32px 11px;}
.loginForm .formee input[type="text"] {padding:10px; margin:0;}
.loginForm .formee input[type="password"] {margin:0;}
.loginForm .onlineEnrollLink {display:inline-block; float:left; margin:10px; font-size:14px;}
.loginForm .onlinePasswordLink {display:inline-block; float:left; margin: 10px 10px 10px 20px; font-size:14px;}
.loginForm.desktop {display:none;}
.loginForm.mobile {display:block;}
.questionMark {background:url(/cms/images/question-mark.png) no-repeat; padding: 40px 15px 10px 28px; opacity:0.3; position:relative; float:right; cursor:pointer;}
.questionMark:hover,
.questionMark:focus {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.questionMark .helpTips{display:none; color:#666; position:absolute; background:#f2f2f3; padding:10px 20px; top:40px; right:0; width:310px; z-index:10000;}

.footerTopWrpr {background:#3c3c3c;} 
.footerTopWrpr .container {position:static;}
.footerBottomWrpr {background:#292728;}
.siteBottomWrpr{background:#3c3c3c; height:40px;}

.subFooter {padding:20px; color:#999; font-size:12px; text-align:center;}
.subFooter img {margin-right:20px;}
.subFooter span {position: relative; top:2px;}
.subFooter .aeLink {}
.subFooter .aeLink:hover {text-decoration:none;}

.logosFooter {margin:0 0 15px 0; text-align:center;}
ul.logosFt {margin:0; padding:0; list-style-type:none;}
ul.logosFt li {display:inline-block; margin-right:5px; vertical-align: top;}
.logosFtTxt {font-size:11px; font-weight:bold; margin-top:10px; color:#cccccc;}
ul.logosFt a:hover {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

.pageHeadingWrpr {position:relative;
	background: url(/cms/images/pgHd-bkgd1.png) no-repeat 0% 0%;
	background-size: cover;
	-webkit-box-shadow: 0px 30px 30px 0px rgba(231, 231, 231, 1);
	-moz-box-shadow:    0px 30px 30px 0px rgba(231, 231, 231, 1);
	box-shadow:         0px 30px 30px 0px rgba(231, 231, 231, 1);
}
/*.pageHeadingWrpr:before {background: #057085; position:absolute;}*/
.pageHeading ,
.pageHeadingWrpr h1 {padding-left:10px; color:#fff;}

.corlnav {padding-right:10px;}
.modItem {margin-bottom:30px;}
.modItem:last-child {margin-bottom:0;} 

.testimonials .webLink {font-style:italic; font-weight:normal; color:#74add0; text-decoration:none;}
.testimonials .webLink:hover,
.testimonials .webLink:focus {text-decoration:underline;}
.testimonials p a {text-decoration:none;} 
.testimonials p a:hover,
.testimonials p a:focus {text-decoration:underline;}

.quickLinks ul {margin:0 0 0 15px; padding:0;}
.quickLinks ul li {padding:5px 0; list-style:none;}
.quickLinks ul li:before {margin-left:-15px;
  color:#74add0; /* set color to red */
  content:"\2022"; /* /2022 is the numerical unicode for &bull; */
  font-size: 1.2em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:.20em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative;
    top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}
.quickLinks .modContent {padding-left:5px;}
.quickLinks a {text-decoration:none;}
.quickLinks a:hover,
.quickLinks a:focus {color:#74add0; text-decoration:underline; }

.mod {line-height:1.4;}
	.mod a.itemHd {
		color: #1E1A34;
		text-decoration: none;
	}
.mod a.itemHd:hover,
.mod a.itemHd:focus {text-decoration:underline;}

.locatorIntWrpr {padding-left:5px; font-size:14px; font-weight:normal;}
.findBranch {
	font-size: 21px;
	margin-bottom: 20px;
	font-family: 'polymath-semibold', sans-serif;
}
.locator h2.modHd {
	font-size: 1.8em;
	color: #563D82;
}
.locator .modContent { padding-bottom: 20px;
	Xbackground: rgb(255, 255, 255);
	Cbackground: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 231, 232) 100%);
	Xbackground: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 231, 232) 100%);
	Xbackground: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 231, 232) 100%);
	Xbackground: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(230, 231, 232) 100%);
	Xbackground: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(230, 231, 232) 100%);
}
.locator .checkBox {
	margin-top: 40px;
	margin-bottom: 40px;
	Xpadding-left: 40px;
}
.locator .checkBoxL {float:left; margin:0 20px 0 0;}
.locator .checkBoxR {float:left; margin:0 20px 0 0;}
.locator .checkBox input{margin:12px 7px 0 0;}
.locator .formee {font-size:16px; font-weight:300; Xdisplay:inline;}
	.locator .formee input[type="text"] {
		margin-bottom: 25px;
		color: #1E1A34;
		background:none;
		border:none;
		border-bottom:solid 2px #fff;
	}

	.locator .formee input[type="text"]:hover {
		color: #1E1A34;
		background: none;
		border: none;
		border-bottom: solid 2px #fff;
	}
		.locator .formee input[type="text"]::placeholder {
			color: #1E1A34;
			opacity:1;
		}

		.mod.locator {
			line-height: 1.2;
			padding-top: 25px;
			border-radius: 30px;
		}

.locator .moreLink a {font-style:italic; color:#791d7d; text-decoration:underline;}
.locator .moreLink a:hover {text-decoration:none;} 
.locator .btnWrpr {Xdisplay:inline;}
.locator .btnWrpr .btn {padding: 11px 22px 12px;}
.locator .zipCodeGo {text-align:center; margin-bottom:20px;}
.locator .moreLink {text-align:center;}
.corlnav .locator .formee, .corrrail .locator .formee {margin-bottom:10px; display:block;}
.corlnav .locator .btnWrpr, .corrrail .locator .btnWrpr{margin-bottom:20px; display:block;}
.corlnav .locator .zipCodeGo, .corrrail  .locator .zipCodeGo {text-align:left;}
.corlnav .locator .moreLink, .corrrail .locator .moreLink {text-align:left;}

.intPageBottom  .followUs {float:none; display:inline-block; margin:0 0 20px 20px;}
.intPageBottom  .followUs ul.socialFollow li a{opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.intPageBottom  .followUs ul.socialFollow li a:hover,
.intPageBottom  .followUs ul.socialFollow li a:focus {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.intPageBottom .btnWrpr {display:inline-block; margin:0 0 20px 30px; vertical-align:top;}




.instrument {margin:0 0 60px 0;}
.instrument .instrSubHd {font-size:34px; color:#009fc3; padding-right:15%;}
.blue {
	color: #563D82 !important;
}
.boxContent .blue {color:#fff;}
.strong {font-weight: bold;}
.instrument h3 {font-size:26px; font-weight:normal;}
.instrument p{font-weight:normal; font-size:18px; line-height:1.5;}
.instrument p.italic{padding:0 5% 0 15%; text-indent:-8%;}
h2.instrSubHd{margin-top:0;}
.instrument p.note {font-size:14px; font-weight:normal; margin-top:40px;}
.instrHd {border-bottom:1px solid #0aa3c5; padding-bottom:20px;}

.instrument .box {width:100%; color:#fff; position:relative;}
.instrument .boxWrpr { padding:0; margin:20px 0 40px;}
.instrument .boxHd{font-size:30px; font-weight:normal; padding:20px 30px; display:inline-block; color:#fff; border-bottom:1px solid #fff; text-transform:uppercase;}
.instrument .boxImg {position:relative; top:10px; float:right; margin-right:-10px;}
.printWrpr .instrument .boxImg {display:none;}
.instrument .boxContent {padding:15px 30px;	background:none;}
.instrument .boxContent ul li {padding:5px 10px;}

.instrument ul {padding-left:20px;}
.instrument ul li {padding:5px 10px;}
.instrument  a.clickHere  {text-decoration:underline; text-shadow: none; color:#fec913;}
.instrument  a.clickHere:hover,
.instrument  a.clickHere:focus {text-decoration:none;}

.boxContent  a  {text-decoration:underline; text-shadow: none; /*color:#fec913;*/ color:inherit;}
.boxContent  a span {text-decoration:underline; text-shadow: none; color:inherit;}
.boxContent  a:hover,
.boxContent  a:focus {text-decoration:none;}
a.btn.greenBg,
a.btn.greenBg  span {text-decoration:none;}

/* Checking */
.checking .box {background:#0aa3c5;}

/* Savings */
.savings .box {background:#93cd65;}

/* Christmas */
.christmas .box {background:#cb3d44;}

/* Market */
.market .box {background:#008299;}

/* Deposit */
.deposit .box {background:#3A7A15;}
.deposit h3{color:#3A7A15; font-size:24px; }

.bkgdColor1 {
	background: #3EB1C8;
}
.bkgdColor2 {background:#008299;}
.bkgdColor3 {background:#3A7A15;}
.bkgdColor4 {background:#CB4E06;}
.bkgdColor5 { /*background:#979eb2;*/
	background: #3EB1C8;
}

.boxTurquoise {color:#fff; position:relative; background:#008299; padding: 15px 30px; margin:10px 0 40px 0;}

.CoolGray .box {background:#6B6B6B;}
.Turquoise .box {background:#008299;}
.BrightBlue .box {
	background: #3EB1C8;
}
.SpringGreen .box {background:#3A7A15;}
.Tangerine .box {background:#CB4E06;}


.mailListWrpr {border-bottom:1px solid #d1d3d4;}
.mailList.desktop {display:none; padding:10px 0;}
.mailList.mobile {display:none; position:relative; z-index:999; padding:20px 0 10px;}	
.mailList h3 {padding-left:20px; font-size:20px;}
.mailList.mobile h3 {color:#f2f2f3;}
.mailLeft {width:100%;}
.mailRight {width:100%;}

.leftWrpr {padding-left:10px;}
.bannerWrpr {margin-bottom:40px; position:relative;}
.bannerWrpr img {border:1px solid #d1d3d4;}
.bannerTxt {font-size:18px; font-weight:normal; color:#fff; position:absolute; bottom:0; padding:0 40% 10px 20px;}
.bannerTxt p {margin-bottom:0;}
.bannerTxt .moreLink a {font-style:italic; color:#791d7d; text-decoration:underline;}

.homePgBottomWrpr {background:#f2f2f3; text-align:center; line-height:1.5; padding:20px 0 60px;}
.homePgBottom {padding-top:50px;}
.homePgBottom p {padding:0 10% 30px; font-weight:300;}
.homePgBottom p a {font-weight:bold; color:#005BBF; text-decoration:none;}
.homePgBottom p a:hover,
.homePgBottom p a:focus {text-decoration:underline;}
.homePgBottom a.btn {color:#fff; font-size:24px; font-weight:bold; letter-spacing: 2px; padding: 10px 70px;}

.bottomLinksWrpr {height:150px; position:relative;}
a.bottomLinks {font-size:14px; font-weight:bold; text-decoration:none; text-align:center; color:#414042;}
a.bottomLinks:hover,
a.bottomLinks:focus {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); text-decoration:underline;}
a.bottomLinks img {padding:40px 0 10px;}
a.bottomLinks div {line-height:1.2; letter-spacing:1px; vertical-align:middle;}
a.bottomLinks span {display:block; line-height:1.2; letter-spacing:1px; vertical-align:middle;}

.ratesTab {float:right; margin-top:20px;}
.rates .modHd {padding-left:10px;}
.rates .moreLink {text-align:right; margin-right:15px; position: absolute; right:0px; top:55px;}
.rates .moreLink a {color:#0076bf; font-style:italic; text-decoration:underline;}
.rates .moreLink a:hover,
.rates .moreLink a:focus {text-decoration:none;}

.tabs {position: relative; padding-top:25px;}

.tabs .ui-helper-clearfix:before, .ui-helper-clearfix:after {
	border-collapse: collapse;
	content: "";
	display: table;}

.tabs .ui-helper-clearfix:after {
	clear: both;}

.tabs .ui-tabs-nav {margin:0; padding:0; position:relative;}

.tabs .ui-tabs-nav li {
	float:left;
	list-style: none;
	margin:1px 0 0 0;
	padding:0;
	position: relative;
	top:-5px;
	white-space: nowrap;
	}
	
.tabs .ui-tabs-nav li:first-child {
	border-right:1px solid #e5e5e5;
}	

/*tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;}*/

.tabs .ui-tabs-nav .ui-tabs-anchor {
	background:#fff;
	float: left;
	padding: 0.5em 1em;
	text-decoration: none;
	color:#555555;
	font-weight:bold;
	font-size:14px;}

.tabs.inRail .ui-tabs-anchor{padding: 0.5em;}

.tabs .ui-tabs-active a {
	color:#0077c0 !important;}

/*tabs .ui-tabs-panel {
	background:#fafafa;
	border:1px solid #e5e5e5;
	padding:30px;}

.tabs .ui-tabs-panel a {display:block; padding:10px 0; border-bottom:1px solid #e5e5e5;}*/

.home h3.modHd {font-size:30px;}


.mod .continue-link a, a.continue-link {color: #0076bf; font-style: italic; text-decoration: underline; }
.mod .continue-link a:hover, a.continue-link:hover,
.mod .continue-link a:focus, a.continue-link:focus {text-decoration:none;} 
.mod .continue-link{margin-top:10px; text-align:center;}

.at15t_compact, .at16nc.at16t_compact, .at15t_expanded, .at16nc.at16t_expanded, .at15t_more, .at16nc.at16t_more, .at15t_addthis, .at16nc.at16t_addthis {background-image:none;}

.documentItem {margin-bottom:20px;}
.documentFilterRight input[type="text"] {padding: 1px 6px; margin-bottom:5px;}
.documentFilterRight input[type="button"],
.documentFilterRight input[type="submit"]  {margin-top:5px;}
.documentFilterRight select {margin-bottom:5px;}

.photo_email {  float: right;}

.servicesWrpr {margin:0 0 20px 0; padding:10px 0; color:#fff; font-size:14px; line-height:1.2;}

.textRight {padding: 0 20px 0 240px; min-height: 165px;}
.textLeft {padding: 0 240px 0 20px; min-height: 165px;}
.servRow {border-top:1px solid #c6c9c4; margin:0 10px; padding:10px 0 20px;}
.servBox {padding:0 10px 0 20px;}
.servBoxBrdr {padding:0 10px 0 20px; border-left: 1px solid #c6c9c4;}
.servicesWrpr h3 {font-size:24px; letter-spacing:2px;}
.servicesWrpr h4 {font-size:16px; letter-spacing:2px;}
.servicesWrpr p.subHd {font-size:20px;}
.servicesWrpr .learnMore {color:#fff; text-decoration:none; font-size:13px; letter-spacing:1px;}
.servicesWrpr .learnMore:hover,
.servicesWrpr .learnMore:focus {text-decoration:underline;}
.servicesWrpr ul, ol {padding: 5px 15px;}
.servicesWrpr p {line-height:1.2;}

.routingNumber {
    font-size: 14px;
    margin: 13px 0 0 -100px;
    float:right;
}

.blueTitleH3 {color:#009fc3; font-weight:bold !important;}

.adminFix #owl-demo div:nth-child(n+2) {display:none;}
.adminFix #tabs > #tabs-2 {display:none;}
.adminFix #tabs ul {display:none;}
.adminFix .rates .modHd {float:none;}

/* Edits */
.btn[value='Document Archive']{display:none !important;}
@media (min-width:768px){
.searchForm input{margin:0 !important;}
.atss-left {
    float: right !important;
    left: auto !important;
    right: 0 !important;
}
.searchForm {
    margin-top: 0 !important;
}

.searchHd{
    position:absolute;
    left:0 !important;
    top:0 !important;
}
.search{font-size:17px !important; padding:6px 10px 7px !important;}
.searchForm input[type='text']{
  border: 1px solid #016caf !important;
border-right:none !important;
padding: 9px 40px 9px 15px !important;
}
X.searchTab{display:none !important;}
}
@media (max-width:768px){
X.extraNavWrpr .searchHd{display:none;}
.searchForm{margin-top:0px !important;
padding:12px 0 !important;
}

.headerWrpr{clear:both;}
}

.footerBottomWrpr{display:none !important;}
/* =================================================================
                        Media Queries
===================================================================*/

/* 16px baseline (max-width:480px) */
@media only screen and (max-width:479px) {
	.instrument .boxImg {right:0; margin-right: 0;}
	.questionMark .helpTips {width:200px;}
	
	.bannerTxt {font-size:14px; padding:10px 20px;}
	.servRow {border-top: none; margin:0; padding:0;}
	.servBoxBrdr {border-left: none;}
	.textRight {margin-top:180px; padding-left:10px;}
	.textLeft {margin-top:180px; padding-right:10px;}
	.servBox, .servBoxBrdr {margin:0 0 20px 0;}
	
	.rates .moreLink {right: auto; left:10px; top: 15px;}
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {float:none; display:block; width:80%; background-size:100% auto;}

	.pageTools {display:none;}
	
	.rates .moreLink {margin-right:10px;}	
}

@media only screen and (min-width:980px){
	.rates .modHd {float:left;}
	.tabs .ui-tabs-nav li:first-child {
		border-right:1px solid #e5e5e5;
		margin-left:37px;
	}
	.tabs .ui-tabs-nav li {
		top:20px;
	}
	.rates .moreLink  {top:15px; right:12px;}
}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.headerWrpr {border-bottom:0px solid #d2d3d5;}

	X.loginTab {display:none;}
	X.becomeMember {right:10px;}
	X.searchTab {right:164px;}
	.loginForm.desktop {display:block;}
	.loginForm.mobile {display:none;}
	.powered {display:inline;}
	.pageToolsWrapper {display:inline;}
	
	ul.linkList {/*margin:38px 52px 15px 0;*/ padding:0; list-style-type:none; float:left;}
	ul.linkList.linkListRight{margin-right:0px;}
	
	.followUs {margin:0 0 20px; float:left}
	.logosFooter {margin:0 0 15px 40px; float:left}
	.copyright.desktop {display:block; text-align:left; }	
	.copyright.mobile {display:none;}

	/*.rates .modHd {float:left;}
	.tabs .ui-tabs-nav li:first-child {
		border-right:1px solid #e5e5e5;
		margin-left:60px;
	}
	.tabs .ui-tabs-nav li {
		top:13px;
	}*/
	
	.mailList.desktop {display:block;}
	.mailList.mobile {display:none;}	
	x.mailListWrpr {border-top:1px solid #d1d3d4;	}
	.mailLeft {margin-bottom: 30px;}
	.mailRight {margin-bottom: 0px;}
	
	.home .locator .modContent {padding: 21px 20px;}
	.home .findBranch {margin-bottom: 26px;}
	.home .locator .checkBox {margin-bottom: 7px;}
	.home .locator .zipCodeGo {margin-bottom: 0;}
	
	.intPageBottom  .followUs {margin:0 0 20px 260px;}
	
}	

.tabsHero {min-height:460px; position:relative; overflow:hidden; }
.tabContent {min-height:460px; text-align:center;}
.tabsHero img {width:1600px !important; max-width:1600px !important; position:absolute; top:0; left:50%; margin-left:-800px;}
.tabText {padding:25px 40px; margin:40px 0; color:#fff; font-size:1.5em; font-weight:300; background:#ccc;}
.tabText .title {margin:0 0 0.5em 0; font-size:2em; font-weight:300;}
.tabText a {color:#fff;}
.tabText .btn {padding:8px 40px; font-weight:normal; text-transform: uppercase;}
.tabText .formee {margin:0 120px;}
.tabText input[type=text] {background:transparent; border:2px solid #fff; padding:5px; color:#fff;}

/*
::-webkit-input-placeholder {color:#fff; opacity:1;}
:-moz-placeholder  {color:#fff; opacity:1;}
input::-moz-placeholder  {color:#fff; opacity:1;}
:-ms-input-placeholder {color:#fff; opacity:1;}
*/

#tabs-1 .tabText {background:rgba(2,128,155,0.8);}
#tabs-2 .tabText {background:rgba(121,29,125,0.8);}
#tabs-3 .tabText {background:rgba(123,194,66,0.8);}

.tabsHero .ui-helper-clearfix:before, .ui-helper-clearfix:after {
	border-collapse: collapse;
	content: "";
	display: table;}

.tabsHero .ui-helper-clearfix:after {clear: both;}

.tabsHero .ui-tabs-nav {
	margin:0; padding:0; position:relative;
	display:table;
	width:100%;}

.tabsHero .ui-tabs-nav li {
	display:table-cell;
	width:33%;
	border-left:1px solid #d2d3d5;
	text-align:center;
	list-style: none;
	margin:0;
	padding:0;}

.tabsHero .ui-tabs-nav li:last-child {border-right:1px solid #d2d3d5;}

.tabsHero .ui-tabs-nav .ui-tabs-anchor {
	background:#fff;
	display:block;
	padding:1.5em 1em;
	text-decoration: none;
	color:#58595b;
	font-weight:bold;
	font-size:16px;
	position:relative;}

.tabsHero .ui-tabs-active a {background:#f2f2f3 !important;}

.tabsHero .ui-tabs-active a:before {
	content:"";
	background:transparent url(/cms/images/tabsHeroActive.png) no-repeat;
	width:56px;
	height:15px;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-28px;}

.restoreRegion  img {max-width:100% !important; height:auto !important; vertical-align: middle; }
#btnPreview {
  border: medium none;
  margin-left: 7px;
  padding: 0;
}



 
 /* ## 16px baseline (max 767px)  ## */
@media only screen and (max-width:47.9em){

	.tabsHero {min-height:0; }
	.tabContent {min-height:0;}
	.tabText {padding:20px; margin:0; font-size:1em;}

	.tabText .formee {margin:0px;}
	.tabsHero .ui-tabs-nav li {
		display:block;
		width:100%;
		border-left:none;
		border-top:1px solid #d2d3d5;}

}

/* ## 16px baseline (480px - 959px)  */
@media only screen and (min-width:30em) and (max-width:59.938em){
	.loginForm .btn {padding: 10px 20px 11px;}
}

/* ## 16px baseline (768px - 959px) m = medium ## */
@media only screen and (min-width:48em) and (max-width:59.938em){
	.tabText {font-size:1.3em;}
	
	.loginForm .btn {padding: 10px 20px 11px;}
	a.questionMark {padding: 10px 0 10px 36px;}
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {float:none; display:block; width:100%; background-size:100% auto;}
	
	.locator .btnWrpr .btn {padding: 11px 15px 12px;}
	.bannerTxt {font-size:16px;}	
	
	.rates table.dataTbl th {letter-spacing:0px;}
	.home h3.modHd {letter-spacing:-1px;}
}

/* Case Studies */
.caseStudiesNav { border: 1px solid #D8D8D8; padding:0; background: #f2f2f3;}
.caseStudiesNav > ul { float: left; margin: 0; padding: 0;	}
.caseStudiesNav ul li { list-style: none outside none; margin: 0; padding: 0; float: left; }
.caseStudiesNav ul li a { color: #58595b; display: block; font-weight: bold; font-size:14px; padding:13px; text-decoration: none;}
.caseStudiesNav ul li a:hover,
.caseStudiesNav ul li a:focus {color: #0076bf;}
.caseStudiesNav ul li.current a { color: #fff; background: #4cbcd5;}
.caseStudiesNav ul li:first-child a { border-right: 1px solid #D8D8D8; padding: 13px 16px 13px 17px; }
.caseStudiesNav .caseStudiesSrchBox { float: right; padding-right: 5px; }

.caseStudiesSrchBox { float: right; padding: 8px 5px; }
.caseStudiesSrchBox input, .caseStudiesSrchBox button {padding:4px 6px; font-size:14px; letter-spacing: 0}
.caseStudyControls { float: right; padding: 10px 5px; }
.caseStudyResult { float: left; padding: 15px 5px; }

.caseStudyControls .viewas {float:right; height:16px; color:#666; margin-top:5px; font-size:14px;}
.caseStudyControls .viewas a,
.caseStudyControls .viewas a:link,
.caseStudyControls .viewas a:visited {float:left; display:block; font-weight:bold; text-decoration:none;}
.caseStudyControls .viewas a:hover, .caseStudyControls .viewas a:hover,
.caseStudyControls .viewas a:focus, .caseStudyControls .viewas a:focus  { text-decoration: underline; }

.caseStudyControls .viewas a.current,
.caseStudyControls .viewas a.current:link,
.caseStudyControls .viewas a.current:visited {color:#58595b; cursor: default; }
.caseStudyControls .viewas a.current:hover,
.caseStudyControls .viewas a.list:hover,
.caseStudyControls .viewas a.grid:hover,
.caseStudyControls .viewas a.current:focus,
.caseStudyControls .viewas a.list:focus,
.caseStudyControls .viewas a.grid:focus {color: #0076bf; text-decoration: none; }

.caseStudyControls .viewas a.grid,
.caseStudyControls .viewas a.list {height:16px; background:url(/cms/images/core/icon_grid_list.gif) no-repeat 0 0; padding-left:24px;}
.caseStudyControls .viewas a.list {background-position:0 -44px;}

.caseStudyControls .viewas span.lbl {float:left; margin-right:6px;}
.caseStudyControls .viewas span.sep {float:left; color:#999; margin:0 6px;}


.caseStudiesGrid { clear: both; }
.caseStudiesGrid {table-layout: fixed;}
.caseStudiesGrid td {vertical-align:top; width:25%; }
.caseStudiesGrid td .itemWrapper { margin: 10px;}
.caseStudiesGrid td .itemTitle { padding: 2px 5px; font-size: 14px; text-align:center;}
/*.caseStudiesGrid td .itemImage { display: inline; width: auto; height: auto; }*/
.caseStudiesGrid td h3.itemTitle a,
.caseStudiesGrid td h3.itemTitle a:link,
.caseStudiesGrid td h3.itemTitle a:visited { color: #004EA3; text-decoration: underline; }
.caseStudiesGrid td h3.itemTitle a:hover,
.caseStudiesGrid td h3.itemTitle a:focus {text-decoration: none; }
.caseStudiesGrid td a.itemLink { display: block; /*height: 140px;*/ }
.caseStudiesGrid .itemImage {width:100%;}

.caseStudiesList th { font-size: 17px; }

.casestudyDetail .image { float:right; padding: 0 0 20px 20px;}

.casestudyDetail { clear: both; }
.casestudyDetail h1 {font-size: 2.25em; font-weight: 300; margin: 0.5em 0;}

.casestudiesPagerTop { display: none; }

.caseStudiesList a,
.caseStudiesList a:link,
.caseStudiesList a:visited { color: #004EA3; font-size:14px;}

.casestudiesPager {border: 1px solid #D8D8D8; padding:0; height: 32px; background: #f2f2f3;}
.casestudiesPager li { list-style: none outside none; margin: 0; padding: 0; float: left; }
.casestudiesPager li a,
.casestudiesPager li span { color: #58595b; display: block; font-weight: bold; font-size:14px; padding: 8px 13px; text-transform: uppercase; text-decoration:none; }
.casestudiesPager li a:hover,
.casestudiesPager li a:focus {color: #0076bf; text-decoration: none; }
.casestudiesPager li span.active { color: #fff; background: #4cbcd5; }

table.caseStudiesList td {padding:10px;}
table.caseStudiesList td:first-child {font-weight:bold; color: #004ea3;}

@media only screen and (min-width:767px) and (max-width:845px){
  .loginForm .onlinePasswordLink {margin:10px 0;}
  .routingNumber {font-size: 10px;}
}

/* ## 16px baseline (max 767px)  ## */
@media only screen and (max-width:767px){
	.caseStudiesGrid td {display:block;}
	.caseStudiesGrid td .itemTitle {text-align:left;}
	.caseStudiesGrid td {vertical-align:top; width:100%; }
	.caseStudiesGrid .itemImage {width:auto;}
	
	.logosFtTxt {display:none;}
    .loginForm .onlineEnrollLink {float:none; display:block; margin:10px 0;}
    .loginForm .onlinePasswordLink {float:none; display:block; margin:10px 0;}
    .routingNumber {float:none; margin:13px 0 0 0;}
    .loginForm .formee input,
    .loginForm .formee input[type="text"],
    .loginForm .formee input[type="password"] {margin-bottom:15px;}
}

/* ## 16px baseline (max 400px)  ## */
@media only screen and (max-width:400px){
	ul.logosFt li {margin:5px 5px 0 0;}
}



/* Custom Btn Uppercase */

/*.btn.FuchsiaBg { text-transform:uppercase;}
.btn.TangerineBg { text-transform:uppercase;}
.btn.greenBg { text-transform:uppercase;}
.btn.blueBg { text-transform:uppercase;}*/

.powered-area{text-align:center; font-size:12px; color:#828282;}
.powered-area img{vertical-align:bottom; margin-right:10px;}
.powered-area a{text-decoration:none; color:#828282;}


/* Ticket #318120 - News Module not styled correctly */

.rates .newsSummary {margin-top:25px;}
.rates .newsSummary h3.modHd {display:block; width:100%;}

.rates .moreLink {right:0; margin-right:10px;}
.rates .mod .continue-link { text-align:right; margin-right:10px;}

.rates .newsSummary .modItem .moreLink {right:0; margin-right:5px; position:relative; top:-11px;}
.rates .newsSummary .continue-link {position:absolute; top:19px; right:30px; font-weight:normal;}
.rates .banner-tracking img {margin:0px 5px;}

.leftWrpr .newsSummary {margin-top:25px;}
.leftWrpr .newsSummary .modContent {height:auto;}
.leftWrpr .newsSummary h3.modHd {display:block; width:100%;}
.leftWrpr .newsSummary .modItem {margin-bottom: 10px;}
.leftWrpr .newsSummary .modItem .moreLink {margin-right:5px; float: right;}
.leftWrpr .newsSummary .continue-link {position:absolute; top:6px; right:30px; font-weight:normal;}

/**/
.cke_editable p {line-height: 1.5;	color:#58595b;}
hr {border-color: #008299;}
.blueLine {
	color: #008299;
	font-size: 1.5em;
	font-weight: bold;
	border-top: 1px solid #0aa3c5;
	margin-top:10px;
	padding-top:20px;
}
h2.blue {
	color: #563D82 !important;
	font-size: 1.5em;

}
h3.blueLineHead {
	font-family: 'Lato', sans-serif;
	font-size: 2.25em;
	margin: .5em 0 .5em 0;

    color: #58595b;
	border-bottom: 1px solid #0aa3c5;
    padding-bottom: 20px;
}




/* Ticket #366371 - New Online/Mobile Banking Conversion launching Nov 20th */

.adminFix .loginHdWrpr, 
.adminFix .loginForm.mobile {display:block;}
.loginDirections {margin-bottom:10px;}

a.loginDirections {
    color: #0077c0;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #0077c0;
    margin-right: 15px;
    padding: 10px;
    font-weight: bold;
}

a.loginDirections:hover,
a.loginDirections:focus {
    color: #FFF;
	background:#0077c0;
}

.my247 {margin-right: 0;padding: 0px;}
.my247 img {padding-left: 10px;}

.my247 .header4 .grid_8 {padding-top:20px;}
.my247 .header4 .grid_3 {text-align:center;}

.my247 .header4 .questionMark {margin-top:21px;}
.my247 .header4 .routingNumber {font-size:14px;}

.loginDirections {margin-bottom:10px;}
.loginDirections + .formee {margin-left:-10px;}		
.loginDirections p {padding-top: 10px; font-size: .79em;}

.btn.my247, .btn.my247:hover {
	padding: 5px 40px !important;
	margin: 20px 0px;
	background: #F9E547;
	border: solid 1px #F9E547;
	color: #1E1A34;
	border-radius: 25px;
}

	.btn.my247:hover {
		background: #1E1A34;
		border: solid 1px #1E1A34;
		color: #fff;
	}

.my247 .mainContent .login3 .grid_5 {display:none;}
.my247 .mainContent .login3 .grid_7 {width:100%;}
.my247 .mainContent .login3 .grid_7 .routingNumber {margin-right:20px;}
.extraNavWrpr .route {text-align:center; color:#fff; padding-top:10px;}

.loginForm .formee .inputWrpr {position:relative;}
.loginForm .formee label {
    position:absolute;
    top:0;
    left:0;
    padding: 10px 0 10px 10px;
    margin:0;
    width:100%;
    color:#555555;
    cursor:text;
    -webkit-transition: all 0.3s ease-in-out 0.2s, background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: all 0.3s ease-in-out 0.2s, background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.loginForm .formee input.hint + label {
    top:-5px;
    left:0;
    padding:1px 0;
    width:100%;
    background:#187c8a;
    font-size:10px;
    color:#fff;
    text-align:center;
	
}

.siteHeader a.sitelogoLarge,
.siteHeader a.sitelogoLarge:link,
.siteHeader a.sitelogoLarge:visited {
	height: 114px;
    background: url(/cms/images/layout/logo_large-121317.png) no-repeat 0 50%;
	background-size: 65%;
	width: 100%;
	margin-top:10px;
}

.header1 .loginForm .formee input.hint + label {display:block;}
.header2 .loginForm .formee input.hint + label {display:block;}
.header3 .loginForm .formee input.hint + label {display:block;}
.header4 .loginForm .formee input.hint + label {display:block;}

.loginForm.desktop {display:block;  width:100%; float:none;}
.loginForm.desktop1 {display:block;  width:100%; float:none;}

.loginForm.mobile .header1 .loginForm.desktop {display:block;}
.loginForm.mobile .header2 .loginForm.desktop {display:block;}
.loginForm.mobile .header3 .loginForm.desktop {display:block;}
.loginForm.mobile .header4 .loginForm.desktop {display:block;}

.loginForm .mobile .routingNumber {text-align:center; color:#6d6d6d; padding-top:0px; margin-bottom:10px; font-weight:bold; display:none;}
.loginForm .header5 .onlinePasswordLink {padding-left:10px;}
.loginForm .header5 .onlineEnrollLink {padding-left:75px;}

.siteHeader .header2 .loginForm.desktop {width:auto; float:left;}
.siteHeader .header2 .loginbtn {width:10%; float:left; margin-top:21px;}

.loginHdWrpr { display:none;}

.siteHeader .grid_5 a.sitelogo {margin-top:13px;}
.siteHeader .grid_7 .loginForm  {margin-top:-20px; float:right;}
.siteHeader .grid_7.header1 .loginForm  {margin-top:0px; float:right;}
.siteHeader .grid_7.header2 .loginForm  {margin-top:16px; }
.siteHeader .grid_7.header3 .loginForm  {margin-top:26px; }
.siteHeader .grid_7.header4 .loginForm  {margin-top:0px; }

.siteHeader .grid_12 .loginForm.desktop1 {margin-top:0;}

.siteHeader .grid_7 .loginForm.desktop .formee {margin-top:20px;}
.siteHeader .header3 .loginForm.desktop .formee {margin-top:20px;}

.siteHeader .loginForm.desktop1 .header1 .formee {margin-top:21px;}
.siteHeader .loginForm.desktop1 a.sitelogo {margin-top:21px;}

.siteHeader .loginForm.desktop1 .header4 a.sitelogo {margin-top:26px;}


.siteHeader .loginForm.desktop1 .header4 .formee {margin-top:-12px;}
.siteHeader .desktop1 .header4 .formee .grid_8 {margin-top:25px; width:66.666%;}

.loginForm.desktop .formee {margin-top:10px;}
.loginbtn.wk2 { float:none; margin-left:1%; margin-top:5px; text-align:center;}
.loginForm.wk3 { float:none;  }


.loginForm .btn {padding: 10px 32px 11px 32px;}
.loginForm .formee input[type="text"] {padding:10px; margin:0; border-radius:10px;}
.loginForm .formee input[type="password"] {
	margin: 0;
	border-radius: 10px;
}
.loginForm .onlineEnrollLink {display:inline-block; margin:10px 10px 10px 10px; font-size:14px;}


.header1 .loginForm .onlineEnrollLink {display:inline-block; margin:10px 10px 10px 0px; font-size:14px;}



.loginForm .onlinePasswordLink {
	display: inline-block;
	float: left;
	margin: 10px 10px 10px 20px;
	font-size: 14px;
	color: #563D82;
}
.loginForm.wk2 .onlinePasswordLink {margin: 10px 10px 10px 0;}

.loginForm.mobile {display:block; float:none;}
.loginForm.mobile .onlineEnrollLink { float:left; padding:0px 10px;}

.loginHdWrpr .loginForm.mobile .grid_8 {float:left; width:66.666% }
.loginHdWrpr .loginForm.mobile .grid_3 {float:left; width:33.333%; padding-left:0;}

.loginHdWrpr .loginForm.mobile .grid_5 {display:none;}
.loginHdWrpr .loginForm.mobile .grid_7 {width:100%;}
.loginHdWrpr .loginForm.mobile .grid_7 .loginForm .loginDirections + .formee {margin-left:0;}
.loginHdWrpr .loginForm.mobile .grid_7 .loginForm .loginForm.wk2 {float:left;}
.loginHdWrpr .loginForm.mobile .grid_7 .loginForm.wk2 label, 
.loginHdWrpr .loginForm.mobile .grid_7 .loginForm.wk3 label {text-align:left !important;}

.loginHdWrpr .loginbtn.wk2 {margin-top:40px; text-align:center; padding-left:0px;}
.loginHdWrpr .loginbtn.wk2 input {display:block; margin-left:10px;}

.loginHdWrpr .loginForm .onlinePasswordLink {text-align:left; padding-left:10px;}

.loginHdWrpr .loginForm .formee div:after {clear:none !important;}
.loginHdWrpr .loginForm .formee input, 
.loginHdWrpr .loginForm .formee input[type="text"], 
.loginHdWrpr .loginForm .formee input[type="password"] {margin-bottom:0px;}

.loginForm.mobile .formee input, 
.loginForm.mobile .formee input[type="text"], 
.loginForm.mobile .formee input[type="password"] {margin-bottom:15px;}

.siteHeader .header1 .questionMark {background:url(/cms/images/question-mark.png) no-repeat top left; padding: 30px 7px 10px 0px; float:right; width:0; margin:5px 0px 0px 5px; width:15%; text-align:center;}
.siteHeader .header2 .questionMark {background:url(/cms/images/question-mark.png) no-repeat top left; padding: 30px 4px 10px 0px; float:left !important; width:0; margin:26px 0px 0px 5px; width:15%; text-align:center;}
.siteHeader .header3 .questionMark {background:url(/cms/images/question-mark.png) no-repeat top center; padding: 30px 4px 10px 28px; float:right; margin-top:0px; width:2%; text-align:center; margin-top:30px;}
.siteHeader .header4 .questionMark {background:url(/cms/images/question-mark.png) no-repeat top center; padding: 30px 4px 10px 0px; Xfloat:right; Xmargin-top:20px; width:12%; text-align:center; margin-top:0px;}

.siteHeader .header4 .grid_3 {width:25%; text-align:center;}

.loginHdWrpr .header2 .loginForm {width:auto; float:left; text-align:center;} 
.loginHdWrpr .header2 .loginbtn {width:auto; float:left; text-align:center; margin-top:20px;} 

.loginHdWrpr .loginForm .loginForm.wk3 {margin-top:0;}
.loginHdWrpr .loginForm .loginForm.wk3 .grid_6 {margin-top:0px;}
.loginHdWrpr .loginForm .loginForm.wk3 .onlineEnrollLink {float:none;}

.loginHdWrpr .grid_7 .grid_12 .routingNumber {display:block; text-align:left; padding-left:0px;}
.headerWrpr .grid_7 .grid_12 .routingNumber {display:none;}
.routingNumber {font-size: 14px; margin: 13px 0 0px 0px; text-align:center;}

.header2 .loginFormInner.desktop {display:block;  float:left;}

.block .header4 .questionMark {margin-top:-70px; }
.block .header4 .grid_8 .grid_6 {margin-top:15px; }
.block .header4 .loginForm.desktop {display:block;}
.block .header4 .formee .grid_8 {width:66.666% !important; }
.block .header4 .formee .grid_3 {text-align:center; padding-left:0px;}
.block .header4 .formee .grid_3 a.onlineEnrollLink {display:none; }
.block .header4 .questionMark {background:url(/cms/images/question-mark-gray.png) no-repeat; padding: 30px 4px 10px 28px; float:left; width:0%; margin-top:30px;}

.questionMark .helpTips{display:none; color:#666; position:absolute; background:#f2f2f3; padding:10px 25px; top:40px; right:0; max-width:310px; z-index:10000;}
.questionMark:hover .helpTips,
.questionMark:focus .helpTips {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.grid_7 .loginForm.desktop .onlinePasswordLink {margin: 10px 10px 10px 200px !important;}
.grid_7.header1 .loginForm.desktop .onlinePasswordLink {margin: 10px 10px 10px 10px !important;}
.grid_7.header2 .loginForm.desktop .onlinePasswordLink {margin: 10px 10px 10px 10px !important;}
.grid_7.header3 .loginForm.desktop .onlinePasswordLink {margin: 10px 10px 10px 10px !important;}
.grid_7.header4 .loginForm.desktop .onlinePasswordLink {margin: 10px 10px 10px 10px !important;}


.questionMark:hover,
.questionMark:focus {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.questionMark:hover .helpTips,
.questionMark:focus .helpTips{display:block; }

.OldHome .extraNavWrpr .route {display:none;}


@media only screen and (min-width:767px) and (max-width:845px){
  .loginForm .onlinePasswordLink {margin:10px 0;}
  X.routingNumber {font-size: 10px;}
  .loginHdWrpr .header1 .loginForm.desktop {display:none;}
  .loginHdWrpr .header2 .loginForm.desktop {display:none;}
  .loginHdWrpr .header3 .loginForm.desktop {display:none;}
  .loginHdWrpr .header4 .loginForm.desktop {display:none;}
}

@media only screen and (max-width:767px){
	.loginForm .mobile .routingNumber {display:block;}
	.loginForm .header5 .onlinePasswordLink {padding-left:0px;}
	.loginForm .header5 .onlineEnrollLink {padding-left:10px;}
	.loginForm .onlineEnrollLink {float:none; display:block; margin:10px 0;}
    .loginForm .onlinePasswordLink {float:none; display:block; margin:10px 0;}
    .routingNumber {float:none; margin:13px 0 10px 0;}
    .loginForm .formee input,
    .loginForm .formee input[type="text"],
    .loginForm .formee input[type="password"] {margin-bottom:15px;}
	.headerWrpr .questionMark {display:none;}
	.loginForm.desktop {display:none; background:#fff; position:absolute; left:0; z-index:11;}
	.login3 .header4 .loginForm.desktop {display:block;}
	
	.siteHeader .header1 .loginForm.desktop {display:none;}
	.siteHeader .header2 .loginForm.desktop {display:none;}
	.siteHeader .header3 .loginForm.desktop {display:none;}
	.siteHeader .header4 .loginForm.desktop {display:none;}
	
	.block .header4 .questionMark {background:url(/cms/images/question-mark-gray.png) no-repeat top center; padding: 30px 0px 10px 0px; float:left; width:25%; margin-top:0px;}
	.mobile .header4 .loginForm .formee .grid_6.omega {padding-top:20px;}
	.mobile .header4 .loginForm .formee .grid_3.omega {padding-left:5px;}
	.mobile .header4 .loginForm .formee input, 
	.mobile .header4 .loginForm .formee input[type="text"], 
	.mobile .header4 .loginForm .formee input[type="password"] {margin-bottom:0;}
	.grid_7.header4 .loginForm.desktop .onlinePasswordLink {margin:40px 10px 10px 0px !important;}
	.mobile .header4 .loginForm .formee .grid_3 .loginbtn {text-align:center;}
	.mobile .header4 .loginForm .formee .grid_3 a.onlineEnrollLink {padding:0;}
	
	X.extraNav .loginTab span {top:-4px;}
	.grid_7.header4 .loginForm.desktop .questionMark {width:28.333%; background: url(/cms/images/question-mark.png) no-repeat 50% 50%; position:relative; top:0px;}
}


@media only screen and (max-width:676px){
	.grid_7.header4 .loginForm.desktop .questionMark {width:27.333%;}
}

@media only screen and (max-width:576px){
	.grid_7.header4 .loginForm.desktop .questionMark {width:26.333%;}
}	

@media only screen and (max-width:496px) { 
	.loginHdWrpr .loginbtn.wk2 {margin-top:80px;}	
	.block .header4 .formee .grid_8 {width:66.666%;}
	.mobile .header4 .loginForm .formee .grid_6.omega {padding-top:0;}
	.grid_7.header4 .loginForm.desktop .onlinePasswordLink {margin:10px 10px 10px 0px !important; padding:0;}
	.grid_7.header4 .loginForm.desktop .questionMark {width:26.333%;}
}

@media only screen and (max-width:470px) {
	
	.grid_7.header4 .loginForm.desktop .questionMark {width:25.333%;}
}

@media only screen and (max-width:420px) {
	
	.grid_7.header4 .loginForm.desktop .questionMark {width:24.333%;}
}

@media only screen and (max-width:375px) {
	
	.grid_7.header4 .loginForm.desktop .questionMark {width:23.333%;}
}




/* Ticket #489867 - Fix items that are being reported from SiteImprove */
.disclaimer {font-size:12px; font-weight:300; margin: .5em 0 .5em 0;}



/* Ticket #514092 - SEG Dropdown Tool */

.autocomplete-w1 > div { overflow:auto; border:1px solid #d2d3d5; width:250px !important;  background:#efefef; top:10px}
.autocomplete-w1 > div > div {padding:5px 10px;}
.autocomplete-w1 > div > div:hover {cursor:pointer; background:#ccc;}



/* Ticket #692825 - Estimate to implement - Homepage Graphic Mock-up & New Style Guide */


.utilityNav {display:flex; justify-content:flex-end;}
.utilityNav .loginTab {display:block}
.utilityNav .searchTab.btn {display:block !important; padding: 3px 20px 4px;}
.utilityNav .becomeMember {position:relative; right:initial;}
.utilityNav .loginTab {position:relative;}
.utilityNav .searchTab {position:relative; right:initial;}

.loginForm.desktop.wk3 { display:none;}



.mailListWrpr  {border-bottom:none;}
.partnerWrpr {background:#f4f4f6; border-radius:0px 0px 20px 20px;}
X.partnerWrpr .container {max-width:87.5em;}
.partnerWrpr .partnered {padding:20px 0px;  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.partnerWrpr .partnered .text {width:70%;}
.partnerWrpr .partnered .text h2 {color:#006fba;}
.partnerWrpr .partnered .image {width:30%; text-align:center;}
.partnerWrpr .partnered .image img {max-width:230px !important;}

.bankHealthyWrpr {margin:30px 0px;}
X.bankHealthyWrpr .container {max-width:87.5em;}
.bankHealthyWrpr .container h2 { margin-bottom:40px;}
.bankHealthyWrpr .healthy .hItem {border-radius:20px; overflow:hidden}
.bankHealthyWrpr .slick-slide { }
.bankHealthyWrpr .slick-slide > div {margin:0px 20px; position:relative;}
X.bankHealthyWrpr .slick-slide .hItem {position:relative;}
.bankHealthyWrpr .slick-slide .overlay {
	text-align: left;
	background: #563D82;
	color: #fff;
	padding: 20px 0px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.bankHealthyWrpr .slick-slide .overlay p {margin:0; font-size:1.2em; font-weight:bold;}
.bankHealthyWrpr .slick-slide .overlay p span {margin-left:10px;}

.bankHealthyWrpr .slick-prev {
	left:-50px;
}
.bankHealthyWrpr .slick-next {
	right: -50px;
}
.bankHealthyWrp {
	padding: 50px 0px;
}



@media only screen and (max-width: 767px) {
	.bankHealthyWrp {
		padding: 90px 0px 0px 0px;
	}
}

	.bankHealthyWrp .bBetter h2 {
		padding: 20px 0px;
		text-align: center;
		color: #563D82;
	}





	.locatorWrpr {
		padding: 0px 0px;
		background-color: #3EB1C8;
		background-image: url(/cms/images/reskin/locator-bg-image.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top right;
		max-height: 581px;
	}

		.locatorWrpr .container .modContent {
			background: none;
			color: #1E1A34;
			padding: 0px 0px;
			border: none;
		}

			.locatorWrpr .container .modContent .findBranch {
				Xdisplay: none;
				text-align: left;
				color: #fff;
				font-family: 'polymath-semibold', sans-serif;
				font-weight: 400;
			}

		.locatorWrpr .container .locatorIntWrpr {
			font-size: 1.1em
		}

		.locatorWrpr .container .locator .checkBoxL {
			margin: 0px 80px 0px 0px;
		}

	.locator .checkBox input {
		width: 30px;
		height: 30px;
		border-radius: 15px;
		margin: 0px 10px 25px 0;
		accent-color: #fff;
	}

	.locator .checkBox label {
		top: -7px;
		position: relative;
	}

	.locatorWrpr .container .locator h2 {
		font-size: 2.25em;
		text-align: left;
		color: #1E1A34;
	}

	X.locatorWrpr .container .zipCodeGo .grid_6 {
		width: 90%
	}

	.locatorWrpr .container .zipCodeGo .grid_3 {
		min-width: 122px;
		padding: 0;
	}

	.locatorWrpr .locator .btnWrpr .btn {
		padding: 7px 40px 7px;
	}

		.locatorWrpr .locator .btnWrpr .btn:hover,
		.locatorWrpr .locator .btnWrpr .btn:focus {
			background: #333333;
		}

	.locatorIntWrpr .radio p {
		line-height: 2.5rem !important;
	}

	.locatorIntWrpr .radio input[type="checkbox"] {
		/* Hide the browser's default checkbox */
		appearance: none;
		/* Position it off-screen but still accessible by screen readers */
		position: absolute;
		left: -9999px;
	}

	.locatorIntWrpr .radio label {
		/* Make the label clickable and style it */
		cursor: pointer;
		padding-left: 55px; /* Space for the custom box */
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}

		.locatorIntWrpr .radio label::before {
			content: "";
			position: absolute;
			left: 0;
			top: 3px;
			width: 40px;
			height: 40px;
			border: 0px solid #ccc;
			background-color: #fff;
			border-radius: 20px;
			box-sizing: border-box;
		}

	/* Style for the checkmark when the input is checked */
	.locatorIntWrpr .radio input[type="checkbox"]:checked + label::before {
		background-color: #1E1A34; /* Blue background when checked */
		border-color: #1E1A34;
		/* You can add a custom image or a unicode character for the checkmark here */
		content: "\2714";
		color: white;
		text-align: center;
		line-height: 35px;
		font-size: 20px;
	}

	/* Add focus styles for accessibility */
	x.locatorIntWrpr .radio input[type="checkbox"]:focus + label::before {
		outline: max(2px, 0.15em) solid currentColor;
		outline-offset: max(2px, 0.15em);
	}










	.committedWrpr {
		background-image: url(/cms/images/reskin/Mask_Group_2.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top right;
	}

	@media only screen and (max-width: 48em) {
		.committedWrpr {
			background-image: none;
		}

			.committed .rSide .rSideFlex ul {
				padding: 0px 0px 0px 20px;
				line-height: 1.3em !important;
			}
	}

.committed {
	position:relative;
}
.committed h2 {
	margin: 40px 0px;
	text-align: center;
	color: #563D82;
}

	.committed .textBox {
		padding: 0;
		border-radius: 20px;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		padding-top: 30px;
	}

		.committed .textBox .lSide {
			padding: 20px 30px;
			width: 744px;
			height: 429px;
		}

			.committed .textBox .lSide .powered {
				width: 100%;
				display: block;
				margin: 30px 0px;
				font-style: italic;
				font-weight: bold;
			}

			.committed .textBox .lSide img {
				margin-bottom: 20px;
			}


	.committed .lSide h4 {
		text-align: left;
		font-size: 1.5em;
		margin-bottom: 30px;
	}

	.committed .lSide ul {
		text-align: left;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	.committed .rSide {
		position: relative;
		color: #fff;
		padding-right:20px;
		text-align:left;
	}

	X.committedWrpr .rSide .rSideFlex {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.committed .rSide .rSideFlex ul {
		padding: 0px 0px 0px 20px;
		line-height: 1.6em;
		font-size:1.3em;
	}

	.committed .underlay {
		background: #7474C1;
		position: absolute;
		top: 110px;
		right: 0;
		max-width: 1000px;
		width: 78%;
		height: calc((100%) - (100px));
		border-radius: 20px;
	}

	.committed .rSide .overlay p {
		margin: 0;
		text-transform: uppercase;
		font-size: 1.4em;
		font-weight: bold
	}

		.committed .rSide .overlay p a {
			margin-left: 10px;
			color: #fff;
			text-decoration: none;
		}

			.committed .rSide .overlay p a:hover {
				font-style: italic;
			}

	.committed .rSide .cFlex {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		
	}

		.committed .rSide .cFlex p {
			margin: 0 10px 0 0;
			font-size:1.3em;
		}

	.newsWrpr {
		margin: 30px 0px;
	}

	X.newsWrpr .container {
		max-width: 87.5em;
	}

	.newsWrpr .container .modHead {
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.newsWrpr .container .modHead h2 {
			color: #563D82;
		}

		.newsWrpr .container .modHead a {
			font-weight: bold;
			color: #0076bf;
			text-decoration: none;
		}

			.newsWrpr .container .modHead a:hover {
				font-style: italic;
			}

	.newsWrpr .container .modContent {
		padding: 30px 20px 30px 15px;
		border: none;
	}

	.newsWrpr .container .itemList {
		Xdisplay: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.itemList .slick-prev,
	.itemList .slick-next {
		Xdisplay: none !important;
	}

	.itemList .modItem {
		Xwidth: 30%;
		background: #F6F5FC;
		Xpadding: 10px;
		border-radius: 20px;
	}

		.itemList .modItem .aside {
			padding: 10px;
			border-radius: 20px;
			overflow: hidden;
		}

		.itemList .modItem h3 {
			padding: 0px 20px;
			margin:0 0 10px 0;
		}


		.itemList .modItem a:hover {
			text-decoration: none;
		}

		.itemList .modItem .moreLink {
			margin-top: 20px;
			padding: 0px 20px;
		}

	.itemList .slick-slide > div {
		margin: 0px 20px;
		position: relative;
	}

	.modContent .slick-dots li button::before {
		Xfont-size: 40px;
	}

	.modContent .slick-dots li.slick-active button::before {
		color: #1E1A34;
	}

	.modContent .slick-dots li button::before {
		color: #563D82;
	}

	form[action*="/products-services/mobile-banking/"] .section4Wrpr {
		position: relative;
	}

		form[action*="/products-services/mobile-banking/"] .section4Wrpr:before {
			width: 100%;
			height: 850px;
			display: block;
			content: "";
			position: absolute;
			top: -110px;
			right: 0px;
			background-image: url(/cms/images/reskin/Mask_Group_2.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right top;
		}

	@media only screen and (max-width: 48em) {
		form[action*="/products-services/mobile-banking/"] .section4Wrpr:before {
			background-image: none;
		}
	}





	form[action*="/products-services/mobile-banking/"] .itemList .modItem {
		background: none;
	}

		form[action*="/products-services/mobile-banking/"] .itemList .modItem h3 {
			text-align: center;
		}

			form[action*="/products-services/mobile-banking/"] .itemList .modItem h3 a {
				text-align: center;
				color: #563D82;
			}


	.testimonialWrpr {
		background: #7474C1;
		color: #fff;
		padding-top: 30px;
	}

		.testimonialWrpr .testimonial.container {
			padding: 50px 0px;
		}

	.testimonial.container {
		background: #009fc2;
		padding: 20px 0px;
		color: #fff;
	}


	X.testimonialWrpr .container {
		max-width: 99.5em;
	}

	.testimonials .modHead {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0px 80px;
	}

		.testimonials .modHead h2 {
			text-align: center;
		}

		.testimonials .modHead a {
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			display: none;
		}

			.testimonials .modHead a:hover {
				font-style: italic;
			}

	.testimonials .slick-list {
		width: 80%;
		margin: 0px auto;
	}

	.testimonials .slick-prev {
		left: 15px;
	}

	.testimonials .slick-next {
		right: 15px;
	}

	.testimonials .slick-prev,
	.testimonials .slick-next {
		background: #F9E547;
		border-radius: 40px;
		width: 80px;
		height: 80px;
		color: #000;
	}

		.testimonials .slick-prev:hover,
		.testimonials .slick-prev:focus,
		.testimonials .slick-next:hover,
		.testimonials .slick-next:focus {
			color: #fff;
			outline: none;
			background: #563D82;
		}

		.testimonials .slick-prev:before,
		.testimonials .slick-next:before {
			color: initial;
			line-height: .6em;
			font-size: 50px;
			font-family: initial;
		}

		.testimonials .slick-prev:hover:before,
		.testimonials .slick-next:hover:before,
		.testimonials .slick-prev:focus:before,
		.testimonials .slick-next:focus:before {
			color: #fff;
		}

	.testimonials .slick-slide > div {
		margin: 0px 0px;
		position: relative;
	}

	.testimonials .smallTestimonials {
		display: flex !important;
		justify-content: space-between;
		align-items: flex-start;
		;
	}

		.testimonials .smallTestimonials .quote {
			width: 100px;
			font-size: 6em;
			line-height: 0.8em;
			text-align: center;
			display: none;
		}

		.testimonials .smallTestimonials .text {
			Xwidth: calc(100% - 100px);
			font-size: 2em;
		}

			.testimonials .smallTestimonials .text div {
				border-bottom: solid 1px #563D82;
			}

				.testimonials .smallTestimonials .text div p {
					font-size: 1em;
				}

	.testimonials .slick-dots li button:before {
		color: #fff;
	}

	.testimonials .slick-dots li.slick-active button::before {
		color: #1E1A34;
	}


	.aboutWrpr {
		margin: 30px 0px;
	}

	X.aboutWrpr .container {
		max-width: 87.5em;
	}

	.aboutWrpr .container .aboutUs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

		.aboutWrpr .container .aboutUs .text {
			width: 45%;
			padding-right: 5%
		}

			.aboutWrpr .container .aboutUs .text h2 {
				color: #563D82;
			}

			.aboutWrpr .container .aboutUs .text h3 {
				color: #563D82;
			}

			.aboutWrpr .container .aboutUs .text p {
				font-weight: 300;
				color: #1E1A34;
			}

		.aboutWrpr .container .aboutUs .image {
			width: 50%;
			text-align: right;
		}

			.aboutWrpr .container .aboutUs .image img {
				border-radius: 20px;
				width: 100% !important;
				max-width: 500px !important;
			}

	.footerTopWrpr {
		background: #1E1A34;
		padding: 0px 20px;
	}

	X.footerTopWrpr .container {
		max-width: 87.5em;
	}

	.advFooter {
		margin-top: 60px;
		height: 100%;
		position: relative;
	}

		.advFooter .container {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
		}

		.advFooter h2 {
			margin-top: 0;
			margin-bottom: 10px;
			font-size: 1.5em;
			border-bottom: solid 1px #7474C1;
			padding-bottom: 10px;
		}

		.advFooter .fFlex {
			display: flex;
			grid-gap: 20px;
		}

			.advFooter .fFlex div {
				width: 48%;
			}

		.advFooter .fLeft {
			width: 30%;
		}

			.advFooter .fLeft > img {
				max-width: 200px !important;
			}

			.advFooter .fLeft .fLogos {
				margin-top: 230px;
				max-width: 240px;
				width: 100%;
			}

				.advFooter .fLeft .fLogos img {
					margin-right: 15px;
				}

		.advFooter .fCenter {
			border: solid 0px #ff0000;
			width: 38%;
			margin: 0px 3%;
		}

		.advFooter .fRight {
			border: solid 0px #ff0000;
			width: 25%;
			font-weight: 300;
		}

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

		.advFooter .fFull,
		.advFooter .fFull2 {
			width: 100%;
			margin: 20px 0px 50px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			grid-gap: 40px;
		}

			.advFooter .fFull .fLogos img {
				margin: 0px 20px;
			}

			.advFooter .fFull .disclaimer {
				width: 65%;
			}

	.copyright.desktop {
		text-align: center;
		margin: 10px 10px;
	}

	ul.linkList {
		width: 100%;
		padding: 0;
		list-style-type: none;
		float: none;
		margin: 15px 0px;
	}


	.followUs ul.socialFollow {
		display: flex;
		justify-content: space-between;
		width: 100%;
		Xmax-width: 250px !important;
	}

	.icon {
		width: 2.5em;
		height: 2.5em;
	}

	.siteBottomWrpr {
		display: none;
	}

	.searchTab.btn {
		padding: 3px 15 4px
	}

		.searchTab.btn div {
			font-size: 2em;
			transform: rotate(-34deg);
			Xpadding-top: 6px;
		}


	header {
		position: sticky;
		width: calc(100% - 40px);
		z-index: 200;
		background: #1E1A34;
		padding: 0px 20px
	}

	.navWrpr {
		position: fixed;
		width: calc(100% - 40px);
		padding: 0px 20px;
		top: 119px;
		z-index: 98;
		background: #fff;
		border-bottom: solid 1px #ccc;
		box-shadow: 5px 0px 5px rgba(0,0,0,.3);
	}

	#mainContent {
		position: relative;
		Xtop: 165px
	}

	footer {
		Xmargin-top: 165px
	}

	@media only screen and (max-width: 1024px) {
		#owl-demo2 .overlay {
			width: 400px;
		}

			#owl-demo2 .overlay h2 {
				font-size: 1.75em;
			}

			#owl-demo2 .overlay p {
				font-size: 1em;
			}

			#owl-demo2 .overlay .btn {
				font-size: .875em;
			}
	}


	@media only screen and (max-width: 900px) {
		#owl-demo2 .slick-arrow {
			display: none !important;
		}

		.bankHealthyWrpr .healthy .slick-arrow {
			display: none !important;
		}

		#rateTabs .ratesItemWrpr .slick-arrow {
			display: none !important;
		}

		.testimonials .slick-arrow {
			display: none !important;
		}

		.news .slick-arrow {
			display: none !important;
		}

		.resources .slick-arrow,
		.management .slick-arrow {
			display: none !important;
		}
	}

	@media only screen and (max-width: 767px) {
		.loginForm.mobile .header4 .loginForm.desktop {
			display: block;
			position: relative;
			;
			max-width: 348px;
			right: 0px;
			top: 0px;
			background: #f3f3f3;
			z-index: 20;
		}

		.utilityNav {
			display: none;
		}

		.searchWrpr {
			Xmargin-top: 40px
		}

		.loginWrpr .login3 {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

			.loginWrpr .login3 .header4 {
				order: -1;
				width: 100%;
			}

		.extraNav .container {
			display: flex;
		}

		.advFooter .fLeft {
			width: 100%;
			margin: 0px 30px 20px;
			justify-content: center;
			flex-wrap: wrap;
		}

			.advFooter .fLeft h2:after {
				content: "+";
				float: right;
			}

			.advFooter .fLeft.active h2:after {
				content: "-";
				float: right;
			}

			.advFooter .fLeft .fFlex {
				height: 1px;
				overflow: hidden;
			}

			.advFooter .fLeft.active .fFlex {
				height: auto;
				overflow: hidden;
			}

			.advFooter .fLeft > img {
				display: block;
				width: 100%;
			}

			.advFooter .fLeft .fLogos {
				display: flex;
				justify-content: center;
				margin-top: 20px;
				width: 100%;
				max-width: initial;
			}

				.advFooter .fLeft .fLogos img {
					margin-right: 25px;
				}

		.advFooter .fCenter {
			width: 100%;
			margin: 0px 30px 20px;
		}

			.advFooter .fCenter h2:after {
				content: "+";
				float: right;
			}

			.advFooter .fCenter.active h2:after {
				content: "-";
				float: right;
			}

			.advFooter .fCenter .fFlex {
				height: 1px;
				overflow: hidden;
			}

			.advFooter .fCenter.active .fFlex {
				height: auto;
				overflow: hidden;
			}

			.advFooter .fCenter ul.linkList {
				margin-bottom: 30px;
			}

		.advFooter .fRight {
			width: 100%;
			margin: 0px 30px 20px;
		}

			.advFooter .fRight h2:after {
				content: "+";
				float: right;
			}

			.advFooter .fRight.active h2:after {
				content: "-";
				float: right;
			}

			.advFooter .fRight .fFlex {
				height: 1px;
				overflow: hidden;
			}

			.advFooter .fRight.active .fFlex {
				height: auto;
				overflow: hidden;
			}

		.copyright.desktop {
			display: block;
			font-size: 1em;
			margin: 10px 30px;
			text-align: left;
		}


		.followUs {
			margin: 20px 0 0px;
			width: 100%;
			order: 1;
		}

			.followUs ul.socialFollow {
				display: flex;
				justify-content: flex-start;
				width: 100%;
			}

				.followUs ul.socialFollow li {
					margin-right: 15px;
				}

					.followUs ul.socialFollow li.in {
						margin-right: 0;
					}

		.container [class*="grid_"] {
			padding: 0px 20px
		}

		.owlImageBox2 {
			margin-bottom: 0px;
		}

		#owl-demo2 .overlay {
			position: relative;
			border-radius: 0;
			left: 0;
			padding: 20px;
			max-width: initial;
			width: initial;
		}

		#owl-demo2 .slick-prev {
			left: 20px;
			z-index: 1;
			top: 110%;
		}

		#owl-demo2 .slick-next {
			right: 20px;
			top: 110%;
		}

		.partnerWrpr .partnered .text {
			width: 100%;
		}

			.partnerWrpr .partnered .text h2 {
				font-size: 2em;
			}

		.partnerWrpr .partnered .image {
			width: 100%;
			text-align: center;
		}

			.partnerWrpr .partnered .image img {
				max-width: 200px !important;
			}

		.bankHealthyWrpr {
			margin: 30px 0px 60px;
		}

		X.bankHealthyWrpr .slider {
			margin: 0px 20px;
		}

		.bankHealthyWrpr .slick-slide img {
			max-width: 500px !important;
			width: 100%;
		}

		.bankHealthyWrpr .slick-prev {
			left: 20px;
		}

		.bankHealthyWrpr .slick-next {
			right: 20px;
		}

		.bankHealthyWrpr .slick-prev,
		.bankHealthyWrpr .slick-next {
			top: 110%;
		}

		.bankHealthyWrpr .slick-slide .overlay p {
			font-size: 1em;
		}

		.ratesWrpr .tabs .ui-tabs-nav {
			margin-bottom: 30px;
		}

		.ratesWrpr .ratesItemWrpr {
			margin-bottom: 20px
		}

			.ratesWrpr .ratesItemWrpr .rateItem .rateTitle {
				font-size: 1.2em
			}

		.ratesWrpr .slick-prev {
			left: 20px;
		}

		.ratesWrpr .slick-next {
			right: 20px;
		}

		.ratesWrpr .slick-prev,
		.ratesWrpr .slick-next {
			top: 115%;
		}

		.locatorWrpr .container .zipCodeGo .grid_6 {
			padding: 0;
			width: 100%;
		}

		.locatorWrpr .container .zipCodeGo .grid_3 {
			padding: 0;
		}

		.committedWrpr .committed {
			padding: 0px 20px;
		}

		.committedWrpr .textBox {
			flex-wrap: wrap;
			padding-top: 0;
		}

			.committedWrpr .textBox .lSide {
				width: 100%;
				order: 2;
				padding: 20px;
				z-index: 99;
				height: auto;
			}

				.committedWrpr .textBox .lSide img {
					width: 100% !important;
					margin-top: -90px;
				}

		.committedWrpr .underlay {
			display: none;
		}

		.committedWrpr .textBox .rSide {
			width: 100%;
			background: #563D82;
			padding: 20px;
			border-radius: 20px;
			padding-bottom: 100px;
		}

			.committedWrpr .textBox .rSide img {
				margin-bottom: 20px;
				margin-top: 0px !important;
				width: 100%;
				max-width: initial !important;
			}

		.committedWrpr .rSide .cFlex {
			flex-wrap: wrap;
			justify-content: flex-start;
		}

			.committedWrpr .rSide .cFlex p:first-child {
				width: 100%;
				margin-bottom: 20px;
			}

		.newsWrpr {
			margin: 0;
		}


		.testimonials .modHead {
			margin: 0px 0px 20px;
			flex-wrap: wrap;
		}

			.testimonials .modHead h2 {
				margin-top: 0;
				font-size: 1.8em;
			}

		.testimonials .slick-slide > div {
			margin: 0px;
		}

		.testimonials .smallTestimonials {
			flex-wrap: wrap;
		}

			.testimonials .smallTestimonials .quote {
				width: 100%;
				text-align: left;
				font-size: 2em;
			}

			.testimonials .smallTestimonials .text {
				width: 100%;
				font-size: 1.2em;
			}

		.testimonialWrpr .slick-prev {
			left: 20px;
		}

		.testimonialWrpr .slick-next {
			right: 20px;
		}

		.testimonialWrpr .slick-prev,
		.testimonialWrpr .slick-next {
			top: 105%;
		}

		.aboutWrpr .container .aboutUs {
			flex-wrap: wrap;
			padding: 0px 10px;
		}

			.aboutWrpr .container .aboutUs .text {
				width: 100%;
				padding-right: 0%;
			}

			.aboutWrpr .container .aboutUs .image {
				width: 100%;
				text-align: center;
			}

		.advFooter .fRight h2 {
			text-align: center;
		}


		header {
			width: 100%;
			padding: 0px 0px
		}

		.navWrpr {
			width: 100%;
			padding: 0px 0px;
			top: 165px;
			z-index: 99;
		}
	}

	@media only screen and (max-width: 640px) {
		.ratesWrpr .ratesItemWrpr .rateItem .rateAmt {
			font-size: 3.5em;
		}

		.ratesWrpr .rateTabs #rateTabs-1 {
			margin-top: 20px;
		}

		.ratesWrpr .rateTabs ul {
			margin-top: 20px;
		}
	}

	.utilityNav {
		display: flex;
		justify-content: flex-end;
	}

		.utilityNav .loginTab {
			display: block
		}

		.utilityNav .searchTab.btn {
			display: block !important;
			padding: 3px 20px 4px;
		}

	.loginHdWrpr .loginForm.mobile .grid_7 .utilityNav {
		display: none;
	}

	.utilityNav .becomeMember {
		position: relative;
		right: initial;
	}

	.utilityNav .loginTab {
		position: relative;
	}

	.utilityNav .searchTab {
		position: relative;
		right: initial;
	}

	.extraNavWrpr .container .grid_12 {
		padding: 0 !important;
	}

	.header4.XX {
		padding: 0;
	}

	.siteHeader .grid_7.header4 .loginForm {
	}

	.searchWrpr {
		background: #1E1A34;
		padding: 10px 0px
	}

		.searchWrpr .container {
		}

	.loginForm .heading {
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px;
		color: #1E1A34;
		font-size: 1.2em;
	}

		.loginForm .heading img {
			margin-right: 10px;
			display: none;
		}

	.loginForm .loginbtn {
		text-align: center;
	}

	.loginForm .newUser {
		text-align: center;
	}

	.loginForm .onlineEnrollLink {
		float: none;
		text-decoration: none;
		color: #563D82;
		font-size: 1em;
	}

	.extraNav .loginTab span {
		transform: rotate(90deg);
		display: block;
		position: relative;
		left: 8px;
	}

	.extraNav .loginTab {
		display: flex;
		position: relative;
		width: 25%;
		justify-content: center;
		align-items: center;
	}

	X.extraNav .becomeMember {
		position: relative;
		right: initial;
		width: 50%;
		padding-top: 16px;
	}

	@media only screen and (min-width: 48em) {
		.extraNavWrpr {
			background: #ccc;
			position: absolute;
			z-index: 9999;
			right: 0px;
			top: 50px;
		}

		.extraNav .container {
			border: solid 0px #ff0000;
			background: none;
			display: flex;
			width: 360px;
			padding: 0;
		}

		X.extraNav .becomeMember {
			position: relative;
			right: initial;
			width: 50%;
			padding-top: 16px;
		}

		.extraNav .loginTab {
			display: flex;
			position: relative;
			width: 25%;
			justify-content: center;
			align-items: center;
		}

		.extraNav .searchTab.btn {
			display: block !important;
			right: initial;
			position: relative;
			xpadding: 0px 30px;
			order: -1;
			width: 25%;
		}

		.searchHd {
			position: relative;
			left: 0 !important;
			margin-top: 15px;
			padding-left: 10px;
		}

		.loginHdWrpr .loginForm.mobile .grid_5 {
			display: block;
		}

		.loginForm.desktop.wk3 {
			border: solid 0px #ff0000;
			width: 320px;
			right: 0;
			top: 76px;
			position: absolute;
			background: #fff;
			border-radius: 0px 0px 10px 10px;
		}
	}


	/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
	.bankHealthyWrpr .flip-card {
		background-color: transparent;
		width: 274px;
		height: 353px;
		perspective: 1000px; /* Remove this if you don't want the 3D effect */
	}

	/* This container is needed to position the front and back side */
	.bankHealthyWrpr .flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}

	/* Do an horizontal flip when you move the mouse over the flip box container */
	.bankHealthyWrpr .flip-card:hover .flip-card-inner {
		transform: rotateY(-180deg);
	}

	/* Position the front and back side */
	.bankHealthyWrpr .hItem.front,
	.bankHealthyWrpr .hItem.back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden; /* Safari */
		backface-visibility: hidden;
	}

	/* Style the front side (fallback if image is missing) */
	.bankHealthyWrpr .hItem.front {
		background-color: #bbb;
		color: black;
	}

	/* Style the back side */
	.bankHealthyWrpr .hItem.back {
		background-color: #563D82;
		color: white;
		transform: rotateY(180deg);
	}

		.bankHealthyWrpr .hItem.back .overlay {
			background: #563D82;
		}

		.bankHealthyWrpr .hItem.back h2 {
			margin: .5em;
		}

		.bankHealthyWrpr .hItem.back p {
			margin: 0 2em;
			text-align: left;
		}

		.bankHealthyWrpr .hItem.back a {
			color: #fff;
			text-decoration: none;
		}

			.bankHealthyWrpr .hItem.back a:hover {
				font-style: italic;
			}

	.bankHealthyWrpr .hItem.front p {
		margin: 0 1em;
		text-align: left;
	}