@charset "utf-8";
/* CSS Document */
/* generic properties */
body {
background:#dddddd url("../images/bg_all.gif") repeat-x;
/* layout styles */
margin: 0 auto;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#555;
overflow:visible;
line-height:1.3;
}


sup {
font-size:8.5px;
padding-top:1px;
}


a {
text-decoration:none;
}

a:hover  {
}

form {
margin:0;
padding:0;
}

#closepage {
background:url("../images/btn_closepage.gif") no-repeat left;
background-position:0px 12px;
float:right;
padding-top:10px;
padding-left:16px;
}

/* */

#container {
margin: 0px auto;
width:940px;

}

#landing {
display:block;
margin:0px;
padding:0px 10px 0px 10px;
width:920px;
background:#fff url("../images/bg_side2.gif") repeat-y;
border-collapse:collapse;
border-left:2px solid #eee;
border-right:2px solid #eee;
min-height:800px;
}

* html #landing {
height:800px;
}

#header {
background: url("../images/img_logo_scbbar.gif") no-repeat right top;
height:70px;
xborder:1px solid #f00f00;
}

#topRight,#internet {
padding-top:6px;
}

#internet {
padding-top:35px;
}


#top_link {
color:#808080;
font-size: 11px;
text-align: right;
padding-top:20px;
font-weight:bold;
}
 
#top_link a { 
font-size: 11px;
color:#808080;
text-decoration: none;
}
 
#top_link a:hover { 
color: #86c533;
}

#logo {
text-align:center;
width:170px;
padding-top:5px;
float:left;
} 

/* left stuff */
#leftnav {
float:left;
display:block;
width:170px;
xheight:100%;
xborder:1px solid #ddd111;
}

#intlogin{
display:block;
position:relative;
width:170px;
height:169px;
background:url("../images/bg_intlogin.gif") repeat-x;
}

#intlogin div {
font-size:11px;
color:#fff;
}

#intlogin2 {
float:right;
width:7px;
height:169px;
background: #fff url("../images/bg_intlogin2.gif") no-repeat top right;
}

#login_pic {
float:left;
width:77px;
height:20px;
background: #fff url("../images/login_pic.gif") no-repeat top center;
}

#ob_line1 {
float:center;
width:154px;
height:3px;
padding: 0px 0px 0px 0px;
background: #fff url("../images/ob_line1.gif") no-repeat;
}

#ob_line2 {
float:center;
width:154px;
height:3px;
padding: 0px 0px 0px 0px;
background: #fff url("../images/ob_line2.gif") no-repeat;
}





/*#leftsub { margin-left:10px; margin-bottom:5px;}
#leftsub a { padding: 0px 0px; font-size:11px; color:#ffffff; text-decoration:none; text-align:left; font-weight:normal;}
#leftsub a:hover { color:#04729e; text-decoration:underline; font-weight:normal;}
}*/


#leftnavi { }
#leftnavi a { font-size:11px; color:#ffffff; text-decoration:none; text-align:left; font-weight:normal;}
#leftnavi a:hover { color:#ffffff; text-decoration:underline; font-weight:normal;}


/* END left stuff */

/* START search stuff */
#topRight_login {
float:right;
}


#search input, #search .input  {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:1px;
padding-left:2px;
color:#808080;
background:#fff;
border:1px solid #808080;
}

*html #search input, #search .input {
margin-left:0px;
}




/* infoNav */
#infoNav, #rates, #downloads {
margin-top:5px;
width:170px;
font-size:11px;
}

/* END search stuff */

div.infoNav {
	font-family: Arial, sans-serif;
	font-size: 11px;
	height:auto;
	padding-bottom: 13px;
	background: url("../images/bg_infoNav_btm.gif") no-repeat  right bottom;
}

div.infoNav div {
	background: url("../images/bg_infoNav1.gif") repeat-x;
	overflow: hidden;
}

div.infoNav_top {
	margin-top:8px;
	color:#fff;
	width:170px;
	height:22px;
	background:#000 url("../images/bg_infoNav_hdr.gif") no-repeat;
}

