@charset "UTF-8";
/*========================================
   Ashton MAIN PAGE STYLES
========================================*/
.upgrade-alert{
    background: #cc0000;
    color: #fff;
    text-align: center;
    padding: 5px;
}

.upgrade-alert p{
 margin: 8px 0;
}

.upgrade-alert a{
 color: #fff !important;
}
#ZoneEditor {
    overflow: visible !important;
}
.sfMoreContextMenu{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    min-width: 70px;
}
.enableJS {
    color: red;
    font-size: 2em;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    display: block;
}
/* Skip to Content link */
#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}
figure, figcaption {
    display: block;
    margin: 0px;
}
.list-format ul{
    padding-left: 15px;
}
.list-format li {
    margin-bottom: 15px;
}
.video-wrapper iframe {
    border: 0;
	width: 100%;
}
html {
    background: url('images/background.jpg');
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
    background-color: transparent !important;
    color: #333333;
    margin: 0px !important;
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}
h1 {
    color: #002A5F;
    font-size: 2.5em;
    font-family: "verdana","franklin-gothic-urw-i9","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
    margin: 22px 0px 60px 0px;
}
h2 {
    color: #002A5F;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.75em;
    margin-top: 0px;
}

h3 {
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
}
p {
	line-height: 1.5em;
}
a {
    color:#004AEE;
    text-decoration: none;
}
a:hover {
    color: #002A5F;
    text-decoration: underline;
}
a:visited, a:active {
    color:#004AEE;
    text-decoration: none;
}
a img {
    border: 0px;
}
.contentImg img {
    width: 100%;
    height: auto;
}
a[href*=".pdf"]:after {
    content: " [PDF]";
    font-size: 8px;
    vertical-align: top;
    font-weight: normal;
}
a[href*=".xlsx"]:after {
    content: " [XLS]";
    font-size: 8px;
    vertical-align: top;
    font-weight: normal;
}
a[href*=".doc"]:after {
    content: " [doc]";
    font-size: 8px;
    vertical-align: top;
    font-weight: normal;
}

.franklinGothicURW {
    font-family: "franklin-gothic-urw-i9","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
}
.sfNavToggle {
    display: none;
}
/*----------------------------------------
    MAIN CONTENT BODY STYLES
----------------------------------------*/
.mainContent {
    width: 960px !important;
    margin: 0px auto !important;
    min-height: 525px;
    padding-bottom: 35px !important;
}
.headerContainer a img {
    margin-top: 25px;
    margin: 18px 0;
}
.mainContentContainer {
    min-height: 500px;
}
/*----------------------------------------
    LISTS STYLES
----------------------------------------*/
/*  Main List Styles
----------------------------------------*/
.sflistList {
    list-style-type: none;
    padding: 0px;
}
/* Expanded Expandable List Styles  */
.sfexpandedListWrp h2 {
    margin-top: 23px;
}
.sfexpandedListWrp .sflistListItem li, .sflistItemContentExp ul li {
    list-style-type: disc;
}
/*----------------------------------------
    BUTTON STYLES
----------------------------------------*/
/*  Main Button Styles
----------------------------------------*/
button, input[type="submit"], input[type="button"] {
    color: #fff !important;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #002A5F;
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    width: 100px;
    height: 30px;
    line-height: 28px;
    text-align: center;
	font-size: .95em;
}
    /*  Hover Button Styles
----------------------------------------*/
/*button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    width: 100px;
    height: 30px;
    color: #fff !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #002A5F;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE0MCAzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjN2YwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNDAiIGhlaWdodD0iMzAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #002A5F 0%, #cd0000 100%);
    background-image: -o-linear-gradient(bottom, 990000 0%, #cd0000 100%);
    background-image: -webkit-linear-gradient(bottom, #002A5F 0%, #cd0000 100%);
    background-image: linear-gradient(to bottom, #002A5F 0%, #cd0000 100%);
} */

button.notice {
  background-color: #4CAF50;
border: none;
color: white;
padding: 15px 25px;
text-align: center;
font-size: 16px;
cursor: pointer;
}
/*----------------------------------------
    HEADER PAGE STYLES
----------------------------------------*/
/*  Header Top Styles
----------------------------------------*/
header {
    background: #d2d2d2 url(images/bg-header.jpg) repeat-x !important;
    border-top: 5px solid #000;
}
.headerContainer {
    width: 960px;
    margin: 0px auto;
}
/*  Logo Styles */
.headerTopLeftLogo {
    padding-top: 25px;
}
/*  User Login & Enroll Now Styles  */
.headerTopTagline p{
    color: #002A5F;
    margin: 45px 50px 0px 160px;
    font-family: "verdana","franklin-gothic-urw-i9","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
    font-size: 1.1em;
}
.destination {
    display: none;
}
/*  Header Bottom Styles
----------------------------------------*/

