/* fnb-main.css */

/**************** GENERAL STYLES ****************/

/* =Basics
----------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000;
	background: #fff;
}
img.inset-right {
	float: right;
	padding: 0 0 20px 20px;
}
img.inset-left {
	float: left;
	padding: 0 20px 20px 0;
}

/* =Links
----------------------------------------------- */
a {
	color: #2E85B6;
}
a img { border: 0; }
.requestinfolink, .disclosureslink, .returntop {
	display: block;
	margin-top: -0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
}
.returntop a {
	padding-left: 8px;
	background: transparent url(../i/arrow_up_red.gif) no-repeat left center;
}
#demohide a {
    text-decoration:none;
    color: #000;
    visited: text-decoration:none;
    hover: text-decoration:none;
    active: text-decoration:none;
}

/* =Headings & Paragraphs
----------------------------------------------- */
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1, h2 {
	font-weight: normal;
	font-variant: small-caps;
	line-height: 1.4em;
	color: #942923;
}
h1 {
	font-size: 27px;
	margin-bottom: 13px;
}
h2 {
	font-size: 20px;
	margin: 1em 0;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 1em 0;
	color: #942923;
}
h3.featurelabel {
	margin-bottom: -0.5em;
}
p {
	margin: 1em 0;
}
.disclosure {
	font-size: 0.9em;
	line-height: 1em;
	margin-bottom: 1em;
}
.specialrate {
	color: #1A9EAF;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.specialrates P{
	color: #1A9EAF;
	font-weight: bold;
	font-size: 16px;
}
.poem {
  	color: #1A9EAF;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}
.od h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 1.4em;
	color: #000000;
}
.od h1 {
	font-size: 27px;
	margin-bottom: 13px;
}
.od h2 {
	font-size: 20px;
	margin: 1em 0;
}
.od h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 1em 0;
	color: #000000;
}
.od p {
	margin: 1em 0;
}

/* =Tables
----------------------------------------------- */
table {
	border: 0;
	margin-bottom: 1.5em;
}
th {
	font-size: 16px;
	color: #942923;
	font-weight: normal;
	vertical-align: middle;
}
td {
	vertical-align: top;
}
.form td {
	vertical-align: middle;
}
#tablecontainer {
	margin-right: -20px;
	margin-left: -21px;
}
#tablecontainer .disclosure {
	margin-right: 20px;
	margin-left: 20px;
}
table#news, 
table#sectionindex, 
table#productfeatures,
table#busresources {
	width: 100%;
	border-spacing: 0;
}
#news td,
#productfeatures th,
#productfeatures td,
#productcomparison th,
#productcomparison td,
#busresources th,
#busresources td {
	border: solid #1a9eaf;
	border-width: 0 0 1px 1px;
	padding: 20px;
}
#sectionindex td,
#sectionindex th,
{
	border: solid #1a9eaf;
	border-width: 1px 0 0 0;
	padding: 20px;
}
#news td,
#sectionindex td,
#busresources td {
	padding-bottom: 0;
}
#productfeatures th,
#productcomparison th,
#busresources th {
	padding: 10px 20px;
	border-left: 0;
	text-align: left;
}
#news td,
#productfeatures td {
	border-left: 0;
	padding: 0 20px;
}
#productcomparison td {
	border-left: 0;
	padding: 10px 20px;
}
#restate td {
	border-left: 0;
	padding: 5px 5px;
	font-size: 16px;
}
#news a, #sectionindex a {
	font-style: italic;
	text-decoration: none;
}
#sectionindex h3 {
	font-variant: small-caps;
	margin-top: 0;
}
.locations {
	margin-bottom: 10px;
}
#joblistings,
#singlejob {
	padding-top: 20px;
}
.locations table, 
#joblistings table,
#singlejob table {
	width: 100%;
	margin-bottom: 0;
	border: solid #1A9EAF;
	border-width: 0 1px 1px 0;
}
#joblistings table,
#singlejob table {
	border-width: 0 1px 0 0;
}
#singlejob table {
	width: 43em;
	margin-right: auto;
	margin-left: auto;
}
.locations td,
.locations th,
#joblistings td,
#joblistings th,
#singlejob td,
#singlejob th {
	border: solid #1A9EAF;
	padding: 3px;
	text-align: left;
	color: #000;
}
.locations td {
	border-width: 0 0 0 1px;
}
#joblistings td,
#singlejob td,
#singlejob th {
	border-width: 0 0 1px 1px;
}
.locations th,
#joblistings th {
	font-size: 12px;
	font-weight: bold;
	border-width: 1px 0 0 1px;
}
#singlejob th {
	font-size: 12px;
	font-weight: bold;
	background: #C4E8EF;
	width: 10em;
	vertical-align: top;
}
.alt th,
.alt td {
	background: #e1f4f7;
}
.locations .city,
#joblistings th,
#singlejob th.positiontitle {
	color: #fff;
	background: #1A9EAF;
	text-align: left;
	padding: 5px;
	font-size: 1.2em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.locations .days,
