* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
body {
	font: 14px/21px Verdana, Geneva, sans-serif;
}
*/
a,
a:active,
a:focus,
a:hover,
a:visited {
  /* outline: none;*/
  /* WCAG 2.0 AA F78 - Outline removed to allow tabbing through links */
  /* text-decoration: none; */
}
.iosPhone,
.iosPhone a {
  color: #cc0000;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3 {
  font-family: FuturaBT-Book;
}
h2 {
  /*.h1-property-title {*/
  /*color: #07264f;*/
  /*  silly & overrulled all over the place */
  /*text-transform: uppercase;*/
  /* use .text-uppercase class when uppercase is desired */
  font-size: 1.7rem;
  /* WCAG 2.0 AA 1.4.4 */
  /*margin-bottom: 0;*/
  margin: 8px 0;
}
h3 {
  font-size: 1.7rem;
  /* WCAG 2.0 AA 1.4.4 */
  /*line-height: 24px;*/
  margin: 6px 0;
}
/* Brett */
h2.sub-header {
  /*
	padding: 5px 0px;
	line-height: 35px;
	text-transform: none;
	*/
  margin: 0;
  padding: 11px 0;
  font-size: 1.7rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 1.2;
  color: #00457c;
  font-family: FuturaBT-Medium;
}
/* Brett */
h2.sub-header.two-line {
  line-height: 22px;
  padding: 15px 0;
}
img {
  vertical-align: baseline;
}
table td {
  vertical-align: top;
}
caption {
  text-align: left;
  font-weight: bold;
}
a[type="application/pdf"] {
  background: url(/images/tiny/file_pdf.png) no-repeat right 0 rgba(0, 0, 0, 0);
  background-clip: border-box;
  padding-right: 18px;
  padding-top: 2px;
}
.tel {
  white-space: nowrap;
  color: inherit;
}
.tel:hover {
  /* text-decoration: none */
}
.linkreg {
  color: #1A6AC0;
  font-size: 75%;
  left: 1px;
  position: relative;
  /* text-decoration: none; */
  vertical-align: super;
}
.FuturaBT-Book {
  font-family: FuturaBT-Book !important;
}
.FuturaBT-Bold {
  font-family: FuturaBT-Bold;
}
.FuturaBT-Medium,
.icon-button-row,
.pag-menu,
.bank-landing-content p {
  font-family: FuturaBT-Medium;
}
.container-main {
  margin-bottom: 45px;
}
/*
.interior-container {
	margin-bottom: 45px;
}

.interior-container h2 {
	padding: 0 20px;
}
*/
/**
 * Login Fields - top-nav & home page
 */
