body {margin: 0px; padding: 0px; text-align: center; font-size: 14px;  background-color: WHITE; -webkit-text-size-adjust: 100%; color:#333}

#contentwrapper {width: 100%;  }

.headerbar {width: 100%; }
header {width: 96%;  max-width: 1170px; margin: 0 auto;  height: 132px; position: relative; }

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;position: absolute; top: 0; left: 0; z-index: 101}
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: absolute; left: 0px; top: 20px;}
a.homelink img {width: 260px;}

.toplinks {text-align: right;  position: absolute; top: 45px; right: 80px; font-size: 12px;  color:#29509e; }
.pipe {font-weight: bold; margin: 0px 5px;}
.toplinks .pipe:last-child {display: none;}

.search { position: absolute; bottom: -24px; right: 0px; width: 165px; height: 24px; background-color: white; border-radius: 12px; border: solid 1px #e8e6e6;}
.searchbox {width: 120px; height: 22px; border: 0; position: absolute; right: 10px; top: 0px; text-align: right; background: transparent}
.searchbox::-webkit-input-placeholder {color: #666;}
.searchbox:-moz-placeholder {color: #666;}
.searchbox::-moz-placeholder {color: #666;}
.searchbox:-ms-input-placeholder {color: #666;}
.search button{position: absolute; left: 3px; top: 1px; border: 0; color:#e8e6e6; height: 22px; border-radius: 0 2px 2px 0; background: transparent}
.search label {display: none;}

.socmed {width: 80px; height: 30px; position: absolute; top: 38px; right: 0}
.socmed img {margin-left: 10px;}


section { width: 96%;  max-width: 1170px; margin: 0 auto; line-height: 1.5; background-color: white; }



article {width: 66%;  position: relative; text-align: left; float: left; }
aside {  width: 32%; overflow: hidden; position: relative; float: right; margin-top: 74px }

aside.third {width: 31.33%; position: relative; float: left; margin: 0 1%;margin-top: 0px }
aside.third .bannerbox, aside.third .vidbox { margin-bottom: 0px;}

section.inside aside.third .regionbox { min-height: 200px;}

.Fcard{}
.Mcard{display: none;}


.bannerbox, .vidbox { margin-bottom: 10px;}
.bannerbox img {width: 100%;}

/*Related Links Box: Online Banking Box: 278x220, #29509e (related links box has gray background)
Right and bottom Regions: 360px wide
Region Headers: 360x40, #29509e, Myriad Pro Bold, 24px, white
Related Links Gray box:  #d7d7d7*/

.regionbox, .code_block_indiv_content, .video_wrapper {overflow: hidden; width: 100%;  text-align: left; padding: 0 5% 10px 5%; background-color:#d7d7d7; border-radius: 12px; margin-bottom: 10px;}
.code_block_indiv_content { background-color:white;}

.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none; font-size: 16px; font-weight: 600;}
.regionbox h2, .code_block_indiv_content h1, .video_wrapper h2 {color: white; background-color: #29509e; width: 112%;font-size: 24px; position: relative; left: -6%; padding: 5px 5%; border-radius: 12px; margin-top: 0}
.regionbox ul li a, .regionbox ul li a:visited {color: #333;}
.regionbox ul li a:hover {color: #29509e}

.crumbs {width: 100%; margin: 10px 0; text-align: left; font-size: 12px; font-weight: 600}


.footerbar {width: 100%; padding: 20px 0; }
footer {width: 96%;  max-width: 1170px; margin: 0 auto; padding: 60px 0 0 0;  color: #29509e; position: relative; font-size: 12px;}

.bottomlinks {position: absolute; right: 0; top: 20px; text-align: right; color:#29509e; width: 100%; }
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: #29509e;}

.footnote { width: 34%; text-align: left; position: relative; float: left;  }
.images { position: relative; float: left;}
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 0 10px; width: 60%;}

.copyr, .norton {width: 33%; position: relative; float: right; text-align: right; clear: right;}
.norton {text-align: center; border: solid 1px gold; height: 50px;}

.copya {width: 33%; position: relative; float: left;text-align: left; }


.mobi {display: none;}

/*
Green - #29509e
Yellow - #ffb62f
Dark Blue - #133d72
Blue - #29509e
Aqua - #1ea5c4
Teal - #67bead

.tk-myriad-pro
semi  - 600
bold - 700

*/

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

.tester {position: absolute; top: 0; left: 0; font-weight: bold; font-size: 18px; z-index: 1020}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited {color: #29509e;text-decoration: none;}
a:hover {color: #133d72; text-decoration: none;}
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}


.cta a, .cta a:visited, a.cta, a.cta:visited {display: inline-block; background-color: #29509e; color: white; padding: 5px 10px; text-decoration: none; border-radius: 12px;}
.cta a:hover, a.cta:hover { background-color: #29509e; color: white;  text-decoration: none;}

header a.cta{font-size: 16px; position: absolute; top: 80px; right: 0px; }

.LoanName {font-weight: 600; font-size: 20px; color: #29509e;}
.Aslowas {font-weight: 600; font-size: 14px; color: #29509e;}
.Rate {font-weight: 700; font-size: 48px; color:#133d72;}



input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;cursor: pointer}

.col4 {width: 23%; margin: 0 1%; position: relative; float: left;}
.col3 {width: 31%; margin: 0 1%; position: relative; float: left;}
.col2 {width: 48%; margin: 0 1%; position: relative; float: left;}


h1, h2, h3 {margin-top: 0; font-weight:600;}

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color:#29509e; font-size: 30px;}

h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header
{color: #29509e; font-size: 24px;}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom
{color: #29509e; font-size: 18px; }

h4, .forum_thread_date, .forum_mischeader_title {color: #29509e; 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;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #29509e;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #29509e; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #D7D7D7}
.content_rates_table_row_highlight {color: #0a6104;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: red; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; text-decoration: underline;}
.alert a:hover {color: yellow; text-decoration: underline;}
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; color: white;}
#exed:hover{color: black}

/* forms */
.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
.cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 5px 0;  font-weight: normal;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
fieldset.cms_form_fieldset, legend.cms_form_legend {white-space: normal; width: 100%; border: none;}


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

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #29509e; 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}


/* for polls */
.region_poll_table_inner td {padding: 2px;}
.region_poll_table_inner {margin-bottom: 10px;}
.region_poll_radio_cell input {position: relative; top: 5px;}



/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #29509e; font-size: 11px; font-weight: bold; }
.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}

/* blog styles */
.blog_posted_date {display: block; color: gray;}
.blog_share {position: relative; float: right; width: 110px}
.blog_share a {position: relative; float: right; margin-left: 5px;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #29509e; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: gray;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #29509e; width: 100%}
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px red; padding: 10px; }
.comment_reply_body {border: solid 1px #29509e; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}


/* for sidebar content */
.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;}

/* for image gallery */

.slideshow-container {width: 300px; height: 200px; overflow: hidden;}

.Clogo {margin-right: 20px; float: left; width: 260px; }
.bnnr{width: calc(100% - 300px); position: relative;  float: right;}
.bnnr img {width: 100%; max-width: 830px;}