.locations .hours {
	text-align: center;
	width: 5em;
}
.locations .lobby-driveup {
	width: 7em;
}
.locations .services {
	font-style: italic;
}
#joblistings th a {
	color: #fff;
}
.person table { /* Phone number tables on pages which list individuals (e.g., Mortgage Lenders page). */
	width: 15em;
}
table.phonecenter {
	width: 21em;
	margin-right: auto;
	margin-left: auto;
}
table.phonecenter th {
	padding: 10px 0;
}
td.phonenum {
	text-align: right;
}
table.two-column td {
	width: 50%;
}
table.two-column3 {
	border-right: 1px solid #1a9eaf;
}

table.wealth-column td {
	width: 50%;
}
table.two-column2 td {
	width: 50%;
}
table.three-column td {
	width: 33%;
}
table.three-column2 td {
	width: 33%;
	border-right: 1px solid #1a9eaf;
}
table.column-cp td {
	border: 1px solid #1a9eaf;
	padding: 0px 5px 0px 5px;
}
table.column-cp th {
	border: 1px solid #1A9EAF;
	text-align: left;
}
table.four-column td {
	width: 25%;
}
table.four-column2 td {
	width: 30%;
}
table.four-column2 th {
	width: 10%;
	font-weight: bold;
	color: #1A9EAF;
}
table.four-column2 ul {
	color: #1A9EAF;
}
table.forecl td {
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.form td {
	padding: 4px 2px;
	vertical-align: middle;
	}
.form td.hr {
	height: 6px;
	font-size: 2px;
	line-height: 2px;
	background: #1a9eaf;
	}
.form td.hr hr {
	display: none;
	}

/* =Lists
----------------------------------------------- */
ul {
	margin: 1em 0 1.5em 1.7em;
}
ol {
	margin: 1em 0 1em 1.7em;
}
ul ul {
	margin-top: 0;
	margin-bottom: 0;
}
#busresources ul {
	margin-top: 0;
}

/* =Forms
----------------------------------------------- */




/******************* SECTIONS *******************/

/* =Page
----------------------------------------------- */
#page {
	position: relative;
	width: 100%;
	min-width: 900px;
	height: auto;
	background: white url(../i/contentbkgd.gif) left top repeat-y;
}
#page div.wrapper {
	width: 100%;
	background: transparent url(../i/contentwrapperbkgd.gif) 0px 22px repeat-x; 
}
.sechome #page div.wrapper {
	background: transparent url(../i/contentwrapperbkgd-home.gif) 0px 22px repeat-x; 
}
#page div.wrapper div.wrapper {
	width: 100%;
	background: transparent url(../i/contentwrapperwrapperbkgd.gif) 0px 22px no-repeat;
}
p#date {
	position: absolute;
	width: 168px;
	left: 0;
	top: 68px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
}

/* =Header
----------------------------------------------- */
#header {
	position: relative;
	/*background: #1a9eaf url(../i/headerbkgd.gif) top right no-repeat; --*/
	height: 116px;
}
#logo {
	display: block;
	padding: 20px 0;
	margin-right: 350px;
}
#logo img {
	display: block;
	border-width: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Header: =BankDirect
----------------------------------------------- */
#bankdirect {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 250px;
	text-align: center;
}
#bankdirect td {
	font-size: 16px;
}
#bankdirect h2 {
	color: #DDEDEE;
	text-transform: uppercase;
	font-size: 14px;
	font-variant: normal;
	line-height: 20px;
	margin: 0;
	padding: 22px 0 6px 0;
}
#bankdirect h2 span.cap {
	font-size: 18px;
}
#bankdirect label {
	display: block;
	height: 16px;
	width: 124px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 6px 0;
	background: transparent url(../i/bankdirectlogo.gif) top left no-repeat;
}

/* =Content (contains "intro" and "maincontent" divs)
----------------------------------------------- */
#content {
	margin-left: 174px;
	padding-top: 22px;
	line-height: 1.5em;
	height: 1%;
	min-width: 700px;
}
#stockticker {
	text-align: right;
	height: 19px;
	margin-left: 54px;
	margin-bottom: 1px;
	line-height: 19px;
	border-bottom: 1px solid #1a9eaf;
}