/*----------------------------------------
    MAIN NAVIGATION K-MENU PAGE STYLES
----------------------------------------*/
/*  Main Nav Styles (class="mainNav")
-----------------------------------------*/
#mobileNavToggle, #mobileNav {
    display: none;
}
.mobileNav, #mobileNav {
    display: none;
}
nav {
    background: #002A5F;
    border-top: 3px solid #002A5F;
    border-bottom: 3px solid #99cc33;
}
.mainNav {
    width: 960px;
    margin: 0px auto;
}
.sfNavWrp .loading .child {
    display: none;
}
.mainNav .sfNavHorizontal {
    margin-top: 12px;
}
.mainNav .k-header {
    background-color: transparent !important;
}
.mainNav .k-menu.k-header, .k-menu .k-item {
    border-color: transparent !important;
}
.mainNav .k-menu .k-item > .k-link {
    color: #fff !important;
    padding: 13px 25px;
    font-family: "franklin-gothic-urw-i7","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 700;
    text-decoration: none;
	letter-spacing: .5px;
}

ul li ul li a .k-link-text {
    color: #333;
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
	letter-spacing: .5px;
	font-size:14px;
}

.mainNav .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border: none !important;
}
.mainNav .k-menu .k-item > .k-link > .k-i-arrow-s {
    display: none;
}
.mainNav .k-state-active, .mainNav .k-state-active:hover, .mainNav .k-state-focused {
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.mainNav .sfSel {
    background: #002A5F;
}
.mainNav .k-state-focused {
    box-shadow: none !important;
}
.mainNav .k-first .k-link-text {
    display: none;
}
/*HOME MENU ICON LINK*/
.mainNav .k-first .k-link {
    background: url('images/homeLinkIcon.jpg') no-repeat;
    position: relative;
    top: 15px;
    left: 5px;
}
.mainNav .k-first .k-link:hover, .mainNav .k-first .sfSel {
    background: url('images/homeLinkIcon_ro.jpg') no-repeat !important;
}
.mainNav .k-first:hover {
    background: none !important;
}
.mainNav .k-state-hover {
    background: #002A5F !important;
}
.mainNav .k-group .k-first .k-link {
    padding-top: 10px !important;
}
.mainNav .k-group .k-last .k-link {
    padding-bottom: 10px !important;
}

.mainNav .k-menu .k-animation-container .k-group {
    border: 1px solid #bababa !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    margin: 5px 0px 0px 0px !important;
}
.mainNav .k-menu .k-animation-container .k-group:before {
    content: url('images/mainNavHoverArrow.png');
    margin: -22px 0px 0 0 !important;
    top: 6px;
    left: 10%;
    position: absolute;
}
.mainNav .k-menu .k-animation-container .k-link-text {
    display: block;
}
.mainNav .k-menu .k-animation-container .k-first .k-link {
    background: none !important;
    top: 0px;
    left: 0px;
}
.mainNav .k-menu .k-animation-container .k-first:hover, .mainNav .k-menu .k-animation-container .k-first .sfSel {
    background: none;
}
.mainNav .k-group .k-state-hover:hover {
    background-color: #CCC !important;
}
.mainNav .k-menu .k-group .k-state-hover:hover {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.mainNav .k-menu .k-group .k-item > .k-link {
    background: none !important;
    color: #000 !important;
    padding: 5px 20px;
}
.mainNav .k-popup .k-animation-container .k-popup {
    margin-left: 0px !important;
    margin-top: 1px !important;
}
/*----------------------------------------
    HOME PAGE STYLES
----------------------------------------*/
.homeContentContainer {
    background: url('images/bg-shells.jpg') repeat-x top;
    min-height: 550px;
}
.homeContentContainer h1 {
    color: #002A5F;
    font-size: 2em;
    margin-bottom: 0px;
}
.homeContentContainer p {
    margin-top: 5px;
	margin-right: 44px;
}
/*  Home Slider Styles
----------------------------------------*/
.sliderQuickLinksHeader {
    margin-top: 42px !important;
}
.sliderQuickLinksHeader .homeLeftCol {
    width: 74% !important;
}
.homeLeftCol {
    min-height: 42px;
}
.homeLeftCol .sfimagesTmbList.sfTmbDetailsMode {
    margin-top: 0px !important;
}
.imageSlider #slider4 {
    max-width: 670px;
    height: 375px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.imageSlider .rslides li {
    display: none;
}

.imageSlider .callbacks_tabs {
    float: right;
    right: 60px;
    position: relative;
    z-index: 9999;
    margin-top: -50px;
}
.imageSlider .callbacks_tabs a {
    color: transparent;
    display: block;
    background: url('images/pager_dot.png') no-repeat;
    width: 13px;
    height: 13px;
}
.imageSlider .callbacks_here a {
    background: url('images/pager_dot_selected.png') no-repeat;
    width: 13px;
    height: 13px;
    color: transparent;
}
.imageSlider .callbacks_tabs li {
    float: left;
    list-style-type: none;
    width: 16px;
    color: transparent;
    font-size: 0em;
}
.imageSlider .callbacks_nav {
    display: block;
}
/*  Right Col Styles
----------------------------------------*/
/*  Quick Links Styles  */
.sliderQuickLinksHeader .homeRightCol {
    width: 26% !important;
}
.homeRightCol .quickLinksContainer {
    background: #002A5F;
    border-bottom: 3px solid #04408a;
    padding: 15px 15px 0px 15px;
}
.homeRightCol .quickLinksContainer h2, .homeRightCol .onlineBankingContainer h2 {
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0px;
    padding-bottom: 15px;
}
.homeRightCol .quickLinksContainer h2 {
    color: #fff;
}
.homeRightCol .quickLinksContainer ul {
    padding-left: 25px;
    color: #fff;
    margin-top: 0px;
    font-size: .95em;
    margin-bottom: 25px;
}
.homeRightCol .quickLinksContainer ul li {
	line-height: 2em;
}
.homeRightCol .quickLinksContainer ul a {
    color: #fff;
}
.homeRightCol .quickLinksContainer ul a:hover {
    color: #CCC;
}
/*  Stay Informed Styles  */
.homeRightCol .onlineBankingContainer {
    background: #fff;
    padding: 0px;
    border-bottom: 0px solid #d8d8d8;
    display: inline-block;
    margin-bottom: 0px;
}
.homeRightCol .onlineBankingContainer h2 {
    color: #002A5F;
    padding: 0px;
}
.homeRightCol .onlineBankingContainer p {
    font-size: .95em;
    margin-right: 0;
}
.homeRightCol .onlineBankingContainer .required.email{
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.homeRightCol .onlineBankingContainer input {
    border: 1px solid #ccc;
    height: 32px;
    width: 100%;
}

/*----------------------------------------
    SECONDARY PAGE STYLES
----------------------------------------*/
/*  Main Content Styles
----------------------------------------*/
.secondaryContentContainer {
    background: url('images/bg-shellsSecondary.jpg') repeat-x top;
    min-height: 100px;
}
/*  Secondary Left Col Styles
----------------------------------------*/
.secondaryLeftCol {
    margin-right: 15px;
}
.secondaryLeftCol ul h2 a {
    line-height: normal;
}
/*  Secondary Right Col Styles
----------------------------------------*/
.secondaryRightCol {
    margin-top: 136px !important;
    width: 30% !important;
}
.secondaryRightColContainer {
    background: #fff;
    border-bottom: 3px solid #666666;
    margin: 0px 0px 25px 0px;
}
.secondaryRightColContainer h2 {
    background: #002A5F;
    color: #fff;
    font-size: 1.15em;
    padding: 10px 15px;
}
.secondaryRightColContainer p {
    padding: 15px;
    margin: 0px;
}
.secondaryRightColContainer.meetOurTeam a {
    background: url('images/arrowIcon.png') no-repeat 162px;
    padding-right: 30px;
}
.secondaryRightColContainer.checking a {
    background: url('images/arrowIcon.png') no-repeat 68px;
    padding-right: 30px;
}
.secondaryRightColContainer.homebuyerGrants a {
    background: url('images/arrowIcon.png') no-repeat 90px;
    padding-right: 30px;
}
/*------------------------------------------------
        Rates PAGE STYLES
--------------------------------------------------*/
.rateSmallPrint {
    font-size: .85em;
}
.rateSmallPrint ul{
    padding: 0px;
}
.rateSmallPrint ul li{
    list-style-type: none;
}
/*------------------------------------------------
        Checking PAGE STYLES
--------------------------------------------------*/
/*  Checking Table Styles
----------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-responsive {
    margin-top: 30px;
}
.checkingTableConditions {
    font-size: 0.9em;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
}
table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
colgroup {
    display: table-column-group;
}
.col-xs-5, .col-xs-3 {
    width: 10%;
}
.col-xs-3.cdIRA {
    width: auto;
}
.table-responsive.policies .table > colgroup + thead > tr:first-child > th {
    background-color: #002A5F !important;
    color: #fff;
    font-weight: 700;
    padding: 18px 5px;
    border-right: 1px solid #fff;
}
table ul{
    list-style-type: none;
    padding: 0px;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
th {
    text-align: center;
    font-weight: normal;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
/* Row Styles   */
thead > tr > th:first-child {
    background-color: transparent !important;
}
.rates thead > tr > th:first-child {
    background-color: #002A5F !important;
    border-right: 1px solid #fff;
    color: #fff;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
}
thead > tr > th:nth-child(2), thead > tr > th:nth-child(3), thead > tr > th:nth-child(4), thead > tr > th:nth-child(5), thead > tr > th:nth-child(6), thead > tr > th:nth-child(7) {
    background-color: #002A5F !important;
    color: #fff;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 18px 5px;
}
thead > tr > th:nth-child(2), thead > tr > th:nth-child(3), thead > tr > th:nth-child(4), thead > tr > th:nth-child(5), thead > tr > th:nth-child(6) {
    border-right: 1px solid #fff;
}
/*  Column Styles   */
table tr td:first-child {
    text-align: right;
    padding-right: 15px !important;
}
table tr td:first-child + td, table tr td:first-child + td + td + td, table tr td:first-child + td + td + td + td, table tr td:first-child + td + td + td + td + td {
    background-color: #d8d8d8;
}
table tr td:first-child + td + td, table tr td:first-child + td + td + td + td, table tr td:first-child + td + td + td + td + td + td {
    background-color: #fff;
}
.rates tr td:first-child {
    background-color: #fff;
}
table tr td:first-child + td, table tr td:first-child + td + td, table tr td:first-child + td + td + td, table tr td:first-child + td + td + td + td {
    text-align: center;
    vertical-align: middle;
}
table tr td:first-child + td + td + td + td + td, table tr td:first-child + td + td + td + td + td + td {
    text-align: center;
    vertical-align: middle;
}
.table > tbody > tr > td {
    padding: 10px 5px;
}
.rates table tr{
    text-align: right;
    padding-top: 18px !important;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 5px;
    line-height: 1.428571429;
    vertical-align: middle;
    border-bottom: 1px solid #8d8d8d;
}
.rates > thead > tr > td, .rates > tbody > tr > td{
    border-bottom: 0 !important;
}
/*------------------------------------------------
        INSURANCE PAGE STYLES
--------------------------------------------------*/
.insuranceBottomInfo {
    font-size: .90em;
    font-style: italic;
    margin-top: 30px;
}
/*------------------------------------------------
    CALCULATOR PAGE STYLES
--------------------------------------------------*/
/*  Calculator Styles
----------------------------------------*/
#loanCalfooterDiv, #loanCalbodyDiv, #loanCalheaderDiv, #ccCalheaderDiv, #ccCalfooterDiv, #ccCalbodyDiv, #refinanceCalfooterDiv, #refinanceCalbodyDiv, #refinanceCalheaderDiv, #nhCalfooterDiv, #nhCalBodyDiv, #nhCalheaderDiv, #cdCalheaderDiv, #cdCalcBodyDiv, #cdCalfooterDiv, #savingsCalfooterDiv, #savingsCalbodyDiv, #savingsCalheaderDiv{
    width: 275px !important;
}
.loanCalcTitle h2 {
    margin: 35px 0px 10px 0px;
}

/*------------------------------------------------
        STAFF PAGE STYLES
--------------------------------------------------*/
.staffBoardList {
    overflow: hidden;
}
.staffBoardList ul li {
    float: left;
    width: 200px;
    margin: 0px 90px 20px 0px;
    min-height: 10px;
}
.staffBoardList .sflistItemContent {
    max-width: 200px;
}
.staffBoardList h3 {
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0px 0;
}
.staffBoardList p {
    margin-top: 0px;
}
/*----------------------------------------
    NEWS & UPDATES PAGE STYLES
----------------------------------------*/
/*  News List Styles
----------------------------------------*/
.newsContentConainer {
    clear: left;
    overflow: hidden;
}
.newsContentConainer a {
    padding-right: 25px !important;
}
.newsSummary {
    line-height: 1.5em;
    overflow: hidden;
    display: inline;
}
.sfnewsListItem {
    border-bottom: 1px solid #c8c4bf;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.sfnewsList img {
    max-height: 156px;
    max-width: 236px;
    margin-bottom: 10px !important;
    width: auto;
}
.newsPageContent li {
    list-style-type: none;
    overflow: hidden;
}
.newsPageContent ul {
    padding: 0px;
}
.newsPageContent h2 {
    margin-bottom: 10px;
}
.sfnewsFullStory {
    background: url('images/arrowIcon.png') no-repeat 126px 9px;
}
.sfnewsAuthorAndDate {
    min-height: 28px;
}
.newsDate {
    float: left;
}
.newsPageContent img {
    float: left;
    margin: 0px 15px 15px 0px;
    background: #fff;
    border: 8px solid #fff;
}
.newsArrow {
    float: none !important;
    border: none !important;
    top: 15px;
    position: relative;
    left: 10px;
}
.sf_pagerNumeric {
    margin-bottom: 20px;
}
.sf_pagerNumeric a {
    margin-right: 10px;
}
.sf_PagerCurrent {
    color: #fff !important;
    background: #cd0000;
    padding: 2px 5px;
}
.sf_PagerCurrent:hover {
    color: #fff;
    text-decoration: underline;
}
/*  News Right Col Categories & Achives Styles
----------------------------------------*/
li.sftaxonItem, li.sfarchiveListItem {
    margin-bottom: 10px;
    color: #cd0000;
}
.sftaxonItem a, .sfarchiveListItem a {
    color: #cd0000!important;
    text-decoration: none !important;
}
.sftaxonItem a:hover, .sfarchiveListItem a:hover {
    color: #002A5F !important;
    text-decoration: underline !important;
}
/*  News Detail Page Styles
----------------------------------------*/
.sfcommentAuthorAvatar, .sfcommentsForm, .sfcommentsTitleWrp {
    display: none !important;
}
.sfnewsDetails {
    border-bottom: 1px solid #c8c4bf;
}
.sfnewsDetails a {
    color: #cd0000 !important;
}
.sfnewsDetails a:hover {
    text-decoration: underline !important;
}
.sfnewsDetails p {
    margin-top: 0px;
}
.sfnewsDetails img {
    border: 0;
    float: none;
    max-width: 622px;
    margin: 0px;
}
.sfnewsContent {
    clear: left;
    overflow: hidden;
}
.sfCategoriesList {
    margin: 10px 0 0px 0 !important;
}
.sfCategoriesList li {
    background-color: transparent !important;
    display: inline;
    font-size: 1em !important;
    padding: 0px !important;
}
.sfCategoriesList li:after {
    color: #c8c4bf;
    content: "|";
}
.RadSocialShare_Default {
    background-color: transparent !important;
    border: none !important;
}
/*----------------------------------------
    CONTACT PAGE STYLES
----------------------------------------*/
/*  Contact Form Styles
----------------------------------------*/
.contactForm {
    width: 80%;
}
.userLogin input[type="button"], .userLogin input[type="button"]:hover {
    float: right;
    width: 100px !important;
    margin-top: 12px;
    padding-top: 0px;
}
.userLogin input[type="text"]#AccessID {
    margin-bottom: 10px;
}
.contactGoogleMap iframe {
    border: 1px solid #000;
    overflow: hidden;
    margin: 0;
    width: 100%;
}
/*----------------------------------------
    SITEMAP PAGE STYLES
----------------------------------------*/
.sfNavVerticalSiteMap li ul li {
    margin-right: 18px !important;
}

/*----------------------------------------
    FOOTER STYLES
----------------------------------------*/
.mobileFooter {
    display: none;
}
.mobileHandcraftedBy {
    display: none;
}
/*  Footer Top Styles
----------------------------------------*/
.footerTopContainer {
    background: #fff url('images/footerTopBg.jpg') repeat-x;
}
.footerTopContainer a {
    color: #004AEE !important;
}
.footerTopContainer a:hover {
    color: #142060 !important;
    text-decoration: underline !important;
}
.footerTop {
    width: 960px !important;
    margin: 0px auto !important;
    padding: 6px 0px 35px 0px !important;
}
.footerTop h2 {
    font-family: "franklin-gothic-urw-i9","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 900;
    font-size: 1.25em;
    margin: 16px 0px 0px 0px;
    color: #002a5f;
}
.footerTop h3 {
    margin: 8px 0px 2px 0px;
    font-size: 1em;
}
.footerTop p {
    margin-top: 8px;
    font-size: .95em;
	line-height: 1.4em;
}
.footerTop .footerTopConnect p {
    margin-bottom: 0px;
}
.footerTop p.homePageContactUsLink {
    margin: 0px 0px 18px 0px;
}
.facebookLinkFooter {
    position: relative;
    bottom: 8px;
}
/*  Recent News Footer Widget   */
.recentNews ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.recentNews ul li, .viewAllNewsLink {
    font-size: .95em;
}
.recentNews .sfnewsListItem {
    border-bottom: none;
	line-height: 1.5em !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
/*  Footer Bottom Styles
----------------------------------------*/
.footerBottomContainer {
    background: #002a5f;
}
.footerBottomRight a {
    color: #fff !important;
}
.footerBottomRight a:hover {
    text-decoration: underline !important;
}
.footerBottom {
    width: 960px !important;
    margin: 0px auto !important;
    padding: 25px 0px !important;
}
.footerBottomRight {
    text-align: right;
    color: #fff;
    font-size: .80em;
}
.footerBottomRightQuickLinks {
    color: #fff;
}
.footerBottomRight p {
    margin-top: 0px;
}
.footerBottomRight img {
    margin-left: 20px;
}
.footerBottomLeft img {
    margin-right: 20px;
}
/*========================================
    Responsive Page Styles
========================================*/
/*----------------------------------------
    TABLET - PORTRAINT or LANDSCAPE
----------------------------------------*/
@media only screen and (max-width: 1024px) {
/*========================================
    MAIN PAGE STYLES
========================================*/
/*  Page Widths Defined   */
.mainNav, .headerContainer {
    width: 95% !important;
    margin: 0px auto !important;
}
.mainContent, .footerTop, .footerBottom {
    width: 95% !important;
    margin: 0px auto !important;
}

.homeContentContainer p {
	margin-right: 20px;
}

/*----------------------------------------
    HEADER PAGE STYLES
----------------------------------------*/

/*----------------------------------------
    NAVIGATION PAGE STYLES
----------------------------------------*/
/*  Home Page Link Icon Styles
----------------------------------------*/
.mainNav .k-first .k-link {
    left: 25px;
}
/*----------------------------------------
    HOME PAGE STYLES
----------------------------------------*/
/*  Home Page Image Slider Styles
----------------------------------------*/
.imageSlider {
    margin: 0 auto !important;
    width: 670px !important;
}
.imageSlider .callbacks_tabs {
    right: 20px !important;
}
/*  Left Col Styles
----------------------------------------*/
.sliderQuickLinksHeader .homeLeftCol {
    float: none !important;
    width: 100% !important;
}
/*  Right Col Styles
----------------------------------------*/
.sliderQuickLinksHeader .homeRightCol {
    width: 100% !important;
    float: none !important;
    margin-top: 30px;
}
.sliderQuickLinksHeader .homeRightCol .quickLinksContainer {
    float: right;
    width: 48%;
}
.sliderQuickLinksHeader .homeRightCol .onlineBankingContainer {
    float: left;
    margin-top: 0px;
    width: 48%;
}
/*----------------------------------------
    SECONDARY PAGE STYLES
----------------------------------------*/
/*  Main Content Styles
----------------------------------------*/
.secondaryLeftCol {
    float: none !important;
    width: 100% !important;
}
.secondaryRightCol {
    float: left !important;
    margin-top: 0px !important;
    width: 100% !important;
}
.secondaryRightColContainer {
    margin-top: 15px;
}
.secondaryRightColContainer h2 {
    margin-top: 0px;
}
/*----------------------------------------
    ABOUT US PAGE STYLES
----------------------------------------*/
/*  STAFF & BOARD PAGE STYLES
----------------------------------------*/
.staffBoardList ul li:last-child, .staffBoardList ul li:nth-last-child(2) {
    min-height: 100%;
}
/*----------------------------------------
    NEWS & UPDATES PAGE STYLES
----------------------------------------*/
/*  News Right Col Categories & Archives Styles
----------------------------------------*/
ul.sftaxonHorizontalList, ul.sfarchiveList {
    padding-left: 45px !important;
    list-style-type: disc !important;
}
/*  News Detail Page Styles
----------------------------------------*/
.sfnewsContent img {
    float: none;
}
 /*----------------------------------------
    CONTACT PAGE STYLES
----------------------------------------*/
/*  Google Map Styles
----------------------------------------*/
.contactGoogleMap {
    width: 100%;
}
}
/*----------------------------------------
    TABLET - PORTRAIT or LANDSCAPE & AFFECTS IPAD PORTRAIT
----------------------------------------*/
@media only screen and (max-width: 1000px) {
/*----------------------------------------
    HEADER PAGE STYLES
----------------------------------------*/
/*  User Login Styles
----------------------------------------*/
.headerTopLogo {
    width: 48% !important;
}

.headerTopTagline {
    width: 52% !important;
}
}
/*----------------------------------------
    TABLET - PORTRAIT or LANDSCAPE
----------------------------------------*/
@media only screen and (min-width: 980px) {
.mobileNav, #mobileNav {
    display: none !important;
}
}
/*----------------------------------------
    TABLET - PORTRAIT or LANDSCAPE
----------------------------------------*/
@media only screen and (max-width: 979px) {
.mainNav .k-menu .k-item > .k-link {
    padding: 13px 16px;
}
/*----------------------------------------
HEADER PAGE STYLES
----------------------------------------*/
/*  User Login Styles
----------------------------------------*/
.headerTopTagline p {
    margin: 45px 100px 0px 0px;
    text-align: right;
}
/*----------------------------------------
MAIN NAVIGATION PAGE STYLES
----------------------------------------*/
.mainNav {
    display: none;
}
/*----------------------------------------
MOBILE NAVIGATION PAGE STYLES
----------------------------------------*/
.mobileNav {
    display: block;
}

#mobileNav {
    color: #fff !important;
    display: block;
    height: 52px;
    padding: 15px 25px;
}

.menuText {
    float: left;
}

.menuIcon {
    float: right;
}

.mobileNav .k-item {
    padding: 0px !important;
    text-align: left;
    overflow: hidden;
}

.mobileNav .k-item:hover, .mobileNav .k-item .sfSel {
    background: #002A5F;
}

.mobileNav .k-in {
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
}

.mobileNav .k-link-text {
    display: inline-block;
    color:white;
}

.mobileNav .k-group .k-group .k-in .k-link-text {
    background: url('images/subnavBullet.jpg') no-repeat 0px 6px;
    color: #fff;
    padding-left: 15px;
}

.mobileNav .k-item a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    font-family: "franklin-gothic-urw-i7","franklin-gothic-urw",sans-serif;
    font-style: italic;
    font-weight: 700;
    white-space: normal;
    padding-left: 25px;
    font-size: 1.15em;
}