.login-fields form {
  margin: 0;
}
.login-fields .login-field,
.login-fields input[type=submit],
.login-fields button {
  border: 0px;
  margin: 0px;
  height: 35px;
  line-height: normal;
  padding: 0px;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-style: solid none solid solid;
}
.login-fields .login-field {
  padding-left: 20px;
  font-family: Verdana;
}
.ie8 .login-fields .login-field {
  line-height: 35px;
}
.ie7 .login-fields .login-field {
  line-height: 35px;
}
.login-fields .login-button,
.login-fields button.login-button {
  background: #002c5c;
  width: 75px;
  text-transform: uppercase;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  color: #fff;
  text-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.login-fields form br {
  clear: both;
}
.login-fields form p {
  margin: 5px 0 0 0;
  /*
	font-size: 12px;
	clear: both;
	*/
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Brett */
.calc-list p {
  margin: 0;
}

.modal-content {
	color: #333;
}

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  #modal-container {
    left: 0 !important;
  }
  /*
	.page-details-bank form.local-bank .sbHolder ul {
		left: 0;
		top: 85% !important;
	}
	.calculator-form .formlayoutul .InputContainer{
		width: 600px;
	}
	.calculator-form .js-calc-forms .DetailContainer,
	.calculator-form .js-calc-forms .Summary {
		width: 590px;
	}
	*/
  /* PAGE DETAILS */
  /*
	** removed by brad **
	.pd-mobile-content {
		width: 660px;
	}
	.pd-container .top {
		width: 680px;
	}
	.top .left-side {
		width: 356px;
		height: 162px;
		padding: 5px 10px 5px 25px;
		margin-right: 14px;
	}
	*/
  /*
	.interior-container.two-col-layout .right-content {
		width: 665px;
		float: right;
	}
	.container.two-col-layout .nine.columns {
		width: 680px;
	}

	.container.two-col-layout .three.columns {
		width: 220px;
	}
	*/
  /*
	.branch-map {
		width: 478px;
	}

	.search-form-wrap form.left.filter.moreoptions {
		width: 140px;
	}

		.search-form-wrap form.left.filter.rightfilter.propertyfilter {
			clear: left;
			width: 383px;
			position:relative;
		}
		.properties .search-form-wrap form.left.filter.rightfilter.propertyfilter input.apply-filter-button {
			float: right;
			position: relative;
			right: auto;
			margin-left:0px;
		}

	.filter-label,
	.checkboxes-filter{
		float:left;
		overflow:hidden;
	}

	.dropdown-menu {
		width: 750px;
	}

	.dropdown-menu ul {
		margin-right: 5px;
	}

	.dropdown-menu .list-heading {
		margin-bottom: 5px;
	}

	.arrows {
		position: absolute;
		top: 15px;
	}

	.left-arrow {
		left: 0;
		z-index: 999999999;
	}

	.right-arrow {
		right: 0;
		z-index: 999999999;
	}
	*/
  /*interior page*/
  /*
	.custom-select {
		width: 120px;
	}

	.filter {
		width: 220px;
	}
	.propertyfilter {
		width: 720px;
		float: left !important;
		margin: 0;
		background-position: 287px center;
		padding: 0 5px;
		margin: 0 10px;
		border-top: 1px solid #5987b9;
	}
	.propertyfilter.toggle-active {
		background-position: 287px center;
	}
	.filter-toggle form .city label {
		margin-right: 16px;
	}
	.filter-toggle form .city input[type=image] {
		margin-right: 15px;
	}
	.filter-toggle form {
		padding: 13px 5px;
	}
	.filter-toggle input.filter-submit {
		float: left;
	}
	.filter.local-bank {
		width: 320px;
	}

	.filter-toggle .price-range, .filter-toggle .city {
		margin-bottom: 10px;
		width: auto;
	}
	.search-form-wrap input[type="image"] {
		margin-left: 10px;
	}
	.city input[type=image] {
		margin: 0;
	}

	.filter-type {
		padding-right: 0;
	}

	.bank-landing-page .main-content,
	.bank-landing-page .slides,
	.bank-landing-page .arvest-slider {
		height: 630px;
	}

	.bank-landing-page .icon-button-row a {
		width: 96px;
		margin: 0 5px;
	}

	.bank-landing-page .icon-button-row a span {
		width: 90px;
	}

	.bank-landing-page .tagline-overlay .large-lead {
		font-size: 30px;
	}

	.callout-content {
		width: 320px;
		height: 188px;
	}

	.lender-callout .callout-content {
		width: 385px;
	}
	.banking-callout .callout-content {
		width: 410px;
	}
	.mobile-margin-10 {
		margin: 0 10px !important;
	}
	.branch-locator .checkbox-filters {
		width: 160px;
	}
	.branch-locator .filter {
		width: 115px;
		margin-left: 0;
	}
	.progress-steps ul{
		width:665px;
	}

	.progress-steps ul li {
		width: 80px;
		text-indent:22px;
	}
	.progress-steps ul li.incomplete.last {
		width: 90px;
	}
	.properties form.filter, .properties .search-form-wrap form.left {
		float: none !important;
		margin: 0;
	}
	.properties .search-form-wrap {
		height: 80px;
	}
	.propery-description {
		margin-right: 0;
	}
	.private-banking-page .quote-cta {
		width: 390px;
	}
	.properties .search-form-wrap .columns {
		width:750px;
		padding: 0;
	}
	.search-form-wrap form.left.longsearch {
		width: auto;
		padding: 0 15px 3px;
	}
	.question-footer .tag {
		width: auto;
		padding-left: 0;
		margin-bottom: 5px;
	}
	.results-container {
		width: 390px;
	}
	.results-info {
		padding: 20px 0 5px 0;
	}

	.edu-callout-content {
		width: 362px;
	}

	.education-detail-container {
		width: 410px;
	}

	.video-sidebar-content {
		padding: 22px 12px;
	}

	.education-center-page .widget-sidebar {
		width: 260px;
	}

	.card-keyword {
		padding: 0 16px;
		margin: 0 16px;
	}
	*/
}
/* iPads (landscape) ----------- */
@media only screen and (device-width: 1024px) and (orientation: landscape) {
  .container.landscape-container {
    width: 100% !important;
  }
}
@media print {
  .no-print {
    display: none !important;
    position: absolute;
  }
  .print {
    display: block !important;
    position: static;
  }
}
p:last-child,
ol:last-child,
ul:last-child {
  margin-bottom: 0;
}
ol {
  padding-left: 20px;
}
ol > li {
  line-height: 1.5;
}
ul {
  padding-left: 14px;
}
li {
  text-indent: 0;
  line-height: 1.5;
}
ul.list-sm-bullet {
  list-style: none;
  padding: 0 0 0 1em;
  /* padding includes space for character and its margin */
}
ul.list-sm-bullet > li {
  text-indent: -3px;
  /* negative text indent brings first line back inline with the others */
}
ul.list-sm-bullet > li:before {
  content: '\2022';
  margin: 0 0.33em 0 -0.8em;
  /* right margin defines spacing between bullet and text. negative left margin pushes back to the edge of the parent <ul> */
}
ul.list-sm-red-bullet {
  list-style: none;
  padding: 0 0 0 0.75em;
  /* padding includes space for character and its margin */
}
ul.list-sm-red-bullet > li {
  text-indent: -3px;
  /* negative text indent brings first line back inline with the others */
}
ul.list-sm-red-bullet > li:before {
  content: "\2022";
  color: #e60000;
  margin: 0 0.33em 0 -0.8em;
  /* right margin defines spacing between bullet and text. negative left margin pushes back to the edge of the parent <ul> */
}
.list-pad > li {
  padding-bottom: 7px !important;
}
.list-pad > li:last-child {
  padding-bottom: 0;
}
.uncollapse-margins:before,
.uncollapse-margins:after {
  content: "\00a0";
  /* No-break space character */
  display: block;
  overflow: hidden;
  height: 0;
}
.block {
  display: block !important;
}
.nowrap {
  white-space: nowrap;
}
@media (min-width: 260px) {
  .indent-content {
    padding-left: 25px;
  }
}
/*
.m-0		{ margin: 0 !important; }
.ml-0		{ margin-left: 0 !important; }
.ml-7		{ margin-left: 7px !important; }
.mlr-20		{ margin: 0 20px !important; }
.mr-20		{ margin-right: 20px !important; }
.padding-28		{ padding: 28px 0 0 0 !important; }
.padding-none	{ padding: 0 !important; }
*/
.mt-0 {
  margin-top: 0;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px;
}
.mt-75 {
  margin-top: 75px;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.padding-rlt-10 {
  padding: 10px 10px 0 10px !important;
}
.padding-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.padding-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.indent-20 {
  padding-left: 20px;
}
.indent-40 {
  padding-left: 40px;
}
.text-underline {
  text-decoration: underline !important;
}
.text-black {
  color: black;
}
.text-red {
  color: #e60000 !important;
}
.text-white {
  color: #fff !important;
}
.bg-blue {
  background: #001b44;
  color: #FFF !important;
}
.bg-blue-trans {
  background-color: rgba(0, 69, 124, 0.7);
  color: #FFF;
}
.bg-blue .control-label,
.bg-blue-trans .control-label {
  color: inherit;
}
.lt-ie9 .bg-blue-trans {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b200457C,endColorstr=#b200457C);
  zoom: 1;
}
.bg-light-blue {
  background: #4879ad;
  color: #FFF;
}
/* from 5987b9 for WCAG 2.0AA*/
.bg-red-trans {
  background-color: rgba(189, 0, 0, 0.7) !important;
  color: #FFF;
}
/* from rgba(253, 0, 0, 0.7) for color contrast WCAG 2.0 AA 1.4.3 */
.lt-ie9 .bg-red-trans {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2FD0000,endColorstr=#b2FD0000) !important;
  zoom: 1;
}
/*
.btn,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-weight: normal;
}
.btn:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	border: 0;
	border-top: 0;
	border-left: 0;
}
.btn:active,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 0px solid #666;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	margin: 10px 0 0 -20px;
	margin-bottom: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1;
}
*/
/*
.btn,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	padding: 10px 15px;
	border: 0;
	border-radius: 5px;
	color: #fff !important;
	background: #e60000;
	font-size: 11px;
	font-family: FuturaBT-Medium;
	line-height: normal;
	text-transform: uppercase;
	text-shadow: none;
}
*/
select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select:-moz-focusring option:disabled {
  text-shadow: none;
}
.radio,
.checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* To remove dotted line around radio buttons. */
input[type="radio"]:focus {
  outline: #1a5789 !important;
  /* WCAG 2.0 AA F78 - outline: none not allowed to allow tabbing through links. Changed to a branded blue */
  box-shadow: 0 0 4px #000;
}
label {
  cursor: pointer;
}
.ie8 label {
  display: inline;
}
@media (min-width: 768px) {
  .ie8 .form-inline .form-group {
    display: inline;
  }
  .ie8 .form-inline .form-control {
    display: inline;
  }
}
.control-label {
  color: #333333;
  font-family: Verdana;
  font-size: 1.1rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: normal;
}
.form-control,
input.form-control[type=date] {
  border: 1px solid #ccc;
  padding: 6px 4px;
  /* outline:none; */
  /* WCAG 2.0 AA F78 - Outline removed to allow tabbing through links */
  height: 30px;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 12px;
  font-family: Verdana;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.input-group-addon {
  height: 30px;
}
input[placeholder] {
  font-size: 1.2rem;
  /* IE must die! */
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 12px;
  /* IE must die! */
}
.placeholder {
  color: #999 !important;
}
.form-control:focus {
  background-color: #FFF;
  color: #444;
}
.required .control-label:after {
  content: " *";
  color: #e60000;
  font-style: italic;
}
.required .radio label:after,
.required .checkbox label:after {
  content: none;
}
legend {
  font-size: 1.4rem;
  /* WCAG 2.0 AA 1.4.4 */
  margin-bottom: 10px;
}
.controls.row .col {
  float: left;
  padding: 0 9px;
}
/* hides the spin-button for firefox */
input[type=date].hide-spinbtns,
input[type=number].hide-spinbtns {
  -moz-appearance: textfield;
}
/* hides the spin-button for chrome*/
input[type=date].hide-spinbtns::-webkit-outer-spin-button,
input[type=date].hide-spinbtns::-webkit-inner-spin-button,
input[type=number].hide-spinbtns::-webkit-outer-spin-button,
input[type=number].hide-spinbtns::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/**
 * Webshims
 */
.form-group.required button.ws-empty {
  display: none;
}
.select2-container {
  width: 100%;
}
/* TOP BARS */
.header-container {
  position: relative;
  color: #ffffff;
  background: url(../images/template/top-nav-bg.png) no-repeat left top #001b44;
  margin-bottom: 15px;
  min-width: 768px;
}
.header-container a {
  /*
		color: #ffffff;
		text-decoration: none;
		*/
  color: inherit;
}
.nav-links {
  float: right;
  /*
	width: 365px;
	*/
  height: 34px;
  background: #003162;
  font-size: 1.1rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 34px;
  padding: 0 20px;
  /*
	text-indent: 20px;
	color: #3d719b;
	text-align: left;
	*/
}
.nav-links a:hover {
  text-decoration: underline;
}
.nav-search-bar {
  background: none;
}
/*
 .ui-autocomplete {
	//max-height: 200px;
	//overflow-y: auto;
	//overflow-x: hidden;
	font-size: .8em;
	z-index: 2000;
}
*/
@media (min-width: 960px) {
  .nav-search-bar {
    background: url(../images/template/nav-search-bar-bg.png) no-repeat left top #001b44;
    /*
		overflow: hidden;
		*/
  }
}
/**
 * Logo Bar
 */
.nav-logo-bar {
  background: #00457c;
  border-bottom: 2px solid #f10203;
  /*
	height: 102px;
	clear: both;
	padding-left: 20px;
	overflow: hidden;
	*/
}
.logo-xs {
  margin: 8px 0 4px;
}
.logo {
  height: 69px;
  margin: 16px 0 17px 20px;
}
/**
 * ATM & Branch Locations
 *
 * base style found in layout_components... also used in .contact-info-component
 */
header .location-search .form-group {
  float: right;
}
/**
 * MAIN NAVIGATION BAR
 */
.top-navigation {
  background: #002c5c;
  height: 48px;
  clear: both;
}
.top-navigation span {
  display: block;
}
.top-navigation > .container > .list-inline {
  margin: 0;
}
.top-navigation .nav-item {
  float: left;
  position: relative;
  border-right: 1px solid #426386;
  padding: 0;
  width: 16.66%;
  /*height: 48px;*/
}
.top-navigation .dropdown-toggle {
  display: block;
  height: 48px;
  padding: 0 17px;
  font-size: 1.3rem;
  /* WCAG 2.0 AA 1.4.4 */
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 48px;
  z-index: 1000;
}
/* list current before :hover & .active */
.top-navigation .dropdown-toggle.current {
  background: #001c44;
}
.top-navigation .dropdown-toggle:hover,
.top-navigation .dropdown-toggle.active {
  background-color: #acc6e1;
  color: #002c5c;
  /* WCAG Color Contrast */
  font-weight: 600;
  /* WCAG Color Contrast */
}
.top-navigation .dropdown-toggle.inactive {
  background: transparent;
}
.top-navigation .nav-personal .dropdown-toggle,
.top-navigation .nav-business .dropdown-toggle {
  /*padding: 0 43px;*/
  /*font-weight: bold;*/
  /*font-family: FuturaBT-Bold;*/
  font-family: FuturaBT-Medium;
}
/* investments & log-in need to word wrap */
.top-navigation .nav-investments .dropdown-toggle,
.top-navigation .nav-login .dropdown-toggle {
  line-height: 18px;
  padding-top: 7px;
}
/**
	 * login-btn used in top-nav & home-page login
	 */
.login-btn {
  /*background: url(../images/icons/lock_2.png) no-repeat 14px center;*/
  background-color: #4178b4;
  position: relative;
}
.top-navigation .login-btn {
  padding-left: 33px;
  padding-right: 33px;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
		.top-navigation .login-btn .icon-user-lock {
			height: 22px;
		}
		*/
.top-navigation .login-btn .icon-user-secure {
  position: absolute;
  top: 14px;
  left: 6px;
}
.login-btn .login-arrow {
  position: absolute;
  top: 19px;
  right: 11px;
}
.top-navigation .login-btn:hover,
.top-navigation .login-btn.inactive:hover {
  background-color: #5990cb !important;
}
.top-navigation .login-btn.inactive {
  background-color: #4178b4 !important;
}
.top-navigation .login-btn.active:hover {
  background-color: #001b44 !important;
  /* WCAG 2.0 AA 1.4.3 Color Contrast */
  color: #fff;
  /* WCAG 2.0 AA 1.4.3 Color Contrast */
  font-weight: normal;
  /* WCAG 2.0 AA 1.4.3 Color Contrast */
}
.top-navigation .dropdown-menu {
  height: 240px;
  width: 750px;
}
.top-navigation .ad-box {
  position: absolute;
  top: 0;
  right: 0;
}
.top-navigation .dropdown-menu ul {
  margin-right: 6px;
  max-width: 121px;
}
.nav-business .dropdown-menu {
  left: -125px;
}
.nav-creditcards .dropdown-menu {
  left: -250px;
}
.nav-homeloans .dropdown-menu {
  left: -375px;
}
.nav-investments .dropdown-menu {
  left: -500px;
}
.nav-login .dropdown-menu {
  /*width: 100%;*/
  width: 220px !important;
  left: auto;
  right: 0;
  height: auto;
  border-top-width: 0;
}
.nav-login .dropdown-menu ul {
  margin: 0;
  width: 100%;
  /*max-width: 100%;*/
}
.nav-login .login-fields {
  position: absolute;
  right: 0;
  top: 100%;
  width: 280px;
  padding: 10px;
  background: #00457c;
  background: rgba(0, 69, 124, 0.8);
  z-index: 10000;
}
.dropdown-menu.dropdown-arvest.user-menu {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  /*border-color: #306b97;*/
  border-width: 0;
  background-color: #306b97;
}
.dropdown-menu.user-menu h3 {
  margin: 6px 13px;
  color: #fff;
}
.dropdown-menu.user-menu li {
  padding: 0;
}
.dropdown-menu.user-menu a {
  display: block;
  padding: 6px 13px;
  color: #fff;
}
.dropdown-menu.user-menu a:hover {
  background-color: #001b44;
  /* WCAG Color Contrast */
  /* text-decoration: none; */
  /* WCAG Low Vision */
}
@media (min-width: 960px) {
  .top-navigation span {
    display: inline;
  }
  .top-navigation .nav-item {
    width: auto;
  }
  .top-navigation .nav-personal .dropdown-toggle,
  .top-navigation .nav-business .dropdown-toggle {
    padding: 0 48px;
  }
  .top-navigation .nav-investments .dropdown-toggle,
  .top-navigation .nav-login .dropdown-toggle {
    line-height: 48px;
    padding-top: 0;
  }
  .top-navigation .nav-login {
    width: 202px;
  }
  .top-navigation .login-btn {
    padding-left: 40px;
    padding-right: 40px;
  }
  .top-navigation .login-btn .icon-user-secure {
    left: 10px;
  }
  .login-btn .login-arrow {
    right: 20px;
  }
  .top-navigation .dropdown-menu {
    width: 950px;
  }
  .nav-business .dropdown-menu {
    left: -161px;
  }
  .nav-creditcards .dropdown-menu {
    left: -318px;
  }
  .nav-homeloans .dropdown-menu {
    left: -440px;
  }
  .nav-investments .dropdown-menu {
    left: -558px;
  }
  .nav-login .dropdown-menu {
    width: 100% !important;
  }
  .top-navigation .dropdown-menu ul {
    margin-right: 40px;
    max-width: 100%;
  }
  .top-navigation .dropdown-menu ul:last-child {
    margin-right: 0;
  }
}
/* Smaller than standard 960 (devices and browsers) */
/*
@media only screen and (max-width: 1045px) {
	.top-navigation .dropdown-toggle.inactive:hover {
		background: transparent;
	}
}
*/
@media only screen and (max-width: 959px) {
  /*
	.top-navigation .nav-login .dropdown-toggle {
		width: 153px;
		height: 48px;
	}
	*/
  /*
	.nav-search-bar {
		background: none;
	}
	*/
  /*
	.top-navigation .dropdown-toggle {
		padding: 0 !important;
	}
	.top-navigation .nav-investments .dropdown-toggle,
	.top-navigation .nav-login .dropdown-toggle {
		line-height: 18px;
		padding-top: 7px !important;
	}

	.top-navigation .nav-login .dropdown-toggle {
		text-align: left;
		padding-left: 35px !important;
	}

	.top-navigation .nav-personal .dropdown-toggle {
		width:100%;
	}

	.nav-login .dropdown-menu ul {
		max-width: 160px;
	}

	.nav-business .dropdown-menu {
		left: -123px;
	}

	.nav-creditcards .dropdown-menu {
		left: -247px;
	}

	.nav-homeloans .dropdown-menu {
		left: -371px;
	}

	.nav-investments .dropdown-menu {
		left: -495px;
	}


	.nav-login .dropdown-menu {
		left: auto;
		right: 0;
		height: auto;
	}
	.nav-login .dropdown-menu li {
		width: 100%;
	}

	.top-navigation span {
		display: block;
	}
	*/
}
/*
@media only screen and (max-width: @screen-sm-min) {
	.nav-search-bar{
		float: left;
	}
}
*/
/*
@media only screen and (device-width : 1024px) and (orientation : landscape) {
	.top-navigation .nav-login .dropdown-toggle {
		padding-right: 185px !important;
	}
}
*/
.ask-arvest label {
  float: left;
  margin-left: 22px;
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: normal;
  line-height: 34px;
  text-transform: uppercase;
}
.bsb-ask-arvest label {
  float: left;
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: normal;
  line-height: 34px;
  text-transform: uppercase;
}
.nav-search-bar form.ask-arvest {
  float: right;
  background: #001b44;
  height: 34px;
  margin: 0px;
  width: 345px;
}
.nav-search-bar form.ask-arvest label {
  display: block;
}
form.ask-arvest input.ask-field {
  float: left;
  width: 200px;
  height: 26px;
  border: 0;
  margin: 4px 0;
  border-radius: 0;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: normal;
  text-align: left;
  color: #000;
  background: #fff;
}
form.bsb-ask-arvest input.ask-field {
  float: left;
  width: 175px;
  height: 26px;
  border: 0;
  margin: 4px 0;
  border-radius: 0;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: normal;
  text-align: left;
}
@media only screen and (max-width: 959px) {
  form.bsb-ask-arvest input.ask-field {
    width: 120px !important;
  }
}
.ie8 input.ask-field {
  line-height: 26px;
  /*position: relative;*/
}
/*
.ie8 form.ask-arvest input.ask-field {
	line-height: 26px;
}
*/
.ie7 input.ask-field {
  line-height: 26px;
}
/*
.ie7 form.ask-arvest input.ask-field {
	line-height: 26px;
}
*/
form.ask-arvest input.btn-ask,
form.ask-arvest input.btn-ask:hover,
input.btn-ask,
input.btn-ask:hover {
  float: right;
  width: 30px;
  height: 26px;
  margin: 4px 0;
  padding: 0;
  /*
	border-image: none;
	*/
  border-radius: 0;
  border-style: none;
  border-width: 0;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #e60000;
  color: #fff;
  cursor: pointer;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: normal;
  line-height: normal;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-appearance: none;
}
/**
 * .dropdown-menu can be removed if using bootstrap's dropdowns.less
 */
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 999999999999999999;
  /*
	top: 100%;
	left: 0;
	-webkit-transform: translate3d(0,0,0);
	//width: 931px;
	width: 100%;
	text-align: left;
	overflow: hidden;
	*/
}
.dropdown-menu.dropdown-arvest {
  background: #fff;
  color: #4879ad;
  /* WCAG AA F24 - added explicit color */
  padding: 16px;
  border: 3px solid #acc6e1;
  border-radius: 0;
  margin-top: 0;
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 1.3rem !important;
  /* WCAG 2.0 AA 1.4.4 */
  /**
	 * https://code.google.com/p/chromium/issues/detail?id=180194
	 * http://stackoverflow.com/questions/15220242/chrome-on-android-not-respecting-z-index-for-link-clicks
	 *
	 *  perhaps this fix is only for CSS only dropdowns?
	 */
  /*
	-webkit-transition-property: top;
	-webkit-transition-delay: 100ms;
	-webkit-transition-duration: 0s;
	*/
}
.dropdown-arvest ul {
  float: left;
  padding-left: 0;
  width: 140px;
  list-style: none outside none;
  /* rather than using class="list-unstyled" */
}
.dropdown-arvest li {
  padding-bottom: 5px;
}
.dropdown-arvest .list-heading {
  color: #00457c;
  background-color: #fff;
  /* WCAG AA F24 - added explicit background color of white */
  font-weight: bold;
  text-transform: uppercase;
}
/*.home-page-login .dropdown-menu a,
.dropdown-menu a {
	display: block;
	color: #4879ad; // WCAG Color Contrast
}
*/
.dropdown-arvest a {
  display: block;
  color: #4879ad;
  /* WCAG Color Contrast */
  line-height: 1.2;
  /*Added this to the links so when they wrap the text is styled correctly. BW*/
}
.dropdown-arvest a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 959px) {
  .top-navigation .dropdown-arvest ul {
    max-width: 115px;
    margin-right: 15px;
  }
  .top-navigation .nav-login .dropdown-arvest ul {
    max-width: none;
  }
}
a.left-nav-color-on {
  color: #1a5687 !important;
  background-color: #fbfbfb;
  /* WCAG AA F24 - added explicit background color */
}
/* LEFT MENU */
.left-menu-inner {
  /*
	width: 230px;
	*/
  border-left: 3px solid #004580;
  border-right: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #FBFBFB;
}
/*.col-main-left h2 {*/
.left-menu-heading {
  border-bottom: 3px solid #ec2426;
  /* should this be border-top of left-nav? */
  /*height: 50px;*/
  line-height: 25px;
  color: #00457c;
  margin: 0;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.left-menu-heading.two-line {
  line-height: 20px;
  height: 20px;
  padding: 10px 0 25px 15px;
}
/**
 * left-nav is a <ul>
 */
.left-nav {
  margin: 0 0 0 15px;
}
.left-nav li {
  padding: 5px 0;
  border-bottom: 1px solid #e3e3e3;
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-family: FuturaBT-Book;
}
.left-nav li.active,
.left-nav li.active a {
  /* is second rule necessary? */
  color: #1a5687;
}
.left-nav li:last-child {
  border-bottom-width: 0;
}
.left-nav li a {
  display: block;
  /* text-decoration: none; */
  color: #333;
}
.left-nav li a:hover {
  color: #1a5687;
}
.left-nav li a.text-warning {
  color: #8A6D3B;
}
.ad-cta {
  border: 1px solid #E3E3E3;
  margin-top: 10px;
  overflow: hidden;
  padding-top: 5px;
  text-align: center;
}
/**
 * targeting ipad but is this accomplishing anything ?
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .left-nav li a:hover {
    color: #333;
  }
}
@media only screen and (max-width: 959px) {
  .left-menu-wrap {
    position: absolute;
    top: 0;
    z-index: 2005;
    width: 230px;
    /*
		left: 10px;
		-webkit-transform: translate3d(0,0,0);
		*/
  }
  .left-menu-wrap.fixed {
    position: absolute;
    top: 0;
  }
  .left-menu-wrap.relative {
    position: relative !important;
    top: 0;
  }
  .ie7 .close-menu {
    right: -54px;
  }
  .close-menu {
    background: url("../images/template/close-menu-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 54px;
    position: absolute;
    right: -58px;
    text-indent: -555px;
    width: 59px;
    display: none;
    cursor: pointer;
    cursor: hand;
  }
  .expand-menu {
    display: block;
    width: 59px;
    height: 54px;
    right: -58px;
    text-indent: -555px;
    background: url("../images/template/left-menu-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    cursor: hand;
  }
  .left-menu-inner {
    display: none;
    /*
		-webkit-box-shadow: 3px 3px 4px #cecece;
		   -moz-box-shadow: 3px 3px 4px #cecece;
		        box-shadow: 3px 3px 4px #cecece;
		*/
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cecece')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cecece');
  }
}
/*
Portrait... why is this here??   959px wide is 959px wide either way
 and (orientation : portrait)
*/
@media only screen and (max-width: 959px) {
  /*
	.left-menu-wrap {
		position: absolute;
		left: 10px;
		top: 0;
		z-index: 2005;
	}
	.left-menu-wrap.fixed {
		position: fixed;
		top: 0;
	}
	.expand-menu {
		display: block;
		background: url("../images/left-menu-icon.png") no-repeat scroll left top transparent;
		width: 59px;
		height: 54px;
		text-indent: -555px;
		cursor: pointer;
	}
	*/
  .left-menu-inner {
    display: none;
  }
  /*
	.left-menu-inner {
		-moz-box-shadow: 3px 3px 4px #cecece;
		-webkit-box-shadow: 3px 3px 4px #cecece;
		box-shadow: 3px 3px 4px #cecece;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cecece')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cecece');
	}
	*/
}
footer {
  overflow: hidden;
  height: auto;
  background: #00457c;
  padding: 0 0 20px;
  margin: 0;
}
.footer-container {
  width: 100%;
  background: #00457c;
  clear: both;
  padding: 0;
  margin: 0;
  z-index: 1;
  /*position: relative;*/
  min-width: 768px;
}
.ft-nav-outer {
  background-color: #003162;
  float: left;
  height: 52px;
  /*
	width: 707px;
	*/
}
.ft-nav {
  margin-left: 0;
}
ul.ft-nav li {
  height: 52px;
  padding: 0 14px;
  border-left: 1px solid #42668b;
  /*
	float: left;
	width: auto;
	*/
  text-align: center;
}
.ie7 .page-details-height {
  height: 975px;
}
#footer-news {
  display: none;
}
/*
ul.ft-nav li.ft-nav-documents {
	width: 25%;
}

ul.ft-nav li.ft-nav-sitemap {
	width: 11%;
}
*/
ul.ft-nav li a {
  /*
	float: left;
	width: 100%;
	height: 48px;
	*/
  font-size: 1.1rem;
  /* WCAG 2.0 AA 1.4.4 */
  /* text-decoration: none; */
  text-transform: uppercase;
  line-height: 48px;
  color: #b3cae4;
}
ul.ft-nav li a:hover {
  background: #003162;
  text-decoration: underline;
  color: #fff;
}
.social-bar {
  background-color: #001b44;
  color: #FFFFFF;
  float: left;
  height: 48px;
  overflow: hidden;
  width: 253px;
}
.get-social {
  width: 270px;
  height: 48px;
  left: 0;
  overflow: hidden;
  /*
	position: absolute;
	*/
  text-transform: uppercase;
  z-index: 999;
  /*
	cursor: pointer;
	cursor: hand;
	*/
}
.get-social ul {
  height: 42px;
  margin: 0 0 0;
}
.get-social ul li {
  float: left;
  height: 47px;
  padding: 0;
  line-height: 50px;
}
.get-social ul li a {
  float: left;
  margin: 0 5px;
  width: 25px;
  height: 25px;
  padding-top: 3px;
}
.get-social img {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
.soc-nav-getsocial {
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  margin-right: 5px;
}
.social-bar-wrap-outer {
  width: 100%;
  background: url(../images/template/footer-bg960.png) no-repeat left top #003162;
}
/*
.container.social-bar-wrap {
	width: 1024px;
}
*/
.copyright {
  overflow: hidden;
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 21px;
}
.copyright-left {
  text-align: left;
}
.container .copyright-right {
  text-align: right;
  /*
	vertical-align: top;
	*/
}
.copyright-right img,
.copyright-right span {
  position: relative;
  top: -19px;
  /*
	vertical-align: baseline;
	*/
}
.copyright-right img {
  margin-left: 10px;
}
.copyright-row1 {
  padding-top: 52px;
  /*
	padding-left:10px
	*/
}
@media only screen and (max-width: 959px) {
  #footer-news {
    width: 100%;
    height: 180px;
    display: block;
    clear: both;
  }
  .container.social-bar-wrap {
    width: 768px;
    /*height: 47px;*/
    overflow: hidden;
    position: relative;
  }
  /*
	.ft-nav-outer {
		clear: both;
	}
	*/
  .social-bar-wrap-outer,
  .social-bar {
    background: transparent;
  }
  .social-bar-wrap-outer {
    background: url(../images/template/footer-bg_03.jpg) repeat-x left bottom;
  }
  ul.ft-nav li:first-child {
    border-left: 0;
  }
  /*
	.container .copyright-right {
		margin-left: 10px;
	}
	*/
  .copyright-right img {
    margin-left: 2px;
  }
}
/**
 * header overlay
 */