div.infoNav_top div {
padding: 3px 0px 0px 8px;
}

div.infoNav div:first-child {
	background: url("../images/bg_infoNav1.gif") no-repeat;
}
div.infoNav div.collapsed {
	height: 20px;
}
div.infoNav div span {
	display: block;
	height:20px;
	padding: 0px 20px;
	color: white;
	background:url("../images/bullet_infoNav_expanded.gif") no-repeat;
	background-position: 8px 5px;
	cursor:default;
}

div.infoNav div span span.hdr {
	padding: 3px 0px;
	height:auto;
	background:none;
}

div.infoNav div.collapsed span {
	background-image: url("../images/bullet_infoNav_collapsed.gif");
}
div.infoNav div a {
	text-decoration: none;
	padding: 0px 25px;
	background: #eee url("../images/bullet_infoNav_sub.gif") no-repeat;
	background-position:15px 2px;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #808080;
}
div.infoNav div a.current {
	background : #ccc;
}

div.infoNav div a.inactive, div.infoNav div a.inactive:hover {
color:#bbb;
	background : #eee;
}

div.infoNav div a:hover {
	background: #808080 url("../images/bullet_infoNav_sub2.gif") no-repeat;
	background-position:15px 2px;
	color: #fff;
	text-decoration: none;
}
/* END infoNav */


/* rates */
#rates {
color:#808080;
background:#d8e2ee url("../images/bg_rates1.gif") repeat-y right;
}

#rates div, #rates span {
font-size:10px;
line-height:1.0;
}

#rates div {
padding-top:12px;
padding-left:10px;
}

#rates span.header {
font-size:12px;
font-weight:bold;
line-height:1.2;
color:#0091cb;
padding-left:0px;
}

#rates td.tdborder {
padding-left:4px;
height:15px;
border-left:1px dotted #808080;
}

#rates td {
border-bottom:1px dotted #808080;
}

#rates div.hdr {
font-size:11px;
color:#fff;
padding: 5px 0px 0px 10px;
height:26px;
background: url("../images/bg_rates_hdr.gif") no-repeat;
}

#rates div.bottom {
color:#fff;
padding: 0px 0px 0px 10px;
height:13px;
background:#fff url("../images/bg_rates2.gif") no-repeat;
}

#rates .input {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#808080;
margin-top:5px;
background:#e1e9f3;
border:1px solid #bfc6cf;
}
/* END rates */

/* category_promo */
.category_promo {
background:#e5e5e5 url("../images/bg_catpromo1.gif") no-repeat top right;
display:block;
height:100px;
padding:7px 0px 0px 0px;
margin-bottom:7px;;
}

.category_promo div.bottom {
margin-top:-4px;
background:#E5E5E5 url("../images/bg_catpromo2.gif") no-repeat bottom right;
height:10px;
}
/* END category_promo */

/* downloads */
#downloads {
color:#808080;
background:#d0e7f6 url("../images/bg_downloads1.gif") repeat-y right;
}

#downloads div.top {
color:#fff;
background: url("../images/bg_downloads_hdr.gif") no-repeat;
padding:4px 0px 0px 8px;
margin:0px;
height:22px;
}

#downloads div.bottom {
color:#fff;
height:12px;
background:url("../images/bg_downloads2.gif") no-repeat;
}

#downloads ul {
list-style-type:none;
margin:0px;
padding:3px;
background:none;
}

#downloads ul li {
line-height:1.3;
background:url("../images/bullet_sitemap.gif") no-repeat;
background-position:4px 2px;
padding-left:15px;
padding-right:5px;
height:auto;
display:block;
}
/* END downloads


/* border love */
#border_top {
display:block;
margin:0px 5px 0px 5px;
width:810px;
height:5px;
background:#fff url("../images/bg_top.gif") repeat-x;
}

#border_bottom {
display:block;
margin:0px 5px 0px 5px;
width:810px;
height:5px;
background:url("../images/bg_bottom.gif") repeat-x;
}
/* END border love */


#header_bottom {
margin:0px;
height:20px;
width:920px;
background:#fff url("../images/bg_shadow.gif") repeat-x;
}

