/* 
/////////////
////////////
///////////   Prepared by Ben Voran @ ERMARKETING.NET
////////// 
/////////
	  */


/*  ----------------------------------> Page style  */


img, dl, dt, dd
{
	margin: 0;
	border: 0;
}
body
{
	background-color: #ffffff;
	margin: 0;
	text-align: center;
	min-width: 835px;
	font-family: "Trebuchet MS" , sans-serif;
	color: #2e2e2e;
	line-height: 125%;
	font-size: 8pt;
}


/*  ----------------------------------> Layout style  */



#page-wrapper
{
	margin: 0 auto;
	width: 831px;
	text-align: left;
	padding-top: 25px;
}

#header
{
	width: 830px;
}
#sub-head
{
	text-align: right;
	font-size: 1.2em;
}
#date-time
{
	float: left;
	width: 460px;
	text-align: right;
	padding-top: 5px;
	font-size: 1.2em;
}
/* Temporary for mock google search */#search
{
	float: right;
	width: 300px;
}
search-results
{
	float: left;
	padding: 10px 12px;
}
#nav
{
	float: left;
	margin: 0 12px;
	width: 443px;
	display: inline;
}
#content
{
	float: left;
	padding: 10px 12px;
	width: 443px;
	font-size: 1.2em;
	line-height: 130%;
	display: inline;
}
#left
{
	float: left;
	width: 173px;
}
/*
#right {
	float:right;
	width:190px;
	overflow:visible;
}
*/
.right
{
	float: right;
	width: 190px;
	overflow: visible;
}