/* =Intro
----------------------------------------------- */
#intro {
	width: 100%;
	background: transparent url(../i/introsidebarbkgd.gif) repeat-y right top; 
}
#intro-sidebar {
	float: right;
	width: 200px;
	/*border-left: 1.5px solid #1a9eaf;
	background-color: #e1f4f7;*/
}

#intro-main {
	padding: 39px 200px 20px 20px;
}
.sechome #intro-main {
	padding-top: 20px;
}
.person {
	margin: 0 -20px;
	padding: 20px 0 20px 168px;
	background: #fff; /* Covers up #intro-sidebar background, overlapped due to negative margin. */
	border-bottom: 1px solid #1a9eaf;
}
.person p {
	margin: 0 0 0.8em 0;
}
.person dl,
.person dt,
.person dd {
	display: block;
	list-style-type: none;
}
.person dl {
	float: left;
	display: inline; /* HACK: IE/Win Doubled Float-Margin Bug */
	margin: 0 20px 0 -148px;
	width: 128px;
}
.person dd {
	text-align: center;
	font-weight: bold;
}

/* Intro: =Search
----------------------------------------------- */
#search {
	width: 200px;
	height: 60px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #1a9eaf;
	background: transparent;
	border-bottom: 1px solid #1a9eaf;
}
#search form {
	margin-top: 10px;
	margin-left: 10px;
}
#searchfield {
	width: 145px;
}

/* =Main Content
----------------------------------------------- */
#maincontent {
	padding: 0 20px;
	border-top: 1px solid #1a9eaf;	
}

/*#maincontent td#topRow {
	border-right: 1px solid #1a9eaf;
	border-bottom: 1px solid #1a9eaf;
	border-top: 1px solid #1a9eaf;
}
#maincontent td#bottomRow {
	border-right: 1px solid #1a9eaf;
	border-bottom: 1px solid #1a9eaf;
}

#maincontent a {
	color: #1a9eaf;
	font-style: italic;
	text-decoration: none;
}*/

/* =Prefooter
----------------------------------------------- */
#prefooter {
	width: 100%;
	text-align: center;
	font-style: italic;
	font-size: 10px;
}
#prefooter img {
	margin-right: 10px;
}
#prefooter .pfwrapper{
	width: 555px;
	margin-top: 40px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
.pfbutton {
	float: left;
	display: inline; /* HACK: IE/Win Doubled Float-Margin Bug */
	width: 175px;
	height: 26px;
	padding-top: 3px;
	background: url(../i/buttonBack.gif) no-repeat;
	text-align: center;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #1a9eaf;
	}
.pfbutton a {
/*	color: #1a9eaf; */
	color: #333;
	text-decoration: none;
}
#seacoastbanking {
	margin: 0 15px;
}
#prefooter #pflinks{
	color: #942923;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#prefooter p {
	margin-bottom: 15px;
}
#prefooter #pflinks a {
	color: #942923;
	text-decoration: none;
	text-transform: uppercase; 
}

/* =Footer
----------------------------------------------- */
#footer {
	border-top: 1px solid #1a9eaf;
	padding: 6px 12px 24px 186px;
	text-align: center;
	font-style: italic;
	background: white url(../i/footerbkgd.gif) top left no-repeat;
}



/**************** MISCELLANEOUS *****************/

/* Misc: =Hide these items
----------------------------------------------- */
.hide {
	display: none;
}
.phonenum {
	white-space: nowrap;
}

/* Misc: =Show these items
----------------------------------------------- */
.required {
	color: #c00;
}

/* Misc: =Hacks
----------------------------------------------- */
.clear {
  clear:both;
	/* these next attributes keep the div height to 0 pixels high, critical for Safari and Netscape 7 */
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
.clear-right {
  clear:right;
	/* these next attributes keep the div height to 0 pixels high, critical for Safari and Netscape 7 */
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear {
	/* stops IE browsers from displaying the clear div/br in the page, as these are for Moz/Opera and Safari only. If IE 5.x Win DID display these, the page would be too high */
	height: auto;
	margin-bottom:0
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.clearfix-right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
.clearfix-right {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*change county */
/* format the 'a' tag associated */
/* with the change county selection */
.change_county a{
	color: #EDEDD5;
	font-size:9px;
}
.change_county_alt a{
	color:#942923;
	font-size:9px;
}

/* ---------------------------   */
/* Heading Online Banking Drop Down Styles */
.counties{
  color:#942923;
 }
 .counties_header{
 	background-color:#1A9EAF;
	color:#FFFFFF;
 }
.dropDown{
	font-size:1em;
}
/* End Heading Online Banking Drop Down Styles */
/* ---------------------------   */