/* footer */
#footer {
font-size:11px;
clear:both;
display:block;
min-height:160px;
color:#aaa;
margin:40px 0px 0px 0px;
width:920px;
}

*html #footer {
margin-bottom:20px;
}

#footer p, #footer span {
padding:0px 12px 0px 20px;
}

#footer span.copyright {
font-size:11px;
color:#808080;
}

#footer a {
color:#808080;
}


#footer_nav {
padding-left:8px;
margin-bottom:10px;
font-size:11px;
height:40px;
background:#fff url("../images/bg_footernav.gif") repeat-x;
}

#footer_nav ul {
list-style-type:none;
display:inline;
}

#footer_nav li{
float:left;
padding:12px 22px 0px 20px;
}

#footer_nav a {
color:#666;
text-decoration:none;
}
/* END footer */

/* for pages without left/top navigation */
#content2 {
margin:10px 0px 0px 0px;
padding:0px 12px 0px 20px;
font-size:12px;
}



/* rightcontent */
#content {
width:920px;
min-height:500px;
height:100%;
display:block;
background:#fff;
}

#rightcontent, #goodday, #promos, #sitemap {
width:740px;
margin:0px;
padding:0px;
}

#rightcontent { 
float:right;
display:block;
position:relative;
min-height:350px;
margin-left:0px;
height:auto;

}

#goodday {
display:block;
padding:12px 0px 0px 0px;
height:30px;

}

#goodday span {
font-weight:bold;
color:#037ba9;
font-size:14px;
}

#goodday .input, .categoryContent .input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#808080;
margin-left:5px;
margin-top:0px;
background:#fff;
border:1px solid #bfc6cf;
}

#intlogin .input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-left:5px;
margin-top:0px;
background:#fff;
border:1px solid #bfc6cf;
}

#promos {
height:95px;
background:#fff url("../images/bg_promos.gif") repeat-y;
}

#promos div.banners {
padding:0px 0px 0px 5px;
margin:0px;
float:left;
height:80px;
}

#promos div.top, #promos div.bottom {
width:740px;
height:9px;
}

#promos div.top {
background:#fff url("../images/bg_promos_top.gif") no-repeat;
background-position:bottom;
}

#promos div.bottom {
clear:both;
background:#fff url("../images/bg_promos_btm.gif") no-repeat;
}

#sitemap {
padding-top:20px;
margin-bottom:25px;
color:#838383;
}

#sitemap span.hdr {
color:#808080;
font-size:16px;
}

#sitemap span.inactive {
color:#b0b0b0;
}

#sitemap div.links {
width:210px;
height:100%;
margin-right:2px;
display:block;
float:left;
font-size:11px;
padding-top:15px;
}

#sitemap div.links ul, .categoryContent ul.prodList  {
margin-top:2px;
margin-left:0px;
padding-left:0px;
list-style-type:none;
}

#sitemap td.border {
border-left:1px dotted #c0c0c0;
padding-left:15px;
}

#sitemap div.links li, .categoryContent ul.prodList  li {
background: url("../images/bullet_sitemap.gif") no-repeat left center;
padding-left:10px;
background-position: 0% 2px;
}

#sitemap div.divider{
clear:both;
border-bottom:1px dotted #c0c0c0
}

#sitemap span.section {
color:#50b6e2;
font-size:13px;
font-weight:bold
}

#sitemap a, .categoryContent ul.prodList a  {
text-decoration:none;
color:#808080;
}

#sitemap span.section a {
color:#50b6e2;
}

#sitemap a:hover,.categoryContent ul.prodList a:hover, .categoryContent div.prodName a:hover  {
color:#8eb6d5;
}


/* END rightcontent */

/* top nav */
#topnav {
width:740px;
}

#topnav {
height:35px;
background:url("../images/bg_topnav1b.gif") repeat-x;
z-index:3;
}


#topnav div.top {
width:9px;
height:35px;
float:left;
background:#fff url("../images/bg_topnav1a.gif") no-repeat;
}