.mobileNav .k-in.k-state-hover, .mobileNav .k-in.k-state-selected, .mobileNav .k-in.k-state-focused {
    border-style: none !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent;
}

.mobileNav .k-in.k-state-focused {
    background: none !important;
}

.mobileNav .k-item .sfSel {
    background: #002A5F !important;
}

.mobileNav .k-group .k-group .sfSel, .mobileNav .k-treeview .k-in.k-state-hover a {
    color: #fff !important;
    background: #002A5F;
    margin: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding-left: 25px !important;
}
.mobileNav .k-group li .k-group li {
    background: #002A5F !important;
}
.mobileNav .k-group .k-group a {
    color: #fff;
    font-size: 1em;
    width: 85%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 15px;
}

.mobileNav .k-group .k-group .k-group .k-in a {
    padding-left: 24px !important;
    text-align: left !important;
}

.mobileNav .k-group .k-group .k-group .k-in .sfSel {
    font-weight: bold !important;
}

.mobileNav .k-group .k-group .k-in, .mobileNav .k-group .k-group .k-in .k-link-text {
    margin-top: 5px !important;
    width: 100%;
}

.mobileNav .k-group .k-group .k-last .k-in {
    margin-bottom: 5px !important;
}

.mobileNav .k-group .k-group .k-group .k-in, .mobileNav .k-group .k-group .k-group .k-in .k-link-text {
    width: 100% !important;
}

