/* Sutton Bank MAIN CSS 
===================================================================================================================*/

* {
	padding:0;
	margin:0;
}
html, body {
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, Lucida, Trebuchet, sans-serif;
	font-size: 11px;
	color:#000;
	text-align:left;
}
p, li {
	line-height: 14px;
}
a {
	color: #003F7E;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img, a img {
	border:none;
}
img.bordered {
	border: 1px solid #000;
}
#wrapper {
	background: #FFF;
	position:relative;
	width:750px;
	height: auto;
	margin: 0px auto;
}
#page {
	float: right;
	width: 562px;
	margin: 0 0 5px 20px;
	position: relative;
}
.clear {
	clear: both;
}
table tr td {
	text-align: left;
}
.center {
	text-align: center;
}
.notop {
	margin-top: 0;
}
p.right {
	text-align: right;
}
p.zeroPaddingParagraph, #productSummary p.zeroPaddingParagraph, #productDetails p.zeroPaddingParagraph {
	margin: 0;
}
li.zeroPaddingParagraph, #productSummary p.zeroPaddingParagraph, #productDetails p.zeroPaddingParagraph {
	padding: 0px;
}
/* BASIC TEXT STYLINGS
===================================================================================================================*/

h1 {
	font-size: 14px;
}
h2 {
	font-size: 13px;
}
h3 {
	font-size: 11px;
}
h4 {
	font-size: 11px;
}
h5 {
	font-size: 10px;
}
h1, h2, h3, h4, h5 {
	line-height: auto;
}
ul li, ol li {
	padding: 5px 0;
}
ul.nostyle li {
	padding: 5px 0;
	list-style: none;
}
/* END BASIC TEXT STYLINGS
===================================================================================================================*/

/* HEADER
===================================================================================================================*/

#ultratopnav a {
	color: #333;
	font-weight: bold;
}
#ultratopnav {
	position: absolute;
	bottom: 9px;
	right: 170px;
}
#ultratopnav li {
	list-style-type: none;
	display: inline;
	background: transparent url(/custom/suttonbank/image/dot.png) no-repeat 0% 11px;
	padding-left: 8px;
}
#ultratopnav li.firstChild {
	background: none;
}
.textSizeWrapper {
	position: absolute;
	right: 4px;
	top: 20px;
}
.textSizeWrapper img {
	padding-left: 5px;
}
.textSizeWrapper h2 {
	font-size: 9px;
	font-weight: bold;
	color: #333;
	display: inline;
}
#logowrapper {
	position: absolute;
	top: 16px;
	left: 0;
}


/* New Primary */
#headerwrapper {
	position: relative;
}
#headerwrapper span {
	color: #FF9;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	position: absolute;
	bottom: 6px;
	left: 407px;
}
#headerwrapper form select {
	position: absolute;
	bottom: 4px;
	right: 5px;
}
#menubarwrapper li {
	list-style-type: none;
	float: left;
	padding: 0;
}

#menubarwrapper {
	clear: both;
	background-color: #003F7E;
	width: 100%;
	height: 30px;
	position: relative;
}

#menubarwrapper form select {
	font-size: 11px;
}
#menubarwrapper span {
	color: #FF9;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}
#menubarwrapper a {
	color: #FFF;
}
#searchwrapper {
	position: absolute;
	right: 4px;
	bottom: 9px;
	height: 20px;
}
#searchwrapper input {
	position: absolute;
	top: 0;
	right: 0;
}
#searchwrapper input#roi_input {
	right: 29px;
	width: 120px;
}
#roi_autoCompleteResults {
	width: 120px;
}
#midHeader {
	position: relative;
	height: 70px;
}
div.mainHeader {
	border-bottom: 5px solid #0077B4;
	padding-bottom: 1px;
}
/* END HEADER
===================================================================================================================*/


/* FOOTER
===================================================================================================================*/

