/* Waterloo - layout.css */

.ignoreThis {
	position: absolute;
	top: 30px;
	left: 40px;
	color: #fff;
}

*, ul, ol, li {
	margin: 0;
	padding: 0;
}

body {
	background-color: #610B00;
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif;
}

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

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 13px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 11px;
}

p {
	line-height: 1.4em;
}

h1 a, h2 a, h3 a, h4 a {
	color: #333;
}

a img {
	border: 0 none;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}
a:active {
	outline: none;
}
ul li {
	list-style-type: none;
	list-style-position: outside;
}

input {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}
/*====== Header =======================================================================================*/

#curtain {
	background: url(/custom/statebankwaterloo/image/header-bg.png) repeat-x;
}

#header {
	position: relative;
	height: 170px;
	width: 900px;
	z-index: 1000;
	background: url(/custom/statebankwaterloo/image/header-bg-logo-new.png) no-repeat -66px 0;
}
#logo a {
	width: 97px;
	height: 120px;
	position: absolute;
	left: 116px;
	top: 24px;
}
#logo h1 {
	text-indent: -3000px;
	margin: 0;
	padding: 0;
	width: 97px;
	height: 120px;
	white-space: nowrap;
}
#ultraTopNav {
	position: absolute;
	right: 226px;
	top: 18px;
}
#ultraTopNav li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#ultraTopNav li.lastChild {
	border-right: 0 none;
}
#ultraTopNav li a {
	color: #fff;
	font-size: 11px;
}
#ultraTopNav li a:hover {
	text-decoration: underline;
}
.textSize {
	position: absolute;
	top: 12px;
	right: 184px;
	height: 15px;
}
.textSize h2 {
	display: none;
}
.textSize img {
	float: left;
}
#searchForm {
	position: absolute;
	height: 19px;
	width: 136px;
	right: 40px;
	top: 13px;
}
#searchForm input#roi_input {
	position: absolute;
	top: 0;
	left: 0;
	border: 0 none;
	padding: 2px 5px;
	width: 119px;
	height: 15px;
	background-image: url("/custom/statebankwaterloo/image/search-bg.png");
}
#searchForm input#searchButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 19px;
}
/*#primaryNav {
	width: 510px;
	position: absolute;
	bottom: 0;
	right: 150px;
}
#primaryNav li {
	float: left;
	display: inline;
}
#primaryNav a {
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#primaryNav a:hover, #primaryNav a.inPath {
	color: #009;
}*

/*Drop Down Jquery for primaryNav */

#leftColumn {
	width: 150px;
}
ul#leftNav {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
	color: #999;
    background-color: #fff;
}
ul.nthTier-2 {
	display:none;
}
ul.nthTier-2 li h3 a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
ul.nthTier-2 li h3 a:hover {
  color: #000000;
  text-decoration:underline;
}
#onlineBanking {
	position: absolute;
	left: 486px;
	top: 42px;
}

/*====== Footer =======================================================================================*/

#footer {
	position: relative;
	clear: both;
	margin-top: 10px;
	font-size: 10px;
	color: #FFF2B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer #firstROI {
	position: absolute;
	top: 10px;
	left: 6px;
}

#footer #eh {
	position: absolute;
	top: 10px;
	right: 40px;
}

#footer #fdic {
	position: absolute;
	top: 10px;
	right: 68px;
}

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

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

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

#footerNav li a {
	color: #FFF2B0;
	font-size: 10px;
}

#footerNav a:hover {
	text-decoration: underline;
}

#footer p {
	text-align: center;
	color: #FFF2B0;
}

#footer p#copyrightNotice {
	padding-bottom: 10px;
}

/*====== Left Column ==================================================================================*/

#mainContent {
	width: 900px;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	min-height: 580px;
}

#leftColumn {
	float: left;
	clear: left;
	width: 170px;
	margin-bottom: 25px;
}

#leftNav li h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px;
}
#leftNav li h2 a {
	color: #333;
}
#leftNav li.inPath h2 a, #leftNav li h2 a:hover {
	color: #009;
}
#leftNav li li h3 {
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 10px;
	margin: 0;
}
#leftNav li li a {
	color: #333;
}
#leftNav li li.inPath a, #leftNav li li a:hover {
	color: #009;
}
#leftNav li ul li.lastChild {
	padding-bottom: 10px;
}
/*====== Home Page ====================================================================================*/

#glowbg {
	height: 190px;
	background: url(/custom/statebankwaterloo/image/glowbg.png) no-repeat 68px 20px;
}

#obLoginNew {
	position: absolute;
	top: 138px;
	left: 53px;
	width: 216px;
	height: 256px;
	background: transparent url(/custom/statebankwaterloo/image/online-banking-bg.png) no-repeat;
}

#obLoginForm {
	position: absolute;
	top: 138px;
	left: 53px;
	width: 215px;
	height: 226px;
	padding: 15px 11px;
}

