html{overflow-y:scroll;}
body{height: 100%; font:12px 'Helvetica Neue',Arial; color: #333; margin:0; padding:0; line-height:1.6em;}

a img{border:none;}
.clear {margin: 0; padding: 0; clear: both;}
.line{border-bottom: 1px solid #ccc; height: 1px; margin: 5px 0 10px 0; clear:both;}
hr{
    background-color: #FFFFFF;
    border-color: #A29A94 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: dashed none none;
    border-width: 1px medium medium;
    color: #FFFFFF;
    margin: 4px 0 2px;}
* {margin:0; padding:0}

/* --- REDEFINE HEADING TAG SELECTORS --- */


h1, h2, h3, h4, h5 {margin-right: 15px; font-weight: normal; line-height: 1.6em;}

h2, .h2 {font:16px  'Helvetica Neue',Arial; color: #673c07; margin:0 0 10px 0;}
h3, .h3 {font:20px  'Helvetica Neue',Arial; color: #222; margin:0 0 10px 0;}
h4, .h4 {font:20px  'Helvetica Neue',Arial; color: #222; margin:0px 0 5px 0; border-bottom:1px solid #eee; padding-bottom:5px;}
h5, .h5 {font:20px  'Helvetica Neue',Arial; color: #2D4C2A; margin:0px 0 10px 0;}


/* ----------------- LIST STYLES ----------------- */
ol,ul {line-height: 1.6em !important; padding:0 0 10px 20px;}
.none{list-style:none;}
ul.alerts li{padding-bottom:10px;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
div#wrapper{
	background: url("header-b.jpg") repeat-x scroll 0 0 #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
	min-height:100%;}
	
div#top-wrapper{
	clear: both;
    margin: 0 auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 990px;
}
div#container-wrapper {
	padding: 0;
    position: relative;
    width: 990px;
	margin: 0 auto;
	background:#fff;
}
#header {
	position: relative; 
	width: 990px; 
	height: 11px; 
	margin: 0 auto; 
	padding: 0;
	}
div#logo {display: block;
    float: left;
    margin: 25px 0 10px 0px;
}
div#content-wrapper{
	width: 100%; 
	background: #fff;
	padding:0;
}
div#content-container{
	width: 990px; 
	clear: both; 
	margin: 0 auto; 
	padding:0;
}
div#bottom-ads{width:990px; padding:20px 0px 0 0; clear:both;}


/* --------------- TOP NAVIGATION --------------- */
div#top-nav {
    margin: 25px 0 0px 0;
    position: relative;
    width: 900px;
	float:left;
}
div#top-nav ul {margin: 0px; padding:0;}
div#top-nav ul li{ display: inline;}
div#top-nav ul li a{
	font-weight:bold;
	padding: 0px 20px;
	color: #000; 
	text-decoration: none;
	font-size: 13px;
	font-family:'Helvetica Neue',Arial;
}
div#top-nav ul li a:hover{color:#2D4C2A;}
div#top-nav ul li a.first{padding-left:0;}


	
/* ----------------- VERTICAL NAVIGATION ----------------- */