#footerwrapper {
	clear:both;
	width: 100%;
	padding: 10px 0;
	border-top: 5px solid #0077B4;
	position: relative;
}
#footerwrapper a {
	color: #000;
}
#footerwrapper p, #footerNav {
	text-align: center;
	padding: 0 0 2px 0;
	font-size: 10px;
}
#footerwrapper p.appTag {
	padding: 16px 0 2px 0;
}
#footerNav li {
	list-style-type: none;
	display: inline;
	border-left: 1px solid #000;
	padding: 0 6px;
}
#footerNav li.firstChild {
	border-left: none;
}
#footerNav li.lastChild {
	padding-right: 0;
}
#footericons {
	position:absolute;
	right: 0;
	top: 10px;
}
#footerflash {
	position:absolute;
	left: 0;
	top: 15px;
}
/* END FOOTER 
======================================================================================================================== */


/* LEFT COLUMN
======================================================================================================================== */

#leftCol {
	width: 168px;
	float:left;
}
#currentCategory {
	border-left: 2px solid #DDD;
	border-right: 2px solid #DDD;
	width: 164px;
}
#currentCategory li {
	list-style-type: none;
	padding: 0;
}
#currentCategory li a {
	display: block;
	text-decoration: none;
	padding: 4px 18px;
}
#currentCategory li h3 a {
	color: #003F7E;
	font-weight: bold;
	background-color: #EFF2F4;
	border-bottom: 1px solid #DDD;
}
#currentCategory li.lastChild h3 a {
	color: #003F7E;
	font-weight: bold;
	background-color: #EFF2F4;
	border-bottom: 0 none;
}
#currentCategory li.lastChild li.firstChild {
	border-top: 1px solid #DDD;
}
#currentCategory li ul {
	background-color: #FFF;
}
#currentCategory li ul li.lastChild {
	border-bottom: 1px solid #DDD;
}
#currentCategory li.selected h3 a, #currentCategory li a:hover, #currentCategory li.inPath h3 a {
	background: #EFF2F4 url(/custom/suttonbank/image/arrow-blue.png) 5px center no-repeat;
}
#currentCategory li li a {
	color: #000;
}
#currentCategory li.selected li.selected a, #currentCategory li li a:hover, #currentCategory li.inPath li.selected a {
	color: #FFF;
	background: #0077B4;
}
#currentCategory h4 {
	font-weight: normal;
}
#boxBottom {
	margin-bottom: 20px;
}
#boxTop {
	margin-top: 4px;
}
.menuInfo {
	padding: 10px;
	background-color: #EFF2F4;
}
/* END LEFT COLUMN
======================================================================================================================== */


/* HOME PAGE
======================================================================================================================== */

#homeContainerLogin {
	width: 746px;
	height: 50px;
	padding-bottom: 2px;
	background-color: #003F7E;
	position: relative;
}
#homeContainerLogin span {
	color: #FFF;
	position: absolute;
	bottom: 2px;
}
#homeContainerLogin span#nS1 {
	right: 548px;
}
#homeContainerLogin span#nS2 {
	left: 560px;
}
#homeContainerLogin a {
	color: #FFF;
	text-decoration: underline;
}
#homeContainerLogin input {
	border: 0 none;
	position: absolute;
	width: 110px;
	height: 20px;
	bottom: 2px;
}
#homeContainerLogin input#submit {
	width: 83px;
	left: 460px;
}
#homeContainerLogin input#userNumber {
	left: 220px;
}
#homeContainerLogin input#password {
	left: 340px;
}
#homeContainerLogin label {
	position: absolute;
	color: #FFF;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	bottom: 26px;
}
#homeContainerLogin label#userLabel {
	left: 220px;
}
#homeContainerLogin label#passwordLabel {
	left: 340px;
}
#flashwrapper {
	padding-bottom: 1px;
	border-bottom: 5px solid #0077B4;
	width: 750px;
	height: 268px;
}
#flashwrapper_text {
	font-size: 13px;
	padding: 90px 80px;
	text-align: center;
	line-height: 24px;
}
#flashwrapper_text a {
	color: #00F;
	text-decoration:underline;
}
/* HOME PAGE BOTTOM
================================================= */