#obLoginForm h2 {
	text-indent: -9999px;
}

#obLoginForm form {
	width: 200px;
	margin: 0;
}

#obLoginForm input#firstInput {
	margin: 0 0 10px 4px;
	padding: 0;
}

#obLoginForm ul#obNavNew {
	margin: 4px 0 0;
}

#obLoginForm ul#obNav2New {
	margin: 10px 0 0;
}

#obLoginForm ul#obNavNew li, #obLoginForm ul#obNav2New li {
	margin: 0 0 5px 0;
}

#obLoginForm ul#obNavNew li a, #obLoginForm ul#obNav2New li a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}


#obLogin {
	width: 900px;
	height: 52px;
	padding-left: 70px;
	background: transparent url(/custom/statebankwaterloo/image/obl-bg.png) no-repeat 62px 0;
}

#obLogin h2 {
	display: inline;
	float: left;
	width: 136px;
	line-height: 48px;
	margin: 0;
	padding: 0 30px 0 36px;
	font-weight: normal;
	font-size: 15px;
	color: #FFF4B0;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-indent: -9999px;
	background: transparent url(/custom/statebankwaterloo/image/h2-onlineBanking.png) no-repeat scroll 42px 15px;
}

#obLogin form {
	display: inline;
	float: left;
	width: 282px;
	margin: 0;
}

#obLogin input#firstInput {
	float: left;
	display: inline;
	margin: 10px 0 0 12px;
	padding: 0;
}

#obLogin input.lastInput {
	float: left;
	display: inline;
	margin: 8px 0 0 12px;
	padding: 0;
}

#obLogin ul#obNav {
	float: left;
	display: inline;
	width: 144px;
	margin: 8px 10px 0;
}

#obLogin ul#obNav2 {
	float: left;
	display: inline;
	width: 144px;
	margin: 8px 10px 0;
}

#obLogin ul#obNav li, #obLogin ul#obNav2 li {
	width: 144px;
}

#obLogin ul#obNav li a, #obLogin ul#obNav2 li a {
	text-decoration: underline;
	font-size: 11px;
}

#obLogin ul li a {
	color: #FFF3B0;
}
#quickLinksNew {
	width: 785px;
	height: 52px;
	padding:2px 0 0 225px;
	background: transparent url(/custom/statebankwaterloo/image/quick-links-bg.png) no-repeat 62px 0;
}
#quickLinksNew ul {
	margin-right: 15px;
	float: left;
	width: 175px;
}
#quickLinksNew li a {
	float: left;
	display: inline;
	margin: 5px 8px 0;
	color: #FFF4B0;
	font-size: 12px;
	text-decoration: underline;
}
#flashBanner {
	width: 858px;
	padding: 0 25px 0;
	height: 288px;
	position: relative;
	z-index: 1;
}

#flashBanner #quickLinks {
	position: absolute;
	top: 40px;
	left: 594px;
	height: 258px;
	width: 241px;
}

#flashBanner #quickLinks ul {
	margin: 60px 0 0 28px;
}

#flashBanner #quickLinks li {
	margin: 10px 0;
}

#flashBanner #quickLinks li a {
	font-size: 12px;
	color: #fff;
}

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

#flashBanner #auto1296922 {
	position: absolute;
	right: -103px;
	top: -76px;
	z-index: 20;
	width: 170px
}
#flashBanner #auto1378149 {
	position: absolute;
	right: -103px;
	top: -76px;
	z-index: 20;
	width: 170px
}

#homeFeaturedProducts {
	width: 900px;
	padding: 15px 50px;
}

#homeFeaturedProducts ul li {
	float: left;
	display: inline;
	position: relative;
	height: 128px;
	width: 196px;
	margin: 0 4px;
}

#homeFeaturedProducts li img {
	float: left;
	display: inline;
	margin-left: 16px;
}

#homeFeaturedProducts #content {
	float: left;
	height: 122px;
	width: 126px;
	background: 0 none;
	color: #fff;
}

#homeFeaturedProducts #content h1 {
	margin: 0;
	padding: 36px 14px;
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.slideBox div#hiddenContent a img {
	position: absolute;
	right: 8px;
	bottom: 4px;
	border: 0 none;
}

#homeFeaturedProducts #content a img {
	position: absolute;
	right: 12px;
	bottom: 14px;
	border: 0 none;
}

/* New JS  */

div.slideBox {
	
	height: 112px;
	position: relative;
	float: left;
	margin-right: 25px;

}
	
div.slideBox .loans {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 200px;
	height: 108px;
	background: url(/custom/statebankwaterloo/image/featured-product-bg.png) no-repeat 0 10px;
}
		
div.slideBox div#hiddenContent {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 1;
	width: 188px;
	height: 106px;
	padding: 0;
	color: #fff;
	background: url(/custom/statebankwaterloo/image/feat-hidden-bg2.png) no-repeat;
}