#topnav ul {
color:#8eb6d5;
font-size:15px;
font-weight:bold;
list-style-type:none;
display:inline;
margin:0;
}

#topnav li {
background:url("../images/div_topnav.gif") no-repeat right 14px;
float:left;
padding:8px 17px 5px 17px;
}

#topnav li.pb {
padding-left:10px;
color:#fff;
}

#topnav li span {
font-weight:bold;
}

#topnav a {
color:#8eb6d5;
}

#topnav a:hover {
color:#fff;
}

/*
#topnav2 {
height:26px;
background:#fff url("../images/bg_topnav2.gif") repeat-x;
clear:both;
display:block;
z-index:2;
}

#topnav2 ul {
color:#fff;
font-size:12px;
font-weight:bold;
list-style-type:none;
display:inline;
margin:0;
}

#topnav2 li {
background:url("../images/div_topnav.gif") no-repeat right;
float:left;
padding:5px 16px 5px 17px;
}

#topnav2 a {
color:#92cceb
}

#topnav2 a:hover {
color:#fff;
}
*/

#topnav2 {
width:740px;
height:26px;
background:#fff url("../images/bg_topnav2.gif") repeat-x;
clear:both;
display:block;
z-index:2;
margin:0px;
}

#topnav2 ul {
color:#fff;
font-size:12px;
font-weight:bold;
list-style-type:none;
display:inline;
margin:0px;
}

#topnav2 li {
background:url("../images/div_topnav.gif") no-repeat right;
float:left;
padding:5px 16px 0px 17px;
}

#topnav2 ul a {color:#92cceb;}
#topnav2 ul li a:hover {color:#fff; background: url("../images/spacer.gif") repeat;}
#topnav2 ul li div a {color:#fff;}
#topnav2 ul li div a:hover {color:#cff2ff;}
#topnav2 img {	border:none;}
#topnav2 ul li div {visibility:hidden;}
#topnav2 ul li:hover div {visibility:visible;}
#topnav2 ul a:hover div {visibility:visible;}
/* end navigation sub menu */

#flashcontent {
clear:both;
z-index:1;
}

#flashcontent_sub {
overflow:hidden;
height:200px;
}

#flashcontent {
overflow:hidden;
height:330px;
}

/* END top nav */

/* category properties */
#category {
padding:0px;
margin:0px;
margin-top:10px;
}

#category div.selectHdr, #category div.sectionHdr, #appHdr div.sectionHdr {
background:#fff url("../images/bg_cat_hdr.gif") repeat-x;
padding:10px 0px 0px 12px;
height:34px;
}

#category div.selectHdr {
color:#999;
font-size:16px;
}

#category div.selectHdr span {
color:#a6a6a6;
}

#category div.sectionHdr, #appHdr div.sectionHdr {
color:#777;
font-weight:bold;
font-size:18px;
}

.categoryContent, #appForm {
font-size:12px;
padding:0px 10px 30px 10px;
}

.categoryContent div.prodIntro, .categoryContent div.prodInfo, #appForm div.appInfo {
padding-top:0px;
font-size:12px;
}

#appForm div.appInfo {
width:870px;
float:left;
padding:0px 0px 0px 15px;
}

.categoryContent #nextSteps, #appForm #nextSteps,#progressBar #nextSteps {
padding:0px;
margin-left:30px;
width:167px;
background:url("../images/bg_nextsteps1.gif") repeat-y top left;
font-size:12px;
font-weight:bold;
}

.categoryContent #nextSteps div.top, #appForm #nextSteps div.top, #progressBar #nextSteps div.top {
color:#fff;
height:22px;
margin:0px;
padding:1px 0px 0px 5px;
background:#fff url("../images/bg_nextsteps_hdr.gif") no-repeat top left;
}

.categoryContent #nextSteps div.bottom, #appForm #nextSteps div.bottom, #progressBar #nextSteps div.bottom {
background:#fff url("../images/bg_nextsteps2.gif") no-repeat top left;
height:7px;
}

.categoryContent #nextSteps table {
padding:0px;
margin-top:5px;
margin-left:10px;
}