.productColumn h2, #topbar h2 {
	color: #003F7E;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0;
}
#homecontent h2 {
	color: #003F7E;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0;
}
#homecontent div {
	float: left;
}
#quickLinks {
	width: 192px;
	padding-bottom: 10px;
}
#quickLinks li {
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	list-style-type: none;
}
#quickLinks ul {
	border-top: 1px solid #CCC;
	margin-left: 12px;
}
#quickLinks a {
	font-weight: bold;
	color: #003F7E;
	position: relative;
	left: -12px;
	padding-left: 12px;
	display: block;
}
#quickLinks h2 {
	padding-left: 12px;
}
#quickLinks a:hover {
	background: url(/custom/suttonbank/image/arrow.png) left center no-repeat;
}
.homeproduct {
	display: inline;
	margin-left: 20px;
	width: 166px;
}
.homeproduct a img {
	margin-top: 1px;
}
.homeproduct p {
	margin: 10px 0;
}
/* END HOME PAGE
======================================================================================================================== */



/* CATEGORY PAGE
======================================================================================================================== */

/* PRIMARY CATEGORY
================================================= */

.productColumn {
	width: 165px;
	float: left;
	margin: 0 20px 0 0;
}
.productColumn h2 {
	height: 30px;
}
.applyImages img {
	margin-top: 1px;
}
div.plc p {
	margin: 10px 0;
}
/* SECONDARY CATEGORY
================================================= */

#secondarywrapper {
	border-top: 5px solid #0077B4;
	clear: both;
}
#secondarywrapper li {
	margin-top: 10px;
	list-style-type: none;
	height: 100px;
	position: relative;
	padding: 0;
}
#secondarywrapper li img {
	float: left;
}
#secondarywrapper li h3 a {
	color: #003F7E;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
}
#secondarywrapper li h3 {
	padding: 10px 0;
}
#secondarywrapper li p {
	padding-right: 70px;
}
#secondarywrapper li .productContent {
	border-bottom: 1px solid #CCC;
	margin-left: 126px;
	padding-left: 10px;
	margin-right: 10px;
	height: 99px;
}
#secondarywrapper li .learnMore img {
	position: absolute;
	left: 0;
	bottom: 0;
	float: none;
}
/* END CATEGORY PAGE
======================================================================================================================== */


/* PRODUCT PAGE
======================================================================================================================== */

.printicon, .sendicon {
	float: right;
	padding-top: 6px;
}
a.quickApp img {
	margin: 1px 0;
}
.leftcolumn {
	float: left;
	width: 165px;
}
a.productExtLink2 img {
	margin-top: 1px;
}
#producttabs {
	margin-left: 185px;
}
#productwrapper {
	margin-bottom: 20px;
	min-height: 205px;
}
/* Tabs */

dl {
	width: 352px;
	display:block;
	list-style: none;
	position: relative;
}
dt {
	color: #666;
	text-decoration: underline;
	padding: 0 20px 0 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}
dd {
	margin: 5px 5px 0 0px;
}
dd p {
	margin: 5px 0;
}
dd ul, dd ol {
	margin-left: 20px;
}
dt.selected {
	text-decoration: none;
	color: #003F7E;
}
.pane {
	position: absolute;
	overflow: hidden;
	top: 8px;
	left: 0;
}
.pane h3 { 
	margin-top: 20px;
	margin-bottom: 10px;
	width: 340px;
} 
.label {
	float: left;
	position: relative;
	cursor: pointer;
	z-index: 1;
}
/* END PRODUCT PAGE
======================================================================================================================== */


/* SEARCH RESULTS 
========================================================================================================================*/

#searchHeader {
	padding: 10px 0;
}
#searchResults li {
	display: inline;
	list-style-type: none;
}
/* END SEARCH RESULTS
======================================================================================================================== */


/* INDIVIDUAL PAGES
======================================================================================================================== */

