/* CashEdge has this rule declaration in their CSS 
** So we have to make accomodations for it
ul {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 1.5em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-indent: 5px;
list-style-position: outside;
list-style-image: url(../images/square.gif);
padding: 6px;
margin: 5px 20px;
}
*/
/* Cititrade Trading has these rule declarations in their CSS
** So we have to make accomodations for it
a:link { font:9pt arial, verdana, sans-serif; color:#000066; text-decoration:underline; }
a:visited { font:9pt arial, verdana, sans-serif; color:#000066; text-decoration:underline; }
a:active { font:bold 9pt arial, verdana, sans-serif; color:#ff6600; text-decoration:none; }
a:hover { font:9pt arial, verdana, sans-serif; color:#ff6600; text-decoration:underline; }
*/

/*top_nav.css*/

div#public-nav-area a:link,
div#find-flyout a:link,
div#search-flyout a:link,
div#links-flyout-main a:link{color:#088eee !important;text-decoration:none !important;}

div#public-nav-area a:hover,
div#find-flyout a:hover,
div#search-flyout a:hover,
div#links-flyout-main a:hover,
ul#top-nav3 li span.hover{color:#33ccff !important;text-decoration:underline !important;}

body { 
	margin: 0;
	width: AUTO;
	background-color: #fff; 
	}

img {border:none;}

div#ada { 
	position: absolute;
	left: 0;
	top: 0;
	display: block; 
	height: 0px;
	width: 0px; 
	overflow: hidden; 
	}

div#top-nav { 
	width: 895px; 
	height: 182px;
	margin:0 0 10px 9px;
	background:url(../../img/top_nav/topnav-bg.gif) no-repeat 0 41px;
	}
