/*JP 1-23-2014*/

/*CONTENTS:

Overrides to standard.css that customize the interface design
_____________________________________________________________
1. Standard Element and Site Design Overrides
2. Interface Design and Layout Overrides
3. Custom Colors and Formatting
    3.1 STANDARDIZED COLORS
4. Browser Element Customization
    4.1 Selection Color
    4.2 Form Element Customization
5. Header and Wrapper Layout
	5.1 Site Logo
    5.2 Search Form
	5.3 Wrapper tweaks for main page layout
6. Site Navigation Overrides
	6.1 Main Nav
	6.2 My Summit Menu
	6.3 Mobile Main Nav
	6.4 Mobile My Summit Menu
	6.5 Top Nav
	6.6 Footer Nav
	6.7 Sub Nav
	6.8 Navigation Media Queries
	
7. Footer Overrides
	7.1 Standard Footer Styles
	7.2 Complicance Logos w/hover
	7.3 Footer Quicklinks
	7.4 Bottom Footer Styles
	7.5 Footer Social Icons
	7.6 Footer Disclaimer Text
8. Homepage Elements
	8.1 home announcements
	8.2 home alert
	8.3 home banking login 
9. FlexSlider Banner Overrides
10. Content Area Overrides
    10.1 content areas
    10.2 intro content area
11. Tabbed Content Area Overrides
12. Form Appearance Overrides / Custom Button Styling
13. Survey Style Overrides
14. Sitemap / FAQ Overrides
15. Seminar and Event Overrides

16. Custom Appended Styles - Not Overrides
	16.1 --
	16.2 --
	16.3 left column modules
	16.4 Google Location Maps and location template
	16.5 checking comparison table
	16.6 mini-button
	16.7 save, unsave, save rate, comment and back buttons
	16.8 Loan App Step Form specific styles
	16.9 GPS Locator on ATM page

18. Posts and Post Lists

19. Search and FAQ Results
	19.1 Google Search Results
	19.2 Silvercloud FAQ Results

	
*/

/* ================ 1. Standard Element and Site Design Overrides ================ */

body {
	padding: 0;
	 font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 127%;
	color: #212528;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 900;
}
.flexslider .slides li {
}
/*disable dropdown menus on main nav*/
ul#main-nav ul.sub_menu { /*display:none;*/
}
/* ================ 2. Interface Design and Layout Overrides  ================ */
.header_inner {
	padding: 0 0 10px 0;
}
.col1-head {
}
.col1-head .logo {
	z-index: 100;
}
.col2-head .tag {
	float: left;
	margin: 30px 0 0 30px;
	color: #666;
	font-size: 1.27em;
}
.col2 {
}
.col2-inner {
	padding: 0 20px 0 0;
}
.wrapper {
}

@media screen and (max-width: 890px) {
.col2-head .tag {
	margin: 30px 0 0 50px;
}
}

@media screen and (max-width: 770px) {
.col2-head .tag {
	margin: 30px 0 0 80px;
}
}

@media screen and (max-width: 660px) {
.col2-head .tag {
	margin: 0;
	text-align: center;
	width: 100%;
}
.col2-inner {
	padding: 0;
}
}
/* ================ 3.1 STANDARDIZED COLORS ================ */
/*clr1 (color 1) is based on one of the primary brand colors*/
/*clr2 (color 2) is based on the brand's gray color or a standard gray*/
/*each color has dark, med (medium) and lite
each color can be applied to text, borders or backgrounds by using the right style*/

.clr1-dark {
	color: #007c88;
}
.clr1-med {
	color: #439fa7;
}
.clr1-lite {
	color: #ecf5f6;
}
.clr2-dark {
	color: #727f8a;
}
.clr2-med {
	color: #aab2b8
}
.clr2-lite {
	color: #ecf5f6;
}
.clr1-bg-dark {
	background-color: #007c88;
}
.clr1-bg-med {
	background-color: #439fa7;
}
.clr1-bg-lite {
	background-color: #ecf5f6;
}
.clr2-bg-dark {
	background-color: #727f8a;
}
.clr2-bg-med {
	background-color: #aab2b8
}
.clr2-bg-lite {
	background-color: #f2f3f4;
}
.clr1-bdr-dark {
	border-color: #007c88;
}
.clr1-bdr-med {
	border-color: #439fa7;
}
.clr1-bdr-lite {
	border-color: #ecf5f6;
}
.clr2-bdr-dark {
	border-color: #727f8a;
}
.clr2-bdr-med {
	border-color: #aab2b8
}
.clr2-bdr-lite {
	border-color: #f2f3f4;
}


/*make the text white on the darker backgrounds...*/
td.clr1-bg-dark, .clr1-bg-dark p, td.clr1-bg-med, .clr1-bg-med p, td.clr2-bg-dark, .clr2-bg-dark p, td.clr2-bg-med, .clr2-bg-med p {
	color:#fff;
}
/*to be used in conjunction with border classes to specify where the border is applied (top, bottom, left or right)*/

.bdr-bot {
	border-left: none;
	border-right: none;
	border-top: none;
}
.bdr-top {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.bdr-left {
	border-right: none;
	border-bottom: none;
	border-top: none;
}
.bdr-right {
	border-left: none;
	border-bottom: none;
	border-top: none;
}
/* ================ 4. Browser Element Customization ================ */

/*4.1 Selection Color*/
/* Make Selection a custom color */
::selection {
	background: #444; /* Safari */
	color: #FFFFFF;
}
::-moz-selection {
 background: #444; /* Firefox */
 color: #FFFFFF;
}
/*4.2 Input Element Customization*/

/*only define basic field customizations here. All else in fonts.css*/
input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
	font-size: 16px;
	font-size: 1rem;
}
fieldset .label label {
	color: #333;
}