.categoryContent #nextSteps td{
padding:0px;
}

.categoryContent #nextSteps a{
text-decoration:none;
}


.categoryContent div.prodName, .categoryContent span.prodName {
font-size:12px;
color:#4a739a;
font-weight:bold;
padding:5px 8px 0px 0px;
}

.categoryContent div.prodName a {
text-decoration:none;
}




.categoryContent div.singleCol {
padding:0px 0px 20px 0px;
}

.categoryContent div.singleCol div {
padding:5px 0px 15px 0px;
}

.categoryContent div.singleCol table.content {
border-color: gray;
border-collapse: collapse;
margin-top:10px;
}

.categoryContent div.singleCol table.content span.subHdr, .categoryContent table.tableGrey span.subHdr {
color:#50b6e2;
font-weight:bold;
}

.categoryContent div.singleCol table.content td {
padding:5px;
border:1px solid #ccc;
}


.categoryContent table {
border-collapse: collapse;
margin-top:0px;
}

.categoryContent td {
padding:0px 5px 15px 0px;
}

.categoryContent table tr.trHdr td {
background:#3784ac url("../images/bg_content_trHdr.gif") repeat-x top;
}

.categoryContent td.tdProduct_4items {
text-align:center;
width:170px;
}

.categoryContent td.tdProduct_3items {
text-align:center;
width:230px;
}

.categoryContent td.tdProduct_textlisting {
text-align:left;
}

.categoryContent table.tableGrey {
width:706px;
padding:0px;
margin:0px;
margin-top:10px;
}

.categoryContent table.tableGrey td {
background:#eff5e9;
padding:0px 12px 18px 25px;
}

.categoryContent ul, .categoryContent ol, #content2 ol, #content2 ul {
margin:0px 0px 0px 5px;
padding:0px;
list-style-type:none;

}

.categoryContent ol, #content2 ol {
padding-left:15px;
list-style-position:outside;
list-style-type:decimal;
}

.categoryContent ul li {
background:url("../images/bullet_generic.gif") no-repeat;
background-position:0px 2px;
padding-left:15px;
margin:0;
display:block;
}

.categoryContent td.tdSpaceHorz, .categoryContent td.tdSpace {
border-top:1px dotted #c0c0c0;
padding:0px;
margin:0px;
height:0px;
}

.categoryContent table.tableGrey td.tdSpaceHorz {
height:15px;
}

.categoryContent td.tdSpace {
border:none;
height:15px;
}

.categoryContent td.tdSpaceVert {
border-left:1px dotted #c0c0c0;
margin:5px;
}

.categoryContent ul.prodList  { 
xpadding-left:10px;
padding-right:5px;
}


.categoryContent td.tdLearnMore {
text-align:left;
padding:5px 10px 5px 0px;
margin-top:0px;

}

.categoryContent td.tdHdr { 
padding:5px 0px 0px 0px;
font-size:12px;
font-weight:bold;
color:#fff;
}

.categoryContent td.tdHdr span.notes{ 
font-size:12px;
}

.categoryContent td.tdBlue {
background:#0295D2;
color:#fff;
}

.categoryContent div.extContent {
color:#666;
padding:8px;
margin:8px 0px 8px 0px;
display:none;
}

.categoryContent div.prodIntro span, .categoryContent div.prodInfo span, .categoryContent div.extContent span {
font-weight:bold;
}

.categoryContent div, #appForm div {
margin:0px;
padding:0px 12px 0px 0px;
}

.categoryContent div.subHdr,.categoryContent div.singleCol div.subHdr, #appForm div.subHdr,.categoryContent div.subHdr_titlecase {
border-top:1px dotted #ccc;
margin:0px;
margin-top:20px;
padding-top:10px;
padding-bottom:5px;
font-size:16px;
color:#777;
text-transform:lowercase;
}

.categoryContent div.subHdr_titlecase {
text-transform:none;
}

.categoryContent div.subHdr span, #appForm div.subHdr span {
font-weight:bold;
}

.categoryContent span.sectionHdr, .categoryContent span.sectionHdrBlue, .categoryContent span.sectionHdrGrey, .categoryContent span.tdTitle {
font-size:12px;
font-weight:bold;
}