.header {
  position: relative;
}
.header img {
  width: 100%;
}
.header-overlay {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 11px 0 11px 20px;
  width: 100%;
  background-color: rgba(0, 69, 124, 0.8);
  color: #fff;
  text-transform: uppercase;
}
.lt-ie9 .header-overlay {
  /*background-color: rgba(0, 69, 124, 0.8);*/
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc00457C,endColorstr=#cc00457C);
  zoom: 1;
}
/**
 * Callouts
 */
.callout {
  background-color: #F3F2F2;
}
.callout-header {
  background-color: #1a5687;
  color: #FFF;
  padding: 10px 20px;
}
.callout .title {
  margin: 0;
  font-size: 1.7rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.callout-body {
  padding: 20px 0;
}
/*
	.callout-body li {
		margin-bottom: 10px;
	}
	*/
.callout-body li:last-child {
  margin-bottom: 0;
}
.col-main-left .callout {
  margin-top: 15px;
  background-color: inherit;
}
.col-main-left .callout .header h3 {
  font-size: 1.8rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.col-main-left .callout-body {
  line-height: normal;
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-family: FuturaBT-Book;
}
.col-main-left .callout-body a {
  font-size: 1.4rem;
  /* WCAG 2.0 AA 1.4.4 */
  /*
		font-family: FuturaBT-Medium;
		*/
}
.col-main-left .callout-body h3 {
  margin: 0;
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.col-main-left .callout .tel {
  font-size: 1.6rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.callout input {
  background-color: #fff;
}
.callout-alert .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/alert.png");
  background-repeat: no-repeat;
}
.callout-question .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/question.png");
  background-repeat: no-repeat;
}
.callout-credit .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/creditcard.png");
  background-repeat: no-repeat;
}
.callout-suitcase .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/suitcase.png");
  background-repeat: no-repeat;
}
.callout-arrow .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/arrow.png");
  background-repeat: no-repeat;
}
.callout-stocks .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/stocks.png");
  background-repeat: no-repeat;
}
.callout-lifesaver .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/lifesaver.png");
  background-repeat: no-repeat;
}
.callout-check .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/check.png");
  background-repeat: no-repeat;
}
.callout-copy .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/copy.png");
  background-repeat: no-repeat;
}
.callout-custserv .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/custserv.png");
  background-repeat: no-repeat;
}
.callout-paybreakdown .callout-header {
  height: 50px;
  padding: 7px 20px 7px 70px;
  background-image: url("../images/icons/lg/paybreakdown.png");
  background-repeat: no-repeat;
}
/**
 *
 */
