/* Gibsland Bank and Trust - layout.css */

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
a img {
	border:none;
}
/* END RESET */

body {
	background: #EAF7DA url(../image/background.png) center top no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	color: #333;
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
}

h1 {
	font-size:1.6em;
}

h2 {
	font-size:1.4em;
}

p {
	line-height: 1.4em;
}
a {
	text-decoration: none;
	color: #333;
	outline: none;
}

ul li {
	list-style-type: none;
	list-style-position: outside;
}

.center {
	text-align: center;
}
#siteAlertWrapper {
	width: 945px;
	margin: 0 auto;
}
#siteAlertLink {
	right: 30px !important;
}

/*====== container ==================================*/

#container {
}

/*====== Header ==================================*/
#header {
	position: relative;
	height: 130px;
	width: 930px;
	margin: 0 auto;
}
h1#logo {
	margin:0;
}
#logo a {
	background: transparent url(../image/logo.png) 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	height: 100px;
	width: 200px;
	text-indent:-9999em;
}

#logo img {
	display: none;
}

#ultraTopNav {
	position: absolute;
	right:185px;
	top: 27px;
}

#ultraTopNav li {
	float: left;
	padding: 0 9px;
	color: #666666;
	font-size: 11px;
	border-right: 1px solid #999999;
}

#ultraTopNav li.lastChild {
	border-right: none;
}

#ultraTopNav li a {
	color:#666666;
}

#ultraTopNav li a:hover {
	text-decoration: underline;
}

#searchForm {
	position: absolute;
	height: 26px;
	width: 162px;
	right: 0;
	top: 19px;
}

#searchForm input#roi_input {
	position: absolute;
	top: 0;
	left: 0;
	border: 0 none;
	padding: 7px 10px 5px;
	width: 117px;
	height: 14px;
	background-image: url(../image/search-bg.png);
	color: #666666;
}

#searchForm input#searchButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 26px;
}

#primaryNav {
	position: absolute;
	top: 85px;
	right: 0;
}

#primaryNav li {
	display: inline;
	float: left;
	margin-left: 3px;
	width: 150px;
	height: 23x;
}

#primaryNav a {
	border-bottom: 5px solid #999900;
	color: #000000;
	display: block;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	height: 23px;
}
#primaryNav a.nthChild-2 {
	border-bottom: 5px solid #0099CC;
}
#primaryNav a.lastChild {
	border-bottom: 5px solid #CC3366;
}

#primaryNav a:hover {
	color: #999900;
}
#primaryNav a.nthChild-2:hover {
	color: #0099CC;
}
#primaryNav a.lastChild:hover {
	color: #CC3366;
}

#primaryNav a.inPath {
	color: #999900;
}
#primaryNav a.nthChild-2.inPath {
	color: #0099CC;
}
#primaryNav a.lastChild.inPath {
	color: #CC3366;
}

/* For Online Banking Downstream Pages */

#downstreamObl {
	position: absolute;
	top: 20px;
	right: 300px;
}
#downstreamObl a {color: #000;}

/*====== Main Content ================*/

#wrapper {
	width: 930px;
	margin: 0 auto;
}

body#homepage #mainContent {
	width: 730px;
}
#mainContent {
	float:right;
	min-height:35em;
	width: 700px;
	margin-bottom: 35px;
}

#flashBanner {
	margin-top: 18px;
	height: 415px;
}

/*====== Left Column & OBL =================*/

#leftColumn {
	width: 200px;
	margin: 0;
	clear: left;
	float: left;
}
#obLogin {
	margin: 18px 15px 15px;
}
#obLogin h2 {
	padding: 0 0 0 30px;
	background: transparent url(../image/obl-lock.png) left top no-repeat;
	height: 23px;
	line-height: 30px;
	color: #A30045;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

form#obl {
	margin: 10px 0;
	display: block;
	height: 32px;
}

form#obl input#username {
	float: left;
	width: 112px;
	height: 14px;
	background: transparent  url(../image/obl-input.png) 0 0 no-repeat;
	border: none;
	padding: 8px 0 8px 8px;
	color: #666;
}

form#obl button {
	float: left;
	width: 32px;
	height: 32px;
	background: transparent  url(../image/obl-go-button.png) 0 0 no-repeat;
	border: none;
	text-indent: -999em;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	cursor: pointer;
}

form#obl button:hover {
	background-position: 0 -32px;
}

#obLoginLink h2 {
	background: transparent url(../image/obl-bg.png) no-repeat scroll left top;
	color: #A30045;
	font-size: 13px;
	font-weight: normal;
	height: 35px;
	line-height: 36px;
	margin: 12px 0 15px;
	padding: 0 0 0 42px;
	text-transform: uppercase;
}

#oblPopup {
	/*background: #FFFFFF url(../image/obl-lock.png) no-repeat 5px 105px;*/
	position: relative;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	margin: 20px auto;
	padding: 40px;
	width: 160px;
	overflow: hidden;
}
#oblPopup #oblLock {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#obLoginLink a:hover h2 {
	color: #ffffff;
}

#obNav {
	margin: 5px 0 0 10px;
}
#obNav li{
	margin: 0 0 5px 0;
	font-family: 12px;

}

#obNav li a {
	color: #666666;
	text-decoration: underline;
	margin-bottom: 5px;
}
#obNav li a:hover {
	color: #a30045;
}

/*====== Quick Links =================*/