.categoryContent span.sectionHdr span.noBold {
font-weight:normal;
}

.categoryContent table td.tdHdr span.tdTitle {
color:#fff;
}

.categoryContent span.sectionHdr {
color:#4a739a;
}

.categoryContent span.sectionHdrBlue {
color:#50b6e2;
}



.categoryContent span.sectionHdrGrey {
color:#808080;
}

.categoryContent span.tdTitle {
color:#8b8b8b;
font-weight:bold;
}

.categoryContent table.content span.sectionHdrBlue, .categoryContent table.content span.sectionHdrGrey, .categoryContent table.content span.tdTitle {
font-size:12px;
}

.categoryContent div.product_1item {
font-size:12px;
background:url("../images/bg_cat_1item.gif") repeat-y;
text-align:center;
padding:0px;
margin-top:10px;
width:720px;
}


.categoryContent div.product_1item table {
margin:3px;
margin-left:7px;
xwidth:700px;
}

*html .categoryContent div.product_1item table {
margin:0px;
margin-bottom:8px;
}

.categoryContent div.product_1item div.top {
background:url("../images/bg_cat_1item_hdr.gif") no-repeat;
height:4px;
xborder:1px solid #ccc;
 }
 
.categoryContent div.product_1item div.bottom {
background:#fff url("../images/bg_cat_1item_btm.gif") no-repeat;
height:4px;
padding-bottom:20px;
 }

.categoryContent div.footer, .categoryContent div.singleCol div.footer, #content2 div.footer {
padding-top:10px;
padding-bottom:0px;
margin:0;
font-size:9px;
}

.categoryContent div.prodInfo div.footer {
padding-top:40px;
}

.categoryContent a, #category a {
text-decoration:underline;
color:#1da3dd;
}

.categoryContent a:hover, #category a:hover {
color:#333;
}

a.readmore:link, a.readmore:active, a.readmore:visited, a.readmore:hover {
text-decoration:underline;
color:#1da3dd;
padding:0px 0px 0px 0px;
height:18px;
xbackground-position:right 1.5px ;
}

a.readmore img {
text-decoration:none;
}


img.chart {
border:5px solid #d8dcd9;
}

img.padded {
padding:3px 8px 3px 8px;
}

/* END category properties */

/* for current page indication */
body#deposits li#deposits a, body#credit-cards li#credit-cards a, body#personal-loans li#personal-loans a, body#mortgages li#mortgages a, body#investing li#investing a, body#insurance li#insurance a, body#specialist-banking li#specialist-banking a, body a#personal-banking {
color:#fff;
}


/* tooltips */
a.tooltips:hover {
position: relative;
}

a.tooltips:hover span {
color:#333;
display: block;
position: absolute;
top: 18px; 
left:18px;
padding: 5px; 
margin:0px; 
z-index: 100;
background: #c8deed; 
width:110px;
border: 1px dotted #77a8d0;
opacity:0.9;
z-index:100;
}

a.tooltips span {
display:none;
}

/* START styles exclusive to appform */
#appForm {
height:auto;
overflow:auto;
}

#appForm #selectedCard, #appForm #otherCards, #appForm #cardForm {
padding:15px;
width:870px;
display:block;
}

#progressBar {
margin-top:25px;
}


#appForm div.status {
float:left;
border:1px solid #000;
}



#appForm #cardForm {
width:600px;
float:left;
}

#appForm #otherCards { 
min-height:200px;
height:200px;
}

#appForm #selectedCard div.cardInfo {
padding-top:10px;
display:block;
float:left;
width:250px;
}

#appForm .cardImg {
padding-top:10px;
}

#appForm span.cardName, #appForm span.cardUSP {
display:block;
font-size:14px;
font-weight:bold;
color:#808080;
}

#appForm span.cardUSP {
font-size:12px;
color:#a0a0a0;
}

#appForm span.cardApply {
display:block;
color:#50b6e2;
font-weight:bold;
}