.txtUpper {
  text-transform: uppercase;
}
.contact-info {
  margin: 30px 0;
  background-color: #EEF1F3;
}
.contact-info-body {
  padding: 14px 20px;
  font-size: 1.4rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.contact-info .tel {
  /*color: inherit;*/
  font-size: 1.8rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.contact-info .location-search {
  margin-top: 5px;
}
/*
 *  Full width "masthead type thing"
 */
.feature {
  position: relative;
  margin-bottom: 30px;
}
/** begin responsive test **/
.feature .col-arv-left {
  padding: 0;
  margin: 0;
}
.feature .background {
  display: none;
}
@media (min-width: 260px) {
  .feature .background {
    display: block;
  }
  .feature .col-arv-left {
    margin-left: -279px;
    /* -270px - @grid-gutter-width/2 */
    padding-left: 288px;
    /* 270px + @grid-gutter-width */
  }
  /** keep these rules **/
  .feature.fullimg {
    height: 200px;
  }
}
/** end responsive test **/
.feature.fullimg .background {
  background-position: right;
  background-repeat: no-repeat;
}
.feature.fullimg .col-arv-right .inner {
  background-color: transparent;
}
.feature h2 {
  color: inherit;
}
.feature-title {
  margin-top: 0;
  font-size: 2rem;
  /* WCAG 2.0 AA 1.4.4 */
  margin-bottom: 5px;
}
.feature .cta {
  margin-top: 44px;
  margin-bottom: 5px;
  font-size: 1.5rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: bold;
}
.feature .background {
  position: absolute;
  left: 9px;
  right: 9px;
  top: 0;
  bottom: 0;
  background-color: #266190;
}
.feature .col-arv-left {
  padding-right: 0;
}
.feature .col-arv-left .inner {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  min-height: 200px;
  color: #FFF;
}
.lt-ie9 .feature .col-arv-left .inner {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 187px;
  color: #FFF;
}
.feature .col-arv-left a {
  color: inherit;
}
.feature .dropdown-menu a {
  color: #333;
}
.feature .col-arv-right .inner {
  padding: 13px 0;
  background-color: #FFF;
  /*
		background-clip: content-box;
		*/
  color: #07264F;
}
.feature.border .col-arv-right .inner {
  border-right: 1px solid #266190;
  border-bottom: 1px solid #266190;
}
.feature .col-arv-right h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: bold;
  line-height: 18px;
}
.feature .inner hgroup h3 {
  margin: 0;
}
.feature .inner hgroup h3:first-child {
  color: #1a5687;
}
.feature .inner hgroup h3:last-child {
  line-height: 14px;
}
.feature .select2-container {
  background-color: transparent;
  border-width: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.lt-ie9 .feature .select2-choice,
.ie9 .feature .select2-choice,
.lt-ie9 .feature .select2-drop,
.ie9 .feature .select2-drop {
  border-radius: 0;
}
/**
 *
 */
.heading-wrap {
  padding: 10px 0 10px 20px;
}
.heading-wrap h1 {
  font-size: 2rem;
  /* WCAG 2.0 AA 1.4.4 */
  /*
		line-height: 40px;
		*/
  margin: 0;
  text-transform: uppercase;
}
.heading-wrap h2 {
  /*
		font-size: 20px;
		line-height: 30px;
		*/
  margin: 0;
  text-transform: uppercase;
}
.heading-wrap + .alert {
  margin-top: 25px;
}
/**
 * ATM & Branch Locations
 *
 * .location search   (found in layout_components)
 */
form.location-search {
  margin-top: 20px;
}
.location-search label {
  font-size: 1.5rem;
  /* WCAG 2.0 AA 1.4.4 */
  text-transform: uppercase;
  font-weight: normal;
}
.location-search input.location-field {
  float: left;
  width: 160px;
  height: 30px;
  padding: 0 0 0 10px;
  border: 0 none;
  border-radius: 0 0 0 0;
  font-size: 1.3rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 20px;
  color: #000;
  background: #fff;
}
.ie8 .location-search input.location-field,
.ie7 .location-search input.location-field {
  line-height: 26px;
}
.location-search input.button-go {
  float: left;
  width: 34px;
  height: 30px;
  padding: 0;
  border-radius: 0;
  border-style: none;
  border-width: 0;
  /*
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	*/
  background: #001b44;
  color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  /* WCAG 2.0 AA 1.4.4 */
  font-weight: bold;
  line-height: normal;
  text-shadow: none;
  -webkit-appearance: none;
}
.contact-info .location-search label {
  display: none;
}
.contact-info .location-search .form-control {
  background-color: #fff;
}
/**
 * Modals
 *
 * @todo:  only use #modal-container... no need for #popup-iframe-wrap, .popup-iframe, etc;
 */
#modal-container,
#popup-iframe-wrap,
#video-iframe-wrap {
  padding: 35px;
  background: #fff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  display: none;
  /*
	z-index: 100000 !important;
	*/
}
#modal-container .modal-content,
#popup-iframe-wrap,
.popup-iframe,
#video-iframe-wrap,
.video-iframe {
  height: 390px;
  width: 640px;
}
.b-iframe {
  width: 100%;
}
.modal-close,
.popup-close,
.video-close {
  position: absolute;
  /*
	top: -31px;
	right: 0;
	*/
  top: -5px;
  right: 7px;
  cursor: pointer;
  color: #000;
  font-size: 2.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  /*
	width: 21px;
	height: 21px;
	text-indent: 16px;
	line-height: 26px;
	*/
}
.modal-content :first-child {
  margin-top: 0;
}
/**
 *
 */
.product-list > .row {
  padding-bottom: 20px;
  /*border-bottom: 1px solid #DFDFDF;*/
  margin-top: 20px;
  margin-bottom: 20px;
}
/*
.product-list > .row:first-child {
	padding-top: 20px;
	border-top: 1px solid #DFDFDF;
}
*/
.product-list > .row:first-child:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 20px;
  margin-left: 9px;
  margin-right: 9px;
  background: #DFDFDF;
}
.product-list > .row:after {
  content: "";
  display: block;
  height: 1px;
  position: relative;
  top: 20px;
  margin-left: 9px;
  margin-right: 9px;
  background: #DFDFDF;
}
.product-list h3 {
  color: #07264F;
  margin: 0;
}
.product-list li {
  line-height: 18px;
}
.product-list li a {
  color: inherit;
}
.product-list .btn {
  position: absolute;
  right: 9px;
  bottom: 20px;
}
/**
 * Product-info-vert  (as seen on mobile and credit-cards pages)
 */