#quickLinks {
	margin: 28px 20px;
	float: left;
}
#quickLinks h2 {
	padding: 0 0 5px 30px;
	background: transparent url(../image/quicklinks-bg.png) left top no-repeat;
	height: 23px;
	line-height: 30px;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	width: 130px;
}

#quickLinks li {
	padding: 9px 15px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	width: 130px;
}

#quickLinks li a {
	background: transparent url(../image/quicklinks-icons.png) no-repeat scroll 0 0;
	color: #333333;
	float: left;
	font-size: 13px;
	height: 30px;
	overflow: hidden;
	padding-left: 40px;
}
#quickLinks li a.nthChild-2 {
	background-position: 0 -50px;
}
#quickLinks li a.nthChild-3 {
	background-position: 0 -100px;
}
#quickLinks li a.nthChild-4 {
	background-position: 0 -150px;
}
#quickLinks li a.nthChild-5 {
	background-position: 0 -200px;
}

#quickLinks li a:hover {
	color: #A30045;
	background-position: 0 -250px;
}
#quickLinks li a.nthChild-2:hover {
	background-position: 0 -300px;
}
#quickLinks li a.nthChild-3:hover {
	background-position: 0 -350px;
}
#quickLinks li a.nthChild-4:hover {
	background-position: 0 -400px;
}
#quickLinks li a.nthChild-5:hover {
	background-position: 0 -450px;
}

/*====== Left Nav =================*/

#leftNav {
	margin: 20px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e6e6e6;
}

#leftNav li a {
	display:block;
}
#leftNav li h2 {
	margin: 0;
	overflow: hidden;
}
#leftNav li h2 a {
	font-size: 15px;     
	font-weight: normal;
	border-bottom:1px dotted #E6E6E6;
	text-transform: uppercase;
	padding: 10px 20px 5px 20px;
	color: #333;
	overflow: hidden;
	/*background: transparent url(../image/left-nav-bg.png) right -20px no-repeat;*/
}

#leftNav li.inPath h2 a {
	border-bottom: none;
}

#leftNav li h2 a.firstChild {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-radius-top-left: 10px;
	border-radius-top-right: 10px;
}
/*#leftNav li h2 a.lastChild {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-radius-bottom-left: 10px;
	border-radius-bottom-right: 10px;
}*/

#leftNav li.lastLastChild {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-radius-bottom-left: 10px;
	border-radius-bottom-right: 10px;
}

#leftNav li.inPath h2 a, #leftNav li h2 a:hover {
	color: #999900;
	background: #ECF0D0;
}
body.business #leftNav li.inPath h2 a, body.business #leftNav li h2 a:hover {
	color: #0099CC;
	background: #E0F3F0;
}
body.aboutUs #leftNav li.inPath h2 a, body.aboutUs #leftNav li h2 a:hover {
	color: #CC3366;
	background: #F4E8E6;
}


#leftNav li ul.nthTier-2 li {
	background: #ECF0D0;
}
body.business #leftNav li ul.nthTier-2 li {
	background: #E0F3F0;
}
body.aboutUs #leftNav li ul.nthTier-2 li {
	background: #F4E8E6;
}

#leftNav li.inPath ul.nthTier-2 {
	border-bottom:1px dotted #E6E6E6;
}


#leftNav li h3 {
	margin: 0;
	overflow: hidden;
}
#leftNav li li h3 a {
	font-size: 12px;
	font-weight:normal;
	margin: 0;
	padding: 5px 20px 5px 30px;
	color: #333;
	display: block;
}

#leftNav li li h3 a:hover {
background: #F6F6FB;
}

#leftNav li li.inPath h3 a {
	background: #DFE1B1  !important;
	color: #6C6C15;
}
body.business #leftNav li li.inPath h3 a {
	background: #B4E1EB  !important;
	color: #006B8E;
}
body.aboutUs #leftNav li li.inPath h3 a {
	background: #F0D5D8  !important;
}



/*=========== Account Benefit Reference Guide ==========================*/
#accountRefGuide {
	margin: 0;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	border-radius-bottom-left: 10px;
	border-radius-bottom-right: 10px;
	border: 1px solid #e6e6e6;
	display: none;
	background: #ECF0D0;
	position: relative;
}

#accountRefGuide h2 {
	display: block;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 10px 0 10px 40px;
	text-transform: uppercase;
}

#accountRefGuide h2 a {
	background: transparent url(../image/account-ref-arrows.png) no-repeat scroll right 10px;
	color: #333333;
	cursor: pointer;
	display: inline;
	overflow: hidden;
	padding: 10px 25px 10px 0;
}

#accountRefGuide h2 a:hover, #accountRefGuide h2 a.open {
	background-position: right -40px;
}

#accountRefGuide h3, #accountRefGuide h4, #accountRefGuide h5 {
	font-size: 12px;
	position: absolute;
	right: 40px;
	top: 10px;
	margin: 0;
	cursor: pointer;
	font-weight: normal;
}

#accountRefGuide h5 {
	right: 88px;
}

#accountRefGuide h3 a, #accountRefGuide h4 a, #accountRefGuide h5 a {
	color: #999900;
	text-decoration: underline;
}

#accountRefGuide p {
	font-size: 12px;
	margin: 0 0 20px 40px;
}

div#productCategory #accountRefGuide ul#comparisonNav {
	margin: 0;
	display: block;
	padding: 0 25px;
}