div#top-nav ul#top-nav1,
div#top-nav ul#top-nav2,
div#top-nav ul#top-nav3 {
font-family: verdana, sans-serif;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-indent: 0;
list-style-position: normal;
padding: 0;
}
	div#top-nav.unsigned
	{
	 height:136px;
	}
	div#public-nav-area 
	{ 
		position: absolute;
		left: 0px; 
		top: 0px;
		width: 895px; 
		height: 136px;
		z-index:500;
		}
		div#ada-image { 
			position: absolute;
			left: 0; 
			top: 0;
			width: 100px; 
			height: 36px;
			z-index: 100;
			}

		img#citi-division { 
			position: absolute;
			left: 12px; 
			top: 19px;
			}

		div#logo { 
			position: absolute;
			left: 26px; 
			top: 53px;
			width: 72px;
			z-index:1;
			}
			
		div#public-navs { 
			position: relative;
			left: 0; 
			top: 0;
			height:136px;
			}
		
			ul#top-nav1 { 
				position: absolute;
				left: 276px; 
				top: 24px;
				width: 440px; 
				height: 20px; 
				margin: 0; 
				padding: 0; 
				list-style: none; 
			}
			div#top-nav.unsigned ul#top-nav1{
				left:311px;
			}
			ul#top-nav1 li a {
				font: bold 11px arial;
			}
			ul#top-nav1 li.navitem1 { 
				position: absolute; 
				left: 0px; 
				top: 0px; 
				}
			
			ul#top-nav1 li.navitem2 { 
				position: absolute; 
				left: 109px; /* + 4 */ 
				top: 0px; 
				}
			ul#top-nav1 li.navitem2 a { 
				background: transparent url(../../img/top_nav/fo_arrow.gif) 0 2px no-repeat; 
				padding: 0 0 0 15px; 
				}
			ul#top-nav1 li.navitem2ao { 
				position: absolute; 
				left: 109px; 
				top: 0px; 
				}

			ul#top-nav1 li.navitem2 a:hover { 
				background-position: 0 -18px; 
				}
			
			ul#top-nav1 li.navitem3 { 
				position: absolute; 
				left: 243px;  /*  + 10 */
				top: 0px; 
				}
			ul#top-nav1 li.navitem3ao { 
				position: absolute; 
				left: 243px; 
				top: 0px; 
				}
			ul#top-nav1 li.navitem3 a { 
				background: transparent url(../../img/top_nav/fo_arrow.gif) left 2px no-repeat; 
				padding: 0 0 0 15px; 
				}
			ul#top-nav1 li.navitem3 a:hover { 
				background-position: 0 -18px; 
				}
			
			ul#top-nav1 li.navitem4 { 
				position: absolute; 
				left: 320px; 
				top: 0px; 
				}
			
			
			ul#top-nav1 li.navitem5 { 
				position: absolute; 
				left: 366px; 
				top: 0px; 
				}
			
			ul#top-nav1 li a { 
				font:bold 11px arial;
				color: #088eee; 
				text-decoration: none; 
				display: block;
				margin: 0 0 0 0;
				}
			ul#top-nav1 li.navitem1 span.OpenAccount a { 
				color: #036 !important;
				}
			ul#top-nav1 li.navitem4 span.HelpDesk a,
			ul#top-nav1 li.navitem4 span.Help a{ 
				color: #036 !important;
				}
			ul#top-nav1 li.navitem5 span.ContactUs a { 
				color: #036 !important;
				}
		
			div#top-nav ul#top-nav2 { 
				position: absolute;
				left: 710px; 
				top: 24px;
				width: 200px;
				margin: 0; 
				padding: 0 0 0 8px; 
				list-style: none; 
				background:url(../../img/top_nav/topnav-divider.gif) no-repeat left;
				}
			div#top-nav.unsigned ul#top-nav2 {
				left: 744px;
			}
			ul#top-nav2 li { 
				float: left; 
				display: inline; 
				margin: 0 12px 0 0 !important; 
				}
			ul#top-nav2 li a { 
				display: block;
				font: normal 11px arial;
				color: #088eee; 
				text-decoration: none; 
				}
			ul#top-nav2 li.navitem3 { margin-right:0px !important; }
			ul#top-nav2 li.navitem3 a { 
				background: url(../../img/top_nav/fo_arrow.gif) left 2px no-repeat; 
				padding-left: 15px !important; 
				zoom:1;
				}
			ul#top-nav2 li.navitem3 a:hover { 
				background-position:0 -18px; 
				}
			ul#top-nav3 { 
				position: absolute;
				left: 16px;
				top: 98px;
				width: 485px; 
				height: 20px; 
				margin: 0; 
				padding: 0; 
				list-style: none; 
				}
			ul#top-nav3 li {
				position: absolute;
				margin: 0 0 0 1px;
				padding-left:10px;
				height:34px;
				z-index:1000;
				}
			ul#top-nav3 li.over,
			body.banking-page ul#top-nav3 li.over,
			body.credit-page ul#top-nav3 li.over,
			body.loans-page ul#top-nav3 li.over,
			body.investing-page ul#top-nav3 li.over,
			body.planning-page ul#top-nav3 li.over {
				background:url(../../img/top_nav/mainnav-bg-lt-on.gif) no-repeat top left !important;
				zoom:1;
			}
			ul#top-nav3 li span.over{
				background:url(../../img/top_nav/mainnav-bg-rt-on.gif) no-repeat top right !important;
				color: #33ccff !important;
				text-decoration:none !important;
				cursor:default;
			}
			body.banking-page ul#top-nav3 span.over,
			body.credit-page ul#top-nav3 span.over,
			body.loans-page ul#top-nav3 span.over,
			body.investing-page ul#top-nav3 span.over,
			body.planning-page ul#top-nav3 span.over{
				background:url(../../img/top_nav/mainnav-bg-rt-on.gif) no-repeat top right;
			}
			ul#top-nav3 li span{ 
				font-family:arial;
				font-size:13px;
				font-weight:bold;
				color:#088eee;
				text-decoration:none;
				display:block;
				height:26px;
				padding:8px 14px 10px 0;
				cursor:pointer;
			}
			body.banking-page ul#top-nav3 li.navitem1,
			body.credit-page ul#top-nav3 li.navitem2,
			body.loans-page ul#top-nav3 li.navitem3,
			body.investing-page ul#top-nav3 li.navitem4,
			body.planning-page ul#top-nav3 li.navitem5{
				background:url(../../img/top_nav/mainnav-left-on.gif) no-repeat left 6px;
			}
			body.banking-page ul#top-nav3 li.navitem1 span,
			body.credit-page ul#top-nav3 li.navitem2 span,
			body.loans-page ul#top-nav3 li.navitem3 span,
			body.investing-page ul#top-nav3 li.navitem4 span,
			body.planning-page ul#top-nav3 li.navitem5 span{
				background:url(../../img/top_nav/mainnav-rt-on.gif) no-repeat right 6px;
				color: #000066 !important;
			}
			
			ul#top-nav3 li.navitem1{
				left:0;
			}
			ul#top-nav3 li.navitem2{
				left:84px;
			}
			ul#top-nav3 li.navitem3{
				left:192px;
			}
			ul#top-nav3 li.navitem4{
				left:312px;
			}
			ul#top-nav3 li.navitem5{
				left:405px;
			}
			
			/*widths for IE because links are display:block*/
			ul#top-nav3 li.navitem1 span {
				width:55px;
			}
			ul#top-nav3 li.navitem2 span {
				width:93px;
			}
			ul#top-nav3 li.navitem3 span {
				width:104px;
			}
			ul#top-nav3 li.navitem4 span {
				width:58px;
			}
			ul#top-nav3 li.navitem5 span {
				width:58px;
			}
		
			div#my-citi { 
				position: absolute;
				left: 760px;
				top: 100px;
				}
			
	div#user-nav-area { 
		position: absolute;
		left: 0px; 
		top: 142px;
		width: 895px; 
		height: 39px;
		background: transparent url(../../img/top_nav/user_nav_bg.gif) top left no-repeat; 
		overflow: hidden;
		margin-left:9px;
		}
		div#user-nav-area.goldPass 
		{
			background-image:url(../../img/top_nav/bg_gold.gif);
		}
		div#user-nav-area.goldPass ul#top-nav4 {margin-top:3px;}
		div#user-nav-area.goldPass ul#top-nav4 li a {
			color:#012D63;
		}
		div#notice-area { 
			width: 160px; 
			margin: 4px 0 0 7px; 
			float: left; 
			display: inline;
			font-family: verdana;
			font-size: 11px;
			color: #0F0F0F;
			overflow: hidden;
			}
		div#notice-area p { 
			margin: 0 0 2px 0; 
			padding: 0; 
			font-size:10px; /*changed from 7.5pt */
			color: #000; 
			font-family: verdana;
			white-space: nowrap;
			}
		div#notice-area p#message-indicator { 
			display: inline; 
			} 
		div#notice-area p a { 
			color: #088eee; 
			font:10px verdana;
			} 
		div#notice-area p a:hover { 
			color: #33ccff; 
			}
		
		ul#top-nav4 { 
			width: 630px; 
			margin: 3px 0 0 0; 
			padding: 0; 
			list-style: none; 
			float: left; 
			display: inline; 
			}
		ul#top-nav4 li { 
			float: left; 
			display: inline; 
			margin: 0; 
			height:36px;
			text-align:center;
			width:105px;
			}
		ul#top-nav4 li a { 
			color: #088eee; 
			font:11px verdana;
			text-decoration: none; 
			display: block; 
			padding:7px 0;
			}
			
		body.home-page ul#top-nav4 li.navitem1,
		body.account-page ul#top-nav4 li.navitem2,
		body.payments-page ul#top-nav4 li.navitem3,
		body.transfers-page ul#top-nav4 li.navitem4,
		body.investments-page ul#top-nav4 li.navitem5,
		body.service-page ul#top-nav4 li.navitem6 {
			background: url(../../img/top_nav/user_nav_tab.png) top left repeat-x;
		}
		
		body.home-page ul#top-nav4 li.navitem1 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		body.account-page ul#top-nav4 li.navitem2 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		body.payments-page ul#top-nav4 li.navitem3 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		body.transfers-page ul#top-nav4 li.navitem4 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		body.investments-page ul#top-nav4 li.navitem5 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		body.service-page ul#top-nav4 li.navitem6 a { 
			color: #036 !important; 
			font:11px verdana; /*changed from 8pt */ 
			text-decoration: none; 
			font-weight: bold; 
			}
		