/*
.product-info-vert .header img {
	width: 100%;
}
*/
.product-info-vert {
  background-clip: content-box;
  background-color: #F3F2F2;
}
.product-info-vert .header-overlay {
  font-size: 1.3rem;
  /* WCAG 2.0 AA 1.4.4 */
}
.product-info-vert .info-content {
  /*position: relative;*/
  padding: 30px 20px 80px;
}
.product-info-vert .info-content .btn {
  margin: 0 19%;
  left: 0;
  right: 0;
  display: block;
  margin-top: 8px;
}
.posBottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}
@media only screen and (max-width: 260px) {
  .posBottom {
    position: relative;
    bottom: 0;
  }
  .product-info-vert .info-content {
    min-height: 0 !important;
  }
}
/**
 * jquery.selectbox  - add "selectbox" class to <select>
 */
.sbHolder {
  position: relative;
  height: 29px;
  line-height: 28px;
  /*z-index: 2000;*/
  clear: left;
}
.sbHolder,
.sbOptions li {
  background: #fff;
  padding: 0;
  border: 1px solid #b8b8b8;
  line-height: 28px;
}
/**
	 * both a.sbselector and 'li a'
	 */
.sbHolder a.sbSelector,
.sbHolder .sbOptions a {
  margin: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  color: #333;
  /* text-decoration: none; */
}
.sbToggle {
  float: right;
  display: block;
  height: 28px;
  width: 28px;
  background: url(../images/category-arrow.png) no-repeat 0 0;
}
.sbSelector {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 28px;
  padding-left: 10px;
}
.sbOptions {
  position: absolute;
  top: 100% !important;
  left: -1px;
  right: -1px;
  padding: 0;
  margin-top: 1px;
  list-style: none;
  z-index: 2000;
}
.sbOptions li {
  border-top: 0;
}
.sbOptions a:hover,
.sbOptions a:focus {
  background: #B8B8B8;
  color: #fff;
}
/*
	.sbOptions li:hover .sbDisabled {
		color: #999;
	}
	*/