div.slideBox div#hiddenContent p { 
	color: #08371E;
	padding: 10px 10px 0;
	height: 60px;
}

/*New jS*/
ul#primaryNav {  
	 position: absolute;
	 bottom: 0px;
	 left: 240px;
     list-style: none;  
     padding: 0;  
     margin: 0;    
     width: 610px;  
	 height: 36px;  
     font-size: 1.2em;  
}
ul#primaryNav.primaryNavNew {  
	 left: 270px;  
}
ul#primaryNav li {  
     float: left;
	 display: inline;  
     margin: 0;  
     padding: 0;  
     position: relative; /*--Declare X and Y axis base for sub navigation--*/  
	 z-index: 20;
}  

ul#primaryNav li a {  
     padding: 10px 5px;  
     color: #fff;  
     display: block;  
     text-decoration: none;  
     float: left;  
}
ul#primaryNav li.lastChild img:hover {
	background: url(/custom/statebankwaterloo/buttons/about-us.png) no-repeat;
}  
ul#primaryNav li span { /*--Drop down trigger styles--*/  
     width: 17px;  
     height: 35px;  
     float: left;  
     background-color: #fff;  
}  
ul#primaryNav li span.subhover {
	background-position: center bottom bottom; 
	cursor: pointer;
} /*--Hover effect for trigger--*/  

ul#primaryNav li ul.nthTier-2 {  
     list-style: none;  
     position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
     left: 1px; 
	 top: 36px;   
     margin: 0; 
	 padding: 0;  
     display: none;  
     float: left;  
     width: 164px;  
	 z-index: 100;
	 background: transparent url(/custom/statebankwaterloo/image/nthTiear-2-bg.png) no-repeat bottom left;
}
ul#primaryNav li.firstChild ul#personal {
	position: absolute;
	left: 5px;
	top: 36px;	
	z-index: 100;
}
ul#primaryNav li ul.nthTier-2 h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}  
ul#primaryNav li ul.nthTier-2 h2:hover {
	cursor: pointer;	
}
ul#primaryNav li ul.nthTier-2 li {  
     margin: 0; 
	 padding: 0;    
     clear: both;  
     width: 164px;  
}  
ul#primaryNav li ul.nthTier-2 li a {  
     float: left;  
     width: 145px;  
     padding: 6px 0 8px 20px;  
	 color: #FFF2B0;
	 cursor: pointer;
	 background: url(/custom/statebankwaterloo/image/primaryNav-borderBottom.png) no-repeat bottom center;
}  

ul#primaryNav li ul.nthTier-2 li a:hover {
	color: #fff;
}

ul#primaryNav li ul.nthTier-2 li.lastChild a {
	background: 0 none;
}

/*====== 2nd Try at Navigation=====*/

ul#primaryNav li.firstChild ul.nthTier-2, ul#primaryNav li.middleChild ul.nthTier-2, ul#primaryNav li.lastChild ul.nthTier-2 { 
	display: none; 
}

ul#primaryNav li.firstChild:hover ul.nthTier-2, ul#primaryNav li.middleChild:hover ul.nthTier-2, ul#primaryNav li.lastChild:hover ul.nthTier-2 { 
	display: block; 
}

/*====== Category Page =================================================================================*/

#catBreadcrumb {
	margin: 10px;
}

#catBreadcrumb li {
	display: inline;
	font: normal 24px Arial, Helvetica, sans-serif;
}

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

#catBreadcrumb li a {
	color: #333;
}

div#productCategory {
	float: left;
}
div#productCategory li {
	float: left;
	width: 193px;
	font-size: 11px;
}
div#productCategory div.productContent {
	padding-left: 10px;
	height: 18em;
	overflow: hidden;
}
div#productCategory div.productContent p {
	margin-bottom: 10px;
}
div#productCategory div.productContent h3 {
	margin-bottom: 5px;
	font-size: 12px;
}
div#productCategory div.productContent ul {
	margin-left: 20px;
}
div#productCategory li li {
	float: none;
	width: auto;
	list-style: disc outside;
	border: none;
}
div#productCategory div.productContent h4 {
	clear: left;
	margin: 5px 0 0 0;
}
div#productCategory div.productContent h4 a {
	padding: 0 10px 0 0;
	font-size: 11px;
	font-weight: normal;
	background: url(/custom/statebankwaterloo/image/black-triangle.png) no-repeat right center;
}
div#productCategory div.productContent h4 a:hover {
	text-decoration: underline;
}

#secondaryProducts {
	overflow: hidden;
	width: 900px;
	background: url(/custom/statebankwaterloo/image/secondaryLi-bg.png) no-repeat top left;
}

#secondaryProducts ul {
	margin: 0;
	padding: 12px 0 0 62px;
}