div#side-nav-wrapper{width:990px; position:absolute; padding-top:30px; text-align:left;}
div#side-nav-box{width:990px; margin:0 auto;}
div#side-nav{width:220px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index:99 !important; position:relative;}
ul.list{padding:0;}
.list li {
	background: url("nav-bg00.jpg") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #E2E2E2;
    color: #464646;
    height: auto;
    margin-bottom: 0;
    text-shadow: 0 1px 0 #FFFFFF;
	list-style:none;
}
.list li a{
	font-size:12px; 
	text-decoration:none; 
	display:block; 
	color:#717171; 
	padding:10px 0 5px 20px;
	font-family:'Helvetica Neue',Arial; 
	font-weight:bold; 
	height:20px;
}
.list li:hover {background: url("nav-bg-h.jpg") repeat-x scroll 0 0 transparent;}
.list li.current {background:#007240;}

.list li ul{display:block; left:215px; position:absolute; border:1px solid #ccc; margin:0; padding:0; top:5px;}
.list li ul li{
	background: url("nav-bg00.jpg") repeat-x scroll 0 0 transparent;
	width:230px;
}
.list li:hover ul{display:block;}

.addPosition {
position:relative;
}



.icon-online{
	background:url("icons_wi.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-contact{	
	background: url("sprites0.png") no-repeat scroll -7px -143px transparent;
    display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-customer{
	background:url("icons_wj.png") no-repeat scroll 0px -220px transparent;
	display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-alert{
	background:url("icons_wi.png") no-repeat scroll 0px -182px transparent;
	display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-estatement{
	background:url("sprites0.png") no-repeat scroll -8px -280px transparent;
	display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-reorder{	
	background: url("sprites0.png") no-repeat scroll -7px -183px transparent;
    display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-card{
	background:url("sprites0.png") no-repeat scroll -8px -254px transparent;
	display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}
.icon-mobile{	
	background: url("sprites0.png") no-repeat scroll -7px -226px transparent;
    display: inline-block;
    height: 20px;
    line-height: 40px;
    margin: 10px 5px 0;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
	float:left;}

#shadow{height:11px; width:100%; background: url("shadow00.jpg") repeat-x; margin-bottom:10px;}

/* ----------------- SLIDER ----------------- */

#slider-tabs {}
.sm {list-style:none; width:990px; height:218px; display:block; overflow:hidden; float:left; padding: 0 !important;}
.sm li {float:left; display:inline; overflow:hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .8); height:218px;}
.sm li a{text-decoration:none; cursor:pointer;}

.slide1{background:url(nav-tab1.png) no-repeat; padding:8px 10px; height:206px;}
.slide2{background:url(nav-tab2.png) no-repeat; padding:8px 10px; height:206px;}
.slide3{background:url(nav-tab3.png) no-repeat; padding:8px 10px; height:206px;}
.slide4{background:url(nav-tab4.png) no-repeat; padding:8px 10px; height:206px;}
.slide5{background:url(nav-tab5.png) no-repeat; padding:8px 10px; height:206px;}


.slide1 h2{color:#ffffff; width:200px; font-size:15px; padding-bottom:9px; text-align:center; font-weight:bold; background: #00757a;} 
.slide1 p{color:#ffffff; width:160px; height:120px;}
.slide2 h2{color:#ffffff; width:200px; font-size:15px; padding-bottom:9px; text-align:center; font-weight:bold; background: #00757a;} 
.slide2 p{color:#ffffff; width:160px; height:120px;}
.slide3 h2{color:#ffffff; width:200px; font-size:15px; padding-bottom:9px; text-align:center; font-weight:bold; background: #00757a;} 
.slide3 p{color:#ffffff; width:160px; height:120px;}
.slide4 h2{color:#ffffff; width:200px; font-size:15px; padding-bottom:9px; text-align:center; font-weight:bold; background: #00757a;} 
.slide4 p{color:#ffffff; width:160px; height:120px;}
.slide5 h2{color:#ffffff; width:200px; font-size:15px; padding-bottom:9px; text-align:center; font-weight:bold; background: #00757a;} 
.slide5 p{color:#ffffff; width:160px; height:120px;}

.slide-btn{text-align:right;width:170px;}

#shadow2{height:2px; width:990px; background: url("shadow20.jpg") no-repeat; clear:both;}


/* --------------------- LOGIN BOX ------------------------ */
div#login-box {
    /*background: url('gfx/login-box.png') no-repeat;*/
    height: 121px;
    width: 363px;
    z-index: 99;
	color: #0069aa;
	font-size: 12px;
	float:right;
	position:relative;
	top: 10px;
	float:right;
	margin:0;
	background-color: #fdfdfd;
    border-radius: 10px;
	-webkit-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
}
div#login-box h1{
	font:20px  'Helvetica Neue',Arial; color: #333; padding:0px 0 0px 10px; margin:0; line-height:28px;
}

.login-content{
	margin: 15px 0 0 25px;
	float:left;
	position:relative;
	color:#333;
	line-height:1.8em;
}
.login-box{width:auto; float:left; margin-right:15px; max-width:130px;}
.login-content a{
	margin: 0;
	color: #333;
	font-size: 12px;
	padding: 0;
	font-weight:normal;
}
.login-content p{
	margin: 0;
	color: #333;
	font-size: 12px;
	padding: 0;
	font-weight:normal;
}

.login-btn{
	background: url('https://www.carverbank.com/gfx/btn-bg.png') no-repeat;
    border: none;
    height: 32px;
    width: 33px;
	cursor:pointer;
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:2px;
	border-radius:none;
	margin-top:0px;
	color:#fff;
}
.login-btn-business{
	background: url('https://www.carverbank.com/gfx/btn-bg.png') no-repeat;
    border: none;
    height: 32px;
    width: 33px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	margin-left:8px;
	margin-bottom:2px;
	border-radius:none;
	margin-top:0px;
	color:#fff;
}
.textbox{
	border: 1px solid #666666;
    color: #999999;
    float: left;
    font-family: arial;
    font-size: 12px;
    height: 18px;
    margin-bottom: 3px;
    margin-top: 1px;
    padding: 3px 0 2px 3px !important;
    width: 130px;
	}
.textbox:focus{color:#333;}
.radio{margin-top:5px;}


/* --------------------- FOOTER NAVIGATION ------------------------ */
#footer-wrapper{
    clear: both;
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
	background:#337AB7;
}

#footer{
    margin: 0 auto;
    padding: 0;
    width: 990px;
}

#footer-nav{text-align:right; float:right; width:630px; padding-top:5px;}
#footer-nav ul{margin: 0; padding: 0px; position: relative9; z-index: 09; float: right; width: 830px; height: 25px;margin-bottom:5px;}
#footer-nav ul li {display: inline; text-align: right;}
#footer-nav ul li a {padding: 0px 10px; border-right: 1px solid #ccc; color: #fff; text-decoration: none;font-size: 11px;}
#footer-nav ul li.last a {border: none;padding-right:0;}
#footer-nav ul li a:hover {text-decoration: underline;}





/* --------------------- ALERT BOX ------------------------ */
#alert {z-index: 999;}
#alert .active{z-index:9999;position:relative;}
#alert-trigger{margin:0;}

#alert-content {display: none; position: absolute; top: 0px; left: 310px; z-index: 888; text-align:left; height:auto; border:1px solid #ccc; background:#fff; padding:10px; margin-bottom:10px;}
#alert-content p{color:#333;}
#alert-content img{float:left;}


/* --------------------- ANNOUNCEMENT BOX ------------------------ */

div#announcement{
	width: 100%;
	background:#2D4C2A;
	margin:0 auto;
	display:block;
}
div#announcement-text{width:990px; margin: 0 auto; background:#2D4C2A; height:25px; padding:10px 0 5px 0;}
div#announcement p{
	color: #fff;
	margin-top:2px;
}
div#announcement-close{z-index:999; height:25px; background:url("https://www.carverbank.com/images/x.png") no-repeat left top; display:block; float:right; cursor:pointer; margin-top:2px; color:#fff; padding-left:22px;margin-right:5px;}






/* --------------------- CONTENTS AREA ------------------------ */
#heading-area{background:#2D4C2A;}
#heading{width:670px; margin: 0 auto; padding-top:5px; padding-left: 10px; padding-bottom:5px; text-align:left;margin-bottom:10px;}
#heading2{width:670px; margin: 0 auto; padding-top:5px; padding-left: 10px; padding-bottom:5px; text-align:left; }

#heading h1{color:#fff; padding:0; position:relative; margin:0; font-family:'Helvetica Neue',Arial; font-size: 20px;}
#heading2 h1{color:#fff; padding:0; position:relative; margin:0; font-family:'Helvetica Neue',Arial; font-size: 20px;}

#heading-content{width:665px; margin: 0 auto; padding-left:325px; padding-top:15px; height:200px;position:relative;}
#heading-content p{ line-height:1.8em;  z-index:99999; }


#right-area{width:670px; float:left; padding:0 0 20px 0;}
#right-area2{width:670px; float:left; padding:0 0 20px 0;}
#left-area{width:300px; float:left; margin-right:20px; padding:0 0 20px 0;}
.half-box{float:left; width:335px;}

#right-area img{margin-bottom:10px;}

#quick-links{background:#fff; border:1px solid #E0E0E0;}
#quick-links h1{color:#fff; background:#333; padding: 10px; font-family:'Helvetica Neue',Arial; font-size: 13px; text-transform:uppercase;}
#quick-links li{padding: 2px 0; margin-left:10px;}
#quick-links a{color:#333;}
#quick-links a:hover{color:#2D4C2A;}

.box-list{padding: 10px 0 10px 0; height:30px;}
.box-list li{border:1px solid #ccc; margin-right:10px; background:#f5f5f5; display:block; height:30px; width:auto; position:relative; float:left; text-align:center;}
.box-list li:hover{background:#eee;}
.box-list li a{text-decoration:none; padding:5px 10px; color:#007d80; display:block;}


.box{border:1px solid #eee; padding:10px; background:url('box-bg00.jpg') repeat-x #fff; margin-bottom:20px;}

.button{border-radius: 4px; background-color: #b26200; height:26px; width:96px; text-align:center; margin-bottom:10px; padding-top:8px; float:left; margin-right:10px;}
.button a{margin:0; padding:0; color:#fff; display:block; text-decoration:none;}
.button a:hover{text-decoration:underline;}
.button-big{border-radius: 4px; background-color: #b26200; height:26px; width:200px; text-align:center; margin-bottom:10px; padding-top:8px; float:left; margin-right:10px;}
.button-big a{margin:0; padding:0; color:#fff; display:block; text-decoration:none;}
.button-big a:hover{text-decoration:underline;}



#modal-background {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .20;
        -webkit-opacity: .5;
        -moz-opacity: .5;
        filter: alpha(opacity=50);
        z-index: 1000;
}
#lightbox-header {background:url('https://www.carverbank.com/gfx/lightbox-bg.jpg') repeat-x; margin-bottom: 10px; padding: 15px; border-bottom:1px solid #ccc; height:20px;}
#lightbox-header h3{float:left; margin:0;}
#lightbox-content{padding:10px;}
#modal-content {
        background-color: #fff;
        display: none;
        left: 320px;
        padding: 0px;
        position: absolute;
        top: 0%;
        z-index: 1000;
    }
#modal-content img{
		padding:5px 0 0 0;
    }
#modal-background.active, #modal-content.active {
        display: block;
    }
	
	

#checking-chart h1{
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:2px 0;
	font-size:18px;
}
#checking-chart h2{
	color:#2D4C2A;
	margin:0;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
}
#checking-chart td{padding:5px 10px; border-bottom:1px solid #222; border-right:1px solid #fdbb31;}

#savings-chart h1{
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:2px 0;
	font-size:18px;
}
#savings-chart h2{
	color:#2D4C2A;
	margin:0;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
}
#savings-chart td{padding:5px 10px; border-bottom:1px solid #222; border-right:1px solid #00bce5;}

#business-chart h1{
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:2px 0;
	font-size:18px;
}
#business-chart h2{
	color:#2D4C2A;
	margin:0;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
}
#business-chart td{padding:5px 10px; border-bottom:1px solid #222; border-right:1px solid #f1592a;}




/* --------------- SEARCH BOX --------------- */
.searchbox{float: right; margin: 0; height: 40px; margin:13px 0 0 0; width: 300px; text-align:right; padding:0; line-height:1.4em;}
.gsc-search-box-tools .gsc-search-box .gsc-input {font-size:11px !important;font-weight:normal !important;color: #00576e; font-familY:Arial, Helvetica, sans-serif; padding: 0px !important;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color: #9DB4BB  !important; border-right:none !important; margin-top:1px !important; padding-left:5px !important;}
table.gsc-search-box td {border:none; vertical-align: middle; padding-left:0 !important; padding-right:0 !important;}
input.gsc-search-button, input.gsc-search-button, input.gsc-search-button {background: #2D4C2A  !important; filter: none; border-radius: 0 !important; margin: 4px 0 0 0px !important; border:1px solid #9DB4BB!important;}
input.gsc-search-button:hover {background: #10a4a7 !important;}
td.gsc-result-info-container {border: none !important;}
.gsc-adBlockVertical {display: none !important;}
.gsc-adBlock {border: none !important; display: none !important;}
.gsc-resultsbox-visible td{border: none !important;}

.gsst_a {display: none !important;}





/* --------------- FORMS --------------- */
.half-left{width:375px; float:left;}
.half-right{width:270px; float:right; border:1px solid #2D4C2A;}
.half-right .title{background:#2D4C2A; display:block; color:#fff; padding: 10px 0; font-size:13px; font-weight:bold; margin:0; text-align:center;}
.half-right .c-area{width:250px; padding:10px}
.loan-btn{background:#2D4C2A; color:#fff; border:none; display:block; width:100%; padding: 10px 0; cursor:pointer; margin-top:15px;}

#form-area{width:670px; margin: 0 auto;}
#form-footer{width:670px; margin: 0 auto;}
#form-content-area{margin:30px 0 20px;}


/* --------------- ADA ---------------- */

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
}

.login-area fieldset {
    border: 0;
}

/* --------------- TYPOGRAPHY ---------------- */

body.personal-banking h3, body:not(.homepage) #main h2 {
	font:20px  'Helvetica Neue',Arial; 
	color: #222; 
	margin:0px 0 5px 0; 
	border-bottom:1px solid #eee; 
	padding-bottom:5px;
}

body:not(.homepage) #main #accordion-container h2 {
    color: #005e60;
    font-family: arial;
    font-size: 13px;
    margin: 0px;
    border-bottom: 0;
    padding: 15px 20px;
}

body.branch-locator h2{
	font:20px  'Helvetica Neue',Arial; color: #2D4C2A; margin:0px 0 10px 0;
}

body.branch-locator h4{
    font: 16px 'Helvetica Neue',Arial;
    color: #673c07;
    margin: 0 0 10px 0;
}

body.careers h3 {
    font: 20px 'Helvetica Neue',Arial;
    color: #222;
    margin: 0 0 10px 0;
}


/* --------------- ORBIT ---------------- */

.orbit.homepage .orbit-container.slideshow {
    margin-bottom: -6px;
}

.orbit.homepage .orbit-bullets {
    position: absolute;
    margin-top: 0.8rem;
    margin-bottom: 0rem;
    text-align: center;
    bottom: 12px;
    left: 0.8rem;
}

.orbit.homepage .orbit-bullets button {
    width: 18px;
    height: 14px;
    margin: 0.1rem;
    border-radius: 0%;
    background-color: #000000;
    border: 2px solid white;
    color: #FFF;
}

.orbit.homepage .orbit-bullets button.is-active {
    background-color: #2D4C2A;
}

#slider-tabs ul li a > div[class*="slide"] {
    background-color:#000;
}

/* --------------- GOOGLE SEARCH PAGE ---------------- */

td.gsc-table-cell-snippet-close .gs-title {
	display: none;
}

/* --------------- REVEAL STYLE ---------------- */

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45); }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 3px;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
[data-whatinput=mouse] .reveal {
  outline: 0; }

.reveal .close-button {
    right: 1.375rem;
    top: 1.375rem;
    font-size: 12px;
    line-height: 1;
    display: table;
    position: fixed;
    color: #fff;
    background: transparent;
    border: 0;
    right: 2rem;
}

/* --------------- LEAVING STYLE ---------------- */

div#leaving-site {
    background: #2D4C2A;
    padding: 2.5rem 8%;
    width: 400px;
    text-align: center;
}
div#leaving-site    p {
    font-size:1.45rem;
    color: #FFF;
}

div#leaving-site .close-button {
    position: absolute;
    top:0rem;
    right:0.5rem;
}
div#leaving-site .close-button span {
    font-size: 2rem;
    padding-right: 0rem;
    display: block !important;
}
div#leaving-site a.full-button {
    border-color: #FFF;
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    float: none;
    width: auto;
    height: auto;
    text-decoration: none;
}
div#leaving-site a.full-button:hover, div#leaving-site a.full-button:focus {
	text-decoration: underline;
}
div#leaving-site .dialog-msg {
    font-size:1.45rem;
    text-align: center;
}