div#productCategory #accountRefGuide ul#comparisonNav li {
	background:none;
	float: left;
	margin: 0;
	width: 162px;
	min-height: 20px;
	height: auto !important;
	_height: 20px;
	padding: 0;
	cursor: pointer;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	border: none;
}

#accountRefGuide li {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	cursor: pointer;
}
#accountRefGuide li.lastChild {
	border-bottom: none;
}

#accountRefGuide li a {
	color: #333333;
	background: transparent url(../image/account-ref-icons.png) 0 0 no-repeat;
	display: block;
	padding: 8px 6px 8px 33px;
	min-height: 20px;
	height: auto !important;
	_height: 20px;
	line-height: 20px;
	cursor: pointer;
	border-top: none;
	border-right:1px solid #DFE1B1;
	border-bottom:1px solid #DFE1B1;
	border-left: none;
}
#accountRefGuide li a:hover {
	color: #999900;
}

#accountRefGuide li a.nthChild-1 {
	background-position: 6px 5px;
}
#accountRefGuide li a.nthChild-2 {
	background-position: 6px -45px;
}
#accountRefGuide li a.nthChild-3 {
	background-position: 6px -95px;
}
#accountRefGuide li a.nthChild-4 {
	background-position: 6px -145px;
	border-right: none;
}
#accountRefGuide li a.nthChild-5 {
	background-position: 6px -195px;
}
#accountRefGuide li a.nthChild-6 {
	background-position: 6px -245px;
	border-bottom: none;
}
#accountRefGuide li a.nthChild-7 {
	background-position: 6px -295px;
	border-bottom: none;
}

#accountRefGuide li a.nthChild-1:hover, #accountRefGuide li.active a.nthChild-1 {
	background-position: 6px -345px;
}
#accountRefGuide li a.nthChild-2:hover {
	background-position: 6px -395px;
}
#accountRefGuide li a.nthChild-3:hover {
	background-position: 6px -445px;
}
#accountRefGuide li a.nthChild-4:hover {
	background-position: 6px -495px;
}
#accountRefGuide li a.nthChild-5:hover {
	background-position: 6px -545px;
}
#accountRefGuide li a.nthChild-6:hover {
	background-position: 6px -595px;
}
#accountRefGuide li a.nthChild-7:hover {
	background-position: 6px -645px;
}

#accountRefGuide li.active a {
	background-color: #DFE1B1;
}
#accountRefGuide li.active a.nthChild-1 {
	background-position: 6px -695px;
}
#accountRefGuide li.active a.nthChild-2 {
	background-position: 6px -745px;
}
#accountRefGuide li.active a.nthChild-3 {
	background-position: 6px -795px;
}
#accountRefGuide li.active a.nthChild-4 {
	background-position: 6px -845px;
	display: none;
}
#accountRefGuide li.active a.nthChild-5 {
	background-position: 6px -895px;
}
#accountRefGuide li.active a.nthChild-6 {
	background-position: 6px -945px;
}
#accountRefGuide li.active a.nthChild-7 {
	background-position: 6px -995px;
}

div#productCategory ul li ul, body.personal div#productCategory ul li ul {
	border-bottom: 1px dashed #CCCCCC;
	/*display: none;*/
	height: 34px;
	margin-bottom: 8px;
	float: left;
	width: 100%;
	zoom: 1;
}

body.personal div#productCategory ul#checkingAccounts li ul {
	background: #ECF0D0;
	border-bottom: none;
	float: left;
	height: 34px;
	margin-bottom: 8px;
	margin-left: -8px;
	padding: 2px 10px;
	width: 176px;
	display: none;
}

body.personal div#productCategory ul#checkingAccounts li ul li {
	min-height: 27px;
	height: auto!important;
	_height: 27px;
	padding: 0;
	margin: 4px 1px 8px 0;
	width: 24px;
	overflow: hidden;
	display: inline;
	float: left;
	position: relative;
	text-indent: -999em;
	background: transparent url(../image/account-ref-icons-small.png) 0 0 no-repeat;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}


/*====== Category Page - Breadcrumbs ==============*/
#categoryInfo {
	border-bottom: 5px solid #999900;
	height: 150px;
	padding: 25px 0 0 40px;
	position: relative;
}

body.business #categoryInfo {
	border-bottom: 5px solid #0099CC;
}
body.aboutUs #categoryInfo {
	border-bottom: 5px solid #CC3366;
}

#categoryInfo img {
	position: absolute;
	right: 35px;
	top: 0;
}

#categoryInfo #catBreadcrumb {
	margin-bottom: 15px;
}

#categoryInfo #catBreadcrumb ul {
	display: inline;
	padding-left: 12px;
}

#categoryInfo #catBreadcrumb li {
	display: inline;
	font-weight: normal;
	font-size: 42px;
	font-family: "Times New Roman", Georgia, Times,serif;
	letter-spacing: 1px;
}

#categoryInfo #catBreadcrumb li a {
	color: #666666;
}

#categoryInfo p {
	width: 360px;
	color: #555555;
	font-size: 15px;
	font-family: "Times New Roman", Georgia, Times,serif;
}

/*====== Category Page - Product Listing ==============*/
div#productCategory {
	float: left;
	margin: 0 0 0 0;
}

div#productCategory ul {
	margin: 25px 0 0 42px;
}