.listing ul li {
	width: 392px;
	height: 200px;
	float: left;
	display: inline;
	background: url(/custom/statebankwaterloo/image/categoryLi-bg.png) no-repeat 0 16px;
}
.listing .productContent {
	float: left;
	display: inline;
	position: relative;
	width: 244px;
	height: 160px;
	margin-top: 18px;
	margin-left: 10px;
}

.listing .productContent h3 {
	margin: 14px 0 5px 0;
}

.listing .productContent h3 a {
	color: #08371E;
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#secondaryProducts .productContent ul {
	margin: 5px 10px 10px;
	padding: 0;
	width: 200px;
}

#secondaryProducts .productContent ul li {
	width: 200px;
	height: 0;
	margin: 0;
	padding: 0 0 18px;
	display: list-item;
	float: none;
	list-style-type: disc;
	list-style-position: inside;
	color: #08371E;
	font-size: 12px;
	background: 0 none;
}

.listing ul li .dropShadow {
	float: left;
	display: inline;
	width: 130px;
	height: 154px;
	padding-top: 6px;
	background: transparent url(/custom/statebankwaterloo/image/drop-shadow.png) no-repeat scroll 24px 1px;
}

.listing ul li a img {
	margin-left: 24px;
	float: left;
	display: inline;
}

.listing h4.learnMore {
	position: absolute;
	right: 16px;
	bottom: 8px;
}

.listing h4.learnMore a img {
	margin: 0;
	padding: 0;
	float: none;
}	

/* Search */

#searchPage #balloons {
	position: relative;
	height: 187px;
	width: 854px;
	margin: 0 auto;
	z-index: 1;
	background: url(/custom/statebankwaterloo/image/featured-bg.png) no-repeat;
}
#searchPage #balloons img {
	margin: 2px 0 0 3px;
}
#searchPage h2 {
	position: absolute;
	left: 20px;
	bottom: 16px;
	font-size: 16px;
	color: #fff;
}
#searchPage #pagination {
	position: absolute;
	left: 20px;
	bottom: 10px;
}
#searchPage .listing ul {
	padding: 12px 0 0 62px;
}
#searchPage #pagination li {
	float: none;
	clear: both;
	height: 0;
	width: 0;
	padding-right: 10px;
	background: none;
	color: #fff;
}
#searchPage #pagination li a {
	text-decoration: underline;
}

#searchPage li .productContent {
	padding-bottom: 10px;
}
#searchPage li .productContent ul {
	margin:5px 10px 10px;
	padding:0;
	width:200px;	
}
#searchPage ul li {
	float: left;
	display: inline;
	height: 200px;
	width: 392px;
	background: transparent url(/custom/statebankwaterloo/image/categoryLi-bg.png) no-repeat scroll 0 16px;
}

#searchPage li ul {
	width: 300px;
}

#searchPage li li {
	background:transparent none repeat scroll 0 50%;
	color:#08371E;
	display:list-item;
	float:none;
	font-size:12px;
	height:0;
	list-style-position:inside;
	list-style-type:disc;
	margin:0;
	padding:0 0 20px;
	width:200px;
}

/*====== Product Page =================================================================================*/
#shareButton {
	position: absolute;
	top: 50px;
	right: 126px;
	z-index: 10;
}
#printButton {
	position: absolute;
	top: 46px;
	right: 54px;
	z-index: 10;
}
#featuredContent {
	position: relative;
	height: 187px;
	width: 854px;
	margin: 0 auto;
	z-index: 1;
	background: url(/custom/statebankwaterloo/image/featured-bg.png) no-repeat;
}
#featuredContent img {
	margin: 2px 0 0 3px;
}
#featuredContent h1 {
	position: absolute;
	top: 25px;
	left: 83px;
	font-size: 40px;
	width: 300px;
	color: #07371E;
}
#featuredContent h1#background {
	position: absolute;
	top: 26px;
	left: 81px;
	font-size: 40px;
	width: 300px;
	color: #fff;
}	

#featuredContent .productGeneral {
	position: absolute;
	right: 30px;
	bottom: 3px;
	width: 254px;
	height: 138px;
	color: #fff;
	background: url(/custom/statebankwaterloo/image/productDetails-bg.png) no-repeat;
}
#featuredContent .productGeneral ul {
	position: absolute;
	top: 10px;
	left: 14px;
}
#featuredContent .productGeneral ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px 10px;
	font-size: 13px;
}
#header #auto1299635 {
	width: 170px;
	height: 140px;
	position: absolute;
	top: 104px;
	right: -110px;
}
#featuredContent #fpLearnMore {
	position: absolute;
	bottom: 20px;
	right: 22px;
}
#productPhoto {
	display: block;
	width: 854px;
	height: 289px;
	margin: 0 auto;
	text-align: center;
	background: url(/custom/statebankwaterloo/image/product-bg.png) no-repeat 0 0;
}
#productPhoto img {
	margin: 1px 0 0 1px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.productHead {
	position: relative;
	width: 900px;
	height: 285px;
}
/*#productSummary h1 {
	position: absolute;
	left: 26px;
	top: 12px;
	margin: 0;
	width: 200px;
	text-align: center;
	color: #07371E;
	font: normal 36px Arial, Helvetica, sans-serif;
	z-index: 5;
}*/
#productSummary #ira h1#background {
	margin: 20px 0 0 4px;	
}