div#body {
	width: 935px;
	overflow:visible;
	margin-left:25px;
	}

/*FLYOUTS*/
		
/*Find Citi Locations flyout*/
div#find-flyout{
	position:absolute;
	top:19px;
	left:410px;
	width:140px;
	z-index:500;
}
div#find-flyout.member{
	left:374px;
}
div#find-flyout-top { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 140px;
	display: none;
	}
div#find-flyout-bg-top { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 140px; 
	height: 23px;  
	z-index: 0; 
	display: none;
	background: transparent url(../../img/top_nav/ffo_bg_top.png) top left no-repeat;
	}
div#find-flyout-main form {
	background-color:transparent;
	margin: 0; 
	padding: 0;
}
div#find-flyout-main { 
	position: absolute; 
	top:23px; 
	left: 0; 
	width: 293px; 
	display: none;
	z-index: 300; 
	}
div#find-flyout-bg-main { 
	position: absolute; 
	top: 23px; 
	left: 0; 
	width: 293px; 
	height: 87px;  
	z-index: 300; 
	display: none;
	background: transparent url(../../img/top_nav/ffo_bg_main.png) top left no-repeat;
	}
div#find-flyout-top div.top { 
	width: 139px; 
	height: 22px; 
	overflow: hidden; 
	}
div#find-flyout-top div.top h3 { 
	border:none;
	margin:5px 0 0 4px; 
	padding: 0; 
	font-size:11px; /*changed from 7.5pt */ 
	font-family: arial, sans-serif; 
	color: #088eee; 
	float: left; 
	display: inline;
	}