div#productCategory ul ul {
	margin-top: 0;
	margin-left: 0;
}

div#productCategory ul li {
	/*background: transparent url(../image/category-listing-bg.png) no-repeat scroll left top;*/
	background: #F2FAE7;
	float: left;
	margin: 0 14px 25px 0;
	width: 180px;
	min-height: 185px;
	height: auto !important;
	_height: 185px;
	padding: 8px;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #E6E6E6;
}

body.personal div#productCategory ul#checkingAccounts li {
	min-height: 215px;
	height: auto !important;
	_height: 215px;
}

div#productCategory li:hover, div#productCategory li.hover {
	background: #ECF0D0;
}
body.business div#productCategory li:hover, body.business div#productCategory li.hover {
	background: #E0F3F0;
}
body.aboutUs div#productCategory li:hover, body.aboutUs div#productCategory li.hover {
	background: #F4E8E6;
}

div#productCategory li .imageWrapper {
	width: 65px;
	height: 65px;
	position: relative;
	float: left;
	margin-left: 4px;
	overflow: hidden;
}

div#productCategory li img {
	position: absolute;
	left: 2px;
	top: 2px;
}
div#productCategory li #categoryMask {
	height: 65px;
	width: 65px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../image/category-mask.png);
	background-position: left top;
	background-repeat: no-repeat;
}
div#productCategory li:hover #categoryMask, div#productCategory li.hover #categoryMask {
	background-position: 0 -65px;
}
body.business div#productCategory li:hover #categoryMask, body.business div#productCategory li.hover #categoryMask  {
	background-position: 0 -130px;
}
body.aboutUs div#productCategory li:hover #categoryMask, body.aboutUs div#productCategory li.hover #categoryMask {
	background-position: 0 -195px;
}

div#productCategory li h3 {
	border-bottom: 1px dashed #CCCCCC;
	font-size: 15px;
	font-weight: normal;
	min-height: 60px;
	height: auto !important;
	_height: 60px;
	margin: 0 0 15px;
	padding: 5px 4px 8px 80px;
}

body.aboutUs div#productCategory li h3 {
	line-height: 35px;
}

div#productCategory li h3 a {
	color: #555555;
}

div#productCategory li p {
	font-size: 12px;
	line-height: 140%;
	color: #333;
	margin: 0 10px 10px;
}

div#productCategory li li {
	float: none;
	width: auto;
	list-style: disc outside;
	border: none;
	font-size: 1em;
}

div#productCategory li h4 {
margin: 0 10px 10px;
}
div#productCategory li h4 a {
	float: left;
	text-indent: -999em;
	width: 90px;
	height: 22px;
	overflow: hidden;
	background: transparent url(../image/cat-listing-learn-more.png) no-repeat left top;
}
div#productCategory li h4 a:hover, div#productCategory li:hover h4 a {
	background-position: 0 -22px;
}

/*====== Product Page ========================*/

#productHead {
	border-bottom: 5px solid #999900;
	margin: 0 0 25px 25px;
	padding: 25px 0 45px 25px;
	position: relative;
}

body.business #productHead {
	border-bottom: 5px solid #0099CC;
}

body.aboutUs #productHead {
	border-bottom: 5px solid #CC3366;
}

#productHead h1 {
	color: #555555;
	font-family: "Times New Roman", Georgia, Times,serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 25px;
	width: 400px;
}

#productHead p {
	color: #555555;
	font-family: "Times New Roman", Georgia, Times,serif;
	font-size: 16px;
	width: 430px;
}

#productPhoto {
	position: absolute;
	top: 7px;
	right: 42px;
	width: 152px;
	height: 152px;
}

#productPhoto img {
	position: relative;
	margin: 1px;
}

#productMask {
	position: absolute;
	top: 0;
	right: 0;
	width: 152px;
	height: 152px;
	background: transparent url(../image/product-mask.png) right top no-repeat;
}

#productDetails {
	clear: right;
	margin: 15px 25px 25px;
	padding-left: 25px;
}

#productDetails p {
	color: #555555;
	font-size: 12px;
}

#productDetails li {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0.4em 0;
	font-size: 1.2em;
}

/* Add this Toolbox Styling Goes Here*/

.addthis_toolbox {
	float: right;
	margin: 10px 35px 0 0;
}
.addthis_toolbox .custom_images a {
	background: transparent url(../image/share-sprites.png) -100px top no-repeat;
	margin: 0 5px;
	height: 16px;
	width: 16px;
	float: left;
	cursor: pointer;
}

.addthis_toolbox .custom_images a.addthis_button_compact {
	background: transparent url(../image/share-sprites.png) left top no-repeat;
	padding: 3px 10px 3px 26px;
	border-right: 1px solid #999;
	color: #666;
	height: 10px;
	overflow: hidden;
	float: left;
	font-size: 11px;
	margin-right: 5px;
	width: auto;
}
.addthis_toolbox .custom_images a.addthis_button_facebook {
	background-position: -100px top;
	text-indent: -999em;
}
.addthis_toolbox .custom_images a.addthis_button_linkedin {
	background-position: -130px top;
	text-indent: -999em;
}
.addthis_toolbox .custom_images a.addthis_button_twitter {
	background-position: -160px top;
	text-indent: -999em;
}
.addthis_toolbox .custom_images a.addthis_button_print {
	background-position: -190px top;
	text-indent: -999em;
}