h1.pageHead {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #003F7E;
	padding: 10px 0;
}
.individualPage {
	padding-bottom: 25px;
}
.individualPage p, .individualPage h2, .individualPage h3, .individualPage h4, .individualPage h5 {
	margin: 10px 0;
}
.individualPage ul {
	margin-left: 50px;
}
.individualPage ol {
	margin-left: 50px;
}
#agOutlook table {
	width: 100%;
	border: 1px solid #CCC;
}
#agOutlook td, #agOutlook th {
	border: 1px solid #CCC;
	padding: 5px;
}
#agOutlook table .tWidth {
	width: 225px;
}
.jobListing {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
.jobListing h3 {
	margin-bottom: 0;
}
.jobListing h4 {
	margin: 0;
}
#bankHistory table {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px 1px 1px 0;
}
#bankHistory table.assets {
	width: 100%;
}
div#bankHistory tr.stripe, div#truthInSavings tr.stripe {
	background-color: #DDD;
}
div#bankHistory td, div#bankHistory th {
	padding: 5px 10px;
}
#bankHistory caption {
	text-align: left;
	font-weight: bold;
}
#bankHistory td {
	text-align: right;
}
#bankHistory th {
	background-color: #333;
	color: #FFF;
	border-left: 1px solid #CCC;
}
#bankHistory td.lCol {
	text-align: left;
	width: 200px;
	border-left: 1px solid #CCC;
}
#truthInSavings table {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	border: 1px solid #CCC;
}
#truthInSavings td {
	padding: 5px;
}
#truthInSavings ul.nostyle, #feeSchedule ul {
	margin-left: 0;
}
#truthInSavings ul ul, #feeSchedule ul ul {
	margin-left: 25px;
}
#depositAccountAgreement ol ol {
	list-style-type: lower-alpha;
}
#depositAccountAgreement ol ol ol {
	list-style-type: decimal;
}
/*======== RATES ===============================================================================*/

div#rates table {
	margin: 10px auto;
	width:500px;
	border: 1px solid #333;
}
div#rates td, div#rates th {
	padding: 5px;
}
div#rates th {
	font-weight: bold;
	border-bottom: 1px solid #333;
}
div#rates tr.stripe {
	background-color: #DDD;
}
#rates p.backToTop {
	text-align: right;
}
/*======== END RATES ===============================================================================*/

/* ======= Thank You
 ===============================================================================*/
 
 #thankyou {
	background:#FFF url(/custom/suttonbank/image/thankyou.jpg) no-repeat top left;
	padding: 200px 0 0 20px;
	line-height: 18px;
	margin: 5px 0;
	width: 405px;
}
/*====== Locations ====================================================================================*/

#map {
	height: 300px;
}
#locations th, #locations td {
	text-align: left;
	padding: 2px 0;
	width: 190px;
}
#locations th.timeName {
	width: 60px;
}
#locations td.timeValue {
	width: 130px;
}
#locations ul {
	margin: 20px 0;
}
#locations ul li {
	list-style-type: none;
}
#locations h2 {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}
#locations tr.tableHead th {
	border-bottom: 1px solid #CCC;
}
/*======== FinanceWorks Demo Page ====================================================================*/
div#fwWrapper {
	background: #FFF;
	position:relative;
	width:601px;
	height: auto;
	margin: 0px auto;
}
div#fwDemo {
	width: 601px;
}
div#fwDemo h3 {
	margin: 0 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #2f5184;
}
div#fwDemo p {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0 5px;
}
div#fwDemo img.fwBannerLeft {
	float: left;
}
div#fwDemo img.imgLeft {
	float: left;
}
div#fwDemo li.spendLess {
	height: 165px;
}
div#fwDemo li.spendLess p {
	margin-left: 126px;
	margin-top: 10px;
	width: 100px;	
}
div#fwDemo div.topNav {
	position: relative;
	top: -1px;
	margin-left: 293px;
	width: 241px;
}
div#fwDemo div.topNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
div#fwDemo div.topNav li a {
	font: normal 14px Arial;
}
div#fwDemo div.topNav li.topNav a {
	display: block;
	width: 241px;
	height: 39px;
	padding-top: 7px;
	background: transparent url(/custom/suttonbank/image/financeworks/FW-Landing-Page_03.jpg) no-repeat top left;
}
div#fwDemo div.topNav li.topNav img {
	float: left;
}
div#fwDemo div.topNav li.midNav {
	float: left;
}
div#fwDemo div.topNav li.midNav a {
	display: block;
	width: 241px;
	height: 32px;
	padding-top: 14px;
	background: transparent url(/custom/suttonbank/image/financeworks/FW-Landing-Page_06.jpg) no-repeat top left;
}
div#fwDemo div.topNav li.midNav img {
	float: left;
}
div#fwDemo div.topNav li.bottomNav {
	float: left;
}
div#fwDemo div.topNav li.bottomNav a {
	display:block;
	width: 241px;
	height: 33px;
	padding-top: 15px;
	background: transparent url(/custom/suttonbank/image/financeworks/FW-Landing-Page_08.jpg) no-repeat top left;
}
div#fwDemo img.fwRight {
	position: absolute; 
	top: 155px;
	right: 1px;
}
div#fwDemo div#fwContent {
	clear: both;
	padding: 0 20px;
}
div#fwDemo div#fwContent img {
	margin: 5px 0;
}
div#fwDemo div#fwContent div#fwContentLeft {
	float: left;
	width: 265px;
	margin-right: 20px;
}
div#fwDemo div#fwContent div#fwContentRight {
	float: right;
	width: 265px;
}
div#fwDemo div#fwContent li {
	list-style-type: none;
	border-bottom: 1px solid #000;
	padding: 10px 0;
}
div#fwDemo div#fwContent li.lastChild {
	border-bottom: none;
}
div#fwDemo div#fwBottom {
	clear: both;
}
div#fwDemo div#fwBottom li {
	border-top: 1px solid #000;
	list-style-type: none;
}
div#fwDemo div#fwBottom h3 {
	margin: 10px 0;
}
div#fwDemo div#fwBottom p {
	margin: 10px 0;
}