div#find-flyout-top div.top a.close-button { 
	float: left; 
	width: 11px; 
	height: 11px; 
	margin: 7px 0 0 11px; 
	background: url(../../img/top_nav/close_button.gif) top left no-repeat; 
	}
div#find-flyout-top div.top a.close-button span { 
	display: block; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	}

div#find-flyout-main div.main { 
	width: 295px; 
	height: 67px; 
	padding: 8px 0 0 0; 
	}	
/*IE 5.x*/ /*div#find-flyout-main div.main { width: 295px; height: 75px; padding: 8px 0 0 0; } */
div#find-flyout-main div.main { 
 /*	overflow: hidden; */
	}

div#find-flyout-main input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; /*changed from 8pt */  
	color: #000; 
	margin: 0;
	border: 1px solid #7f9db9;
	}
div#find-flyout-main select { 
	font-size:11px; /*changed from 8pt */ 
	color: #000; 
	margin: 0; 
	padding: 0; 
	}

div#find-flyout-main div.main div.col-a { 
	width: 80px; 
	float: left; 
	display: inline; 
	overflow: hidden; 
	}
div#find-flyout-main input#zipcode_nav { 
	width: 66px; 
	float: left; 
	display: inline; 
	margin: 0 0 0 10px;
	
	}

div#find-flyout-main div.main div.col-b { 
	width: 33px; 
	float: left; 
	display: inline; 
	overflow: hidden; 
	}
div#find-flyout-main div.main div.col-b h4 { 
	width: 33px; 
	text-align: center; 
	margin: 3px 0 0 0; 
	padding: 0; 
	font-size:10px; /*changed from 7.5pt */  
	font-family: verdana, sans-serif; 
	color: #000000;
	border: none;
	}

div#find-flyout-main div.main div.col-c { 
	width: 180px; 
	float: left; 
	display: inline; 
	overflow: hidden; 
	}
div#find-flyout-main input.address-field { 
	width: 167px;
	margin: 0 0 1px 0;
	}
div#find-flyout-main input.city-field { 
	width: 122px;
	margin: 2px 3px 7px 0; 
	}
div#find-flyout-main input.state-field { 
	width: 42px;
	margin: 2px 0 7px 0;
	}

div#find-flyout-main div.main ul { 
	width: 295px; 
	height: 27px;  
	clear: both; 
	margin: 0; 
	padding: 0; 
	list-style: none;
	}
div#find-flyout-main div.main ul { 
	line-height:normal; 
	text-indent:0;
	list-style-position:normal;
	font-family:verdana, sans-serif;
	}
div#find-flyout-main div.main ul li { 
	float: left; 
	display: inline; 
	margin: 2px 0 0 9px; 
	}
div#find-flyout-main div.main ul li a { 
	display: block;
	text-decoration:none;
	color: #088eee; 
	font-size:10px; /*changed from 7.5pt */ 
	padding-bottom:1px;
	}
div#find-flyout-main div.main ul li#find-flyout-more {
	margin-right:4px;
	}
div#find-flyout-main div.main ul li#find-flyout-global {
	background:url(../../img/top_nav/topnav-divider.gif) no-repeat left;
	margin-left:0px;
	padding-left:5px;
	}
div#find-flyout-main div.main ul li.end { 
	float: right; 
	display: inline; 
	margin: 0pt 10px 0pt 0pt; 
	background:url(../../img/top_nav/topnav-divider.gif) no-repeat left;
	padding-left:6px;
	padding-bottom:1px;
	}