#productSummary h1#background {
	margin: 44px 0 0 4px;
	text-align: center;
	color: #ffffff;
	font: normal 28px Arial, Helvetica, sans-serif;
}
#productSummary {
	position: absolute;
	right: 57px;
	bottom: -2px;
	width: 256px;
	height: 260px;
	color: #fff;
	background: url(/custom/statebankwaterloo/image/productDetails-bg.png) no-repeat;
}
#productSummary div {
	position: relative;
}	
#productSummary ul {
	margin: 0 0 0 6px;
	padding: 0;
}
#productSummary ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px 10px;
	font-size: 13px;
}
#productSummary p {
	margin: 10px 10px 8px 8px;
	padding: 0;
}
#productDetails p, #productDetails ul {
	margin: 0;
	padding: 10px 0 0 30px;
}
#productSummary li, #productDetails li {
	list-style-position: inside;
	list-style-type: disc;
	margin: 4px 0;
}
#productDetails {
	position: relative;
	top: -31px;
	left: 58px;
	width: 783px;
}
#addDD {
	height: 50px;
	width: 122px;
}
#productDetails #tellMeMoreButton {
	position: absolute;
	right: 66px;
	top: 86px;
	width: 122px;
	height: 28px;
}
#productDetails #openNow {
	position: absolute;
	right: 66px;
	top: 114px;
	width: 122px;
	height: 42px;
}
.productHead #productSummary #tellMeMoreButton {
	position: absolute;
	left: 66px;
	bottom: 74px;
}
.productHead #productSummary #openNow {
	margin: 22px 0 0 66px;
}
/* Tabs */

dl#roi_tabs {
	width: 780px;
	display:block;
	list-style: none;
	position: relative;
}
dl#roi_tabs dt {
	height: 33px;
	margin-right: 14px;
	color: #07371E;
	text-align: center;
	text-transform: uppercase;
	background: url(/custom/statebankwaterloo/image/tabg-bg-selected-slider.png) no-repeat;
	font: normal 14px/38px Arial, Helvetica, sans-serif;
}
dl#roi_tabs dd {
	width: 778px;
	padding: 5px 5px 30px 0;
	background: #fff url(/custom/statebankwaterloo/image/roi-bg.png) no-repeat left bottom;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #09371E;
}
dl#roi_tabs dd div {
	width: 500px;
}
dl#roi_tabs dd a {
	text-decoration: underline;
}
dl#roi_tabs dt.label div {
	width: auto;
	height: 33px;
	position: relative;
	left: 10px;
	padding: 0 20px 0 10px;
	color: #07371E;
	background: url(/custom/statebankwaterloo/image/tabg-bg-selected-slider-right.png) no-repeat right top;
}
dl#roi_tabs dt.selected {
	color: #07371E;
	background: transparent url(/custom/statebankwaterloo/image/tab-bg-slider.png) no-repeat scroll 0 0;
}
dl#roi_tabs dt.selected div {
	width: auto;
	position: relative;
	left: 10px;
	padding: 0 20px 0 10px;
	color: #07371E;
	background: transparent url(/custom/statebankwaterloo/image/tab-bg-slider-right.png) no-repeat scroll right top;
}
dl#roi_tabs dt span {
	position: relative;
	left: 0;
	top: 0;
}
.dtBottom {
	background: transparent url(/custom/statebankwaterloo/image/dt-bottom.png) no-repeat scroll left bottom;
	height: 7px;
	width: 783px;
}
.pane {
	position: absolute;
	overflow: hidden;
	top: 33px;
	left: 0;
}
.label {
	float: left;
	position: relative;
	cursor: pointer;
	z-index: 1;
}
dd h2, dd h3 {
	margin: 10px 0 0px 12px
}
/*====== Individual Page ==============================================================================*/

.individualPage {
	width: 800px;
	margin: 0 auto;
}	

.individualPage .content {
	width: 750px;
	margin: 0 auto;
	padding: 0 25px 16px;
	overflow: hidden;
	background: url(/custom/statebankwaterloo/image/indPage-strip.png) repeat-y;
}

.individualPage h1.pageHead {
	font: normal 24px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	color: #B74E19;
}

.individualPage h3 {
	color: #178D49;
	font-size: 14px;
}

.individualPage a { 
	color: #B74E19;
}