#appForm #otherCards div {
padding-left:15px;
float:left;
border-right:1px dotted #c0c0c0;
width:145px;
}

#appForm #otherCards span.cardName, #appForm #otherCards span.cardUSP   {
font-size:11px;
}


#appForm #cardForm div.info {

font-size:12px;
color:#808080;
border-bottom:1px dotted #c0c0c0;
padding-bottom:15px;
padding-top:15px;
}

#appForm #cardForm div.info span.hdr {
background:url("../images/bullet_sitemap.gif") no-repeat;
background-position:2px 3px;
padding-left:15px;
font-weight:bold;
}

#appForm #cardForm div.row  {
padding-top:5px;
clear:both;
}

#appForm #cardForm div.row span.formLabel {
padding-left:15px;
float:left;
width:250px;
}

#appForm #cardForm div.row span.formField {
line-height:1.8;
float:left;
padding-left:25px;
}

#appForm .clear {
clear:both;
}

#appForm .input {
color:#666;
font-size:11px;
border:1px solid #c0c0c0;
background:#fff;
}


#appForm #nextSteps, #progressBar #nextSteps {
width:175px;
float:right;
margin-top:30px;
}

#progressBar #nextSteps { 
margin-top:0px;}

#appForm #nextSteps div.callText, #progressBar #nextSteps div.callText{
font-weight:normal;
padding:8px;
}

/* END styles exclusive to appform */



/* ========= This section is part of the top of basic.css file ============ */
/* ==== You can remove this section once you have linked the basic.css ==== */


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul, ol { list-style: none; }
fieldset, img { border: none;}
body { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

h1 { font-weight:bold; font-size:20px; color:#86c533; margin:10px 0px 20px 0px;}
h2 { font-weight:bold; font-size:16px; color:#808080; margin:15px 0px 15px 0px;}
h3 { font-weight:bold; font-size:12px; color:#333333; margin:15px 0px 15px 0px;}
h4 { font-weight:bold; font-size:11px; color:#808080; margin:15px 0px 15px 0px;}
h5 { font-weight:bold; font-size:14px; color:#005d9a; margin:15px 0px 15px 0px;}
h6 { font-weight:bold; font-size:12px; color:#005d9a; margin:10px 0px 0px 0px;}

p { margin-top:10px; margin-bottom: 20px; line-height:140%;}

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





/* ======= This section is part of the middle of basic.css file =========== */
/* ======= Please replace all these tags with this current one  =========== */

#leftsub { width:150px; float:left; background-image:url(/images/left-bg-ibanking.gif); background-repeat: repeat-y;}
#leftsub #selectarealeftsub { padding: 8px 0px; text-align:left; width:150px;-width:130px;}
#leftsub select { color:#808080; font-size:12px; border:1px solid #d3d3d3; width:135px;}
#leftsub #txtleftsub { margin: 10px 5px 0px 10px; font-size:11px; font-weight:bold; color:#808080; }
#leftsub #btmleftsub { width:150px; background-image:url(../images/left-btm-ibanking.gif); background-position: bottom; background-repeat:no-repeat; height:15px; padding-top:0px;}
#leftsub #gobtn { width:140px; padding-bottom:5px; text-align:right;}

#leftsub a#go { background-image: url(/images/left-go-ibanking.gif); width:50px; height:17px; display: block; margin-left:90px;}
#leftsub a#go:hover { background-image: url(/images/left-go-ibanking-ov.gif); width:50px; height:17px;}
#leftsub ul { margin:5px; padding:0;}
#leftsub ul li { margin-left:10px; margin-bottom:2px;}
#leftsub ul li a { padding: 0px 0px; font-size:11px; line-height:11px; color:#04729e; text-decoration:none; text-align:left; font-weight:normal;}
#leftsub ul li a:hover { color:#04729e; text-decoration:underline; font-weight:normal;}


#leftsub #btmleftsubtitle #internal {
	padding:0px 0px 0px 18px;
}

#leftsub  div#titleleftsub{
	width:170px; 
	background-image:url(../images/left-title-ibanking-blank.gif); 
	background-repeat:no-repeat;
	height:25px;
	margin-bottom: 0px;
}

#leftsub #btmleftsub {
	width:170px;
	background-image:url(../images/left-btm-ibanking.gif);
	background-position: bottom; background-repeat:no-repeat;
	height:15px;
	padding-top:0px;
}

#titleleftsub p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin:0px;
	padding:5px 0px 0px 0px;
}
/* ======================================================================== */




















#loginBox{
	background-image:url(../images/left-title-ibanking-blank.gif); 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin:0px;
	height: 19px;
	padding: 6px 0px 0px 5px;
	overflow: hidden;
}

.radioCheckButton{	
	width: 14px;
	margin: 0 !important;
}
html* .radioCheckButton{
	height: 14px;
	margin-top: -16px !important;
}

.loginFormBox{
	padding: 8px 0 0 11px;
}

.loginLabel{
	margin: 3px 0 0 0;
}

.loginFormList{
	margin: 3px 0 0 6px;
}

#leftsub{
	width: 150px;
	margin-bottom: 10px;
}

#leftsub #btmleftsubtitle {
	background: transparent url(../images/lhs_internet_bkg_bg.gif) repeat-y scroll 0 0;
	color:#005d9a;
	font-size:12px;
	font-weight:normal;
	padding:0px 0px 0px 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8BBC3F;
	background-color: #F4F6E9;
	width: 160px;
}