.sbOptions li a,
.sbOptions li .sbDisabled {
  display: block;
  padding-left: 10px;
}
.sbDisabled {
  color: #c0c0c0;
}
.sbDisabled:hover {
  background: #B8B8B8;
  color: #999;
}
.row.row-dividers {
  margin-left: -20px;
  margin-right: -20px;
}
.row.row-dividers > div {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -1px;
  /* overlap the borders */
  border-left: 1px solid #C2CEDC;
  border-right: 1px solid #C2CEDC;
}
.row.row-dividers > div:first-child {
  margin-left: 0;
  border-left: none;
}
.row.row-dividers > div:last-child {
  border-right: none;
}
/**
 * jquery qTip
 */
/*
.tool-tip,
.qtip-default {
	background: #fff !important;
	border: 1px solid #ccc !important;
	padding: 5px;
	font-size: 11px !important;
	color: #98B3DA !important;
	width: 200px;
	line-height: 16px;
}
.tool-tip-img {
	cursor:pointer;
	cursor:hand;
}
.qtip-content {
	color: #444444;
	border: 2px solid #1a5687;
}
*/
.qtip {
  font-size: 1.1rem !important;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: normal !important;
}
/**
 * vcard
 */
.vcard {
  clear: both;
}
@media (min-width: 260px) {
  .vcard .details,
  .vcard .bio {
    margin-left: 126px;
  }
}
/**
 * Emphasis Box
 *
 *  @todo use well instead?!
 */