/*Consumer Education Page*/
#consumerEducation h2.heartlandPayment {
	border-top: 1px solid #0077B4;
	padding-top: 10px;
}


/* END INDIVIDUAL PAGES
======================================================================================================================== */

/*======== Application ===============================================================================*/

#accountArea img {
	float: right;
	margin-left: 50px;
}
fieldset#newApplication #accountArea p {
	clear: none;
}
/* ssn */

fieldset#newApplication a#ssnWhy {
	display: block;
	clear: both;
	margin-left: 325px;
	font-size: 12px;
	padding-bottom: 10px;
	color: #013260;
}
fieldset#personalInformation {
	position:relative;
	left:10px;
}
#ssnExplanation {
	position: absolute;
	width: 300px;
	left: 300px;
	top: 25px;
	z-index: 1000;
	background-color: #CCC;
	border: 1px solid #333;
	padding: 20px 20px 0 20px;
	display: none;
}
fieldset#newApplication .on {
	display: block;
}
fieldset#newApplication #ssnExplanation p {
	padding: 0 0 20px 0;
	margin: 0;
}
#ssnExplanation p.center {
	text-align: center;
	color: #013260;
}
#ssnExplanation p a {
	background-color: #EEE;
	border: 1px solid #333;
	padding: 5px;
}
/* intro */

fieldset#newApplication div#introduction {
	margin: 25px;
}
fieldset#newApplication div#introduction div#introHead {
	background: url("/custom/suttonbank/image/lock.png") no-repeat 400px 5px;
	margin-left: 170px;
}
fieldset#newApplication div#introduction img {
	border: 1px solid #CCC;
	float: left;
	margin-right: 20px;
}
fieldset#newApplication div#introduction h1 {
	color: #036;
	font-size: 24px;
	padding: 0;
	width: 380px;
}
fieldset#newApplication div#introduction h2 {
	color: #333;
	font-size: 15px;
	padding-bottom: 5px;
	width: 380px;
}
fieldset#newApplication div#introText {
	border-top: 1px solid #036;
}
fieldset#newApplication div#introduction p {
	margin: 7px 7px 7px 0;
	clear: none;
}
fieldset#newApplication div#introduction h4 {
	clear: both;
	width: 150px;
}
fieldset#newApplication div#introduction a {
	text-decoration: underline;
}
/* headings and paragraphs */

fieldset#newApplication fieldset h1, fieldset#newApplication fieldset h2, fieldset#newApplication fieldset h3, fieldset#newApplication fieldset p {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
fieldset#newApplication h1 {
	padding: 0 10px 0 0;
}
fieldset#newApplication h2 {
	color: #364C85;
	padding-bottom: 10px;
}
fieldset#newApplication h3 {
	text-align: center;
	clear: both;
	padding:0pt 0pt 10px;
}
fieldset#newApplication p {
	margin: 25px;
	clear: both;
	font-size: 12px;
}
fieldset#newApplication fieldset p {
	margin: 0;
	padding: 8px 0 4px;
}
fieldset#newApplication fieldset#otherIncome p, fieldset#newApplication fieldset#CAotherIncome p, fieldset#newApplication fieldset#optIn p {
	margin-top: 0;
}
p.required {
	text-align: center;
	margin-bottom: 0;
}
fieldset#newApplication fieldset#optIn {
	background-color: #FFC;
}
/* labels and spans */