.addthis_toolbox .custom_images a.addthis_button_compact:hover {
	background-position: left -30px;
	color: #555;
}
.addthis_toolbox .custom_images a.addthis_button_facebook:hover {
	background-position: -100px -30px;
}
.addthis_toolbox .custom_images a.addthis_button_linkedin:hover {
	background-position: -130px -30px;
}
.addthis_toolbox .custom_images a.addthis_button_twitter:hover {
	background-position: -160px -30px;
}
.addthis_toolbox .custom_images a.addthis_button_print:hover {
	background-position: -190px -30px;
}

/* End of Toolbox Styling Goes Here*/

.applyNowButton a {
	text-indent: -999em;
	width: 114px;
	height: 29px;
	overflow: hidden;
	background:transparent url(../image/product-apply-now.png) no-repeat scroll left top;
	display:inline;
	float:left;
	margin-right: 8px;
	margin-top: 10px;
}
.applyNowButton a:hover {
	background-position: 0 -29px;
}

.questionsButton a {
	text-indent: -999em;
	width: 96px;
	height: 28px;
	overflow: hidden;
	background:transparent url(../image/product-questions.png) no-repeat scroll left top;
	display:inline;
	float:left;
	margin-top: 2px;
	margin-top: 10px;
}
.questionsButton a:hover {
	background-position: 0 -29px;
}


/*================= Product Tabs =============================== */
dl#productTabs {
	width: 430px;
	display: block;
	list-style: none;
	position: relative;
}

dl#productTabs dt {
	color: #555555;
	margin: 0 25px 25px 0;
	padding-right: 15px;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: transparent url(../image/product-details-arrows.png) right -55px no-repeat;
}
dl#productTabs dt.selected {
	text-decoration: none;
	color: #A30045;
	background-position: right 5px;
}
dl#productTabs dt:hover {
	text-decoration: none;
	color: #A30045;
	background-position: right -25px;
}

dl#productTabs dd, dl#productTabs p {
	font-size: 12px;
	margin: 0 0 10px 0
}

dl#productTabs dd a {
	text-decoration: underline;
}

dl#productTabs ul li {
	font-size: 12px;
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 0 7px 10px
}

/* Sliding Doors  

dl#roi_tabs dt {
	height:33px;
	line-height:38px;
	margin-right:14px;
	background:transparent url(../tab-selected-slider.png) no-repeat scroll 0 0;
	color:#07371E;
	font-size:14px;
}

dl#roi_tabs dt.selected {
	background: url(../tab-bg-slider.png) no-repeat scroll 0 0;
	color:#07371E;
}
 
dl#roi_tabs dt.label div {
	width:auto;
	position:relative;
	height:33px;
	left:10px;
	padding:0 10px 0 5px;
	background:transparent url(../tab-selected-slider-right.png) no-repeat scroll right top;
}

dl#roi_tabs dt.selected div {
	background:transparent url(../tab-bg-slider-right.png) no-repeat scroll right top;
	color:#07371E;
}

End of Sliding Doors */

.pane {
	position: absolute;
	overflow: hidden;
	top: 3em;
	left: 0;
}

.label {
	float: left;
	position: relative;
	cursor: pointer;
	z-index: 1;
}
/*================== Search =====================*/

#search ul {
	padding: 15px 0 0;
	margin: 10px 100px 0 0;
}

#search ul li {
	list-style-type: none;
	margin: 0 0 25px;
	padding: 20px 25px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #E6E6E6;
	background: #F2FAE7;
	min-height: 61px;
	height: auto !important;
	_height: 61px;
	cursor: pointer;
}
#search ul li.selected {display: none;}
#search ul li ul {
	display: none;
}

#search ul li h3 {
	font-family: "Times New Roman", Georgia, Times,serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding-bottom: 0;
}

#search ul li p {
	margin: 10px 0 0 0;
	width: 380px;
	font-size: 14px;
}

#search ul li h4 {
	font-size: 12px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	margin: 0;
}

#search ul li h4 a {
	background-color:transparent;
	background-image: url(../image/cat-listing-learn-more.png);
	background-repeat: no-repeat;
	background-repeat: left top;
	float: left;
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
	width: 90px;
}

#search ul li h4 a:hover {
	background-position: 0 -22px;
}

/*====== Individual Page =================*/

.individualPage {
	margin: 25px 0 0;
	padding-left: 45px;
}

.individualPage h1.pageHead, .individualPage h1 {
	border-bottom: 5px solid #FCB812;
	color: #555555;
	font-family: "Times New Roman", Georgia, Times,serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px -45px;
	padding: 0 0 18px 45px;
}

.individualPage a { 
	text-decoration: underline;
}

.individualPage a:hover { 
	color: #CC3366;
}

.individualPage p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #555555;
}

.individualPage p.zeroPaddingParagraph {
	margin: 0;
}

.individualPage ul, .individualPage ol {
	margin: 1em 0 1em 1em;
}

.individualPage li {
	font-size: 12px;
}

.individualPage li li {
	font-size: 10px;
}

.individualPage ul li {
	list-style-type: disc;
	margin: 0.4em 0;
}

/*====== Management ====================*/

#management.individualPage .managementHeader {
	border-bottom: 2px dotted #ccc;
}

#management.individualPage .managementHeader h2 {
	color:#555555;
	font-family:serif;
	font-size:1.6em;
	margin:2.5em 0 0.3em;
	text-transform:uppercase;
	font-weight: normal;
	clear: both;
}