.mobileNav .k-group .k-group li[aria-expanded] .k-in a {
    padding-left: 0px;
    text-align: center;
}

.mobileNav .k-group .k-group li[aria-expanded] .k-icon {
    margin: 0px 0 0 5% !important;
}

.mobileNav .k-group .k-group li[aria-expanded] .k-in .k-link-text {
    width: 50%;
}

.mobileNav .k-group .k-group .k-group li[aria-expanded] .k-in a {
    text-align: center;
}
/*----------------------------------------
HOME PAGE STYLES
----------------------------------------*/
/*  Image Slider Styles
----------------------------------------*/
.imageSlider img {
    height: auto;
    max-width: 100% !important;
}
/*----------------------------------------
SECONDARY PAGE STYLES
----------------------------------------*/
/*  Left Column Styles
----------------------------------------*/
.secondaryLeftCol {
    width: 100% !important;
}
}
/*----------------------------------------
    SMALL TABLET - PORTRAIT or LANDSCAPE, AFFECTS EVERYTYHING UNDER IPAD PORTRAIT
----------------------------------------*/
@media only screen and (max-width: 767px) {
/*----------------------------------------
    RESPONSIVE STYLES
----------------------------------------*/
body { min-width: 0 !important; }
.sfPublicWrapper { width: auto !important; }
    .sf_colsOut.sf_5cols_1_20,
.sf_colsOut.sf_5cols_2_20,
.sf_colsOut.sf_5cols_3_20,
.sf_colsOut.sf_5cols_4_20,
    .sf_colsOut.sf_5cols_5_20 {
    width: 100% !important;
}
.sf_5cols_2_20 .sf_5cols_2in_20,
.sf_5cols_3_20 .sf_5cols_3in_20,
.sf_5cols_4_20 .sf_5cols_4in_20,
.sf_5cols_5_20 .sf_5cols_5in_20 {
    margin-left: 0 !important;
    margin-right: 0px !important;
    }
.sf_colsOut.sf_4cols_1_25,
.sf_colsOut.sf_4cols_2_25,
.sf_colsOut.sf_4cols_3_25,
.sf_colsOut.sf_4cols_4_25 {
    width: 100% !important;
}
.sf_4cols_2_25 .sf_4cols_2in_25,
.sf_4cols_3_25 .sf_4cols_3in_25,
.sf_4cols_4_25 .sf_4cols_4in_25 {
    margin-left: 0 !important;
    margin-right: 0px !important;
}

.sf_colsOut.sf_3cols_1_33,
.sf_colsOut.sf_3cols_2_34,
.sf_colsOut.sf_3cols_3_33,
.sf_colsOut.sf_3cols_1_25,
.sf_colsOut.sf_3cols_2_50,
.sf_colsOut.sf_3cols_3_25 {
	width: 100%  !important;
}
.sf_colsOut.sf_3cols_2_34 .sf_colsIn,
.sf_colsOut.sf_3cols_3_33 .sf_colsIn,
.sf_colsOut.sf_3cols_2_50 .sf_colsIn,
.sf_colsOut.sf_3cols_3_25 .sf_colsIn
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.sf_colsOut.sf_2cols_1_33,
.sf_colsOut.sf_2cols_2_67,
.sf_colsOut.sf_2cols_1_67,
.sf_colsOut.sf_2cols_2_33,
.sf_colsOut.sf_2cols_1_50,
.sf_colsOut.sf_2cols_2_50,
.sf_colsOut.sf_2cols_1_25,
.sf_colsOut.sf_2cols_2_75,
.sf_colsOut.sf_2cols_1_75,
.sf_colsOut.sf_2cols_2_25 {
	width: 100% !important;
}

.sf_colsOut.sf_2cols_2_67 .sf_colsIn,
.sf_colsOut.sf_2cols_2_33 .sf_colsIn,
.sf_colsOut.sf_2cols_2_50 .sf_colsIn,
.sf_colsOut.sf_2cols_2_75 .sf_colsIn,
.sf_colsOut.sf_2cols_2_25 .sf_colsIn {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/*----------------------------------------
    HEADER PAGE STYLES
----------------------------------------*/
/*  User Login & Enroll Now Styles
----------------------------------------*/
.headerTopTagline .sf_colsIn .sf_2cols_1in_75 {
    float: left;
}
.userLogin label {
    margin-right: 20px;
}
.userLogin input[type="text"] {
    width: 100%;
}
.headerTopTagline {
    float: none !important;
    width: 100% !important;
}
.headerTopTagline p {
    margin: 0;
    text-align: left;
}
.sf_colsIn .sf_2cols_2in_25 {
    margin: 0px !important;
}
/*----------------------------------------
    HOME PAGE STYLES
----------------------------------------*/
.homeContentContainer {
    background: none !important;
}
.mainContent {
    width: 100% !important;
}
.homeContainer {
    width: 95% !important;
    margin: 0px auto;
}

/*  Home Page Image Slider Styles
----------------------------------------*/
.sliderQuickLinksHeader {
    margin: 0px !important;
}
.imageSlider {
    margin: 0 auto !important;
    width: 100% !important;
    width: 100% !important;
    background: url('images/bg-shellsSecondary.jpg') repeat top;
    padding: 35px 0px;
    overflow: hidden;
}
.imageSlider #slider4 {
    height: 100% !important;
    margin: 0 auto;
}

.imageSlider .callbacks_tabs {
    margin-top: -35px;
    right: 55px !important;
}
/*  Right Col Styles
----------------------------------------*/
.sliderQuickLinksHeader .homeRightCol {
    float: none;
    width: 95% !important;
    margin: 0px auto !important;
}
.sliderQuickLinksHeader .homeRightCol .onlineBankingContainer {
    float: none;
    margin-top: 25px;
    width: 100% !important;
}
.sliderQuickLinksHeader .homeRightCol .quickLinksContainer {
    width: 100% !important;
    float: none;
}
/*----------------------------------------
    SECONDARY PAGE STYLES
----------------------------------------*/
.secondaryContentContainer .mainContent {
    width: 95% !important;
}
/*----------------------------------------
    CHECKING PAGE STYLES
----------------------------------------*/
/*  Checking Tables Styles
----------------------------------------*/
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
/*----------------------------------------
    NEWS PAGE STYLES
----------------------------------------*/
/*  News List Page Styles
----------------------------------------*/
/*  Continue Reading Arrow  */
.sfnewsFullStory {
    background: url('images/arrowIcon.png') no-repeat 126px 9px;
}
/*  News Detail Page Styles
----------------------------------------*/
/*  Images  */
.sfnewsDetails img {
    float: none !important;
    max-width: 100%;
    height: auto;
}
/*----------------------------------------
    CONTACT US PAGE STYLES
----------------------------------------*/
/*  Contact Form Styles
----------------------------------------*/
.contactForm {
    width: 100%;
}
/*----------------------------------------
    FOOTER PAGE STYLES
----------------------------------------*/
/*  Footer Top Styles
----------------------------------------*/
.footerTopConnect, .footerTopBankHours, .footerTopRecentNews {
    width: 100% !important;
}
.footerTop .sf_3cols_1_33, .footerTop .sf_3cols_2_34, .footerTop .sf_3cols_3_33 {
    float: none;
}
.footerTopBankHours .sf_3cols_2in_34, .footerTopRecentNews .sf_3cols_3in_33 {
    margin-left: 0px !important;
}
.footerTop .footerTopBankHours h2, .footerTop .footerTopRecentNews h2 {
    margin-top: 25px !important;
}
/*  Footer Bottom Styles
----------------------------------------*/
.footerBottomLeft {
    margin-bottom: 15px !important;
}
.footerBottomLeft, .footerBottomRight {
    width: 100% !important;
    float: none;
}
.footerBottomRight {
    text-align: left;
}
}