fieldset#newApplication span.required {
	float: left;
}
fieldset#newApplication fieldset#accountInfo div#account_info label {
	width: 135px;
	margin: 0 0 5px 0;
}
fieldset#newApplication fieldset#billPay label {
	width: 500px;
	margin-left: 20px;
}
fieldset#newApplication .required, fieldset#newApplication .red {
	font-weight: bold;
}
fieldset#newApplication .radio label, fieldset#newApplication .radioWlabel label {
	width: auto;
	display: inline;
	float: none;
	;
	padding: 0;
}
fieldset#newApplication fieldset fieldset label, fieldset#newApplication fieldset fieldset .radiolabel {
	width: 275px;
}
fieldset#newApplication label, fieldset#newApplication .radiolabel, fieldset#newApplication .checklabel {
	display: block;
	text-align: right;
	float: left;
	padding-right: 25px;
	clear: both;
	font-size: 12px;
	margin-bottom: 10px;
}
fieldset#newApplication fieldset#newCustomer .radiolabel {
	margin-bottom: 0;
}
fieldset#newApplication .checklabel, fieldset#newApplication fieldset label, fieldset#newApplication fieldset .radiolabel {
	width: 300px;
}
fieldset#newApplication fieldset label {
	padding-top: 4px;
}
fieldset#newApplication fieldset#comments label {
	padding-top: 0;
}
fieldset#newApplication fieldset#jointSwitch label.dontMove {
	clear: none;
	text-align: left;
	width: auto;
	padding-top: 1px;
}
fieldset#newApplication fieldset#accountType label, fieldset#newApplication fieldset#atmcard label, fieldset#newApplication fieldset#optIn label {
	text-align: left;
	clear: none;
	padding-left: 15px;
	width: auto;
}
fieldset#newApplication fieldset#comments label {
	text-align: left;
}
fieldset#newApplication fieldset#accountInfo label, fieldset#newApplication fieldset#billPay label {
	width: auto;
	clear: none;
	text-align: left;
	margin-bottom: 20px;
	margin-right: 0;
	margin-left: 30px;
}
fieldset#newApplication fieldset#billPay label {
	margin-top: -15px;
}
fieldset#newApplication fieldset#accountInfo label {
	margin-top: -15px;
}
fieldset#newApplication fieldset#jointSwitch label {
	margin-bottom: 0;
	padding-top: 2px;
}
/* inputs */

fieldset#newApplication input.submitButton, fieldset#newApplication input.submitButton {
	float: none;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
fieldset#newApplication div.states select {
	width: 100px;
}
fieldset#newApplication input {
	width: 280px;
}
/* new DOB style rules */

fieldset#newApplication input.month {
	width: 80px;
	margin-right: 5px;
	display: inline;
}
fieldset#newApplication input.day {
	width: 80px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline;
}
fieldset#newApplication input.year {
	width: 81px;
	margin-left: 5px;
	display: inline;
}
fieldset#newApplication span.float {
	float: left;
}
/* end new DOB style rules */