#footer
{
	padding: 10px;
	border-top: 1px solid #ababab;
	text-align: center;
	background-image: url(../images/FDIC-mem.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 150%;
}
#middle-left
{
	width: 147px;
	float: left;
}
#middle-center
{
	width: 147px;
	float: left;
}
#middle-right
{
	width: 147px;
	float: left;
}
/*#2columnwrap*/
#twoColumnWrap
{
	background-image: url(../images/2column-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
}
.full-width
{
	padding: 0 10px;
}
.full-width a, .secondcolumn a
{
	font-weight: bold;
}
.sub-nav
{
	padding: 5px;
	margin: 0;
	font-size: .9em;
	line-height: 125%;
}
.firstcolumn
{
	width: 110px;
	padding: 0;
	margin: 5px;
	display: inline;
}
.secondcolumn
{
	width: 300px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #999999;
	display: inline;
	min-height: 300px;
}
.bottom
{
	width: 440px;
	padding: 5px 0;
}
.left
{
	float: left;
}
.right
{
	float: right;
}


/*  ----------------------------------> Navigation style  */


a:link, a:visited
{
	text-decoration: none;
	color: #02563e;
}
div.full-width a:link
{
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}
#nav a:link, #nav a:visited
{
	color: #f1f2ed;
	font-weight: bold;
}
#content div.sub-nav a:link, #content div.sub-nav a:visited
{
	display: block;
	margin-top: 4px;
}
#content div.sub-nav a:hover
{
	color: #999999;
}
#content a
{
	text-decoration: underline;
}
#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	background-position: bottom;
}
#nav li
{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.2em;
	background-image: url(../images/nav-over.gif);
}
li.personal a
{
	display: block;
	text-align: center;
	width: 147px;
	background-image: url(../images/nav.gif);
	background-position: bottom left;
	padding-bottom: 10px;
}
li.personal a span
{
	display: block;
	text-align: center;
	background-image: url(../images/nav.gif);
	background-position: top left;
	padding-top: 10px;
	margin-bottom: 0;
}
li.business a
{
	display: block;
	text-align: center;
	width: 148px;
	background-image: url(../images/nav.gif);
	background-position: bottom center;
	padding-bottom: 10px;
}
li.business a span
{
	display: block;
	text-align: center;
	background-image: url(../images/nav.gif);
	background-position: top center;
	padding-top: 10px;
	margin-bottom: 0;
}
li.about-us a
{
	display: block;
	text-align: center;
	width: 148px;
	background-image: url(../images/nav.gif);
	background-position: bottom right;
	padding-bottom: 10px;
}
li.about-us a span
{
	display: block;
	text-align: center;
	background-image: url(../images/nav.gif);
	background-position: top right;
	padding-top: 10px;
	margin-bottom: 0;
}
#nav li a:hover, #nav li a:hover span, li a.active, li a.active span
{
	background-image: url(../images/nav-over.gif);
}
#content a.active
{
	color: #999999;
}
.secondary-nav, .secondary-nav ul
{
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}
.secondary-nav li
{
	font-size: 1.4em;
	font-weight: bold;
	border: 1px solid #ffffff !important; /* IE 6 render fix */
	padding-left: 10px;
	background-image: url(../images/trangle.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.secondary-nav a
{
	display: block;
	padding: 3px 0;
	margin: 0;
	color: #02563e;
}
.secondary-nav li a
{
	border-bottom: 2px solid #cae2db;
}
.secondary-nav li.expanded
{
	background-image: url(../images/trangle-expanded.gif);
	text-indent: 0;
}
.secondary-nav li li
{
	font-size: .9em;
	font-weight: normal;
	background-image: none;
	font-weight: bold;
	border: none;
}
.secondary-nav li li a
{
	border-bottom: none;
}
.secondary-nav li li li
{
	font-size: .8em;
	list-style: none;
	font-weight: normal;
}
.secondary-nav li li li li
{
	font-size: 1em;
	list-style: none;
}

.secondary-nav li li li a
{
	border-bottom: 1px solid #b2d3c9;
}
.secondary-nav li li li li a
{
	border-bottom: 1px solid #cae2db;
}
.secondary-nav a:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #999999;
}
.secondary-nav .last
{
	border-bottom: none;
	margin-bottom: -5px;
}


/*  ----------------------------------> Ad style  */


#ad1
{
	margin-bottom: 15px;
}
.ad
{
	padding-bottom: 10px;
}


/*  ----------------------------------> Typography style  */


.sub-nav h2
{
	display: block;
	border-top: 1px solid #ababab;
	padding: 5px 10px 5px 0;
	margin: 5px 0 0 0;
	line-height: 1em;
	font-size: 1.5em;
}
.sub-nav blockquote
{
	padding: 0;
	margin: 0 15px 0 15px;
}
.secondcolumn h3
{
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
strong
{
	font-weight: bold;
}
.green
{
	color: #02563e;
	font-size: 1.2em;
}
.small
{
	font-size: .8em;
}
.full-width h3
{
	font-size: 1.4em;
	margin: .5em 0 1em 0;
}


/*  ----------------------------------> Form style  */


form
{
	margin: 0;
	padding: 0;
}
dt
{
	display: block;
	background-color: #a8a9ad;
	padding: 5px 10px;
	color: #FFFFFF;
}
dd
{
	display: block;
	background-color: #f1f2ed;
	border: 1px solid #a8a9ad;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.form-header
{
	font-size: 1.4em;
	font-weight: bold;
}
.button
{
	font-size: 8pt;
	background-color: #02563e;
	padding: 3px 3px 3px 3px;
	border-style: none;
	color: #FFFFFF;
	margin-top: 3px;
}

input.button
{
	height: auto;
}


/*  ----------------------------------> Misc style  */


.green
{
	color: #02563e;
}
.gsc-control
{
	width: 400px;
}
.clear
{
	clear: both;
}
.pad
{
	padding: 3px;
}
.hide
{
	display: none;
}
#mug
{
	float: left; /* width:41px; */
	width: 152px;
	height: 42px; /* background-image:url(../images/mug.gif) */
	background-image: url(../images/tell_friend_offer.gif);
}
#disclaim
{
	width: 400px;
	margin: 10px auto;
	text-align: left;
	font-size: 0.75em;
	border: solid #ffffff 1px;
}
#disclaim ul
{
	margin: 0;
	padding: 10px 10px 10px 30px;
	border: 1px solid #666666;
	line-height: 110%;
}
.callout
{
	padding: 20px;
	border: 1px solid #a8a9ad;
	background-color: #f1f2ed;
	font-size: .9em;
}
.callout h3
{
	font-size: 1.1em;
}
div.callout a
{
	background-image: url(../images/link-icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	margin-top: .5em;
	padding: 3px 0 3px 30px;
	font-size: 1.2em;
}
.chart th
{
	border: none;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 10px;
}
.chart td
{
	border: 1px solid #02563e;
}
.chart td.noborder
{
	border: none;
}
.heading
{
	background-color: #02563e;
	color: #FFFFFF;
	font-weight: bold;
}




.messageText
{
	font-size: 14px;
	font-weight: bold; /* border: solid 2px #FF0000; */
	padding: 10px;
	margin: 10px;
}
.required
{
	color: #FF0000;
	font-weight: bold;
}


#formpage h3
{
	width: 590px;
	text-align: left;
	background-color: #02563e;
	color: #ffffff;
	padding: 5px;
	display: block;
	margin: 0;
}

table.form td
{
	border-top: 1px solid black;
	text-align: left;
}
table.form td td
{
	border: none;
}

/* Used these styles for Credit Application form */
#form-wrapper
{
	margin: 0 auto;
	width: 845px;
	border: 1px solid black;
	padding: 10px 5px 5px 5px;
}
hr
{
	border-top: solid 1px black;
	text-align: left;	
}

table.text
{
	text-align: left;
}
span.FieldSpacer_Med
{
	padding-left: 10px;
}
span.FieldSpacer_Small
{
	padding-left: 5px;
}
span.FieldSpacer_Big
{
	padding-left: 65px;
}
span.text
{
	font-size:11px;
	font-weight:normal;
	text-transform:none;
}
.sectionheader
{
	text-align: left;
	background-color: #02563e;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	font-size:14px;
	line-height:15px;
	font-weight:bold;	
}
.rowspacer
{
	padding-top:10px;
}
input
{
	/*height:1em;			*/
}
.GreyBackground
{
	background-color:#DBD7D4;
}
.BorderTopBottom
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color:#DBD7D4;	
}
#CreditAdminForm
{
	font-size:13px;		
	margin: 0 auto;
	width: 855px;
	padding-top:10px;	
	padding-left:10px;
	padding-right:10px;
	text-align:left;	
}
#CreditAdminForm span.FieldSpacer_Big
{		
	padding-left:65px;
	
}
#CreditAdminForm span.FieldSpacer_Med
{		
	padding-left:25px;
	
}
#CreditAdminForm table td
{
	padding-top:5px;
}
.AdminSectionHeader
{
	text-align: left;	
	color: Black;
	margin: 0;
	text-transform: uppercase;
	font-size:14px;
	line-height:15px;
	font-weight:bold;	
}
.AdminFormWrapper
{
	border: 1px solid black;
	padding: 10px 3px 5px 5px;
	text-align:left;	
}

.AdminTextHighlight
{
	border:1px Solid Gray; 
	padding-left:5px; 
	padding-right:5px;
}