@charset "UTF-8";

/****************************
*********  
****************************/

/********
**** Begin "global definitions"
*********/


.focused { color:#000000; } 
.blurred { color:#d2d2d2; } 
a img { border:0; }


html
	{	font-family: Arial, Helevetica, sans-serif; font-size: 12px; color: #404040;} 
	
body
	{	background-color: #f8f8f8; margin: 0; padding: 0; background: #f8f8f8 url('/iq/h/hban/images/layout/background.jpg') top center repeat-y; background-attachment:fixed;}

h2
	{	padding: 0; margin: 0 0 5px 0;}
	
h4
	{ 	font-size: 12px; font-weight: bold; padding: 0; margin: 10px 0 0 0;}
	
a, li a
	{	color: #404040; text-decoration: underline; cursor: pointer;}
	
a:hover, li a:hover
	{	color: #7ac142; text-decoration: none; cursor: pointer;}
	
input[type="radio"]
	{	padding 0px; margin-right: 2px; border: 0;}
	
option
	{	color: #404040;}


.textType
	{	width: 220px; height: 20px; margin: 3px 0 0 10px; padding: 3px 0 3px 3px; border: 1px solid #ccc; vertical-align: top; color:#d2d2d2}

.downimage
	{	display: none; padding: 0; margin: 0; vertical-align: top; float: right;
		_margin-top: -15px; }
	
.header
	{	background: none; padding: 0; margin: 0;}

.last
	{	border-right: none; } 

table, tbody, tr, th, td, p, ul, li, blockquote
	{ font-size:12px; }



#container
	{ 	height: auto; width: 760px; margin: 0 auto; margin-top:-5px;
		padding-left: 6px;
		*padding-left: 12px;
		_width: 800px;
		_padding-left: 6px;
}

#containerHome
	{ 	height: auto; width: 760px; margin: 0 auto; margin-top:-5px; padding-left:2px;
		_padding-left:112px;
}


#sidebar
	{	float: left; clear: left; width: 240px; margin: 0; 
		_margin-left: -8px; }

#mainbar {
		float: right; border:0px solid #CC0000; width: 510px; 
		margin-right:10px;
		_margin-right:-1px;
		_margin-left:-10px;
		_float: left;
}
#article
	{	float: left; width: 500px; padding: 0 0 0 10px;
		_margin-left:2px;

	}

.bracket
	{	width: 1px; margin: 0 5px;}


#options label
	{	padding: 0 5px;
		_float: left; _display: inline _margin: 0;
	}

#options input
	{	padding: 10px 0; margin: 0; 
		_float: left; _display: inline; _height: 15px; _width: 15px; _border: 0; _padding: 0; }
		
	

/********
**** End "global definitions"
*********/


/********
**** Begin header/top navigation
*********/


#header
	{	width: 750px; padding: 20px 0 0 0; float: left; clear: both;
		_margin-left: -8px; }

#header li, #footer li
	{	float: left; display: inline; padding: 0 2px; font-size:10px; }
	
#header #logo
	{	float: left; width: 240px; height: 70px; 
		_width: 236px;}
	
#header .top-nav
	{	float: left; display: inline; width: 510px; height: 10px; padding: 0 0 15px 0; font-size: 11px; 
		margin-top:-10px;
		*margin-top:-5px;}
	
#header .top-nav ul
	{ 	float: right;}
	
#header .top-nav li
	{	display: inline; border-right: 1px solid #404040; padding: 0 5px; float: left;}
	
#header .top-nav li a
	{	text-decoration:none; font-size: 11px; }
	
#header #search
	{	float: left; width: 510px; height: 20px; padding-top: 25px;}
	
#searchBox
	{	float: right; width: 220px; height: 18px; border: 1px solid #ccc; vertical-align: top; color:#d2d2d2;
		_height: 20px;
	}
	
#searchSubmit
	{	float: right; margin: 0; padding: 0;
		_margin-left:-4px; }


#containerHome #header #navagation
	{	float: left; clear: both; padding-top: 20px;  padding-bottom:10px; width: 750px;}


#container #header
	{	_padding-left: 4px; }

#container #header #navagation
	{	float: left; clear: both; padding-top: 20px;  padding-bottom:10px; width: 750px; 
		_padding-left: 10px; }
	
#header #navagation ul
	{	float: left; padding: 0 0 0 10px; margin: 0;}
	
#header #navagation li
	{	float: left; padding: 5px 15px 5px 0; margin: 0; }
	
#header #navagation li a
	{	font-size: 12px; text-decoration: none;}

#header #navagation ul li a:focus, #header #navagation ul li a:hover
	{	color: #7ac142; text-decoration: none;}
	
#containerHome #header .secondary 
	{	border: thin solid #ccc; background-color: #f8f8f8; font-size: 9px; width: 738px; text-decoration:none;
		_width:748px;}

#container #header .secondary 
	{	border: thin solid #ccc; background-color: #f8f8f8; font-size: 9px; width: 739px; text-decoration:none;
		_width: 748px; }

/********
**** End header/top navigation
*********/





/********
**** Begin loginWidget (for both the larger home page and the small subpage) ** 
*********/

.info
	{	padding: 10px 0 0 5px; margin: 0;}

.forgot
	{	clear: both; width: 230px; padding-left:10px; font-size: 10px;}
	

/********
**** Begin onlineBankingWidget (for home page only) ** 
*********/
.onlineBankingWidget
	{	width: 240px; height: 215px; margin: 10px 0; padding: 80px 0 0 0; background: url('/iq/h/hban/images/layout/bg-onlineBanking.jpg') no-repeat; font-size:12px;}
		
.onlineBankingWidget .login
	{	float: left; display: inline; margin: 5px 0 15px 0; padding: 0 0 0 10px;}

.onlineBankingWidget .login a
	{	float: left; padding: 4px 0 0 2px; margin:0 auto; width: 65px; height: 16px;}
	
.onlineBankingWidget .login li
	{	float: left; height: 16px; display: inline; width: 65px; font-size: 11px; text-align: center; margin:2px;}
	
.onlineBankingWidget a
	{	text-decoration:none; }
	
.onlineBankingWidget input[type="image"]
	{	margin: 0 0 0 5px;}

.onlineBankingWidget .login select
	{	width: 220px; margin: 0 auto; color: #e0e0e0; padding: 3px; margin-left: 10px; background: #fff; border: 1px solid #e0e0e0;}
	
.onlineBankingWidget .info li
	{	float: left; display: inline; margin-top: 6px;  padding: 0 5px; 
		text-align: center; font-size:10px; padding-right:10px; }


.onlineBankingWidget #personalSignUp
	{	width: 40px; border-right: 1px solid #404040; font-size: 11px; margin-bottom:57px;}

.onlineBankingWidget #personalLearn
	{	width: 55px; border-right: 1px solid #404040; font-size: 11px; }

.onlineBankingWidget #personalLoginBtn
	{	 width: 65px; margin-top: 0px; border: none;}


.onlineBankingWidget #busDemo
	{	width: 40px; border-right: 1px solid #404040; font-size: 11px;  margin-bottom:25px;}

.onlineBankingWidget #busLearn
	{	width: 55px; border-right: 1px solid #404040; font-size: 11px; }

.onlineBankingWidget #busLoginBtn
	{	 width: 65px; margin-top: 0px; border: none;}


.onlineBankingWidget .dhtmlselect
	{	width: 220px; height: 16px; float: left; display: inline; border: 1px solid #e0e0e0; background: #fff url('/iq/h/hban/images/layout/bg-options.jpg') no-repeat top right; color: #ccc; text-indent: 3px; padding: 3px 0; margin: 10px 0 0 10px; cursor: pointer;}

.onlineBankingWidget .dhtmlselect .dropdown
	{ position: relative; width: 220px; border: 1px solid #e0e0e0; border-bottom-width: 0; display: none; margin: 0; padding:0; z-index: 5;}

.onlineBankingWidget .dhtmlselect .dropdown a
	{	width: 220px; height: 16px; font-size: 10px; display: block; background: #fff; color: #404040; border-bottom: 1px solid #e0e0e0; padding: 3px 0; text-indent: 3px; text-decoration: none;}

.onlineBankingWidget .dhtmlselect .dropdown a:hover
	{	width: 220px; height: 16px; font-size: 10px; display: block; background: #66bd29; color: #ffffff; border-bottom: 1px solid #e0e0e0; padding: 3px 0; text-indent: 3px; text-decoration: none;}

/********
**** End onlineBankingWidget ** 
*********/


/********
**** Begin onlineBankingWidgetSub (for sub pages) ** 
*********/

.onlineBankingWidgetSub
	{	width: 198px; height: 180px; margin: 0px 0px 10px 0px; padding: 63px 0 0 0; background: url('/iq/h/hban/images/layout/bg-onlineBankingSub.jpg') no-repeat;
	_height: 245px;}
		
.onlineBankingWidgetSub .login
	{	float: left; display: inline; margin: -5px 0px 15px 0px; padding: 0px 0px 5px 5px; }

.onlineBankingWidgetSub .login a
	{	float: left; padding: 4px 0 0 2px; margin:0 auto; width: 55px; height: 16px;}
	
.onlineBankingWidgetSub .login li
	{	float: left; height: 16px; display: inline; width: 55px; font-size: 11px; text-align: center; margin:2px;}

.onlineBankingWidgetSub input
	{	color: #d2d2d2; padding: 0; margin: 3px 0 0 10px;}

.onlineBankingWidgetSub input[type="text"]
	{	width: 173px; height: 20px; margin: 3px 0 0 10px; padding: 3px 0 3px 3px; border: 1px solid #ccc; vertical-align: top;}

.onlineBankingWidgetSub input[type="password"]
	{	width: 173px; height: 20px; margin: 3px 0 0 10px; padding: 3px 0 3px 3px; border: 1px solid #ccc; vertical-align: top;}

.onlineBankingWidgetSub input[type="image"]
	{	margin: 0 0 0 5px;}

.onlineBankingWidgetSub .login select
	{	width: 173px; margin: 0 auto; color: #e0e0e0; padding: 3px; margin-left: 10px; background: #fff; border: 1px solid #e0e0e0;}

.onlineBankingWidgetSub a
	{	text-decoration:none;}
	
.onlineBankingWidgetSub .info li
	{	float: left; display: inline; margin-top: 6px; text-align: center; font-size:10px; 
		padding: 0px 1px 0px 2px;}


.onlineBankingWidgetSub .textType
	{	width: 175px; height: 20px; margin: 3px 0 0 10px; padding: 3px 0 3px 3px; border: 1px solid #ccc; vertical-align: top; color:#d2d2d2}

.onlineBankingWidgetSub #personalSignUp
	{	width: 45px; border-right: 1px solid #404040; font-size: 10px; margin-bottom:42px;}

.onlineBankingWidgetSub #personalLearn
	{	width: 60px; border-right: 1px solid #404040; font-size: 10px; }

.onlineBankingWidgetSub #personalLoginBtn
	{	 width: 62px; margin-top: 0px; border: none;}


.onlineBankingWidgetSub #busDemo
	{	width: 40px; border-right: 1px solid #404040; font-size: 10px;  margin-bottom:10px;}

.onlineBankingWidgetSub #busLearn
	{	width: 60px; border-right: 1px solid #404040; font-size: 10px; }

.onlineBankingWidgetSub #busLoginBtn
	{	 width: 62px; margin-top: 0px; border: none;}


	
.onlineBankingWidgetSub .dhtmlselect
	{	width: 175px; height: 16px; float: left; display: inline; border: 1px solid #e0e0e0; background: #fff url('/iq/h/hban/images/layout/bg-options.jpg') no-repeat top right; color: #ccc; text-indent: 3px; padding: 3px 0; margin: 3px 0 0 10px; cursor: pointer;}

.onlineBankingWidgetSub .dhtmlselect .dropdown
	{ position: relative; width: 175px; border: 1px solid #e0e0e0; border-bottom-width: 0; display: none; margin: 0; padding:0; z-index: 5;}

.onlineBankingWidgetSub .dhtmlselect .dropdown a
	{	width: 175px; height: 16px; font-size: 10px; display: block; background: #fff; color: #404040; border-bottom: 1px solid #e0e0e0; padding: 3px 0; text-indent: 3px; text-decoration: none;}

.onlineBankingWidgetSub .dhtmlselect .dropdown a:hover
	{	width: 175px; height: 16px; font-size: 10px; display: block; background: #66bd29; color: #ffffff; border-bottom: 1px solid #e0e0e0; padding: 3px 0; text-indent: 3px; text-decoration: none;}


/********
**** End onlineBankingWidgetSub ** 
*********/




/****
** Begin Locator Widget on Home ** 
*****/

#locatorWidgetHome #atmLocator
	{	width: 230px; height: 107px; padding: 30px 10px 0 0; color: #fff;
		background: url('/iq/h/hban/images/layout/bg-atmLocator.jpg') no-repeat;}
		

#locatorWidgetHome #atmLocator .textType
	{	width: 170px; height: 20px; margin: 3px 0 0 4px; padding: 3px 0 3px 13px; border: 1px solid #ccc; vertical-align: top;
		_margin: -2px 0 0 5px; }


#locatorWidgetHome #atmLocator #options
	{	width: 230px; padding: 10px 0 10px 10px; float: left;
	}

#locatorWidgetHome #atmLocator p a
	{	color: #ffffff; float:right; padding:0; font-size: 10px; text-decoration: underline; margin-top: -5px; _margin-top: 5px; padding-right:4px; }
		
#locatorWidgetHome #atm_go
	{	margin-top: 5px; _margin-top:0px; }



/****
** Begin Locator Widget on Sub Pages ** 
*****/

#locatorWidgetSub #atmLocator
	{	width: 190px; height: 95px; padding: 30px 5px 0px 5px; color: #fff;
		background: url('/iq/h/hban/images/layout/bg-atmLocatorSub.jpg') no-repeat;
		_width: 199px; }

#locatorWidgetSub #atmLocator .textType
	{	width: 120px; height: 20px; margin: 3px 5px 0px 4px; padding: 3px 3px 3px 13px; border: 1px solid #ccc; vertical-align: top; }

#locatorWidgetSub #atmLocator #options
	{	width: 180px; padding: 2px 0 2px 2px; float: left; 
	}

#locatorWidgetSub #atmLocator p a
	{	color: #ffffff; float:right; font-size: 10px; text-decoration: underline; padding-right:16px; margin-top:-12px;
		_padding-right:20px; 
		*margin-top:-22px;
		_margin-top:-18px;		
	}

#locatorWidgetSub #atm_go
	{	margin-top: 5px; _margin-top:0px; }


/****
** End Locator Widget on Sub Pages ** 
*****/



/********
**** Begin footer/disclosures/legal ** 
*********/
	
#footer
	{	width: 752px; margin: 0 auto; padding: 10px 0; float: left; clear: both; font-size: 10px;
		 }
	
#footer ul
	{	width: 750px; padding: 0 0 0 90px; float: left; display: inline; margin: 0;}
	
#footer li
	{	border-right: 1px solid #404040; padding: 0 5px;}

#footer a
	{	text-decoration:none; font-size: 10px; }
	
#legal
	{	float: left; width: 750px; padding: 10px 0 0 0; clear: both; font-size: 10px;}
	
#legal p, #legal img
	{	padding: 5px 5px 0 5px; margin: 0; font-size:10px;}

/********
**** End footer/disclosures/legal ** 
*********/



/********
**** Begin highlight info ** 
*********/

#highlightInfo p { 
	margin-bottom: -15px;
}

#highlightInfo
	{	width: 220px; height: 160px; margin: 10px 0 0 0; padding: 40px 0 0 20px;
		background: url('/iq/h/hban/images/layout/bg-highlightInfo.jpg') no-repeat; }

#highlightInfo a
	{ text-decoration: none; }
	

#highlightInfo ul
	{	list-style-type: none; padding: 0; margin: 0;
		*padding-top:2px;}
	
#highlightInfo li
	{	color: #404040; margin: 15px 0 0 0; padding: 0 0 0 15px; background: url('/iq/h/hban/images/layout/bg-greenArrow.jpg') no-repeat left center; }

/********
**** End highlight info ** 
*********/

/********
**** Begin slideshow ** 
*********/

#slideshow
	{	float: left; width: 500px; height: 200px;  margin: 10px 0 0 0;}
	
#nav
	{	height: 30px; position: relative; float: right; padding: 0; z-index: 1; margin: -23px 10px 0 0 ;}
	

#nav a 
	{ 	margin: 0 5px; padding: 6px 11px; color: #b0db8f; font-weight: bold;}

#nav a:hover
	{	height: 16px; width: 16px; color: #fff; background-color: #7ac142; padding: 4px 9px; border: 2px solid #fff;}	
	
#nav a.activeSlide 
	{ color: #fff; background: #7ac142; border: 2px solid #fff; padding: 4px 9px; }

/********
**** End slideshow ** 
*********/

/********
**** Begin link lists ** 
*********/

.menu
	{	float: left; width: 500px; height: auto; padding: 15px 0 20px 0;
		margin-left: 14px;
		_margin-left:8px;}
	
.menu p { 
	margin-bottom: -15px;
}

.menu a img
	{	margin-top: -8px;}

div.hr
	{	width: 100%; height: 1px; border: 0; padding: 0; margin: 0; background-color: #e0e0e0;
		_height: 1; _font-size: 0px; _line-height: 0; _background-color: #e0e0e0; }
	
.listbox
	{ 	float: left; display: inline; width: 145px; margin: 0 15px 0 0; padding: 0; border: 0;
		_width: 145px; _margin: 0 0 0 0;}
	
.menu ul
	{	float: left; display: inline; width: 145px; padding: 0 15px 0 0; margin: 0; list-style-type: none; 
		_padding: 0;}

.menu li
	{	width: 145px; margin: 15px 0 0 0; padding: 0 0 0 15px; background: url('/iq/h/hban/images/layout/bg-greenArrow.jpg') no-repeat left center; font-size: 11px;
	_width: 130px; _margin: 16px 0px 0px -12px; _padding: 0 0 0 15px; }

.menu li a
	{	text-decoration:none; }
/********
**** End link lists ** 
*********/



/* 
   Huntington.com 
   File: master.css (original, pre 2010)
   Description: for use on all pages.
   Date: 11/03/04 
*/

.print_icon { margin-top: 4px; text-align: center; }
.clear { clear: both; height: 1px; font-size: 10%; line-height: 10%; overflow: hidden; }
.formwidth { width: 135px; margin-bottom: 5px; }
.formwidthwide { width: 150px; margin-bottom: 5px; }
.form2 { margin-bottom: 5px; }

/* added by jad because jje wanted some padding in the a tags on his FAQ pages */
.padded { line-height: 16px; /* padding: 10px 10px 10px 10px; */ }
/* end added by jad because jje */

.bottom_spacing { margin-bottom: 10px; }

/* set up the pages */

/* added by jad (11/19/04) */
.required { color: #FF9933; }
.error { color: #FF9933; font-weight: bold; }
/* end added by jad */

	/* headings */
	h3 { color: #404040; font-size: 120%; margin: 0px; padding: 0px; margin: 3px 0px; margin-top: 10px; }
	h3 a { color: #404040; }
	h3 i { background: url(/iq/h/hban2/images/icons/arrow_down.gif) 0px 4px no-repeat; padding: 4px; }
	h2, h1 { color: #66bd29; font-size: 155%; margin-top: 5px; }
	/* end headings */
	
	/* the boxes on left and right */
	.onlinebanking { background-color: #80786F; width: 198px; float: right; margin-bottom: 10px; }
	.onlinebanking .heading { border-bottom: 1px solid #FFFFFF; padding: 4px; color: #FFFFFF; font-size: 120%; font-weight: bold; }
	.onlinebanking .heading img { margin-left: 68px; }
	.onlinebanking .body { border: 1px solid #80786F; border-top: 0px; padding: 7px; font-size: 95%; color: #FFFFFF;}
	.onlinebanking a { color: #FFFFFF; }
	
	#content { padding: 10px 0px; 
			_padding-right: 25px;
	}
	#content .onlinebanking .heading .search_txt a:link {color: #FFFFFF; font-weight: normal; color:#FFFFFF; }
	.spots { clear: both; background-color: #ffffff; width: 196px; float: right; border: 1px solid #80786F; border-bottom: 0px; margin-bottom: 10px;}
	.spots .heading { border-bottom: 1px solid #80786F; padding: 4px; background-color: #80786F; color: #FFFFFF; font-size: 120%;  font-weight: bold; }
	.spots .body { border-bottom: 1px solid #80786F; padding: 5px; font-size: 95%; }
	
	.spots_left { clear: both; background-color: #ffffff; width: 196px; /*float: left;*/ border: 1px solid #80786F; border-bottom: 0px; margin-bottom: 10px; /*margin-top: 10px;*/}
	.spots_left .heading { border-bottom: 1px solid #80786F; padding: 4px; background-color: #80786F; color: #FFFFFF; font-size: 120%; font-weight: bold; }
	.spots_left .body { border-bottom: 1px solid #80786F; padding: 5px; font-size: 95%; }
	.spots_left .body .left_adv_text { float: right; width: 100px;}
	.spots_left .body .left_adv_image { float: left; width: 76px; }
	
	.spots_left ul, .spots ul { margin: 3px; margin-left: 19px; padding: 0px; list-style: url(/iq/h/hban2/images/icons/ul_arrow.gif) outside square; }
	.spots_left ul li, .spots ul li { padding-left: 0px;}
	/*end boxes */
	
	/* start h5's */
	h5 { margin: 3px 0px; padding-right: 5px; font-size: 110%; color: #000000; }
	h5 a:link, h5 a:visited { color: #000000; }
	h5 i { background: url(/iq/h/hban2/images/icons/arrow_down.gif) 0px 4px no-repeat; padding: 4px; }
	/* end h5's */
	
	/* start h6's */
	h6 { margin: 5px 3px 5px 3px; padding: 5px; font-size: 110%; color: #ffffff; }
	h6 a:link, h6 a:visited, h6 a:hover { color: #fff; }
	h6 i { background: url(/iq/h/hban2/images/icons/arrow_down_white.gif) 0px 4px no-repeat; padding: 4px; }
	/* end h6's */

table.border { margin: 0px 0px; border: 1px solid #66bd29; cell-padding: 4px; border-collapse: collapse; }
table tr.alternate td { background-color: #D3DBAD; }
table td.alternate { background-color: #D3DBAD; }
table th.heading{ background-color: #D1CF80; color: #628600}
	
	/* breadcrumb */
	.breadcrumb { color: #404040; font-weight: bold; font-size: 95%; font-family: Arial, Helvetica, sans-serif; }
	.breadcrumb a:link, .breadcrumb a:visited { color: #404040; }
	/* end breadcrumb */
	
	/* Site Map */
	#content #S4col_equel ul.sitemap { margin: 3px 0px 3px 1px; padding: 0px;  list-style-type: none; }
	#content #S4col_equel ul.sitemap li { padding-left: 10px; }
	#content #S4col_equel ul.sitemap ul { margin: 3px 0px 3px -1px; padding: 0px; list-style-type: none; }
	#content #S4col_equel ul.sitemap ul li { padding-left: 17px; background: url(/iq/h/hban2/images/icons/sm_arrow_2.gif) 0px 0px no-repeat; }
	#content #S4col_equel ul.sitemap ul ul { margin: 3px 0px 3px -3px; padding: 0px; list-style-type: none; }
	#content #S4col_equel ul.sitemap ul ul li { padding-left: 17px; background: url(/iq/h/hban2/images/icons/sm_arrow_3.gif) 0px 4px no-repeat; }
	#content #S4col_equel ul.sitemap ul ul ul { margin: 3px 0px 3px -8px; padding: 0px; list-style-type: none; }
	#content #S4col_equel ul.sitemap ul ul ul li { padding-left: 17px; background: url(/iq/h/hban2/images/icons/sm_arrow_4.gif) 0px 4px no-repeat; }
	
	/* marketing block */
	#content .marketing_block { z-index:1; position: relative; background: url(/iq/h/hban/images/layout/tricolor_block.jpg) top left no-repeat; height: 145px; width: 206px;
							color: #CE4A19; padding: 49px 2px 0px 20px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
							font-size: 0px; float: left; line-height: 130%; margin-bottom: 10px; 
							/* ie 55 hack*/
							voice-family: "\"}\""; 
							voice-family:inherit;
 							width: 184px;
							/* end ie hack */

							}
	#content .marketing_block b { display:none; position: relative; bottom: -10px; float: right; font-size: 400%; line-height: 100%; text-transform: uppercase; }
        #content .marketing_block strong { display:none; position: relative; bottom: -10px; float: right; font-size: 400%; line-height: 100%; text-transform: uppercase; }
        #content .marketing_block p { visibility:hidden; z-index:-1;}
	/* end marketing block */
	
	/* forms */
	.form_box { background-color: #f8f8f8; padding: 5px; margin: 10px 0px; border: 1px solid #776f67;}
	.form_box .row { clear: both; padding-top: 3px; margin: 0px auto; }
	.form_box input { margin-left: 0px; /*font-size: 118%;*/ }
	.form_box .row span.label { float: left; width: 150px; text-align: right;  font-weight: bold; margin-right: 20px; }
	.form_box .row span.formw { float: left; width: auto; text-align: left; padding-left: 170px; margin-top: -12px; } 
	/* mac ie hack  \*/
	.form_box .row span.label { float: left; width: 150px; text-align: right;  font-weight: bold; margin-right: 20px; }
	.form_box .row span.formw { float: left; width: auto; text-align: left; padding-left: 0px; margin-top: 0px; } 
	/* end mac ie hack */
	
	/* for template with styled tables */
	table.styled { margin: 15px 0px;}
	table.styled tr.alternate td { background-color: #f8f8f8; border-right: 1px solid #ffffff; } /* alternating color */
	table.styled tr th { text-align:left; color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px;  padding:2px; }
	table.styled tr td.th { text-align:left; color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px; padding:2px; }
	table.styled tr.alternate td .th { vertical-align: top; background-color: #f8f8f8; color: #ffffff; font-weight: bold; padding: 4px 3px; margin: 0px; text-align: left; border-right: 1px solid #ffffff;} /* table heading */
	table.styled tr .th { border-bottom: 1px solid #ffffff; }
	table.styled tr td { padding: 4px 3px; border-right: 1px solid #ffffff; vertical-align: top; }
        table.styled tr td.rowHeader { color: #ffffff; background-color: #66bd29; font-weight: bold; border-top: 1px solid #f8f8f8; }
        table.styled tr td.columnHeader { color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px; }
        table.styled tr th.columnHeader { color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px; }
        table.styled tr th.columnHeader a { color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px; }
	/* end for templates with styled tables */

        /* for a table inside a form_box */
        form table.styled { margin: 15px 0px;}
        form styled tr.alternate td { background-color: #f8f8f8; border-right: 0px solid #f8f8f8; } /* alternating color */
        form table.styled tr th { text-align:left; color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px;  padding:2px; }
        form table.styled tr td.th { text-align:left; color: #ffffff; background-color: #66bd29; font-weight: bold; border-bottom: 0px; padding:2px; }
        form table.styled tr.alternate td .th { vertical-align: top; background-color: #f8f8f8; color: #ffffff; font-weight: bold; padding: 4px 3px; margin: 0px; text-align: left; border-right: 0px solid #f8f8f8;} /* table heading */
        form table.styled tr .th { border-bottom: 1px solid #F1F6D6; }
        form table.styled tr td { padding: 4px 3px; border-right: 0px solid #66bd29; vertical-align: top; }
        /* end for a table inside a form_box */

	/* misc */
	.horo_line { background: url(/iq/h/hban2/images/layout/dottedline_horo.gif) 0px 7px repeat-x;}
	.small_text, .disclosure { font-size: 80%; }
        .disclosureFixed { font-size: 9px; }
        .disclosureColor { font-size: 10px; color: #628600; font-weight: bold; }
	blockquote { background-color: #f8f8f8; padding: 5px; margin: 1px 1px 1px 1px; }
        blockquote.stripped {background-color:#FFFFFF; margin: 10px 10px 10px 20px} 
	/* end misc */


/* jad added for using style guide colors */
.color1 { color: #FFFFFF; background-color: #66bd29; }
.color2 { color: #FFFFFF; background-color: #66bd29; }
.color3 { color: #FFFFFF; background-color: #66bd29; }
.color4 { color: #FFFFFF; background-color: #66bd29; }
.color5 { color: #FFFFFF; background-color: #66bd29; }
.color7 { color: #A1C62E; background-color: #F1F1D9; }
.color8, .alternate2 { background-color: #f8f8f8; }
.color9 { color: #FFFFFF; background-color: #66bd29; }
.color10 { color: #FFFFFF; background-color: #66bd29; }
.color11 { color: #FFFFFF; background-color: #66bd29; }
.color12 { color: #FFFFFF; background-color: #66bd29; }
.color13 { color: #FFFFFF; background-color: #66bd29; }
.color14 { color: #FFFFFF; background-color: #66bd29; }
.color15 { color: #FFFFFF; background-color: #66bd29; }
.color16 { color: #FFFFFF; background-color: #66bd29; }
.color17 { color: #FFFFFF; background-color: #66bd29; }
.color18 { color: #FFFFFF; background-color: #66bd29; }
.color19 { color: #FFFFFF; background-color: #66bd29; }
.color20 { color: #FFFFFF; background-color: #66bd29; }
.color21 { color: #FFFFFF; background-color: #66bd29; }
.color22 { color: #FFFFFF; background-color: #66bd29; }

.font1 { color: #66bd29;}
.font2 { color: #749980; }
.font3 { color: #A1C62E; }
.font6 { color: #A4A873; }
.font7 { color: #F1F1D9; }
.font8 { color: #ECEFDB; }
.font9 { color: #E7E6BD; }
.font10 { color: #E0E7BF; }
.font11 { color: #D3DBAD; }
.font12 { color: #D1CF80; }
.font13 { color: #A2A000; }
.font14 { color: #628600; }
.font15 { color: #668600; }
.font16 { color: #666666; }
.font17 { color: #222222; }
.font18 { color: #040403; }
.font19 { color: #993300; }
.font20 { color: #BF1212; }
.font21 { color: #FF6600; }
.font22 { color: #FFCC66; }
/* end of jad added for style guide colors */

/* jad added for generic tables */
table.standard { margin: 4px 0px; border: 1px solid #66bd29; border-collapse: collapse;}
table.standard tr.heading td { background-color: #66bd29; color: #FFFFFF; font-weight: bold; padding: 6px 8px; margin: 0px; }
table.standard td.heading { background-color: #66bd29; color: #FFFFFF; font-weight: bold; padding: 6px 8px; margin: 0px; }
table.standard tr th { background-color: #66bd29; color: #FFFFFF; font-weight: bold; padding: 6px 8px; margin: 0px; } 
table.standard tr.alternate td { background-color: #f8f8f8; border-right: 0px solid #fff; padding: 4px 8px; }
table.standard td.alternate { background-color: #f8f8f8; border-right: 0px solid #fff; padding: 4px 8px; }
table.standard tr.subheading td { background-color: #f8f8f8; border-right: 0px solid #fff; padding: 4px 8px; color: #404040; font-weight: bold; }
table.standard td.subheading { background-color: #f8f8f8; border-right: 0px solid #fff; padding: 4px 8px; color: #404040; font-weight: bold; }
table.standard td.subheadingCell { background-color: #f8f8f8; border-right: 0px solid #fff; padding: 4px 8px; }
table.standard tr td.th,
table.standard tr td { background-color: #ffffff; vertical-align: top; padding: 4px 8px; }
/* end jad added for generic tables*/

/*jad added for li with some padding */
#content li.padded { padding: 3px 0px; }
#content ul.padded li { padding: 3px 0px; }
#content ul {margin-top: 0px; margin-bottom: 0px; }
/*end jad added for li with some padding */

/*jad added for ul with no left indentation */
#content ul.noIndent {padding-left: 10px; margin-left: 5px;}
#content ul.noIndentWrapped {padding-left: 0px; margin-left: 5px; list-style-position: inside;}
#content ul.wrapped {list-style-position: inside;}
/* end jad added for ul with no left indentation */

/* jad added for creating text that appears as an a href, but we cannot use an a href */
.mimicLink { color: #336600; text-decoration: underline; cursor:pointer;}

/* old styles */
.ingreen { color: #FFFFFF; }
.error { color: #FF9900 }
.up_quote { color: #3300cc }
.down_quote { color: #cc3300 }
.exception_error { color: #000000 }
.bold { font-weight: bold; }
.contentFrame { border: 0px solid #fff; }
div.scrollingLayer{ position: absolute; font-size: 100%; color: #000000; padding: 0px; border: none; z-index: 50; height : 150px; width : 75px; visibility : hidden; }
div.fundOptions {  width : 700px; height : 370px;	 z-index : 1; visibility : hidden;  }
/* end old styles */

#traffic_driver label {
		color: #000000;
		font-size: 11px;
		font-weight: normal;
		font-family: Verdana, Arial;
				width: 145px;		
				align: left;
	}

#traffic_driver input.text {
		width: 145px;
		/*align: center;  */
		background-color: #FFFFFF;
		align: left;
	}

	/* GENERAL CLASSES */
	
	.FC_form {
		margin: 0px 0px;
		/*padding: 1px 1px;*/
		border: 1px solid #7C8D14;
		width:155px
	}
	
	.FC_title {
		color: #336600;
		font-size: 13px;
		font-weight: bold;
		font-family: Verdana, Arial;
		width: 145px;
		/*border-top:solid 3px #336600;
		border-bottom: double; 2 px #666666;
		*/
		background-color:#d3dbad;
	}

	p.text 	{
	text-align:left;
	margin-left: 5px;
	}

	.small_text {
		color: #000000;
		font-size: 10px;
		font-weight: normal;
		font-family: Verdana, Arial;
	}

	/* button CLASSES */
	.button {
	-moz-border-radius:2.5px;
	border-radius:2.5px;
	cursor:hand;
	font:normal 11px verdana,Arial,sans-serif !important;
	border:solid 1px #F1C33A !important;
	color:#022044 !important;
	background-color:#FEF8EA;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEF8EA,endColorStr=#EDC23F);
	padding:1px 5px 2px;
	margin:0 4px;
	}

	.button:hover,.buttonHov
	{
		background-color:#FEF8EA;
		filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEF8EA,endColorStr=#EDC23F);
	}

	.button:active,.buttonAct
	{
		background-color:#FEF8EA;
		filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEF8EA,endColorStr=#EDC23F);
	}
			
	/* These are used on the business checking selector jsp's */
	.leftColumn {width:550px; float:left; /*border: thin dotted #00FF00; */ padding-top:5px}
	.pageHead {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-TOP: 6px; FONT-WEIGHT: bold; FONT-SIZE: 18px;  MARGIN: 0px;  COLOR: #859A43;}
	.subHead {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-TOP: 2px; FONT-WEIGHT: bold; FONT-SIZE: 105%;  MARGIN: 0px;  COLOR: #336600;  BACKGROUND-COLOR: #d3dbad;}
	.subHead1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-TOP: 2px; FONT-WEIGHT: bold; FONT-SIZE: 102%;  MARGIN: 0px;  COLOR: #336600;  BACKGROUND-COLOR: #EAF1C0;}
  
	/* mac ie hack  \*/
	#nav { height: 22px; }
	/* end mac ie hack */
												
	.ob_link { float: right; padding-right: 10px; padding-top: 1px; }
	.ob_link label { color: #666666; font-size: 110%; font-weight: bold; }
	.ob_link input { vertical-align: middle; margin-top: -6px; } /* search box */
	.ob_link .select_txt { width: 145px; margin: 0px 5px; }
	/* sub navigation. */
	#subnav { margin-top: -1px; border: 1px solid #66bd29; height: 27px; width: 750px; font-size: 95%; background-color: #fff; } /* changed height value to 27px instead of 25, which brulent had, and it made the 
                          page jump two pixels on every page except the homepage when you mouseover the 
                          Home tab (01/10/2005 - isjd958) */
	#subnav ul { float: left; margin: 0px; padding: 0px; list-style-type: none; display: inline; padding: 0px 0px; }
	#subnav ul li { color: #66bd29; display: inline; padding: 0px 3px; margin: 0px; line-height: 25px; border-right: 0px solid #222222; }
	#subnav ul li a:link, #subnav ul li a:visited { color: #222222;  }
	#subnav ul li a:hover { text-decoration: none; }
	.menu { display: none; }
	#subnav ul li.last { border-right: 0px solid #222222; }
	
	/* start ie hacks */
	* html #nav ul { margin-top: -1px; }
	* html #subnav { margin-top: -2px; }
	/* end ie hacks*/