div#find-flyout-main div.main ul li.end a { 
	display: block; 
	width: 51px; 
	height: 15px; 
	background: transparent url(../../img/top_nav/btn_find.gif) top left no-repeat; 
	margin-top:1px;
	padding-bottom:0;
	}
div#find-flyout-main div.main ul li.end a:hover {
	background-image:url(../../img/top_nav/btn_find_on.gif); 
	}
div#find-flyout-main div.main ul li.end a span { 
	display: block; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	}

div#find-flyout-main div.bottom { 
	width: 295px; 
	height: 7px; 
	padding: 8px 0 0 0; 
	}
div#find-flyout-main div.bottom {
	overflow: hidden; 
	}
	
div#search-flyout{
	position:absolute;
	top:19px;
	left:543px;
	width:140px;
	z-index:500;
}
div#search-flyout.member{
	left:508px;
}
div#search-flyout-top { 
	position:absolute; 
	left:0; 
	top:0; 
	width:79px; 
	display:none;
	}
div#search-flyout-main form {
	background-color:transparent;
	margin: 0; 
	padding: 0;
}
div#search-flyout-main { 
	position: absolute; 
	left:0; 
	top:23px; 
	width:183px; 
	display:none;
	}
div#search-flyout-bg-top { 
	position: absolute; 
	left:0; 
	top:0; 
	width:76px; 
	height:23px;
	display:none;
	background: transparent url(../../img/top_nav/sfo_bg_top.png) top left no-repeat;
	}
div#search-flyout-bg-main { 
	position: absolute; 
	left:0; 
	top:23px; 
	width: 186px; 
	height: 59px;
	display: none; 
	background: transparent url(../../img/top_nav/sfo_bg_main.png) top left no-repeat;
	}
div#search-flyout-top div.top { 
	width: 79px; 
	height: 22px; 
	overflow: hidden; 
	}
div#search-flyout-top div.top h3 { 
	border:none;
	margin: 5px 0pt 0pt 4px; 
	padding: 0; 
	font-size:11px; /*changed from 7.5pt */  
	font-family: arial, sans-serif; 
	color: #088eee; 
	float: left; 
	display: inline; 
	}
div#search-flyout-top div.top h3 a:hover { 
	color: #000000; 
	}
div#search-flyout-top div.top a.close-button { 
	float: left; 
	width: 11px; 
	height: 11px; 
	margin: 7px 0pt 0pt 11px; 
	background: transparent url(../../img/top_nav/close_button.gif) top left no-repeat; 
	}
div#search-flyout-top div.top a.close-button span { 
	display: block; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	}
div#search-flyout-main div.main { 
	width: 183px; 
	height: 45px; 
	padding: 8px 0 0 0; 
	}
/*IE 5.x*/ /*div#search-flyout-main div.main { width: 183px; height: 58px; padding: 8px 0 0 0; }*/
div#search-flyout-main div.main { 
	 /*  overflow: hidden; */ 
	}
div#search-flyout-main div.main input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; /*changed from 8pt */  
	color: #000; 
	margin: 0 0 6px 9px; 
	border: 1px solid #7f9db9;
	}
div#search-flyout-main div.main input.search-field {
	width: 161px; 
	}
div#search-flyout-main div.main ul { 
	width: 183px; 
	height: 18px; 
	overflow: hidden; 
	margin: 0 0 6px 0; 
	padding: 0; 
	list-style: none; 
	}
div#search-flyout-main div.main ul { 
	line-height:normal; 
	text-indent:0;
	list-style-position:normal;
	font-family:verdana, sans-serif;
	}
div#search-flyout-main div.main ul li { 
	float: left; 
	display: inline; 
	margin: 2px 0 0 9px; 
	}
div#search-flyout-main div.main ul li a { 
	display: block; 
	color: #088eee;
	text-decoration: none;
	font-size:10px; /*changed from 7.5pt */  
	}
div#search-flyout-main div.main ul li.end { 
	float: right;
	display: inline;
	margin: 0 13px 0 0;
	}
div#search-flyout-main div.main ul li.end a { 
	display: block; 
	width: 34px; 
	height: 15px; 
	background: transparent url(../../img/top_nav/go-submit.gif) top left no-repeat; 
	}