#management.individualPage ul {
	margin: 2em 0;
}

#management.individualPage ul li {
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0 0 4em;
	width: 27em;
}

#management.individualPage ul li img {
	float:left;
	margin:0 1em 0 0;
	width: 100px;
	height: 115px;
}

#management.individualPage ul li h3 {
	color: #FCB812;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 1em 0 .5em;
	font-weight: normal;
}

#management.individualPage ul li p {
}

/*====== Sitemap =======================*/
#sitemap {
	margin-top: 2em;
}

#sitemapNav {
	margin-top: 3em;
}

#sitemapNav li {
	width: 16em;
	float: left;
	margin-right: 2.5em;
}

#sitemapNav li li {
	width: auto;
	float: none;
	margin-right: 0;
}

#sitemap div.clear {
	padding-top: 2em;
	margin-top: 2em;
	border-top: 1px solid #CCC;
}

#sitemap div.clear div {
	width: 16em;
	float: left;
	margin-right: 2.5em;
}

#sitemap div.clear ul {
	padding-bottom: 2.5em;
}

/*====== Locations ===========================*/
#map {
	border: 3px solid #FCB812;
	height: 300px;
	margin-top: 15px;
	margin-left: -45px;
	width: 694px;
}

#locations.individualPage h1.pageHead {
	border-bottom: 0;
	margin-bottom: 0;
}

#locations ul#locList {
	margin: 30px 25px;
}

#locations ul#locList li {    
	list-style-type: none;    
	padding: 15px 25px 5px;
	overflow: hidden;
	margin: 0;
	border-top: 1px dashed #CCCCCC;
	background: none;
	display: block;
} 
#locations ul#locList li.lastChild {
	border-bottom: 1px dashed #CCCCCC;
}

#locations ul#locList li:hover, #locations ul#locList li.open {
	background: #F5F1CB;
}

#locations ul#locList li h2 {
	font-size: 18px;
	font-weight:normal;
	text-transform: uppercase;
	height: 18px;
	line-height: 18px;
	margin: 0;
	display: block;
} 
#locations ul#locList li h2 a {
	text-decoration: none;
	padding-left: 18px;
	background: transparent url(../image/locations-arrows.png) left top no-repeat;
	display: block;
}

#locations ul#locList li h2 a:hover {
	background-position: 0 -50px;
	color: #CC3366;
}

#locations ul#locList li.open h2 a {
	background-position: 0 -100px;
}

#locations ul#locList li p {
	margin: 0 0 5px 0;
	color: #666;
}

#locations .adr, #locations .phones, #locations .tel {
	margin: 0 0 5px 0;
}

#locations .atm {
	    position: absolute;
	    right: 0;
	    top: 18px;
}

#locations .phones span.tel span.type, #locations .atm span.hasAtm {
	font-weight: bold;
}

#locations .contactDetails, #locations .contactDetails {
	padding-left: 10px;
	margin: 10px 0 0 10px;
	border-bottom: 3px solid #FCB812;
	    position: relative;
}

#locations .postOffice {
	padding-left: 10px;
	margin: 10px 0 0 10px;
	    position: relative;
}
#locations ul#locList li div.postOffice h3 {
	margin:6em 0 0;
}
#locations ul#locList li div.postOffice p{
	color:#333333;
}
#locations .hours {
	float: left;
	width: 255px;
	position: relative;
	padding-left: 20px;
}
#locations .hours h3 {
	margin: 10px 0 4px;
}
#locations .hours dl dt {
	float: left;
	width: 130px;
	text-align: right;
	margin-bottom: 5px;
}
#locations .hours dl dd {
	float: left;
	width: 115px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.googleMap-InfoWindow {
	position: relative;
	top: 0;
	left: 0;
}

.googleMap-InfoWindow h2, .googleMap-InfoWindow p, .googleMap-InfoWindow p.map-phones {
}

.individualPage .googleMap-InfoWindow h2 {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 5px;
	margin: 0;
}

.individualPage .googleMap-InfoWindow p {
	font-size: 12px;
	margin: 0;
}

.individualPage .googleMap-InfoWindow p.map-phones {
	height: 15px;
	line-height: 15px;
	overflow: hidden;
}

/* ======================== Custom Pages ============================ */
#financialCalculators ul, #communityLinks ul {
	margin: 0;
}

#financialCalculators li, #communityLinks li {
	font-size: 15px;
	height: 30px;
	font-weight:normal;
	margin: 10px 0;
	display: block;
	list-style-type: none;
}

#financialCalculators li a, #communityLinks li a {
	text-decoration: none;
	padding: 8px 0 0 40px;
	background-color: transparent;
	background-image: url(../image/quicklinks-icons.png);
	background-repeat: no-repeat;
	display: block;
	color: #000;
	height: 30px;
}
#financialCalculators li a {
	background-position: left -100px;
}
#communityLinks li a {
	background-position: left -50px;
}

#financialCalculators li a:hover {
	background-position: 0 -350px;
	color: #A30045;
}
#communityLinks li a:hover {
	background-position: 0 -300px;
	color: #A30045;
}


#thankYou.individualPage {
	border-top: 5px solid #FCB812;
	border-bottom: 5px solid #FCB812;
	height: 260px;
	position: relative;
}

