/* CSS Document */

body, img, p, a, h1, h2, h3, h4, h5, h6, form, ul, li, dd, dt, div, fieldset{ margin:0; padding:0; border:0px none; }
body{ background-color:#5A7E5A; background-repeat:repeat-x; background-image:url('../media/hcsb-back.jpg')}
p { margin: 10px 0; }
div.container{ width:802px; margin:0px auto; background-color:#FFFDF3;}
.error { color: #ff5454; }
.alert { clear: both; background: #ffa2a2; padding: 5px 10px; border-top: 2px solid #ff5454; border-bottom: 2px solid #ff5454; margin: 5px 0; }

.banner{ background:url(../media/hcsb-banner.jpg) no-repeat; height:317px; width:802px; position: relative; }
div.logo{ width:160px; margin-left: 6px; position: absolute; z-index: 2; }
#topmenu{ position: absolute; width:642px; height: 110px; left: 160px; z-index: 1; text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#18673C; text-decoration:none;}
#topmenu ul{ margin:0px; }
#topmenu ul li {display:inline; list-style:none; background:url(../media/hcsb-padding.jpg) right no-repeat; padding:10px 5px 10px 3px;}
#topmenu ul li a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#18673C; text-decoration:none; line-height:73px; text-transform: uppercase;}
#topmenu ul li.on a { background:url(../media/hcsb-top-menu-over.gif) bottom no-repeat; padding-bottom:28px; padding-top:25px; }
#topmenu ul li a:hover, #topmenu ul li:hover a, #topmenu ul li.over a { background:url(../media/hcsb-top-menu-active.gif) bottom no-repeat; padding-bottom:28px; padding-top:25px; }
#topmenu .selected{background:url(../media/hcsb-top-menu-over.gif) bottom no-repeat;  padding-bottom:28px;  border-right:1px #E8E7DD solid; }
#topmenu li.border-none{ background: none; }
#topmenu li ul { position: absolute; padding-left: 10px; top: 69px; width: 632px; height: 41px; left: -999em; z-index: 1; text-align: left; background: #c2cbb1; }
#topmenu li:hover ul, #topmenu li.over ul { left: 0; z-index: 2; background: #fffadb; }
#topmenu li ul li { background:url(../media/hcsb-padding-subnav.jpg) right no-repeat; padding: 10px 5px 10px 3px; }
#topmenu li ul li a { line-height: 41px; background: none !important; }
#topmenu li ul li a:hover { padding: 0 !important; line-height: 41px; background: none !important; color: #637540; }

div#slideshow { position: absolute; top: 82px !important; }
div#slideshow img#splash { padding-left: 4px; }

#left-menu { float:left; width:178px; background-color:#FFFDF3;}
#left-menu ul{ margin:0px;}
#left-menu li{ list-style:none; background:url(../media/left-list-back.jpg) no-repeat; line-height:33px;text-align:right; padding-right:10px;}
#left-menu li a{ color:#084524; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; display: block; } 
#left-menu li a:hover{ color:#1C9216;}

.main-content-wrapper{ width:624px; float:right; background-color:#FFFDF3;}
.main-content{width:458px; float:left; background:url(../media/main-content-back.jpg) no-repeat;  padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#040404; line-height:20px}
.main-content a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#032413; text-decoration:underline;}
.main-content a:hover{ text-decoration:none;}

.main-content h1{font-family: Garamond, "Times New Roman", Arial; font-variant:small-caps; font-size:22px; line-height:25px; color:#121815;}
.right-sidebar{ width:146px; float:right}

.bottom{background:url(../media/hcsb-footer.jpg) no-repeat; width:802px; height:103px; float:left;color:#FFFFFD; text-align:center;padding-top:10px; background-color:#5A7E5A}
.bottom a{ color:#FFFFFD; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:26px;}
.bottom a:hover{text-decoration:none;}
.bottom p { font-size: 11px; margin: 0; }

fieldset.column-1, fieldset.column-2 { width: 219px; padding: 0; margin: 0 0 12px 0; }
fieldset.column-1 { padding-right: 5px; float: left; clear: both; }
fieldset.column-2 { padding-left: 5px; float: right; }
fieldset legend { padding: 0; font-weight: bold; padding-bottom: 8px; }
fieldset legend span { font-weight: normal; }
fieldset.column-1 input, fieldset.column-2 input, fieldset.column-1 select, fieldset.column-2 select { width: 200px; margin-bottom: 3px; } 
fieldset input.checkbox { clear: left; float: left; width: 14px; margin: 5px 10px 10px 0; }
fieldset label.checkbox { padding-bottom: 12px; }
fieldset.column-2 textarea#comments { height: 110px; }

div.main-content { overflow: hidden; }
div#carousel { width: 10000px; overflow: hidden; clear: both; }
div#carousel div { width: 458px; float: left; padding-right: 10px; }
div#carousel div ul { margin: 0 0 0 15px; }
#carousel-control { float: right; }
#carousel-control img { float: left; display: inline; cursor: pointer; }
#carousel-control ul { list-style: none; }
#carousel-control ul li { float: left; }

ul.subNavLinks { clear: both; list-style: none; }
ul.subNavLinks li { float: left; margin-right: 5px; }
ul.subNavLinks li a { font-size: 90%; }

ul#breadCrumbs { list-style: none; }
ul#breadCrumbs li { float: left; background: url('/media/navarrow.gif') no-repeat right center; margin-right: 5px; }
ul#breadCrumbs li.last { background: none; }
ul#breadCrumbs a { padding: 0 15px 5px 0px; font-size: 90%; }

#titleBox { background-color:#FFFADE; border-bottom:1px solid gray; border-top:1px solid gray; clear:both; font-size:12px; font-weight:bold; line-height:21px; margin: 20px 0pt; padding:5px 10px; width:435px; }

dl { margin-bottom: 0; }
dt { font-weight: bold; padding-right: 5px; }
dd { margin-left: 15px; }

/* --- Date Picker Styles --- */
input.datePicker{	display: block;	width: 176px !important;	padding: 3px 3px 3px 24px;	border: 1px solid #0070bf; font-size: 13px;	background: #fff url('/media/dateinput.gif') no-repeat top left; cursor: pointer; }
input:focus.datePicker{	background: #fffce9 url('/media/dateinput-focus.gif') no-repeat top left; }
.dp_container{ position: relative;	padding: 0;	z-index: 500; }
.dp_cal{	background-color: #fff;	border: 1px solid #0070bf;	position: absolute;	width: 177px;	top: 24px;	left: 0;	margin: 0px 0px 3px 0px; }
.dp_cal table{	width: 100%;	border-collapse: collapse;	border-spacing: 0; }
.dp_cal select{	margin: 2px 3px;	font-size: 11px; }
.dp_cal select option{ padding: 1px 3px; }
.dp_cal th, .dp_cal td{	width: 14.2857%; text-align: center;	font-size: 11px;	padding: 2px 0; }
.dp_cal th{	border: solid #aad4f2;	border-width: 1px 0;	color: #797774;	background: #daf2e6;	font-weight: bold; }
.dp_cal td{	cursor: pointer; }
.dp_cal thead th{	background: #d9eefc;}
.dp_cal td.dp_roll{	color: #000;	background: #fff6bf;}
/* must have this for the IE6 select box hiding */
.dp_hide{	visibility: hidden; }
.dp_empty{	background: #eee; }
.dp_today{	background: #daf2e6; }
.dp_selected{	color: #fff;	background: #328dcf; }

/* --- google map --- */
.map-header { width: 675px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#largeMap { clear: left; width: 453px; height: 325px; }
#largeMapLegend { float: left; padding: 0 15px; margin-bottom: 13px; }
#largeMapLegend img { clear: both; float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 150px; margin: 0 0 10px 0; }
#directionsForm { float: left; }
#directionsForm label { width: 32px; }
.infoWindow { width: auto; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0 0 3px 0; padding: 0; color: #000; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; color: #000; }
.infoWindow a, .infoWindow a:hover, .infoWindow a:visited { color: #000; }
.infoWindow select{font-size: 10px;}
ul#locations { clear: both; list-style: none; }
ul#locations li {float: left; width: 225px;}
ul#locations li.first { clear: both; float: left; }
#singleLocationInfo { margin: 25px 0 25px 0; clear: both; background: #FFFADE; border: 1px solid #3E453E; padding: 10px; }
#singleLocationInfo .address { float: left; width: 225px; }
#singleLocationInfo .branchManager { float: left; width: 205px; }
#singleLocationInfo .branchManager .branchManagerImage { float: left; padding-right: 10px; }
#singleLocationInfo .branchManager img { vertical-align: middle; }
.chooseLocation { clear: both; padding-top: 25px; }

.clear{ clear:both; }

/* --- site-map --- */
ul.site-map { clear: both; margin-left: 10px; }
ul.site-map li ul {margin-left: 20px; }

/* ---  compare tables --- */
table#checkingAccountCompare { border-collapse: collapse; }
table#checkingAccountCompare th,table#checkingAccountCompare td { border-left: 1px solid #E1DED5; border-top: 1px solid #E1DED5; }
table#checkingAccountCompare th { padding: 3px; }
table#checkingAccountCompare td { padding: 3px; text-align: center; }