.individualPage a:hover {
	color: #B74E19;
	text-decoration: underline;
}	

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

.individualPage p.zeroPaddingParagraph {
	margin: 0;
}

.individualPage ul, .individualPage ol {
	margin: 10px 0 10px 20px;
}

.individualPage ul li {
	list-style-type: disc;
	margin: 8px 0;
	color: #09371E;
	font-size: 12px;
}

.individualPage img#top {
	margin-left: 5px; 
	width: 793px;
	height: 20px;
}

.individualPage img#bottom {
	margin-left: 2px;
	width: 791px;
	height: 20px;
}	

.individualPage #top {
	margin-left: 5px; 
	width: 793px;
	height: 23px;
	background: url(/custom/statebankwaterloo/image/indPage-top.png) no-repeat 0 0;
}

.individualPage #bottom {
	margin-left: 2px;
	width: 785px;
	height: 7px;
	background: url(/custom/statebankwaterloo/image/indPage-bottom.png) no-repeat;
}

#temporary table {
	border-left: 1px solid #898F14;
	border-top: 1px solid #898F14;
	width: 100%;
	margin: 0 auto 20px;
	border-collapse: collapse;
}	

#temporary table th {
	background-color:#0C4727;
	border-bottom: 1px solid #898F14;
	border-right: 1px solid #898F14;
	color: #F1E9A7;
	font-weight: bold;
	padding: 10px;
	text-align: left;
}

#temporary table td {
	border-bottom: 1px solid #898F14;
	border-right: 1px solid #898F14;
	padding: 5px 10px;
	text-align: left;
	width: 70px;
}

#FAQ dt {
	margin: 10px 0;
	font-weight: bold;
}

#FAQ th {
	text-align: left;
}

#policy p.zeroPaddingParagraph {
	margin-left: 20px;
}

.individualPage img#locator {
	float: left;
	display: inline;
	margin-bottom: 10px;
}

.individualPage h3#finder {
	float: left;
	display: inline;
	padding: 12px 0 0 8px;
}

#mailingAddress {
	position: absolute;
	right: 118px;
	top: 22px;
	width: 150px;
	height: 75px;
	background: url(/custom/statebankwaterloo/image/mailing-address.png) no-repeat;
}

#mailingAddress h3 {	
	clear: both;
	padding-left: 14px;
	margin: 10px 0 5px 0;
	color: #FFF2B0;
}

#mailingAddress p {
	padding-left: 14px;
	margin: 6px 0;
	color: #FFF2B0;
}
/*Community Involvement*/

#commLinks h2 {
	font-size: 
}

#commLinks h3 {
	float: left;
	display: inline;
	width: 224px;
	margin: 5px 0 0;
}

#commLinks ul {
	float: left;
	display: inline;
	width: 200px;
	padding: 0 5px 0 0;
	margin: 0 0 10px 20px;
}	

/*Rates Table*/
#rates {
	padding: 0 24px 0 26px;
}

#rates .nth-row-odd .nth-column-1, #rates .nth-row-even .nth-column-1 {
	width: 100px;
	padding: 6px 10px;
	font-weight: bold;
	text-align: left;
}

#rates table.stripeTable {
	width: 100%;
	margin: 0 auto 20px;
	border-left: 1px solid #898F14;
	border-top:  1px solid #898F14;
}

#rates table.stripeTable th#noBold {
	font-weight: normal;
}

#rates table.stripeTable th {
	background-color: #0C4727;
	border-bottom: 1px solid #898F14;
	border-right:  1px solid #898F14;
	color: #F1E9A7;
	padding: 5px 10px;
	text-align: left;
	font-weight: normal;
}

#rates table.stripeTable th.noTop {
	border-top: 0 none;
}

#rates table.stripeTable td {
	width: 70px;
	border-bottom: 1px solid #898F14;
	border-right:  1px solid #898F14;
	padding: 5px 10px;
	text-align: left;
}

#rates table.stripeTable tr.stripe td {
	background-color: #DDD;
}

#rates #backtoHome {
	float: right;
	margin-top: 10px;
}

#rates #backtoHome a:hover {
	text-decoration: underline;
	color: #898F14;
}

#rates p {
	margin: 0;
	padding: 0;
}

#rates p.secondary {
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #999999;
}

#ratesContent a img {
	position: absolute;
	right: 30px;
	top: 10px;
}

#contactInfo table {
	border-left: 1px solid #898F14;
	border-top: 1px solid #898F14;
	border-collapse: collapse;
}

#contactInfo table td {
	border-bottom:1px solid #898F14;
	border-right:1px solid #898F14;
	padding:5px;
	text-align:left;
	width:20%;
}




/*====== Sitemap ====================================================================================*/

#sitemapNav {
	margin-top: 30px;
}

#sitemapNav li {
	width: 160px;
	float: left;
	margin-right: 25px;
}

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

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