::-webkit-input-placeholder {
color: #727f8a;
}
:-moz-placeholder { /* Firefox 18- */
color: #727f8a;
}
::-moz-placeholder { /* Firefox 19+ */
color: #727f8a;
}
:-ms-input-placeholder {
color: #727f8a;
}

/*special placeholder colors for the search and location fields in header*/

input.search_field::-webkit-input-placeholder {
color: #007c88;
}
input.search_field:-moz-placeholder { /* Firefox 18- */
color: #007c88;
}
input.search_field::-moz-placeholder { /* Firefox 19+ */
color: #007c88;
}
input.search_field:-ms-input-placeholder {
color: #007c88;
}
 input.locator_field::-webkit-input-placeholder {
color: #77942b;
}
input.locator_field:-moz-placeholder { /* Firefox 18- */
color: #727f8a;
}
input.locator_field::-moz-placeholder { /* Firefox 19+ */
color: #727f8a;
}
input.locator_field:-ms-input-placeholder {
color: #727f8a;
}
/* ================ 5. Header and Wrapper Layout ================ */

/*5.1 Site Logo*/

/* logo source and defaults defined in standard.css
only size is defined here as its unique to this site */

.header .logo {
	width: 150px;
	height: 50px;
	min-height: 52px;
	background-size: 150px 50px;
	margin: 20px;
}
.header .logo a {
	width: 150px;
	height: 50px;
}

/* ie8 logo fix - must be combined with IF-then statement in wrapper */
body.ie8 .logo {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/head_logo.png', sizingMethod='scale');
}

/*5.2 Search Form -- see layout.css*/

/*5.3 Wrapper tweaks for main page layout */

.wrapper_inner {
}
.page_body {
}
/* ================ 6. Site Navigation ================ */

/* 6.1 Main Nav*/
	
div.menu-main {	/*background-color: #308796; */
	background-color: transparent;
	width: 100%;
}
div.header div.menu-main div.inner {
	border-bottom: 1px solid #007C88;
}
div.nav-main {
	line-height: normal;
	padding: 0;
	border: none;
	background-image: none;
	max-width: 100%;
	background-color: #308796;
	width: 100%;
	margin: 0;
}
div.nav-main ul.nav-menu li.nav-item {
	text-align: center;
}
div.nav-main li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
div.nav-main ul.nav-menu {
	margin: auto;
	width: 100%;
	display: table !important;
	max-width: 990px;
}
div.nav-main li {
	padding: 0;
	display: table-cell !important;
	float: none !important;
}
div.nav-main ul.nav-menu li.nav-item a {
	font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 7px 14px 10px;
	border: none;
	font-weight: 100;
	color: #fff;
	font-size: 21px;
	font-size: 1.3125rem;
	margin-top: 3px;
}
div.nav-main ul.nav-menu li.nav-item:last-child a {
}
div.nav-main ul.nav-menu li.nav-item:first-child a {
}
div.nav-main ul.nav-menu li.on a, div.nav-main ul.nav-menu li a:hover {
	color: #005584;
	background-image: none !important;
	background: #ecf5f6;
	-webkit-transition: background .6s ease;
	-moz-transition: background .6s ease;
	transition: background .6s ease;
	text-decoration:none !important;
}
div.nav-main ul.nav-menu li.on a {
	font-weight: normal;
}
div.nav-main ul.nav-menu li a.on {
	background: #ecf5f6;
}
/*6.3 Mobile Main Nav*/



div.header-mobile div.header-bar {
	background-color: #2b7885;
}
div.header-menu {
	background-color: #308796;
	color: #fff;
}
div.header-menu a:link, div.header-menu a:visited {
	color: #fff;
}
div.header-menu a:hover, div.header-menu a:active {
	color: #fefff3;
}
div.nav-main-mobile ul.nav-menu li.nav-item {
	margin: 0;
}
div.nav-main-mobile ul.nav-menu li.nav-item a, div.nav-sub-mobile ul.nav-menu li.nav-item a {
	padding: 4px 0;
	font-size: 1em;
}
div.nav-main-mobile ul.main-nav-menu li.nav-item a {
	padding: 8px 0;
	font-size: 1.1em;
}
ul#main-nav-mobile li a.active {
	background-color: #aaa !important;
	color: #fff;
	text-shadow: none !important;
	border: solid 1px #7e2332 !important;
	opacity: .8;
	background-image: none;
}
div.nav-sub-mobile ul li.nav-item a.parent {
	border-bottom: 1px solid #ededed;
	font-weight: 500;
}
div.nav-sub-mobile ul li.nav-item a.on.parent {
	text-decoration: none;
}
div.nav-sub-mobile ul li.nav-item a.on.parent:hover {
	text-decoration: underline;
}
div.nav-main-mobile {
	border-right: 1px solid #64a5b0;
}
div.nav-main-mobile ul.top-nav-menu {
	border-top: 1px solid #64a5b0;
}
/* 6.5 Top Nav*/
div.nav-top {
	width: 100%;
	text-align: right;
	max-width: 620px;
}
div.nav-top ul.nav-menu li.nav-item {
	line-height: normal;
}
div.nav-top ul.nav-menu li.nav-item a {
	display: inline-block;
	border-right: none;
	padding: 8px;
	margin: 0;
	font-size: 15px;
	font-size: 0.9375rem;
	color: #727F8A;
	font-weight: 100;
}
div.nav-top ul.nav-menu li.last a {
	margin-right: 0;
}
div.nav-top ul.nav-menu li.nav-item a:hover, div.nav-top ul.nav-menu li.nav-item a.on {
	background: #007c88;
	color: #fff;
}
/* migrated in from dropdown.css */
div.header.bar-main .inner {
	max-width: 100%;
	padding: 0;
	position: relative;
	margin: 0;
}
/* 6.6 Footer Nav*/