.emphasis-box {
  /*position: relative;*/
  border: #00457C solid 1px;
  padding: 6px;
  background-color: #AEDDEF;
  /*#C8E8F4;*/
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.lt-ie8 .emphasis-box {
  position: relative;
  behavior: url(/common/CSS3Pie/PIE.htc);
}
.emphasis-box a {
  text-decoration: underline;
  color: #00457C;
}
.emphasis-box a:hover {
  color: #F42941;
}
.twitter-typeahead {
  float: right;
}
/**
 * Form Progress / Steps
 */
.progress {
  margin: 24px 0 10px 0;
}
.progress .step {
  float: left;
  height: 38px;
  padding-left: 10px;
  padding-right: 8px;
  font-size: 1.2rem;
  /* WCAG 2.0 AA 1.4.4 */
  line-height: 35px;
  color: #fff;
}
.progress .step:first-child {
  padding-left: 14px;
  /* a bit more padding for first step */
}
.progress .arrow {
  width: 15px;
  padding: 0;
  background: url(/arvest.com/images/template/progress_arrows.png) no-repeat right top;
}
.progress .prev {
  background-color: #1a5687;
}
.progress .current {
  background-color: #07264f;
}
.progress .future {
  background-color: #c2c4c4;
  color: #07264f;
  /* from 07264f for WCAG */
}
.progress .arrow.prev {
  background-position: right -38px;
}
.progress .arrow.prev.last-prev {
  background-color: #07264f;
  /* current color */
}
.progress .arrow.current {
  background-color: #c2c4c4;
  /* future color */
}
.progress .arrow.future {
  background-position: right -76px;
}
.progress .arrow.last {
  background-color: transparent;
}
/**
 * Twitter Typeahead
 *
 * helpful for debugging css:
 *     $('#ir-question').focus().typeahead('val', '').focus().typeahead('val', 'where are your locations');
 */
.tt-dropdown-menu {
  z-index: 10000 !important;
  padding: 8px 0;
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
  padding: 3px 18px;
  line-height: normal;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #1a5687;
  cursor: pointer;
}
.tt-suggestion p {
  margin: 0;
}
/**
 * vCard
 */
.vcard {
  margin-bottom: 1em;
  padding-bottom: 1px;
}
.vcard .photo_place {
  float: left;
  width: 115px;
  height: 124px;
}
.vcard .bio {
  margin-top: 1em;
}
.photo.border {
  border-width: 2px;
  border-style: solid;
}
/**
 * WCAG Overrides of styling on page in inc files
 */
.grey-background {
  background-color: #737373 !important;
  /* WCAG grey in tables needs to be a bit darker fro contrast - DM */
}
.icon {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 20px;
  line-height: 1;
  vertical-align: middle;
  background-repeat: no-repeat;
}
ul.list-icons {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
li.icon {
  /*background-position: 7px 7px;*/
  padding: 2px 0 0 26px;
  width: auto;
  height: auto;
  min-height: 20px;
  line-height: normal;
  vertical-align: middle;
}
/**
 * colored circles
 */
.icon-200-items {
  background-image: url(../images/icons/PP-icon-200.png);
}
.icon-add-ins {
  background-position: -3px;
  background-image: url(../images/icons/AD_D_insurance.png);
}
.icon-billpay {
  background-position: -3px;
  background-image: url(../images/icons/billpay.png);
}
.icon-checks {
  background-position: -3px;
  background-image: url(../images/icons/checks.png);
}
.icon-debit {
  background-position: -2px;
  background-image: url(../images/icons/debit.png);
}
.icon-earnings-credit {
  background-image: url(../images/icons/earnings_credit.png);
}
.icon-estatements {
  background-position: -2px;
  background-image: url(../images/icons/eStatements.png);
}
.icon-familyid {
  background-position: -3px;
  background-image: url(../images/icons/familyID.png);
}
.icon-interest {
  background-position: -3px;
  background-image: url(../images/icons/earns_interest.png);
}
.icon-no-fee {
  background-position: -3px;
  background-image: url(../images/icons/no-fee.png);
}
.icon-overdraft {
  background-position: -2px;
  background-image: url(../images/icons/overdraft.png);
}
.icon-paper {
  background-position: -3px;
  background-image: url(../images/icons/paper-statement.png);
}
.icon-phone {
  background-image: url(../images/icons/phone.png);
}
.icon-pin {
  background-image: url(../images/icons/pin.png);
}
.icon-statement-opt {
  background-position: -3px;
  background-image: url(../images/icons/statement_option.png);
}
/*
.icon-aam			{ background-image: url(../images/icons/aam.png) !important; }
*/
/**
 * On white
 */
.icon-billpay-s {
  background-image: url(../images/icons/billpay-s.png);
}
.icon-building {
  background-image: url(../images/icons/building.png);
}
.icon-bulldozer {
  background-image: url(../images/icons/bulldozer.png);
}
.icon-car {
  background-image: url(../images/icons/car.png);
}
.icon-check-mark {
  background-image: url(../images/icons/check-mark.png);
}
.icon-coin {
  background-image: url(../images/icons/coin.png);
}
.icon-computer {
  background-image: url(../images/icons/computer.png);
}
.icon-credit-card {
  background-image: url(../images/icons/credit-card.png);
}
.icon-dollar-bill {
  background-image: url(../images/icons/dollar-bill.png);
}
.icon-dollar-sign {
  background-image: url(../images/icons/dollar-sign.png);
}
.icon-envelope {
  background-image: url(../images/icons/envelope.png);
}
.icon-family {
  background-image: url(../images/icons/family.png);
}
.icon-glasses {
  background-image: url(../images/icons/glasses.png);
}
.icon-house {
  background-image: url(../images/icons/house.png);
}
.icon-lock {
  background-image: url(../images/icons/lock.png);
}
.icon-mobile-app {
  top: -3px;
  background-image: url(../images/icons/mobile-apps.png);
}
.icon-mobile-sms {
  top: -3px;
  background-image: url(../images/icons/mobile-sms.png);
}
.icon-mobile-web {
  top: -3px;
  background-image: url(../images/icons/mobile-web.png);
}
.icon-person {
  background-image: url(../images/icons/person.png);
}
.icon-tractor {
  background-image: url(../images/icons/tractor.png);
}
.icon-pillar {
  background-image: url(../images/icons/pillar.png);
}
.icon-print {
  background-image: url(../images/icons/print.png);
}
.icon-ribbon {
  background-image: url(../images/icons/ribbon.png);
}
.icon-shield {
  background-image: url(../images/icons/shield.png);
}
.icon-ship {
  background-image: url(../images/icons/ship.png);
}
.icon-ticker-symbol {
  background-image: url(../images/icons/ticker_symbol.png);
}
.icon-keys {
  background-image: url(../images/icons/keys.png);
}
.icon-book {
  background-image: url(../images/icons/book.png);
}
.icon-wrench {
  background-image: url(../images/icons/wrench.png);
}
.icon-apple {
  background-image: url(../images/icons/apple.png);
}
.icon-android {
  background-image: url(../images/icons/android.png);
}
.icon-samsung {
  background-image: url(../images/icons/samsung.png);
}
.icon-user-lock {
  background-image: url(../images/icons/lock_2.png);
}
.icon-user-secure {
  background-image: url(../images/icons/myArvest.png);
  background-position: 0 -3px;
}
.icon-user-mortgage {
  background-image: url(../images/icons/myArvest.png);
  background-position: 0 -26px;
}
.icon-user-payment {
  background-image: url(../images/icons/myArvest.png);
  background-position: -1 -48px;
  height: 24px;
}
.icon-user-profile {
  background-image: url(../images/icons/myArvest.png);
  background-position: 0 -75px;
}
.icon-user-logout {
  background-image: url(../images/icons/myArvest.png);
  background-position: 0 -98px;
}
.btn .icon {
  vertical-align: sub;
}
.icon.icon-arrow {
  /*
	padding-left: 19px;
	background-origin: content-box;
	background-position: -8px 2px;
	background-repeat: no-repeat;
	*/
  width: 5px;
  height: 9px;
  vertical-align: baseline;
  background-image: url(/arvest.com/images/small/button-arrow.png);
}
.icon.icon-arrow-blue {
  width: 5px;
  height: 9px;
  vertical-align: baseline;
  background-image: url(/arvest.com/images/small/blue-button-arrow.png);
}