/* ---------- 
Styles Directory:
- Reset
- Google Fonts
- Global
- Typography
- Header
- Wrapper
- Hero Wrapper
- Online Banking Login
- Testimonials
- Hero
- Products
- Column Wrapper (bottom of home page only)
- Content Wrapper (interior pages only)
- Sub Navigation
- Footer
---------- */
/* ---------- Reset ---------- */
/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline; zoom: 1; display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Base */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; }
/* Links */
a, a:hover, a:active { outline: 0; }
/* Typography */
p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
ul.horizontal li, ol.horizontal li { display: inline; }
ul.unstyled, ol.unstyled { list-style: none; margin-left: 0; }
/* Forms */
form, fieldset, legend {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right;
}
label { cursor: pointer; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; }
input[type="search"] { -webkit-appearance: textfield; -moz-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: #a3a3a3; }
:-moz-placeholder { color: #a3a3a3; }
.placeholder { color: #a3a3a3; }
/* Contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ---------- Google Fonts ---------- */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,300italic,400italic,600italic,700italic");
/* ---------- Global ---------- */
html, body {
    height: 100%;
}
body, button, input, select, textarea {
    font: 13px 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
    color: #454545;
}
body {
    line-height: 20px;
    background: url(design/bg_body.jpg) repeat center top;
}
/* ---------- Typography ---------- */
a {
    text-decoration: none;
}
a.bookmark {
    text-decoration: none;
}
a:link, a:visited {
    color: #1072aa;
    text-decoration: none;
}
a:link:hover {
    text-decoration: underline;
}
a.pdfLink {
    padding-right: 28px;
    background: url(design/bg_pdfLink.png) no-repeat right center;
}
a.newWindowLink {
    padding-right: 18px;
    background: url(design/bg_newWindowLink.png) no-repeat right center;
}
h1 {
    margin-bottom: 12px;
    padding-top: 15px;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1072aa;
}
h1.alt {
    color: #454545;
}
h1.pageHeader {
    padding-top: 0;
}
h2 {
    margin-bottom: 10px;
    padding-top: 15px;
    font-size: 22px;
    font-weight: normal;
    color: #1072aa;
}
h2.alt {
    color: #454545;
}
h3 {
    margin-bottom: 8px;
    padding-top: 15px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1072aa;
}
h3.alt {
    color: #454545;
}
h4 {
    margin-bottom: 7px;
    padding-top: 15px;
    font-size: 18px;
    font-weight: normal;
    color: #1072aa;
}
h4.alt {
    color: #454545;
}
h5 {
    margin-bottom: 5px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #1072aa;
}
h5.alt {
    color: #454545;
}
h6 {
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: normal;
    font-style: italic;
    color: #1072aa;
}
h6.alt {
    color: #454545;
}
p {
    margin-bottom: 10px;
    padding-top: 5px;
}
ul {
    margin: 0 0 10px 35px;
    list-style: disc;
}
ol {
    margin: 0 0 10px 35px;
    list-style: decimal;
}
strong {
    font-weight: 600;
}
.blue {
    color: #1072aa;
}
.gray {
    color: #8a8a8a;
}
.small {
    font-size: 9px;
    line-height: 12px;
}
hr {
  height: 1px;
  margin: 15px 0 5px 0;
  border: 0;
  border-bottom: 1px solid #dadada;
}
img.productHeaderGraphic {
    float: right;
    position: relative;
    top: -35px;
    margin-left: 10px;
}
/* Containers */
.container {
    width: 960px;
    margin: 0 auto;
    zoom: 1;
}
.container:before, .container:after {
    display: table;
    content: "";
    zoom: 1;
}
.container:after {
    clear: both;
}
/* ---------- Header ---------- */
#header {
    height: 135px;
    background: url(design/bg_header.jpg) repeat-x center bottom;
}
/* Logo */
#logo {
    width: 207px;
    height: 53px;
    padding: 21px 0 19px 0;
}
#logo img {
    display: block;
    width: 207px;
    height: 53px;
    border: none;
}
/* Main Navigation */
#main-nav {
    position: relative;
    z-index: 500;
    height: 29px;
    margin-left: -20px;
    padding: 12px 0 0 20px;
}
#main-nav ul {
    margin: 0;
    list-style: none;
}
#main-nav > ul > li {
    position: relative;
    float: left;
}
#main-nav > ul > li > a {
    float: left;
    display: block;
    padding: 3px 15px 3px 13px;
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    color: #1072AA;
    background: url(design/bg_mainNavDividers.png) no-repeat left bottom;
}
#main-nav > ul > li:first-child a, #main-nav > ul > li.active + li a {
    background-image: url(none.html);
}
#main-nav > ul > li.active > a {
    padding-right: 13px;
    -webkit-border-radius: 1px 1px 0;
    -moz-border-radius: 1px 1px 0;
    border-radius: 1px 1px 0;
    color: #1072AA !important;
    background: #FFF !important;
    background-image: none;
}
#main-nav > ul > li.hover a, #main-nav > ul > li.hover ul {
    color: #FFF !important;
    background-color: #0F6EA4 !important;
    background-image: url(none.html);
}
#main-nav .mask {
    width: 960px;
    height: 15px;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 510;
    background: #FFF;
}
#main-nav ul ul {
    display: none;
    position: absolute;
    top: 29px;
    left: 0;
    z-index: 999;
    width: 244px;
}
#main-nav ul ul a {
    display: block;
    padding: 3px 16px 4px 16px;
    text-decoration: none;
    line-height: 24px;
    color: #FFF;
    background: #0F6EA4 url(design/bg_mainNavDropdownDividers.png) no-repeat left bottom !important;
}
#main-nav ul ul a:hover {
    background: #2783b7 url(design/bg_mainNavDropdownDividers.png) no-repeat left bottom !important;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