#sitemap div.clear div {
	width: 160px;
	float: left;
	margin-right: 25px;
}

#sitemap div.clear ul {
	padding-bottom: 25px;
}

/*====== Locations ====================================================================================*/

#map {
	height: 300px;
	clear: both;
}

#locations th, #locations td {
	text-align: left;
	padding: 2px 0;
	width: 190px;
}

#locations td.middleTd {
	width: 240px;	
}

#locations td.middleTd table th.timeName {
	width: 100px;
}

#locations td.lastTd {
	width: 240px;	
}

#locations td.lastTd table th.timeName {
	width: 100px;
}

#locations th.timeName {
	width: 60px;
}

#locations td.timeValue {
	width: 130px;
}

#locations ul {
	margin: 20px 0;
}

#locations ul li {
	list-style-type: none;
}

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

#verifyButtons img {
	margin: 50px;
}

/* captcha */

fieldset#newApplication #captcha {
	width: 200px;
	margin: 0 auto;
}

fieldset#newApplication #captcha input {
	float: none;
	width: 194px;
	display: block;
	margin: 10px 0;
}

fieldset#newApplication #captcha p {
	margin: 0;
	text-align: center;
}

/* ssn */

fieldset#newApplication a#ssnWhy {
	display: block;
	clear: both;
	margin-left: 325px;
	font-size: 12px;
	padding-bottom: 10px;
	color: #013260;
}
fieldset#personalInformation {
	position: relative;
}
#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 */

form {
	width: 800px;
	margin: 0 auto;
}
form img#top {
	display: block;
	margin: 0 0 0 11px;
}
form img#bottom {
	display: block;
	margin: 0 0 0 8px;
	width: 791px;
}
fieldset#newApplication div#introduction {
	margin: 0 25px 25px;
	min-height: 160px;
	padding-top: 25px;
}
fieldset#newApplication div#introduction div#introHead {
	background: url(/custom/statebankwaterloo/image/lock.png) no-repeat 595px 5px;
	margin-bottom: 7px;
}
fieldset#newApplication div#introduction img {
	border: 1px solid #CCC;
	float: left;
	margin-right: 20px;
}
fieldset#newApplication div#introduction h1 {
	color: #B74E19;
	font-size: 32px;
	padding: 0 0 5px 0;
	margin: 0 0 0 170px;
	width: 410px;
}
fieldset#newApplication div#introduction h2 {
	color: #333;
	font-size: 16px;
	padding-bottom: 0;
	margin: 0;
}
fieldset#newApplication div#introText {
	border-top: 1px solid #08371E;
	margin-left: 170px;
}
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 0 0 6px;
}
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, fieldset#newApplication fieldset#beneficiarySwitch input {
	margin-right: 15px;
	margin-bottom: -4px;
}
fieldset#newApplication div.radioWlabel {
	width: 250px;
	display: block;
	float: left;
	margin-bottom: 10px;
}
fieldset#newApplication fieldset#newCustomer div.radioWlabel {
	margin-bottom: 0;
}
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 {
	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;
}
fieldset#newApplication select#contact_information-branch {
	margin-top: 6px;
}
/* divs and fieldsets and legends */

fieldset#newApplication {
	width: 787px;
	margin: 0 auto;
	border: 0 none;
	background: transparent url(/custom/statebankwaterloo/image/indPage-strip.png) repeat-y;
}
fieldset#newApplication .bodyApp {
	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 ===============================================================================*/

/* captcha */

#contactUs #captcha {
	width: 200px;
	margin: 10px 0 10px 211px;
}

#contactUs #captcha input {
	float: none;
	width: 198px;
	display: block;
	margin: 10px 0;
}

#contactUs #captcha p {
	margin: 0;
}

/* end */


#contactUs {
	margin-top: -5px;
}

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

#contactUs fieldset {
	padding: 15px 10px 10px 10px;
	border: 0 none;
}

#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;
	width: 550px;
}

#contactUs #friendsToEmail {
	margin-top: 10px;
}

span.requiredText {
	color:#999999;
	font-size:10px;
}

 /* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 2000;
	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:3000;
	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;
}

iframe {
	border: 1px solid transparent;
}

/*--- New Popup Stuff ---*/

#newPopUpForm fieldset {
	border: 0 none;
	padding: 25px 25px 0 25px;
	float: left;
	width: 252px;
}
#newPopUpForm #rightTell {
	float: left;
	display: inline;
	width: 200px;
}
#newPopUpForm #rightTell #captcha {
	float: none;
}
#newPopUpForm #rightTell input.submitButton {
	float: none;	
}
#newPopUpForm fieldset input, #newPopUpForm textarea {
	display: block;	
	padding: 3px;
	width: 244px;
	margin-bottom: 10px;
	border: solid 1px #666;
}
#newPopUpForm fieldset input {
	height: 14px;
}
#newPopUpForm input.submitButton {
	border: solid 1px #666;
	display: block;
	padding: 10px;
	width: auto;
	height: auto;
	margin: 0 auto;
	font-weight: bold;
	float: left;
	margin-left: 85px;
}
#newPopUpForm textarea {
	height: 100px;
}
#newPopUpForm label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#newPopUpForm p {
	margin: 0 0 20px 0;
}