fieldset#newApplication select {
	width: 284px;
}
fieldset#newApplication input, fieldset#newApplication select {
	display: block;
	float: left;
	margin-bottom: 10px;
}
fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#jointSwitch input, fieldset#newApplication fieldset#atmcard input, input#account_switch, fieldset#newApplication fieldset#billPay input, fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#optIn input {
	width: 1em;
}
fieldset#newApplication fieldset#accountInfo div#account_info input {
	width: 120px;
	margin-bottom: 5px;
	margin-right: 20px;
}
fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#billPay input {
	margin-bottom: 0;
}
fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#atmcard input, fieldset#newApplication fieldset#optIn input {
	clear: both;
}
fieldset#newApplication fieldset#jointSwitch input {
	margin-right: 15px;
	margin-bottom: -4px;
}
fieldset#newApplication div.radioWlabel {
	width: 250px;
	display: block;
	float: left;
	margin-bottom: 10px;
}
fieldset#newApplication div.radioWlabel {
	margin-left: -25px;
}
fieldset#newApplication .radio {
	margin: 0 25px 10px 300px;
	clear: both;
}
fieldset#newApplication fieldset fieldset .radio {
	margin-left: 275px;
}
fieldset#newApplication .radio input, fieldset#newApplication .radioWlabel input {
	width: 1em;
	float: none;
	display: inline;
	margin-bottom: -3px;
	margin-left: 25px;
}
fieldset#newApplication textarea {
	margin-left: 0;
	width: 650px;
}
fieldset#newApplication input#signed {
	float: none;
	clear: none;
	display: inline;
	width: 1em;
	margin: 0;
}
fieldset#newApplication input.required {
	color:#000;
	font-weight: normal;
}
fieldset#newApplication div.states select {
	width: 100px;
}
fieldset#newApplication input.submitButton {
	float: none;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
fieldset#newApplication #addSwitcher input#addressSwitch {
	width: 1em;
}
fieldset#newApplication #addSwitcher {
	clear: both;
}
fieldset#newApplication #addSwitcher label#addressLabel {
	clear: none;
	text-align: left;
	padding-left: 10px;
	width: 270px;
	padding-top: 1px;
}
/* divs and fieldsets and legends */

fieldset#newApplication {
	width: 748px;
	margin: 0 auto;
	line-height: normal;
	border: 0 none;
}
fieldset#newApplication fieldset, fieldset#newApplication fieldset {
	margin: 25px;
	padding: 25px 0 25px 25px;
	border: 1px solid #CCC;
}
#accountTypeLeft, #accountTypeRight {
	width: 320px;
	float: left;
}
fieldset#newApplication legend {
	font-size: 14px;
	margin-bottom: 0px;
}
fieldset#newApplication fieldset {
	margin: 25px;
	padding: 20px;
	border: 1px solid #CCC;
	clear: both;
}
fieldset#newApplication fieldset fieldset {
	margin: 25px 0;
}
/*======== Contact Us ===============================================================================*/

#contactUs {
	margin-top: -5px;
}
#contactUs legend {
	color: #333;
	font-weight: bold;
}
#contactUs fieldset {
	border:1px solid #CCCCCC;
	padding:20px 10px 10px;
	width:520px;
}
#contactUs fieldset fieldset {
	border: 0 none;
	padding: 0 0 10px 0;
}
#contactUs form {
	font-size: 12px;
}
#contactUs label {
	float: left;
	padding-bottom: 10px;
	padding-right: 25px;
	width: 186px;
	text-align: right;
}
#contactUs input, #contactUs textarea {
	float: left;
	margin-bottom: 10px;
	width: 290px;
}
#contactUs input.submitButton {
	float: none;
	margin: 0 0 0 209px;
	padding: 5px;
	width: auto;
}
#contactUs input#STAFsubmit {
	float: none;
	margin: 25px 0 0 280px;
	padding: 5px;
	width: auto;
}
#contactUs textarea {
	height: 100px;
}
#contactUs #personalInformation {
	margin-bottom: 10px;
}
#contactUs #friendsToEmail {
	margin-top: 10px;
}
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index:10;
	left: 0;
	width: 100%;
}
.geckoShadow {
	background-color: none;
	background:transparent url(data:image/png;base64,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);
}
.nonGeckoShadow {
	background-color: #000000;
}
#lbHeader {
	text-align: right;
	border: 0;
}
#lbHeader a {
	color: #ffffff;
	font-size: 20px;
}
#lbFrame {
	position: absolute;
	z-index:10;
	left: 50%;
	padding: 0;
	border: 0;
	overflow: hidden;
	border: 0 none;
	background-color: transparent;
}
body.popup {
	background: #FFF;
	border: 0 none;
}
.popup p {
	margin: 10px;
}
#lbIframe {
	border: 0 none;
	padding: 0;
	border: 0;
	overflow: hidden;
	background-color: #FFF;
}
#siteAlertText {
	margin-right: 0 !important;
}

