/* basic styles */

body {margin: 0px; padding: 0px; text-align: center; font-family: 'OpenSans', arial, sans-serif; font-size: 14px; background: url(../images/topSlice.png) repeat-x; color: #333 }

a, a:visited {color: #035b8c;}
a:hover {color: #ed1c24;}

h1 {color: #ed1c24 ; font-size: 24px; font-family: Tahoma, arial, sans-serif }
h2, .content_rates_category1, .faq_header, .faq_question  {color: #ed1c24; font-size: 18px; font-weight:bold;font-family: Tahoma, arial, sans-serif }
h3, .content_rates_table_title, .region_faq_header {color: #035b8c; font-size: 16px; font-weight:bold; }
h4 {color: #035b8c; font-size: 14px; font-weight: bold; }
h5 {color: black; font-size: 14px; font-weight: bold; }
h6 {color: black; font-size: 14px; font-style: italic; font-weight: bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.abso {position: absolute;}
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.bttmpad {margin-bottom: 10px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #035b8c ; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #FFF9E7;}
.content_rates_table_row_highlight {color: #ed1c24;}

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%; }
.regions_rates_table_row1, .regions_rates_table_row2 {border-bottom: 1px solid #333; font-size: 12px; }
.regions_rates_table_effectivedate {display: none;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #035b8c;}
.aprnote {font-size: 12px; width: 180px;}

.regions_rates_table_row1 p, .regions_rates_table_row2 p {line-height: 1; font-size: 10px; font-style: italic; margin: 5px 0;}
.regions_rates_table_row1 p img, .regions_rates_table_row2 p img {margin-top: 5px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;}
td.content_calendar_table_headercell a:hover { color: silver; text-decoration: none;}
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver}

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}
.votebutton, .votebutton_regions  {}


/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #035b8c; font-size: 11px; font-weight: bold; font-family:  arial, sans-serif;}
.faq_search {margin: 20px 0px}
.faq_question_block {margin-top: 10px;}
.faq_advanced_search_panel {padding: 0px;}
.faq_advanced_search_panel table {margin: 20px 0px;}
.faq_advanced_search_panel table td {padding: 2px 0px;}
.faq_advanced_search_panel i {color: silver;}

/* faqs regions */
ul.region_faq_list li {margin-bottom: 5px;}
span.region_faq_header {display: block; margin-bottom: 10px}

.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

/* forms*/
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: gray;font-style: italic;}
hr.fb_legend {display: none;}
li.fb_element{ padding: 0 ;}
form.taft_fb_form ul {padding: 0; margin: 0;}
.taft_label-wrapper {clear: both; width: 30%; position: relative; float: left; min-height: 30px; border: solid 0px red; padding-right: 10px;}
.taft_formElement-wrapper {width: 64%; position: relative; float: left; min-height: 30px; border: solid 0px blue; padding-right: 10px;}
input.fbPhoneprt{ width:50px;}
.captcha {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.wide {margin: 20px 0;}

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

	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
}

.print {display: none;}
#linked {display:none;}


/* *******************************************************

Red - #ed1c24
#035b8c - #035b8c
Light #035b8c - #008fce
Yellow - #f0a815
Light Yellow - #fede85
Gray - #d2d6dc

*/


header {width: 940px;  height: 111px; margin: 0px auto; background: url(../images/Top-Slice.png) repeat-x; text-align: left; position: relative; }
.headL, .headR {width: 100%; height: 111px; background: url(../images/Top-Left2.png) no-repeat left; }
.headR {background: url(../images/Top-Rigth2.png) no-repeat right;}


a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;}
a.skipper:focus, a.skipper:visited:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 14px;}

a.homelink{position: relative; float: left; margin: 10px 20px;}

.search {display: inline-block;position: absolute;  right: 20px;  width: 120px; height: 26px; top: 15px}
.searchbox {background: url(../images/SearchBox.png) no-repeat; width: 98px; padding-left: 10px; height: 26px; border:0; position: absolute; top: 0px; left: 0px; }
.searchbutton{position: absolute; top: 0px; right: 0px; }
.search label {display: none;}


/* top links / utilities */
.toplinks {text-align: right; position: relative; float: right; right: 130px; margin: 20px; border: solid 0px red; width: 605px;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: black; white-space: nowrap;}
.toplinks a:hover {text-decoration: underline; color: #035b8c;}
.pipe {font-weight: bold; margin: 0px 2px;}

header .socmed {position: absolute; top: 50px; right: 20px; }

section {background-color: white; width: 890px; padding: 20px 55px;; margin: 0px auto; background: url(../images/TopNavShaddow.png) no-repeat center top; }



.bigbanner {position: relative; float: right; background: url(../images/BannerShaddow.png) no-repeat bottom center; padding-bottom: 15px;width: 589px; height: 329px; z-index: 1}

aside.home {position: relative; float: left; width: 269px; overflow: hidden;}
.hb {background: url(../images/Online-Banking.png) no-repeat; width: 239px; padding: 10px 15px; height: 178px; margin-bottom: 5px; color: white; font-size: 12px; }
.hb a, .hb a:visited {color: white;}
.hb a:hover {color: #fede85 ;}
.hb form {display: inline;}
.hb1, .hb2, .hb3, .hb4 {position: absolute;}
.hb1 {top: 45px; left: 20px; width: 220px; border: 0;}
input.hb2 {top: 110px; background: url(../images/SignIn.png) no-repeat 0 0; width: 78px; height: 24px; border: 0; font-size: 0; line-height: 0;}
input.hb2:hover {background-position: 0 -24px;}
.hb3 {top: 75px;}
.hb4 {top: 137px; text-align: left;}
.hb label {display: none;}


.buttons {width: 100%;}
.Ybutton {background: url(../images/YellowBtnSlice.png) repeat-x; height:30px; width: 100%; text-align: center; margin-top: 5px;}
.YbuttonL {background: url(../images/YellowBtnLeft.png) no-repeat left; height: 30px; width: 100%;}
.YbuttonR {background: url(../images/YellowBtnRight.png) no-repeat right; height: 23px; width: 100%; padding-top: 7px;}



article.home {width: 100%;  position: relative; clear: both; background: url(../images/CenterShadow.png) no-repeat center top; padding: 30px 0 20px 0; text-align: left;line-height: 1.5}

article.inside {width: 580px;  position: relative; float: left; text-align: left; line-height: 1.5}

.ratesbox {margin-top: 10px; position: relative; float: left; }
.homebox {width: 18%; position: relative; float: left; text-align: left;}
.one {margin: 0px 0 0px 2.5%; padding: 10px 0 10px 2%; }
.two {margin: 0px 0 0px 2.5%; padding: 10px 0 10px 2%; border-left: solid 1px silver;}
.three {margin: 0px 0 0px 2.5%; padding: 10px 0 10px 2%; border-left: solid 1px silver;}

.homebox .code_block_indiv_top, .homebox .code_block_indiv_bttm {display: none;}
.homebox .code_block_indiv_content {overflow: hidden; background: none; width: 100%; padding: 0px;}
.homebox h1 {margin-top: 10px;}
.ratesbox h1 {margin-top: 0px;}



/* regions and sidebar content*/
aside {z-index: 99; overflow: hidden; width: 269px; position: relative; float: right; text-align: left}
.bannerbox { margin-bottom: 10px;}
.vidbox { margin-bottom: 10px;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}

.boxtop, .code_block_indiv_top { overflow: hidden; background: url(../images/RatesTop.png) no-repeat; width: 269px; height: 9px;}
.regionbox, .code_block_indiv_content {overflow: hidden; background: url(../images/RatesSlice.png) repeat-y; width: 239px; padding: 1px 15px;}
.boxbottom, .code_block_indiv_bttm { margin-bottom: 10px; background: url(../images/RatesBottom.png) no-repeat; width: 269px; height: 7px;}

.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}


/* footer */
.blu {background-color: #035b8b; width: 100%; min-height: 250px; text-align: center; color: white; clear: both; padding-top: 20px;}
footer {width: 960px; text-align: left; margin: 0px auto;}
.bottomlinks {position: relative; float: right; text-align: right}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white; white-space: nowrap;}
.bottomlinks a:hover {text-decoration: underline; color: #fff4d6;}

.footnote {font-size: 12px; width: 510px; text-align: left; position: relative; float: left; padding-bottom: 20px;}
.ehl, .ncua{position: relative; float: left;  font-size: 12px; width: 100%; margin-bottom: 5px;}
.ncua {height: 96px; border: solid 0px yellow; width: 240px;}

a.ncuaimg, a.ncuaimg:visited {background: url(../images/NCUA.png)no-repeat;  margin: 5px; display: inline-block; width: 103px; height: 50px; position: relative; top: 38px; position: absolute; left: 0; z-index: 10;}
a.ncuaimg:hover {background: url(../images/ncua_again.png) no-repeat #035B8B; width: 326px; height: 153px; top: -40px; z-index: 100;}

a.ehlimg, a.ehlimg:visited {background: url(../images/EHL-white.png) no-repeat; margin-left: 5px; display: inline-block; width: 42px; height: 45px;position: relative; top: 46px;position: absolute; left: 110px; z-index: 10;}
a.ehlimg:hover {background: url(../images/EHL2x.png) no-repeat #035B8B; width: 88px; height: 96px; top: 0px; left: 75px; z-index: 100;}

.esi {position: absolute; left: 157px; top: 46px; z-index: 10;}



.blunote {color: white; font-weight: bold}

footer .disappear {display: none;}
.icons{}
.icons img {margin-left: 5px;}

.mobi {display: none;}
.hbbutton, .ratesbutton, footer .search {display: none;}
/*
change '#035b8c' to main site color

*/

.list {position: relative; float: left; width: 70%;}
.smart {position: relative; float: right; width: 30%;}
.mobile, section .socmed {display: none;}