#thankYou.individualPage h2 {
	font-size: 20px;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-weight: normal;
	width: 260px;
	margin: 45px 0 15px 0;
}

#thankYou.individualPage p {
	font-size: 16px;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 260px;
	margin: 60px 0 0 0;
}

#thankYou.individualPage img {
	position: absolute;
	right: 10px;
	top: 0;
}

/* formContactUs */

#contactUs.individualPage {
	padding-left: 0;
	position: relative;
}

#contactUs.individualPage h1.pageHead {
	border-bottom: 0;
	color: #666666;
	display: block;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 0 18px 45px;
	width: 200px;
	float: left;
}

#contactUsMessage {
	margin: 0 0 20px 250px;
	width: 450px;
	display: block;
	min-height: 85px;
	height: auto !important;
	_height: 85px;
}

#contactUsInfo {
	position: absolute;
	width: 300px;
	left: 395px;
	top: 135px;
}

#contactUsInfo p.textVariant1 {
	margin: 15px 0 0;
	color: #000;
}

#contactUsInfo p {
	margin: 0;
}

#contactUsInfo p a {
	background: transparent url(../image/pink-arrow.png) no-repeat scroll left top;
	color: #A30045;
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: 15px 0;
	padding: 0 0 0 25px;
	text-decoration: none;
	text-transform: uppercase;
}

#contactUsInfo p a:hover {
	text-decoration: underline;
}

#formContactUs {
	border-top: 5px solid #FCB812;
	padding-left: 45px;
	position: relative;
}

#formContactUs input, #formContactUs label, #formContactUs textarea {
	width: 300px;
}

#formContactUs legend {
	color: #333;
	font-weight: bold;
}

#formContactUs fieldset {
	padding: 1.5em 0 1em;
	border: 0 none;
} 

#formContactUs li {              
	width: 310px;
	list-style-type: none;
	list-style-position: outside;
}

#formContactUs label {
	padding: 0 10px 10px 0;
	font-size: 12px;	
}

#formContactUs input, #formContactUs textarea {
	margin: 7px 0 15px 0;
	border: 1px solid #CCCCCC;
	background: transparent;
}

#formContactUs input:focus, #formContactUs textarea:focus{
	background-color: #fff;
}

#formContactUs input {
	height: 20px;
}

#formContactUs textarea {
	height: 200px;
}

#formContactUs input.error, #formContactUs textarea.error,
body.popup #popupStandard input.error, body.popup #popupStandard textarea.error {
	background-color:#f6f6cb;
	border:2px solid #FF0000;
	padding:2px;
}

#formContactUs button.submitButton {
	border: 0 none;
	display: block;
	width: 93px;
	height: 27px;
	float: none;
	text-indent: -9999px;
	background: transparent url(../image/submit-button.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 400px;
	bottom: 35px;
}

#formContactUs button.submitButton:hover {
	background-position: 0 -27px;
}

#formContactUs label.error {
	color: #F72222;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 1em;
	text-align: left;
	width: 11em;
}

#formContactUs #captcha{
	position: absolute;
	left: 400px;
	width: 200px;
	top: 220px;
}

#formContactUs #captcha h4 {
	font-size: 14px;
}

#formContactUs #captcha input {
	float: none;
	width: 19.8em;
	display: block;
	margin: 1em 0;
}

#formContactUs #captcha p {
	margin: 0;
	min-height: 10px;
	height: auto !important;
	_height: 10px;
}

#formContactUs #captcha p.error {
	color:#F72222;
}

/* End formContactUs */

#footer {
	height: 8em;
	position: relative;
	clear: both;
	width: 930px;
	margin: 0 auto;
	color:#666;
	padding-top: 0.5em;
}

#footer #firstROI {
	position: absolute;
	top: 7px;
	left: 10px;
	height: 29px;
	width: 103px;
}

#footer img.froiLogo {
	display: none;
}

#footer #eh {
	position: absolute;
	top: 7px;
	right: 0;
}

#footer #fdic {
	position: absolute;
	top: 8px;
	right: 3em;
}

#footer #footerNav {
	text-align: center;
	padding: 0 0 8px;
}

#footerNav li {
	display: inline;
	padding: 0 1em;
	border-right: 1px solid #666666;
}

#footerNav li.lastChild {
	border-right: 0;
}

#footerNav li a {
	color: #666;
	font-size: 11px;
}

#footerNav a:hover, #footer p a:hover {
	color: #CC3366;
	text-decoration: underline;
}

#footer p {
	font-size: 11px;
	text-align: center;
	color: #666666;
}

#footer p a {
	color: #333;
	text-decoration: underline;
}

#FDICLink {
	padding: 0.3em 0;
}
/* =========== Print this Page =================== */

#printThisPage {
	width: 36px;
	height: 15px;
}

/*======== Special ================================*/

/* Styling for New Pop Up Forms: Tell me More, Send to a Friend, and Thank You Pop Up */

body.popup {
	background: #FCB812;
	border: 0 none;
	zoom: 1;
}

body.popup #thankYou img {
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
}

body.popup #thankYou.individualPage p {
	margin: 0;
}

body.popup #thankYou img#smallThankyou {
	display: block;
	margin: 8px auto 0;
}