div#search-flyout-main div.main ul li.end a:hover {
	background-image:url(../../img/top_nav/go-submit_on.gif); 
	}
div#search-flyout-main div.main ul li.end a span { 
	display: block; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	}

div#search-flyout-main div.bottom { 
	width: 183px; 
	height: 7px; 
	padding: 8px 0 0 0; 
	}
div#search-flyout-main div.bottom { 
	overflow: hidden; 
	}

/*JS hovers on close buttons and headings*/
div.flyout-top-over{
	cursor:pointer;
}
div.flyout-top-over div.top h3{
	color:#33ccff !important;
	text-decoration:underline;
	}
div.flyout-top-over div.top a.close-button{
	background-image: url(../../img/top_nav/close_button_on.gif) !important;
	}

/*Tip flyout*/

div#tip-flyout { 
	position: absolute; 
	top: 144px; 
	left: 150px; 
	width: 104px; 
	height: 32px; 
	overflow: hidden; 
	display: none; 
	}
div#tip-flyout p { 
	margin: 1px 0 0 12px; 
	padding: 0; 
	font:10px verdana; /*changed from 7.5pt */  
	color: #088eee; 
	}
div.tip-flyout-bg
{
	background: transparent url(../../img/top_nav/tip_flyout.png) top left no-repeat; 
}
div.tip-flyout-bg-ie
{
	background: transparent url(../../img/top_nav/tip_flyout.gif) top left no-repeat; 
}

/* My Citi links flyout */

div#links-flyout-top { 
	position: absolute; 
	left: 807px; 
	top: 19px; 
	width: 79px; 
	display: none; 
	z-index: 610; 
	}
div#links-flyout-main { 
	position: absolute; 
	left: 710px;
	top: 47px; 
	width: 183px; 
	display: none; 
	z-index: 610; 
	}
	
div#links-flyout-bg-top { 
	position: absolute; 
	left: 807px; 
	top: 19px; 
	width: 116px; 
	height: 29px;  
	z-index: 600; 
	display: none; 
	background: transparent url(../../img/top_nav/lfo_bg_top.png) top left no-repeat; 
	}
	
div#links-flyout-bg-main { 
	position: absolute; 
	left: 504px;
	top: 41px;
	width: 400px; 
	height: 88px;
	z-index: 600; 
	display: none; 
	background: transparent url(../../img/top_nav/lfo3col_bg_main.png) top right no-repeat; 
	}

div#links-flyout-top div.top { 
	width: 116px; 
	height: 29px; 
	overflow: hidden; 
	}
div#links-flyout-top div.top h3 { 
	border:none;
	margin: 5px 0pt 0pt 4px; 
	padding: 0; 
	font-size:11px;
	font-weight:normal;
	font-family: arial, sans-serif; 
	color: #088eee; 
	float: left; 
	display: inline;
	}
div#links-flyout-top div.top a.close-button { 
	float: left; 
	width: 11px; 
	height: 11px; 
	margin: 7px 0pt 0pt 11px;
	background: transparent url(../../img/top_nav/close_button.gif) top left no-repeat;
	}
div#links-flyout-top div.top a.close-button span { 
	display: block; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	}

div#links-flyout-main div.main { 
	width: 183px; 
	height: 45px;
	position:absolute; 
	padding: 8px 0 0 0; 
	}

/*JS hovers on close buttons and headings*/
div#body div.search-top-over{
	cursor:pointer;
}
div#body div.search-top-over div.top h3{
	color:#33ccff;
	text-decoration:underline;
}
div#body div.search-top-over div.top a.close-button{
	background-image: url(../../img/top_nav/close_button_on.gif);
}
/*IE 5.x*/ /*div#search-flyout-main div.main { width: 183px; height: 58px; padding: 8px 0 0 0; }*/
div#links-flyout-main div.main { 
	 /*  overflow: hidden; */ 
	}

/*bottom_nav.css*/

div#cbol-footer { 
	clear:both;
	width:891px; 
	margin:35px 0 5px 0;
	z-index:-10;
	}
div#cbol-footer li,
div#cbol-footer p,
div#cbol-footer a { 
	font-family: verdana, sans-serif; 
	}
	
div#cbol-footer a{color:#088eee;text-decoration:none;}
div#cbol-footer a:hover{color:#42AFE5;text-decoration: underline;}