/* captcha */

#newPopUpForm #captcha {
	width: 200px;
	padding: 25px;
	float: left;
}

#newPopUpForm #captcha input {
	float: none;
	width: 192px;
	display: block;
	margin: 10px 0;
}

#newPopUpForm #captcha p {
	margin: 0;
	text-align: center;
}

#newPopUpForm #captcha h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}

#newPopUpForm h2 {
	margin: 20px 0 10px 0;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	width: 552px;
}

/* formQuestions.css v1.0 */

#formQuestions h2 {
	margin: 20px 0 10px 0;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	width: 552px;	
}
#formQuestions #rightTell {
	float: left;
	display: inline;
	width: 200px;
	padding: 10px 0 0;
}
#formQuestions fieldset {
	border: 0 none;
	float: left;
	padding: 25px 25px 0 25px;
	width: 252px;	
}
#formQuestions fieldset input, #formQuestions textarea {
	border: solid 1px #666;
	display: block;
	margin-bottom: 10px;
	padding: 3px;
	width: 244px;
}
#formQuestions fieldset input {
	height: 14px;
}
#formQuestions input.submitButton {
	border: solid 1px #666;
	display: block;
	float: left;
	font-weight: bold;
	height: auto;
	margin-left: 75px;
	padding: 10px;
	width: auto;
}
#formQuestions textarea {
	height: 100px;
}
#formQuestions label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#formQuestions p.title {
	color: #666;
	font-weight: bold;
	margin: 20px 0 10px 0;
	text-align: center;
}

#formQuestions #newPopUpForm label {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
}

/* captcha */

#formQuestions #captcha {
	
	padding: 15px;
	width: 200px;
}
#formQuestions #captcha input {
	border: solid 1px #666;
	display: block;
	float: none;
	height: 14px;
	padding: 3px;
	width: 192px;
}
#formQuestions #captcha p { 
	font-size: 11px;
	margin: 10px 0;
	text-align: center;
}
#formQuestions #captcha h4 {
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;	
	margin: 0 0 5px 0;
}

.requiredField {
	color:#666666;
	font-size:10px;
	font-style:italic;
}

/* end formQuestions.css */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .productHead h1, .sIFR-hasFlash .productHead h1.background, .sIFR-hasFlash .featuredContent h1.background, .sIFR-hasFlash .productHead h1 {
	visibility: hidden;
}

/* Overdraft Opt In Styling */

div#overdraft {
	padding: 0 0 15px 0;
	margin-left: 0;
	width: 782px;
	background-color: #fff;
	
}
#overdraft #overdraftInformation, #overdraft #overdraftForm, #overdraft #overdraftAltOptions {
	margin: 0 0 20px;
	padding:0 25px;
}
div#overdraft span, div#overdraft p {
	font-size: 13px;
}
#overdraft #overdraftInformation h2.pageHeading, #overdraft #overdraftForm h2.pageHeading, #overdraft #overdraftAltOptions h2.pageHeading {
	padding: 20px 0 5px;
	height: 25px;
	border-bottom: 1px solid #ccc;
	color: #B74E19; /* bank specific */
	font-size: 18px;
	width: 100%;
	margin-top: 0;
}
#overdraft h2 {
	padding: 5px 0;
	font-size: 15px;
	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: 300px;
	display: inline;
}
#overdraft #overdraftRight {
	float: left;
	width: 425px;
	display: inline;
	padding: 0 0 0 20px;
}
#overdraft fieldset#newApplication #overdraftLeft input, #overdraft fieldset#newApplication #overdraftRight input {
	width: 175px;
}
#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: 100px;
	padding-right: 15px;
}
#overdraft #overdraftAltOptions ul {
	margin: 10px 0;
	padding: 0;
}
#overdraft #overdraftAltOptions ul li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0 13px 0 0; /* bank specific */
	padding: 0;
	width: 233px; /* bank specific */
	height: 170px;
	border: 1px solid #ccc;
}
#overdraft #overdraftAltOptions ul li.right {
	margin: 0;
}
#overdraft #overdraftAltOptions h4 {
	background: url(/custom/statebankwaterloo/image/overdraft_fade.png) bottom left repeat-x #1C9B50; /* bank specific */
	color:#FFFFFF; /* 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;
	font-size: 12px;
}
#overdraft #overdraftAltOptions p {
	padding: 8px 10px;
	margin: 0;
	width: auto;
	line-height: 15px;
	font-size: 12px;
}
#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;
}