.popup p {
	left:30px;
	position:absolute;
	top:200px;
	width:270px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.popup form {
	overflow: hidden;
}

body.popup form h4.title {
	border-bottom: 1px solid #FFFFFF;
	color: #A30045;
	display: block;
	font-size: 2em;
	margin: 0 20px;
	padding: 17px 10px 10px;
	text-transform: uppercase;
}

body.popup fieldset {
	border: 0 none;
	padding: 2.5em 2.5em 0 2.5em;
	float: left;
	width: 25.2em;
}

body.popup fieldset#popupStandard input {
	display: block;	
	padding: 0.3em;
	width: 21.4em;
	height: 1.4em;
	margin-bottom: 1em;
	border: solid 1px #666;
}

body.popup fieldset#popupStandard textarea {
	display: block;	
	padding: 0.3em;
	height: 8em;
	width: 18em;
	margin-bottom: 1em;
	border: solid 1px #666;
}

body.popup .rightSide {
	float: left;
	display: inline;
	width: 25em;
	overflow: hidden;
	padding: 2.5em 0 0;
}

body.popup img#popupLogo {
	margin: 14px auto 0;
	display: block;
	float: none;
}

body.popup input.submitButton, body.popup button.submitButton {
	border: 0 none;
	display: block;
	margin: 25px 0 0 25px;
	width: 93px;
	height: 27px;
	float: none;
	text-indent: -9999px;
	background: transparent url(../image/submit-button.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}

body.popup input.submitButton:hover, body.popup button.submitButton:hover {
background-position: 0 -27px;
}

body.popup fieldset#popupStandard label {
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.5em;
}

body.popup fieldset#popupStandard label.error {
	color: #F72222;
	text-align: right;
	margin-bottom: 0;
}

body.popup fieldset#popupStandard p {
	margin: 0 0 2em 0;
}

/* Captcha */

body.popup #captcha {
	width: 20em;
	padding: 1em 2.5em 1em;
	float: none;
}

body.popup #captcha input {
	float: none;
	width: 18em;
	display: block;
	margin: 1em 0;
}

body.popup #captcha p {
	font-size:12px;
	left:0;
	margin:0;
	position:relative;
	top:0;
	width:auto;
}

body.popup #captcha p.error {
	color:#F72222;
}

body.popup #captcha h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

body.popup h2 {
	margin: 2em 0 1em 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

/* ============ OLB Popup ============== */

body.popup .individualPage {
	padding: 0;
	margin: 0;
}

body.popup .individualPage h1.pageHead {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

body.popup #onlineBankingWrapper {
background: #c3c3c3 url(../image/popup-lock.png) left bottom no-repeat;
border: 1px solid #999999;
width: 300px;
margin: auto;
}

body.popup .individualPage #radioButtons {
width: 200px;
margin: 20px 50px 10px;
font-size: 14px;
}

body.popup .individualPage #radioButtons label#loginToPersonalLabel {
margin-right: 20px;
}

body.popup .individualPage form#personalLoginForm {
width: 300px;
margin: 2em auto;
}

body.popup .individualPage form#personalLoginForm input.accessID {
	width: 200px;
	margin: 10px auto 20px;
	display: block;
	color: #999999;
}

body.popup .individualPage form#personalLoginForm input.submit {
	border: 0 none;
	display: block;
	margin: 0 100px;
	width: 100px;
	height: 30px;
	float: none;
	text-indent: -9999px;
	background: transparent url(../image/login-button.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}

body.popup .individualPage form#personalLoginForm input.submit:hover {
	background-position: 0 -30px;
}

/* Clear fix */

.clear:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear {
	display: block;
}

/* Hides from Internet Explorer for the Mac \*/
.clear {
	min-height: 1%;
}

* html .clear {
	height: 1%;
}
/* End IE Mac hide */

/*======== For Alert New Pop Up ================================================*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px;
	max-width: 600px;
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #ccc url(../image/alert-title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}
#popup_content {
	background: transparent url(../image/alert-info.gif) 16px 16px no-repeat;
	padding: 1em 1.75em;
	margin: 0em;
}
#popup_content.alert {
	background-image: url(../image/info.gif);
}
#popup_content.confirm {
	background-image: url(../image/alert-important.gif);
}
#popup_content.prompt {
	background-image: url(../image/alert-help.gif);
}
#popup_message {
	padding-left: 48px;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}
#popup_prompt {
	margin: .5em 0em;
}

/*======== End of New Pop Up ============*/ 

/*==== Rates ============================*/

#rates table {
	display: inline;
	float: left;
	font-size: 12px;
	width: 700px;
	margin-left: -45px;
	padding-left: 20px;
}


#rates.individualPage h1.pageHead {
	border-bottom: 0;
	margin-bottom: 0;
}

#rates table th {
	width: 18%;
	padding: 10px;
	background-color: #EAD6D6;
	color: #000;
	font-size: 13px;
	text-align: right;
}

#rates table td, #rates table tr {
	padding: 8px 10px;
	color: #666;
	text-align: right;
}

#rates table td.indented {
	padding-left: 50px;
}

#rates table tr.nth-row-odd {
	background: #E9EDE3;
}

#rates table tr.nth-row-1 {
	background: #EAD6D6;
	text-align: left;
}

#rates table th.nth-column-1, #rates table td.nth-column-1 {
	width: 35%;
	text-align: left;
}

#rates p.disclaimer {
	border-top: 1px solid #E9EDE3;
	color: #999999;
	display: block;
	float: left;
	font-style: italic;
	margin: 10px 0 40px -25px;
	padding-top: 10px;
	width: 678px;
}