/*===============*/

/* Overdraft Opt In Styling */

div#overdraft {
	padding: 10px 25px;
	margin-left: 0;
	width: 94%;
}
div#overdraft span, div#overdraft p {
	font-size: 13px;
}
#overdraft #overdraftInformation, #overdraft #overdraftForm, #overdraft #overdraftAltOptions {
	margin: 0 0 20px;
}
#overdraft #overdraftInformation h2.pageHeading, #overdraft #overdraftForm h2.pageHeading, #overdraft #overdraftAltOptions h2.pageHeading {
	padding: 20px 0 5px;
	height: 25px;
	border-bottom: 1px solid #ccc;
	color: #003F7E; /* bank specific */
	font:bold 16px Georgia,"Times New Roman",Times,serif;
	width: 100%;
}
#overdraft h2 {
	padding: 5px 0;
	color: #003F7E; /* bank specific */
	font:bold 14px Georgia,"Times New Roman",Times,serif;
	width: 100%;
}
#overdraft #overdraftForm #newApplication {
	background: none;
}
#overdraft #overdraftForm form {
	padding: 0 0 10px 0;
}
#overdraft fieldset#newApplication .eSignCheckbox {
	width: auto;
	margin:20px 15px 0;
}
#overdraft fieldset#newApplication .eSignCheckbox.indented {
	width: auto;
	margin:0 0 0 40px;
}
#overdraft fieldset#newApplication .optAccounts {
	margin: 0 0 0 25px;
}
#overdraft fieldset#newApplication .eSignCheckbox input {
	clear: both;
	float: left;
	margin: 0 10px 0 0;
	width: 15px !important;
}
#overdraft fieldset#newApplication .eSignCheckbox span {
	display: inline-block;
	margin: 0 0 10px;
	width: 90%;
}
#overdraft #overdraftLeft {
	float: left;
	padding-top:20px;
	width: 275px;
	display: inline;
}
#overdraft #overdraftRight {
	float: left;
	width: 425px;
	display: inline;
	padding: 0 0 0 20px;
}
#overdraft #overdraftRight span.redText {
	color: #700;
}
#overdraft fieldset#newApplication #overdraftLeft input, #overdraft fieldset#newApplication #overdraftRight input {
	width: 140px;
}
#overdraft fieldset#newApplication #overdraftRight .radioWlabel {
	width: 400px;
	margin: 10px 0 0;
}
#overdraft fieldset#newApplication #overdraftRight .radioWlabel input {
	clear:both;
	float:left;
	margin:2px 10px 0 0;
	width:10px;
}
#overdraftRight .radioWlabel span {
	display:block;
	float:left;
	margin:0 0 10px;
	width:350px;
}
#overdraft fieldset#newApplication #overdraftLeft label, #overdraft fieldset#newApplication #overdraftRight label {
	width: 110px;
	padding-right: 15px;
}
#overdraft #overdraftAltOptions ul {
	margin: 10px 0;
}
#overdraft #overdraftAltOptions ul li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0 13px 0 0; /* bank specific */
	padding: 0;
	width: 223px; /* bank specific */
	height: 185px;
	border: 1px solid #ccc;
}
#overdraft #overdraftAltOptions ul li.right {
	margin: 0;
}
#overdraft #overdraftAltOptions h4 {
	background: url(/custom/suttonbank/image/overdraft_fade.png) bottom left repeat-x #F6F6F6; /* bank specific */
	color:#000000; /* bank specific */
	margin:0;
	padding:8px;
	font-size: 14px;
}
#overdraft p {
	padding: 0;
	margin: 10px 0;
	width: auto;
	line-height: 15px;
}
#overdraft #overdraftForm p {
	margin: 15px 0;
	padding: 0 20px;
	width: auto;
	line-height: 15px;
}
#overdraft #overdraftAltOptions p {
	padding: 8px 10px;
	margin: 0;
	width: auto;
	line-height: 15px;
}
#overdraft #overdraftAltOptions p.zeroPaddingParagraph {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#optIn { 
	position:relative;
	bottom:135px;
	float:right;
	left:190px;
}
#optIn2 { 
	position:absolute;
	bottom:15px;
	right:340px;
}