/*----------------------------------------
    SMARTPHONES - BASED OFF NOTE 2 PORTRAIT & LANDSCAPE
----------------------------------------*/
@media only screen and (max-width: 640px) {
/*----------------------------------------
MOBILE BANKING PAGE STYLES
----------------------------------------*/
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
/*----------------------------------------
SECONDARY PAGE STYLES
----------------------------------------*/
h1 {
    font-size: 1.75em;
    margin-top: 18px;
}
.upgrade-content span{
    font-size: 1em !important;
}
/*  Header BackgroundStyles
----------------------------------------*/
.secondaryContentContainer {
    background: url('images/bg-shellsSecondaryMobile.jpg') repeat-x top;
    min-height: 74px;
}
/*----------------------------------------
STAFF & BOARD PAGE STYLES
----------------------------------------*/
.staffBoardList ul li {
    float: none;
    width: auto;
    margin-right: 0px;
    min-height: 100%;
}
/*----------------------------------------
NEWS & UPDATES PAGE STYLES
----------------------------------------*/
/*  News Detail Page Image Styles
----------------------------------------*/
.sfnewsDetails img {
    margin-right: 0px;
}
}
/*----------------------------------------
    SMARTPHONES - PORTRAIT AND LANDSCAPE
----------------------------------------*/
@media only screen and (max-width: 480px) {
/*----------------------------------------
    HOME PAGE STYLES
----------------------------------------*/
/*----------------------------------------
    NEWS PAGE STYLES
----------------------------------------*/
.newsPageContent img {
    float: none;
    margin-top: 10px;
}
.newsPageContent p {
    margin-top: 0px;
}
}
/*---------------------------------------
    SMARTPHONES - BASED OFF OF SMANSUNG MESMERIZE PORTRAIT
----------------------------------------*/
@media only screen and (max-width: 320px) {
/*----------------------------------------
    HOME PAGE STYLES
----------------------------------------*/
h1 {
    font-size: 1.5em;
}
}