div#cbol-footer div#cbol-footer-logo-area { 
	display:block;clear:both;
	padding: 0 5px 0 0;
	border-bottom:1px solid #fff;
}
	div#cbol-footer div#cbol-footer-logo-area h4 { 
		width: 34px; 
		margin:0;
		padding: 0; 
		background: transparent url(../../img/footer/footlogo.gif) left top no-repeat; 
		float:left;
		font: 10px verdana normal;
		}
	div#cbol-footer div#cbol-footer-logo-area h4 span { 
		display: block; 
		width: 0px; 
		height: 0px; 
		overflow: hidden; 
		}
	div#cbol-footer div#cbol-footer-logo-area h5 { 
		margin:0;
		padding: 0;
		font:10px verdana;
		white-space:nowrap;
		margin-bottom:3px;
		white-space:nowrap;
		line-height:15px;
		color: #999999;
		text-align:right;
		}
	div#cbol-footer div#cbol-footer-logo-area h5 img { margin-top:5px; }
	div#cbol-footer div#cbol-footer-logo-area a#citi-link {
		display:block;clear:both;
		float:left;
		color:#088eee;
		font-size:10px;
		margin:0;
		height:20px;
		width:34px;
		border:none;
		}
	div#cbol-footer div#cbol-footer-logo-area a#citi-link:hover {
		color:#42afe5;
		}
	div#cbol-footer div#cbol-footer-logo-area span#copyright-info {
		display:block;
		float:right;
		font:10px verdana, sans-serif;
		color:#989898;
		margin:0;
		padding-top:2px;
		}
div#cbol-footer div.nav-area {
	position:relative;
	margin-bottom:5px;
	padding-right:7px;
	text-align:right;
	border-width:1px 0;
	border-style:solid;
	border-color:#ccc;
	height:25px;
	}
*html div#cbol-footer div.nav-area { z-index:1; }
*html div#body div#cbol-footer div.nav-area { z-index:-1; }
div#cbol-footer img#cbol-footer-citigroup{
	float:left;
	margin:0 0 3px;
	}
div#cbol-footer a#citi-link{
	font-size:11px;
	font-family:arial;
	float:left;
	margin-top:6px;
	margin-left:4px;
	}
div#cbol-footer div.nav-area ul#bottom-nav { 
	margin: 5px 0 6px 0; 
	padding: 0px 0px 2px 0px; 
	list-style: none; 
	}
div#cbol-footer div.nav-area ul { 
	line-height:normal; 
	text-indent:0;
	list-style-position:normal;
	}
div#cbol-footer div.nav-area ul#bottom-nav li.left { 
	float: left; 
	display: inline; 
	font-size: 10px; 
	margin: 0; 
	}
div#cbol-footer div.nav-area ul#bottom-nav li.right { 
	float: right; 
	display: inline; 
	font-size: 10px;
	margin: 0 0 0 20px; 
	}

div#cbol-footer div.nav-area div.bottom { 
	width: 640px; 
	}
div#cbol-footer div.nav-area div.bottom p { 
	font-size: 11px; 
	color: #999; 
	margin: 0; 
	padding: 0; 
	}
div#cbol-footer div.nav-area div.bottom p.note { 
	width: 360px; 
	float: left; 
	display: inline; 
	}
div#cbol-footer div.nav-area div.bottom p.copyright { 
	width: 280px; 
	float: left; 
	display: inline; 
	text-align: right; 
	}

div#cbol-footer div#cbol-footer-copy {clear:both;padding:5px 5px 0 0;margin-top:0;z-index:-1}
div#cbol-footer div#cbol-footer-copy div#cbol-footer-disclaimer{margin-left:28px; margin-top:2px;}
div#cbol-footer div#cbol-footer-copy p {font-size:10px;color:#989898;line-height:1.3em;margin:0 0 .5em;}
div#cbol-footer div#cbol-footer-copy table {margin:0 0 .5em 0;}
div#cbol-footer div#cbol-footer-copy td {font-size:10px;color:#989898;line-height:1.3em;}
div#cbol-footer div#cbol-footer-copy a {color:#088eee !important;text-decoration:none !important;border-bottom:none !important;}
div#cbol-footer div#cbol-footer-copy a.image {border:none !important;}
div#cbol-footer div#cbol-footer-copy a.image:hover {border:none !important;}
div#cbol-footer div#cbol-footer-copy a:hover {color:#33ccff !important; border-bottom:1px solid #33ccff !important; }
div#cbol-footer div#cbol-footer-copy p strong {color:#04335D;}
div#cbol-footer div#cbol-footer-copy p.copyright {float:right; text-align:right;margin:0;padding-top:3px;font-weight:normal;}
div#cbol-footer div#cbol-footer-copy p.tag {float:right; text-align:right;margin:0;}
div#cbol-footer-bottom {clear:both;height:10px;}