/* ---------- Wrapper ---------- */
#wrapper {
    min-height: 200px;
    padding-top: 36px;
    background: #FFF;
}
/* ---------- Hero Wrapper ---------- */
#hero-wrapper {
    zoom: 1;
    margin: 0 0 20px -30px;
}
#hero-wrapper:before, #hero-wrapper:after {
    display: table;
    content: "";
    zoom: 1;
}
#hero-wrapper:after {
    clear: both;
}
#hero-wrapper .left-column {
    float: left;
    width: 300px;
    margin-left: 30px;
}
#hero-wrapper .right-column {
    float: left;
    width: 630px;
    margin-left: 30px;
}
/* ---------- Online Banking Login ---------- */
#online {
    margin-bottom: 15px;
    border: solid 1px #e9e9e9;
    background: #f3f3f3;
}
#online h2 {
    margin: 0;
    padding: 10px 13px 6px 13px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #FFF;
    background: #0e6394 url(design/bg_headerBlue.png) repeat-x left top;
}
#online form {
    padding: 9px 13px;
}
#online label {
    display: block;
    padding-bottom: 2px;
    color: #454545;
}
#id {
    width: 163px;
    height: 18px;
    padding: 6px 12px;
    border: none;
    vertical-align: middle;
    background: url(design/bg_onlineID.png) no-repeat left top;
}
#onlineSubmit {
    vertical-align: middle;
}
ul.links {
    width: 298px;
    margin: 0;
    list-style: none;
    color: #d7d7d7;
}
ul.links:before, ul.links:after {
    display: table;
    content: "";
    zoom: 1;
}
ul.links:after {
    clear: both;
}
ul.links li {
    display: inline-block;
    width: 298px;
    padding: 6px 0 6px 0;
    background: url(design/bg_onlineLinkBorder.gif) repeat-x left top
}
ul.links a {
    display: inline-block;
}
ul.links .remoteDeposit {
    padding-left: 39px;
    background: url(design/bg_linksRemoteDeposit.png) no-repeat 13px top;
}
ul.links .demo {
    padding-left: 39px;
    background: url(design/bg_linksOnlineDemo.png) no-repeat 13px -2px;
}
ul.links .atmFinder {
    padding-left: 39px;
    background: url(design/bg_linksAtmFinder.png) no-repeat 13px 2px;
}
/* ---------- Testimonials ---------- */
.testimonial .quote {
    padding: 10px 13px;
    font-size: 12px;
    background: #f3f3f3;
}
.testimonial .customer {
    padding: 8px 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #666666;
    background: url(design/bg_customer.gif) no-repeat left top;
}
/* ---------- Hero ---------- */
#hero {
    position: relative;
    z-index: 1;
    width: 619px;
    height: 330px;
    padding: 6px;
    background: url(design/bg_hero.png) no-repeat left top;
}
#hero .slides_container {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: none;
    width: 619px;
    height: 330px;
}
#hero .slides_container img {
    display: block;
    border: none;
}
.pagination {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 65px;
    height: 8px;
    margin: 0;
    list-style: none;
    z-index: 200;
}
.pagination li {
    float: left;
}
.pagination li a {
    overflow: hidden;
    float: left;
    display: block;
    width: 9px;
    height: 8px;
    margin-left: 3px;
    text-indent: -999999px;
    background: url(design/bg_heroPagination.png) no-repeat left top;
}
.pagination li.current a {
    background-position: 0 -9px;
}
/* ---------- Products ---------- */
#product-wrapper {
    width: 991px;
    zoom: 1;
    margin: 0 0 38px -30px;
}
#product-wrapper:before, #product-wrapper:after {
    display: table;
    content: "";
    zoom: 1;
}
#product-wrapper:after {
    clear: both;
}
.product {
    position: relative;
    float: left;
    width: 272px;
    height: 147px;
    margin-left: 30px;
    padding: 0 13px 37px 13px;
    border: solid 1px #d6d6d6;
    background: #deddda url(design/bg_product.png) repeat-x left top;
}
.product .learnMore {
    position: absolute;
    left: 13px;
    bottom: 0;
}
.product h2 {
    margin: 0 -13px 8px -13px;
    padding: 3px 13px 3px 13px;
    border-bottom: solid 1px #e6e5e2;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #1072aa;
    background: #fbfaf8;
}
.product h3 {
    margin-bottom: 2px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    color: #454545;
}
.product p {
    margin-bottom: 10px;
    padding: 0;
}
/* ---------- Column Wrapper (bottom of home page only) ---------- */
#column-wrapper {
    zoom: 1;
    margin: 0 0 38px -30px;
}
#column-wrapper:before, #column-wrapper:after {
    display: table;
    content: "";
    zoom: 1;
}
#column-wrapper:after {
    clear: both;
}
#column-wrapper .left-column {
    float: left;
    width: 630px;
    margin-left: 30px;
}
#column-wrapper .right-column {
    float: left;
    width: 300px;
    margin-left: 30px;
}
#column-wrapper h1 {
    margin-bottom: 12px;
}
/* ---------- Content Wrapper (interior pages only) ---------- */
#content-wrapper {
    zoom: 1;
    margin: 0 0 20px -30px;
}
#content-wrapper:before, #content-wrapper:after {
    display: table;
    content: "";
    zoom: 1;
}
#content-wrapper:after {
    clear: both;
}
#content-wrapper .left-column {
    float: left;
    width: 300px;
    margin-left: 30px;
}
#content-wrapper .right-column {
    float: left;
    width: 630px;
    margin-left: 30px;
}
/* Photo Table */
#content table.photoTable {
    width: 100%;
    margin-bottom: 10px;
    border: none;
}
#content table.photoTable td {
    padding: 0 0 10px 0;
    vertical-align: top;
}
#content table.photoTable td.photo {
    padding-top: 10px;
    padding-right: 24px;
}
/* Link Table */
#content table.linkTable {
    width: 100%;
    margin-bottom: 10px;
    border: none;
}
#content table.linkTable td {
    padding: 0;
}
#content table.linkTable a {
    color: #454545;
}
/* Product Table */
table.productTable {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-style: hidden;
}
table.productTable th {
    padding: 10px 5px;
    border: solid 1px #74892b;
    border-top-style: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    vertical-align: top;
    color: #FFF;
    text-shadow: 0 0 4px #666;
    background: url(design/bg_productComparisonHead.jpg) no-repeat right bottom;    
}
table.productTable th:first-child {
    padding: 10px 5px;
    border: solid 1px #74892b;
    border-top-style: hidden;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    vertical-align: top;
    color: #FFF;
    text-shadow: 0 0 4px #666;
    background: url(design/bg_productComparisonHead.jpg) no-repeat left bottom;    
}
table.productTable th .gateway {
    font-size: 12px;
    text-transform: uppercase;
    color: #cfe095;
}
table.productTable td {
    padding: 12px 5px;
    border: solid 1px #e4e3d4;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    vertical-align: central;
    background: #fcfbe9;
}
table.productTable tr.alt td {
    background: #f5f4e2;
}
table.productTable td:first-child {
    border-left-style: hidden;
    text-align: left;
    color: #8a8a8a;
}
/* Basic Table */
table.basicTable {
    width: 100%;
    margin-bottom: 10px;
}
table.basicTable caption {
    padding: 10px 15px;
    font-size: 16px; 
    font-weight: 600;
    line-height: 13px;
    text-transform: uppercase;
    text-align: left;
    color: #FFFFFF;
    background: url(design/bg_basicTableCaption.jpg) repeat left top;
}
table.basicTable caption .small {
    font-size: 12px;
}
table.basicTable th {
    padding: 2px 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    background: #ecebd1;
}
table.basicTable td {
    padding: 8px 15px 7px 15px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #e5e5e5;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    vertical-align: central;
    background: #fcfbe9;
}
table.basicTable tr.alt td {
    background: #f5f4e2;
}
/* ---------- Sub Navigation ---------- */
#sub-nav {
    margin-bottom: 15px;
    border: solid 1px #e9e9e9;
    background: #f3f3f3;
}
#sub-nav h2 {
    margin: 0;
    padding: 10px 13px 6px 13px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #FFF;
    background: #8a8a8a;
}
#sub-nav ul {
    margin: 0;
    list-style: none;
}
#sub-nav li {
    background: url(design/bg_subNavBorder.gif) repeat-x left top
}
#sub-nav a {
    display: block;
    padding: 7px 33px 6px 33px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(design/bg_subNavLink.png) no-repeat 17px 12px;
}
#sub-nav a:hover {
    background-color: #e1e1e1;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#sub-nav li.active a {
    background-color: #e1e1e1;
}
/* ---------- Footer ---------- */
#footer {
    padding: 28px 0 50px 0;
    font-size: 12px;
    line-height: 16px;
    background: url(design/bg_footer.png) repeat-x left top;
}
#footer:before, #footer:after {
    display: table;
    content: "";
    zoom: 1;
}
#footer:after {
    clear: both;
}
#footer-links {
    float: left;
    width: 465px;
    min-height: 120px;
    background: url(design/bg_footerLinks.png) no-repeat right top;
}
#footer-links ul {
    margin: 0;
}
#footer-links li {
    float: left;
    display: block;
    width: 125px;
    padding-left: 17px;
    background: url(design/bg_footerLinkItem.png) no-repeat left 4px;
}
#branch-location {
    float: left;
    width: 217px;
    margin-left: 30px;
}
#branch-hours {
    float: left;
    width: 227px;
    margin-left: 20px;
}
#copyright {
    float: left;
    clear: both;
    width: 960px;
    padding-top: 20px;
}
/* Slide Shows */
.slideshow {
    position: relative;
    border: solid 1px #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.slideshow .innerBorder {
    width: 619px;
    border: solid 5px #fafaf9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.slideshow .slides_container {
    overflow: hidden;
    width: 619px;
    height: 331px;
    position: relative;
}
.slideshow .slide {
    position: relative;
    width: 619px;
    height: 331px;
}
.slideshow .slide img {
    display: block;
    width: 619px;
    height: 331px;
    border: none;
}
.slideshow .slide .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 609px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    background: rgba(11, 78, 115, 0.85);
    -pie-background: rgba(11, 78, 115, 0.85);
}
.slideshow .slide .caption p {
    margin: 0;
    padding: 10px 0;
}