a.footnav {
	color: #ececec !important;
	margin-right: 5px;
	padding-right: 5px; /* border-right: 1px solid #ececec; */
}
a.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
a.footnav:hover {
	color: #fff !important;
}
/* 6.7 Sub Nav*/

div.nav-sub, div.subnav {
	margin: 10% 0;
	padding: 0;
}
div.nav-sub h3, div.subnav h3 {
	font-size: 25px;
	font-size: 1.5625rem;
	border-bottom: 1px solid #AAB2B8;
	padding: 0 0 2% 4%;
	margin: 0;
	color: #007c88;
}
div.nav-sub h3 a, div.subnav h3 a {color: #007c88;}


div.nav-sub ul, div.subnav ul {
	list-style: none;
	margin: 20px;
	padding: 0;
}
div.nav-sub ul li, div.subnav ul li {
	font-weight: 300;
	font-size: 19px;
	font-size: 1.1875rem;
	padding: 8px 0;
	margin: 0;
}
div.nav-sub ul li a, div.subnav ul li a {
	color: #228d98;
}
div.nav-sub ul li a.on, div.subnav ul li a.on {
	font-weight: 700;
	text-decoration: none;
	color: #f48024;
}
div.nav-sub ul li a.on:before {
	content: "\f105";
	font-family: FontAwesome;
	text-decoration: none;
	display: inline;
	float: left;
	margin: 0 0 0 -15px;
	font-size: 22px;
	font-weight: normal;
	color: #007c88;
}
div.nav-sub ul ul, div.subnav ul ul {
	margin: inherit;
}
div.nav-sub ul ul li, div.subnav ul ul li {
}
div.nav-sub ul ul li ul li, div.subnav ul ul li ul li {
	font-weight: normal;
	font-size: 12px;
}

/* 6.7.5 Mobile Tertiary Nav*/
@media screen and (min-width: 767px) {
	
	div.nav-sub-touch {display:none;}
	
	
}
div.nav-sub-touch div.nav-sub {
	margin: 0;
	padding: 0 2%;
	clear:both;
}
div.nav-sub-touch div.nav-sub h3 {
	padding:0;
	text-align:center;
	border:none;
}
div.nav-sub-touch div.nav-sub ul.nav-menu {
	float:left;
	margin:0;
	display:table;
	width:100%;
	border: solid 1px #ccc;
	border-right: none;
	border-left: none;
}
div.nav-sub-touch div.nav-sub ul.nav-menu li.nav-item {
	display: table-cell;
	margin:0;
	padding:0;
	text-align:center;
	
}
div.nav-sub-touch div.nav-sub ul.nav-menu li.nav-item a {
	margin:0px;
	padding:5px 10px;
	font-size:16px;
	font-size:1rem;
}
div.nav-sub-touch div.nav-sub ul.nav-menu li.nav-item a.on {
	
}
div.nav-sub-touch div.nav-sub ul.nav-menu li.nav-item a.on:before {
	display:none;
}

@media screen and (max-width: 480px) {
	div.nav-sub-touch div.nav-sub ul.nav-menu {
	
	display:block;
	
}
div.nav-sub-touch div.nav-sub ul.nav-menu li.nav-item {
	display: inline-block;
	text-align:center;
	
}
	
	
}

/* 6.8 Navigation Media Queries*/


/*step down the padding between main nav items to allow a single line nav bar down to 768px*/



@media screen and (max-width: 800px) {
div.nav-main ul.nav-menu li.nav-item a {
	font-size: 15px;
	font-size: 0.9375rem;
}
}
/*end main nav bar step down*/


/* ================ 7. Footer ================ */

/* 7.1 Standard Footer Styles*/

div.footer {
	background: #444C53;
}
div.footer, div.footer a {
	color: #C4C5C6;
	font-weight: 100;
}
div.footer .inner {
	max-width: 990px;
	padding: 2%;
}
ul.foot-stack {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.foot-stack li {
	list-style: none;
	margin: 0 10px;
	padding: 8px 0;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 16px;
	line-height: 1rem;
}
ul.compliance {
	margin: 0 auto;
	list-style: none;
}
ul.compliance li {
	padding: 0;
	list-style: none;
	margin-left: 0 !important;
}
ul.social {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
}
ul.social li {
	font-size: 17px;
	font-size: 1.0625rem;
	color: #fff;
	display: inline-block;
	margin: 0 18px 0 0;
}
ul.social li:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	float: left;
	margin: 0 6px 0 0;
}
ul.social li.facebook:before {
	content: "\f082";
}
ul.social li.twitter:before {
	content: "\f099";
}
ul.social li.youtube:before {
	content: "\f167";
}
ul.social li.careers:before {
	content: "\f0c0";
}
div.footer div.brackets {
	margin: 0;
	padding:0 0 0 40px;
	background-image:url(/img/footer-bg-bracket-top.png); background-repeat:no-repeat; background-position:top left;
	
}
div.footer div.brackets div.inner {
	background-image:url(/img/footer-bg-bracket-bot.png); background-repeat:no-repeat; background-position:bottom right;
	padding:0 20px 0 0;
}

div.footer div.brackets, div.footer div.brackets div.inner {background-size:30px;}

/*div.footer div.brackets:before {
	content: "\2308";
	font-size: 50px;
	margin: 0 0 0px -40px;
	color: #fff;
	float: left;
}*/
/*div.footer div.brackets:after {
	content: "\230b";
	font-size: 50px;
	float: right;
	color: #fff;
}*/

/* 7.2 Complicance Logos */

@media screen and (max-width: 769px) {
.footer .nav-footer, .footer li.disclaimer {
	text-align: center;
}
ul.compliance {
	margin: 20px auto 0;
	padding: 0;
	width: 200px;
}
}
/* 7.3 Footer Quicklinks */

div.footer_quicklinks {
	text-align: left;
}
div.footer_quicklinks h4 {
	font-family: 'Flux-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	color: #f2f3f4;
}
div.footer_quicklinks ul li {
	margin: 20px 0;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 100;
}
/* 7.4 Bottom Footer Styles */

.footer .lower {
	background-color: #424242;
}
/*7.5 Footer Social Icons*/

div.footer div.social {
	float: right;
	margin: 0;
	text-align: center;
}
div.footer div.social a {
	display: inline-block;
	font-size: 29px;
	margin: 0 4px;
	text-decoration: none;
}
div.footer div.social a i {
}
div.footer div.social a:hover {
}

@media screen and (max-width: 769px) {
div.footer div.social {
	width: 165px;
	float: none !important;
	margin: auto !important;
}
.onethird.quickmenu {
	width: 33%;
	clear: none;
}
div.footer div.brackets:before, div.footer div.brackets:after {
	display: none;
}
div.brackets {
	margin: 0 0 0 10px !important;
}
/*7.6 Footer Disclaimer Text */

.site-foot-disclaimer {
	clear: right;
	text-align: right;
	font-size: 11px;
	font-style: italic;
	color: #666;
	padding: 1em 0;
}
.site-foot-disclaimer h6 {
	font-style: normal;
	padding: 1em 0;
	font-size: 1em;
	font-weight: normal;
}
.site-foot-disclaimer {
	text-align: center;
	padding: 0 0;
	clear: both;
}
}

@media screen and (max-width: 600px) {

div.footer div.brackets {
	padding:0;
	background-image:none;
}
div.footer div.brackets div.inner {
	padding:0;
	background-image:none;
}

div.footer div.brackets, div.footer div.brackets div.inner {background-size:30px;}


ul.foot-stack {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
ul.foot-stack li {
	width: 45%;
	float: left;
}
ul.compliance {
	margin: 0 !important;
}
ul.compliance li {
	width: auto;
	float: none;
}






}

@media screen and (max-width: 420px) {
.onethird.quickmenu {
	width: 100%;
	clear: both;
}
div.footer_quicklinks ul li {
	display: inline-block;
	float: left;
	margin: 5px 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #C4C5C6;
}
div.footer_quicklinks ul li {
}
ul.foot-stack li {
	width: 100%;
	float: none;
}
}
/* ================ 8. Homepage Elements ================ */

/*8.1 home news and community*/

.newscomdeck {
	display: table;
	height: 100%;
	width: 100%;
	background-image:url(/img/newscom-deck-bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.newscomdeck, .newsdeck.gray {
	/*background-color: #727f8a;*/
}
.newsdeck, .comdeck {
	min-height: 200px;
}

.newscomdeck .inner {
	width: 94%;
	padding: 1em 3%;
}
.newsdeck .inner {
	float: right;
	max-width: 445px;
}
.comdeck .inner {
	/*float: left;*/
	max-width: 445px;
}
.newscomdeck h4 {
	color: #fff;
	margin: 0;
}
/*hide stuff in the post list so we are only showing the title on the HP*/
.newscomdeck .feature-img {
	display: none;
}
.newscomdeck .meta {
	display: none;
}
.newscomdeck .abstract {
	display: none;
}
.newscomdeck ul.post-list li a {
	border: none;
	color: #fff;
	margin: 0;
	padding: 10px 0;
}
.newscomdeck ul.post-list li a:hover {
	background: transparent;
	color: #ecf5f6;
}
.newscomdeck ul.post-list li a h5 {
	margin: 0;
	color: #fff;
	font-weight: 300;

}

.newscomdeck .pagination-status {
	display: none;
}

.newscomdeck ul.post-list li h5 {font-size:16px; line-height:normal;
}

.newscomdeck ul.post-list li {line-height:normal;  font-size: 15px;}

.newscomdeck a.mini-button:link, .newscomdeck a.mini-button:visited {background-color:#727f8a; font-size:13px !important; position:relative; bottom:0;}

.newsdeck a.mini-button:link, .newsdeck a.mini-button:visited {background-color: #aab2b8;}
.comdeck a.mini-button:link, .comdeck a.mini-button:visited {background-color: #727f8a;}

.newscomdeck p {display:none;} /*remove all paragraphs from the news community decks because they should only be LI's and P' put extra space in the display*/

.newscomdeck ul.posts li {
	border:none
}



@media screen and (max-width: 769px) {
.newsdeck ul.post-list li, .comdeck ul.post-list li {
	
}
.newscomdeck, .newsdeck, .comdeck {
	display: block;
	height: auto;
}
.newsdeck, .comdeck {
	float: left;
	width:100%;
}
.newsdeck .inner {
	float: left;
	max-width: 100%;
}

.newsdeck {
	background-color: #727f8a;
}
.comdeck {
	background-color: #aab2b8;
}
.newscomdeck {
	display: block;
	background-image:none !important;
}





}

@media screen and (max-width: 600px) {
.newsdeck ul.post-list li, .comdeck ul.post-list li {
	max-width: 100%;
	display: block;
	float: none;
	clear: both;
}
}
/*8.2 home alert*/
.alert {
	border: none;

	color: #fff;
	padding: 0 0 2px 0;
	text-align: center;
	position: relative;
}
.alert .left {	float: none;}
.alert .inner {

	margin: auto;
	padding: 0;
	text-align: center;
}
.alert h4, .alert h4 a {font-size: 20px; font-size: 1.25rem;
	margin: 0;
	color:#fff;

	width:auto;
	margin:0 10px 0 0;
	display: inline;
	
}
.alert h4 i {
	font-size: 80%;
	
}
.alert h4 a, .alert h4 a:visited {
	text-decoration: none;
	color:#fff;
}
.alert h4 a:hover {
	text-decoration: underline;
	color:#fff;
}
.alert a {
	text-decoration: underline;
	color:#fff;
}
.alert p {padding: 0; margin: 5px 40px 5px 10px;
	color:#fff; font-size: 15px;
   display: inline-block;
line-height: normal;
	max-width: 990px;

}
.alert a.button.fancybutton {background-color:#439FA7 !important; font-size:14px !important; opacity:1; border:none;}

.alert .fa {  text-decoration: none;}

.alert a.button:link {	padding: 0 8px;}

button#alerticon {
color: #F1B5BF;
		background: #C4122F;
	position: absolute; top: -3px; right: 10px; z-index: 50;
	border: 10px solid #C4122F;
		-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.alert-box {
	-webkit-transition: max-height .6s ease;
	-moz-transition: max-height .6s ease;
	-ms-transition: max-height .6s ease;
	 overflow:hidden;
	background:#C4122F;
	position:relative; top:0; max-height:165px;

	}
.alert-box-open {max-height:0px; z-index: 10; background; none; }



/*8.3 browser warning */

.browser-warning  {border: none; width: 94%;
    padding: 1% 2%;
    margin: 0 0 5px 0; 
	/*margin-bottom: -40px;*/
	font-size:14px;
	background:#f48024;
/*	position: relative;
    top: -25px;*/
	line-height:15px;
	}

.browser-warning a {color:#fff;}



/*8.4 home banking login */

div.oblogin {
	position: relative;
	top: -30px;
	right: 0;
	float: right;
	background-color: #007c88;
	box-shadow: 0 0 3px #444c53;
}
div.oblogin form h3 {
	font-family: 'Flux-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 27px;
	margin: 6px 0;
	text-transform: lowercase;
	line-height: normal;
}
.sidebar .oblogin {
	width: 74%;
	padding: 3% 12%;
	margin: 0;
}
.oblogin .fieldset {
	margin: .5em 0
}
.oblogin-field {
	background-color: #0D3B4B;
	border: solid 1px #fff;
	color: #fff;
	font-size: 16px;
	font-family: "Avenir W01";
	font-weight: 100;
}
.button.banking-button {
	display: block;
	margin: auto;
	float: none;
	border: 1px solid #439FA7 !important;
	opacity: 1;
	font-family: "Avenir W01";
	font-weight: 100 !important;
	text-transform: uppercase;
	font-size: 18px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	background-color: #439FA7 !important;
}
a.banking-help {
	font-size: 22px;
	margin-right: -32px;
	display: block;
	color: #fff !important;
	opacity: .7;
	text-decoration:none;
}
a.banking-help:hover {
	opacity: 1;
	text-decoration: none;
}

@media screen and (max-width: 660px) {
div.oblogin {
	position: relative;
	top: 0;
	right: 0;
	float: right;
	width: 100%;
}
div.oblogin div.banking-login {
	margin-left: 0;
}
.sidebar .oblogin {
	width: 76%;
	float: left;
}
}


.obhelp-box {
	-webkit-transition: max-height .6s ease;
	-moz-transition: max-height .6s ease;
	-ms-transition: max-height .6s ease;
	max-height:0px; overflow:hidden;
	background:#007c88;
	position:absolute; bottom:0;
	width:78%;
	}
.obhelp-box-open { max-height:165px; }

.obhelp-box ul.oblinks {margin:4px 0; padding:6px 0px; min-height:165px; display:block; border-top: 1px solid #ecf5f6;}
.obhelp-box ul.oblinks a:link, .obhelp-box ul.oblinks a:visited {	color: #ffffff;}
.obhelp-box ul.oblinks li {list-style:none; font-size:14px; font-size:0.875rem; text-align:center; line-height:24px;}

/*banking login links to replace form on small screens...*/

.banking-link-block {
	display: none;
} /*don't show me normally*/

@media screen and (max-width: 420px) {
.banking-link-block {
	display: block;
}
.banking-login-block {
	display: block;
}
.banking-link-block a.fancy-button {
	display: block;
}
}
.flexslider {
	margin: 0 0 0;
	background: transparent;
	border: none;
}
}
/* ================ 9. FlexSlider Banner Overrides ================ */

/* Control Nav */
.flex-control-nav {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 10px;
	text-align: left;
}
.flex-control-nav li {
	display: none;
	margin: 0 3px;
	zoom: 1;
}
.flex-control-paging li a {
}
.flex-control-paging li a:hover {
	text-decoration: none;
	background-color: #efefef;
	color: #555;
}
.flex-control-paging li a.flex-active {
}
.flex-direction-nav {
	max-width: 990px;
	margin: auto;
}
/* ================ 10. Standard Content Area Overrides ================ */

/*10.1 content areas*/

/*use a custom bulleted list for UL's within standard content areas...*/


/*10.2 intro content area*/
.intro {
	margin: 1em 0;
	padding: 0;
}
.intro .cta {
	float: right;
	clear: left;
}
/* ================ 11. Tabbed Content Area Overrides ================ */

.tabbedca-title {
	font-size: 1.5em;
	border-bottom: 1px solid #BBC8C7;
}
div.ca_tabs li {
	font-size: 13px;
	font-weight: bold;
}
div.ca_tabs li a {
}
div.ca_tabs li.current a {
}
div.ca_tabs ul li a {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
div.ca_tabs {
	border-bottom: 1px solid #aab2b8;
}
div.ca_tabs ul {
	line-height: normal;
}
div.ca_tabs ul li a {
	color: #fff;
	padding: 8px 8px 6px 8px;
	border: solid 1px #005880;
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-size: 1.27em;
	background-color: #005880;
	font-family: 'Flux-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
div.ca_tabs li a:hover {
	border: solid 1px #727f8a;
	background-color: #727f8a;
}
div.ca_tabs li.current {
	margin: 0 3px -2px 0;
	padding: 0 0 1px 0;
}
div.ca_tabs li.current a {
	text-decoration: none;
	border: solid 1px #aab2b8;
	border-bottom: 1px solid #ffffff;
	background-color: #fff;
	padding-top: 9px;
	color: #005880;
}
/* ================ 12. Form Appearance Overrides ================ */

/*form appearance overrides*/

input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
	border: solid 1px #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
/*custom form and anchor buttons are styled in content.css*/


/* ================ 14. Sitemap / FAQ Overrides ================ */

ul.faq-list li {
}
ul.faq-list li ul li {
}
.faq-answer {
}
/*container for FAQ's on search results page... */
.faq-search {
}
.faq-search h3 {
}
/* ================ 15. Seminar and Event Overrides ================ */

/* Seminar overrides */
div.sidebar div.seminars-list {
	border: 1px solid #a3bdd6;
	text-align: center;
}
div.sidebar div.seminars-list div.list-head {
	display: none;
}
div.sidebar div.seminars-list div.list-row {
	padding: 5px;
}
div.sidebar div.seminars-list div.title {
	display: block;
	width: auto;
	font-weight: 700;
}
div.sidebar div.seminars-list div.date {
	display: block;
	width: auto;
	color: rgba(113, 100, 100, 1);
	font-size: 14px;
}
div.sidebar div.seminars-list div.time {
	display: none;
}
div.sidebar div.seminars-list div.location {
	display: none;
}
div.sidebar div.seminars-list div.cost {
	display: none;
}
/* ================ 16. Custom Appended Styles - Not Overrides ================ */




/*fixed sidebar modules and module titles*/

div.title {
	/*font-size: 10px;*/
	margin: 0;
	padding: 0;
	/*text-align:center;*/
	color: #333;
}
div.module_recently, div.module_topsaved, div.module_toprated {
	padding: 0 0 0 16px;
	margin: 0 0 20px 0;
}
/*if titles are within the module div*/
div.module_recently h4, div.module_topsaved h4, div.module_toprated h4 {
	padding: 0;
	margin: 4px 0 7px 0;
	font-size: 15px;
}
/*if titles are outside of module div and underlined*/
h4.module-title {
	padding: 0;
	padding: 0 0 4px 15px;
	margin: 50px 0 7px 0;
	font-size: 15px;
	border-bottom: 1px solid #BBC8C7;
}
div.module_recently ul, div.module_topsaved ul, div.module_toprated ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
div.module_recently ul li, div.module_topsaved ul li, div.module_toprated ul li {
	padding: 0;
	margin: 0 0 10px 0;
}
div.module_recently ul li em, div.module_topsaved ul li em, div.module_toprated ul li em {
	font-size: 11px;
}
label.required {
}
label.agree {
	font-size: 11px;
}
/*16.3 left column modules*/

/* related block */
div.related_content {
	margin: 10px 0;
	padding: 10px 0 5px 0;
	border-bottom: solid 1px #eeeeee;
}
div.related_content h4 {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #eeeeee;
}
div.related_content ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font-size: .9rem;
	font-weight: 700;
}
div.related_content ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}
div.related_content a {
	background-color: #ffffff;
	padding: 5px 0;
	margin: 0 0 0 0;
	display: block;
}
div.related_content a:hover, div.related_content a:active {
	text-decoration: underline;
}
/* override on related content list for custom sitewide list bullet */
div.content div.related_content ul li:before, div.intro div.related_content ul li:before {
	content: ' ';
}
/* 16.4 Google Location Maps and location template */
div.map_container_individual {
	display: block;
	float: right;
}
div.individual_map_canvas {
	display: inline-block;
	width: 300px;
	height: 300px;
	border: 1px solid #c0c0c0;
}
div.loc_dropdown {
	margin: 0 0 5px 0;
	width: auto;
	display: block;
	overflow: hidden;
}
div.loc_dropdown select {
	float: left;
	padding: 4px;
	font-size: 15px;
}
div.loc_dropdown input {
	margin: auto 0 auto 5px;
	float: left;
	padding: 4px 8px;
*padding: 0 8px;
	font-size: 15px;
}
div.map_margin {
	margin-top: 15px;
}

/* for individual branch maps */
@media screen and (max-width: 660px) {
div.map_container_individual {
	float: none;
	margin: 0 auto 20px;
	width: 300px;
}
.individual_map_canvas, .loc_dropdown {
	margin: auto;
}
}
/*16.5 comparison charts 
see bits.css
*/



/* 16.6 mini-button - (similar to fancy button) */

a.mini-button:link, a.mini-button:visited, a.minibutton:link, a.minibutton:visited, div.minibutton a:link, div.minibutton a:visited, div.mini-button a:link, div.mini-button a:visited {
	font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 12px !important;
	 background-color: #007c88;
    border: solid 1px #007c88;
	background-image: none !important;
	border: solid 1px #a90e5c;
	color: #fff !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 12px;
	text-shadow: none !important;
	border: none !important;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: background-color .6s ease;
	-moz-transition: background-color .6s ease;
	-ms-transition: background-color .6s ease;
}
a.mini-button:hover, a.minibutton:hover, div.mini-button a:hover, div.minibutton a:hover {
	background-color: #439fa7;
}

a.mini-button.toplink:link, a.mini-button.toplink:visited, a.mini-button.toplink:active {background-color: transparent !important;
    border: solid 1px #aab2b8 !important; color:#aab2b8 !important;}


a.mini-button.toplink:hover, a.minibutton.toplink:hover, div.mini-button.toplink a:hover, div.minibutton.toplink a:hover {
	background-color: #939da5 !important;
	color:#fff !important;
}


/*16.7 save, unsave, save rate, comment and back buttons*/




a.back-button, a.comment-button {
	display: block;
	padding: 2px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #dfe5e5;
	width: auto;
	float: left;
	margin: 4px 2px 0 0;
	background-color: transparent;
	font-weight: normal;
	cursor: pointer;
}
a.back-button:hover, a.comment-button:hover {
	border-color:#fff;
	background-color: #007c88;
	text-decoration: none;
	color:#fff;
}
a.back-button:active, a.comment-button:active {
	-webkit-box-shadow: inset 0 0 3px #333;
	-moz-box-shadow: inset 0 0 3px #333;
	-o-box-shadow: inset 0 0 3px #333;
	box-shadow: inset 0 0 3px #333;
	background-color: #cae8f0;
}
a.fancy-ratebutton {
	background-color: #c71d6d !important;
	color: #fff !important;
	border: solid 1px #a90e5c !important;
	text-shadow: none !important;
	text-transform: lowercase;
}
a.fancy-ratebutton:hover {
	background-color: #20aac5 !important;
	border: solid 1px #1c97af !important;
}
a.back-button {
	font-size: 0.7em;
	text-transform: uppercase;
	float: none !important;
	width: 40px;
	margin: 0 0 1em 0;
}
a.comment-button {
	font-size: .7em;
	text-transform: uppercase;
	border: none;
}
a.comment-button:hover {
	color: #fff;
}
a.comment-button-big {
	font-size: 1.27em;
	border: solid 1px #93bac6;
	text-transform: none;
	padding: 4px 8px;
}
/* ================ 18. Posts, Post Lists AND blog pages formatting ================ */

.post-content p {
	
	color: #222;
	line-height: 27px;
}
.abstract, .abstract p, .post-list .abstract, .post-list .abstract p {
	font-size:14px; font-size:0.875rem; line-height:20px; line-height:1.25rem;
}
.post-list .abstract p {padding:0; margin:0;}
ul.posts {
}
ul.posts li img {
}
ul.post-featured li { /* min-height: 100px;
    max-height: 120px;*/
}
ul.post-featured li a { padding:1em;
}

ul.post-featured li a .feature-img {margin:0;}


ul.post-featured li a h2 {
	color:#007c88;
	font-weight:700;
}
ul.post-featured li a:hover h2, ul.post-list li a:hover h2, ul.post-list li a:hover h5, ul.post-list li a:hover .meta {
	color:#005880 !important;
}
ul.post-featured li a:hover, ul.post-list li a:hover {
background-color:#e2e4e6;
text-decoration:none !important;
}
ul.post-featured .abstract {
	
}
ul.post-list li {
}
ul.post-list li a {
	text-decoration:none;
}
ul.post-list li h5 {
	margin:0;
}


@media screen and (max-width: 767px) {
	.sidebar .nav-sub {display:none;}
	
}


/*spotlighted posts...*/

.spotlight h1 {margin: 0 0 2% 0; font-size:32px; line-height:normal;}
.spotlight .feature-img {max-width:640px; width:65%;}
.blog h1 a:hover {text-decoration:none;}

@media screen and (max-width: 660px) {
	
	.spotlight .feature-img {max-width:990px; width:100%; clear:both;}
	
	ul.post-featured li a {float:left;}
	ul.post-featured li a:hover {background-color:transparent;}
	
	
	
}



/*remove the social sharing options from the following post details...*/





/* ================ 19. Search and FAQ Results ================ */

/*19.1 Google Search Results*/

div.google_search_box {
	max-width: 45%;
	border: 1px solid #E9E9E9;
	display: inline;
	float: left;
	margin-right: 1%;
	padding: 2%;
}
div.silvercloud_results_wrapper {
	position: relative;
	display: inline-block;
	float: right;
	max-width: 48%;
	margin-left: 1%;
}
div#gsearchresults {
	padding: 5px;
}
div#gsearchresults a {
	color: #34719d !important;
	font-weight: 400;
	text-decoration: none;
}
div#gsearchresults a b {
	color: #34719d !important;
}
div#gsearchresults div.gs-visibleUrl {
	color: #a02237 !important;
}
/* table.gsc-resultsHeader {padding:  15px 0px !important; }*/
input.gsc-input {
	height: 39px;
	font-size: 21px;
}
div.gsc-cursor-page {
	padding: 5px 10px !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border: solid 1px #ccc !important;
	text-decoration: none !important;
	color: #a02237 !important;
}
div.gsc-cursor-current-page {
	background-color: #a02237 !important;
	color: #ffffff !important;
}
div.gsc-cursor-box {
	margin-top: 20px !important;
}
.gsc-webResult .gsc-result {
	padding-bottom: 15px !important;
	border-bottom: 1px dotted #CACACA !important;
	margin-bottom: 15px !important;
}
.gsc-above-wrapper-area {
	border-bottom: 1px dotted #CACACA !important;
	width: 561px !important;
}
.gsc-result-info-container {
	max-width: 428px !important;
}
.gsc-above-wrapper-area-container {
	clear: both;
	max-width: 428px !important;
}
.gsc-above-wrapper-area {
	max-width: 428px !important;
}
div.onewhole {
	padding: 0;
}
img#powered-by {
	display: inline !important;
	clear: right;
	margin-top: 10px;
}
.gsc-above-wrapper-area {
	width: auto !important;
}
/*19.2 Silvercloud FAQ Results*/


/*FAQ displays within product pages*/
.faqs .silvercloud_search_results_container {
	margin-top: 1.5em;
}
.faqs .silvercloud_search_result /*, ul.faq-list li */ {
	margin-bottom: 6px;
	position: relative;
	padding-bottom: 10px;
	padding-right: 3%;
	float: left;
	width: 30%;
	max-width: 265px;
	min-height: 85px;
	text-align: left;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link {
	color: #005880;
	font-size: 14px !important;
	font-size: 0.875rem !important;
	font-weight: 700;
	display: block;
	float: left;
	width: 88%;
	max-width: 240px;
	padding: 3px 0 0 !important;
}
ul.faq-list a:link, ul.faq-list a:visited {
	color: #005880;
	font-size: 14px !important;
	font-size: 0.875rem !important;
	font-weight: 700;
}
.faqs .silvercloud_search_result:before, ul.faq-list a.faq-question:before {
	font-family: FontAwesome;
	content: '\f054';
	display: block;
	float: left;
	width: 10%;
	min-width: 15px;
	max-width: 20px;
}
ul.faq-list a.faq-open:before {
	font-family: FontAwesome;
	content: "\f053";
	margin-left: -15px;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link:hover {
	border: 1px solid #fff;
	background-color: transparent;
	color: #007c88;
	
}
a.silvercloud_return_to_results {
	background-color: transparent !important;
	border: 1px solid #fff !important;
	color: #005880 !important;
}
.faqs div.silvercloud_widget_top_content {
	border: none;
	padding: 0;
	text-align: center;
}

@media screen and (max-width: 990px) {
div.silvercloud_results_wrapper {
	display: block;
	max-width: 50%;
}
.faqs .silvercloud_search_result/*, ul.faq-list li */ {
	width: 42%;
	max-width: 42%;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link {
	width: 90%;
	max-width: 90%;
}
}

@media screen and (max-width: 740px) {
div.google_search_box {
	float: none;
	width: auto;
	display: block;
	max-width: 100%;
	clear: both;
}
div.silvercloud_results_wrapper {
	float: none;
	width: auto;
	display: block;
	max-width: 100%;
	clear: both;
	margin-top: 40px;
}
.faqs .silvercloud_search_result {
	padding-left: 10px;
	width: 97%;
	max-width: 100%;
}
.faqs .silvercloud_search_result a.silvercloud_search_result_link {
	width: 90%;
	max-width: 90%;
}
}
span.silvercloud_search_result_icon {
	display: none;
}
/* new style overrides for results */
div.silvercloud_results_wrapper {
	position: relative;
	float: none;
	max-width: 100%;
	margin: 1%;
}
input[type=text].silvercloud_searchbar_input {
	width: 50%;
}
input[type=submit].silvercloud_searchbar_submit {
	padding: 6px 10px;
}
.silvercloud_submit_question {
	background-color: #308796 !important;
	border: 1px solid #308796 !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	text-decoration: none;
}
.silvercloud_submit_question:hover {
	background-color: #308796;
	color: #fff;
}
a.silvercloud_return_to_results {
	color: #005584 !important;
}
.silvercloud_load_more {
	background-color: #ffffff !important;
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
}





/*page based styling or hiding*/

/*loan application page*/
h1.page-title.loanapplication {display:none;}


.wrapper_inner.Business.Spotlight .sharebar .shareoptions, .wrapper_inner.News .sharebar .shareoptions  {display:none;}


.wrapper_inner.Business.Spotlight .featured-image  {display:none;}





@media screen and (max-width: 500px) {

	
/*comparison chart text size*/
div.account-compare.list .list-item, div.account-compare.list .list-item li, div.account-compare.list .list-item p {
font-size: 	11px !important;
}		

/*comparison chart text size for mortgages*/
.personalmortgageloans div.account-compare.list .list-item, .personalmortgageloans div.account-compare.list .list-item li, .personalmortgageloans div.account-compare.list .list-item p {
font-size: 9px !important;
}		
	
}

h1.page-title.onlineapplication {display:none;}
.onlineapplication div.banner_body div.circle h1.banner_title {font-size:34px;}
.onlineapplication .int_banner div.banner_body div.circle h1 div {padding: 25px 75px 40px;}






/*share bar with twitter and facebook icons...*/

.sharebar {width:100%; border: solid 1px #e2e4e6; border-left:none; border-right:none; margin:0 0 16px 0;}
.sharebar .inner {width:auto; float:right; padding:6px;}
.sharebar h5 {margin:3px 6px; font-size:14px;}
.sharebar .inner .fa {font-size:24px;}
.sharebar .backbutton {float:left; width:auto;}

.sharebar .backbutton a.back-button {
margin: 6px; 
}