/* new login / myCiti home - */
ul#myCitiSignInOut {
 margin:0;
 padding:0;
 list-style: none;
 display:block;
 float:left;
 background-color:#FFF;
 height:34px;
 margin-top:14px;
}
/* ul#myCitiSignInOut:hover, ul#myCitiSignInOut.overState {background-position:bottom left;} */
ul#myCitiSignInOut li {display: block; }
#myCiti-Home {
	float:left;
	display:block;
	margin-left:0px;
	background-color:#FFF;
}
#myCiti-LogAction {
display:block;
float:left;
background-color:#FFF;
margin-left:0px;
padding-top:0px;
width:83px;
}
#myCitiSignInOut li a {
display:block;
height:24px;
padding-top:4px;
padding-bottom:9px;
}

#aJRSRREWARDS_t_sRewardProgram td:first-child img
{
display:none;
}
div#links-flyout-main div.main {width:397px;left:-205px !important;top:3px;padding:0;}
div#links-flyout-main div.main ul {position:absolute;padding:0;margin:0;}
div#links-flyout-main div.main ul li {white-space:nowrap;list-style:none;display:none;margin:0 0 2px 0;padding:0;background-color:none;font-size:11px;line-height:14px;}
div#links-flyout-main div.main ul li a {font-family:verdana;font-size:11px;color:#0099ff;margin:0;padding:0;}
div#links-flyout-main div.main ul li span {font-family:verdana;font-size:11px;color:#999999;margin:0;padding:0;}
ul#quick-one {top:0;left:265px;}
ul#quick-two {top:0;left:136px;}
ul#quick-three {top:0;left:7px;}
div#links-flyout-main div.main ul#quick-two li,
div#links-flyout-main div.main ul#quick-three li{padding-right:5px;}
ul#quick-two,ul#quick-three{width:120px;overflow:hidden;background:url(../../img/top_nav/grey-dot-vert.gif) repeat-y top right;}
div#links-flyout-main div.main ul li#customizeLink {display:block;margin-top:12px;}
div#links-flyout-main div.main ul li#customizeLink a {font-weight:bold;font-size:10px;background:url(../../img/top_nav/grey-dot-horiz.gif) repeat-x top left;padding-top:6px;}
iframe.nav_iframe {position:absolute;z-index:-1;filter:mask();width:100%;height:100%;left:0}
iframe#flyout_iframe {position:absolute;z-index:-1;top:0;left:0;filter:mask();width:855px;height:270px;}

div#mainnav-flyouts{position:relative;}
div#mainnav-flyouts ul{list-style:none;list-style-image:none;margin:0;padding:0;background:url(../../img/top_nav/mainnav-fo-bg.png) no-repeat bottom left;font-size:11px;font-family:verdana;padding:8px 12px;line-height:normal;text-indent:0;position:relative;}
div#mainnav-flyouts li{text-indent:0;margin-bottom:4px;width:172px;}
div#mainnav-flyouts a{color:#088eee;text-decoration:none;padding-bottom:1px;}
div#mainnav-flyouts a:hover{color:#42AFE5;text-decoration:underline;}
div#mainnav-flyouts .visible{visibility:visible;}
div#mainnav-flyouts .hidden{visibility:hidden;}
div.mainnav-flyout{position:absolute;top:131px;background:url(../../img/top_nav/mainnav-fo-bg-tp.png) no-repeat top left;z-index:1000;visibility:hidden;width:195px;padding-top:2px;}
div#mainnav-flyout-banking{left:17px;}
div#mainnav-flyout-banking iframe{height:210px;}
div#mainnav-flyout-creditcards{left:101px;}
div#mainnav-flyout-lines{left:209px;}
div#mainnav-flyout-lines iframe{height:122px;}
div#mainnav-flyout-investing{left:329px;}
div#mainnav-flyout-planning{left:422px;}
div#mainnav-flyout-planning iframe{height:277px;}
div.mainnav-flyout-empty{display:none;}