#leftsub #btmleftsub {
	background-image:url(../images/left-btm-ibanking.gif);
	background-position: bottom; background-repeat:no-repeat;
	height:15px;
	padding-top:0px;
}






/* ======= This section can be added to the bottom of any css file ======== */
/* =================== Just make sure to link it  ========================= */

#eStatementLink {
	width: 100px;
	margin-top: 6px;
	margin-left: 13px;
	margin-right: auto;
}

a.bt-login{
	background:url(../images/bt-login.gif) no-repeat;
	width:60px;
	height:18px;
	margin:3px 2px 3px 4px;
	padding:0px;
	display:block;
	float:left;
}

a.bt-login:hover{
	background:url(../images/bt-login-ov2.gif) no-repeat;
	width:60px;
	height:18px;
	margin:3px 2px 3px 4px;
	padding:0px;
	display:block;
	float:left;
}

a.bt-login-large{
	background:url(../images/bt-login-large.gif) no-repeat;
	width:90px;
	height:18px;
	margin:3px 2px 3px 1px;
	padding:0px;
	display:inline-block;
}

a.bt-login-large:hover{
	background:url(../images/bt-login-ov2-large.gif) no-repeat;
}

a.bt-register{
	background:url(../images/bt-register.gif) no-repeat;
	width:60px;
	height:18px;
	margin:3px 0px;
	padding:0px;
	display:block;
	float:left;
}
a.bt-register:hover{
	background:url(../images/bt-register-ov2.gif) no-repeat;
	width:60px;
	height:18px;
	padding:0px;
	display:block;
	float:left;
}

#btmleftsubtitle input{
	margin-top:5px;
	margin-left:8px;
}

#btmleftsubtitle label.lb-blue{
	margin-left:3px;
	vertical-align: 17%;
	color:#2374A5;
}


html* #btmleftsubtitle label.lb-blue{
	margin-left:3px;
	vertical-align: 2%;
	color:#2374A5;
}

#btmleftsubtitle a label.lb-blue:hover{
	margin-left:3px;
	color:#2374A5;
        text-decoration:underline;
}

#btmleftsubtitle label.lb-green{
	margin-left:3px;
	color:#88b53f;
	vertical-align: 25%;
	font-size:90%;
}

#btmleftsubtitle label.lb-green{
	vertical-align: 2%;
}

span.a-sub{
	font-size:90%;
	display:inline-block;
	text-align:center;
	margin:5px 5px;
	line-height: 13px;
}

span.line-green{
	color:#88b53f;
}

#boxLoginLinks a:link, #boxLoginLinks a:visited {
	color: #005d9a !important;
}

#eStatementLink a:link, #eStatementLink a:visited {
	color: #005d9a !important;
}