* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: #555555; font: 11px Arial; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,q:before,q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { color: #3399cc; text-decoration: none; }
	a:hover { color: #3399cc; text-decoration: underline; }
select option{padding-left:4px;}
h2 { font: bold 12px arial; color: #000066; margin: 0; padding: 0 0 3px 0; float: left; clear: both; }
	h2 a { color: #000066; text-decoration: none; }
		h2 a:hover { color: #000066; text-decoration: underline; }
h3 { float: left; margin: 0; padding: 0; }
.title-credit-card { background: url(/portal/new-images/ps_credit_card_txt.gif) no-repeat; height: 15px; width: 89px; margin: 0 0 17px 0; float: left; }
.apply { padding: 6px 0 3px 0; margin: 0; width: 100%; }
#citi-container { margin: 20px auto 0; width: 954px; height: auto; }
.country { background: url(/portal/new-images/home-sprite.gif) no-repeat -308px -205px; width: 108px; height: 13px; text-indent: -999999px; }
#top-section { width: 954px; margin: 0; padding: 0; float: left; }


#top-nav { width: 480px; height: 32px; margin: 0; padding: 0; display: inline;  }
#top-nav ul { margin: 12px 0 0 0; padding: 0;}
#top-nav ul li { margin: 0; padding: 0; display: block; float: left; height: 32px; }
#top-nav ul .personal-banking { background: url(/portal/new-images/sprite-nav.gif) no-repeat 0 -63px; margin: 0; padding: 0; width: 160px; float: left; height: 32px; text-indent: -999999px; }
#top-nav ul .nri-banking { background: url(/portal/new-images/sprite-nav.gif) no-repeat -160px -63px; margin: 0 2px 0 0; padding: 0; width: 124px; float: left; height: 32px; text-indent: -999999px;}
#top-nav ul .corporate-banking { background: url(/portal/new-images/sprite-nav.gif) no-repeat -286px -63px; margin: 0 2px 0 0; padding: 0; width: 168px; float: left; height: 32px; text-indent: -999999px; }

#top-nav ul .premier { background: url(/portal/new-images/sprite-nav.gif) no-repeat -456px -63px; margin: 0; padding: 0; width: 128px; float: left; height: 32px; text-indent: -999999px; }


.pm-top{position:relative; margin:0; padding:0; float:left;}
#pm { background: url(/portal/new-images/win-mobile-pic.jpg) no-repeat; margin: 26px 0 0 34px; float:left; padding:0px; width: 108px; height: 40px; position:absolute; display:inline;}
#pm a{ width:108px; height:40px; float:left; display:inline; }
#pm a:hover { width:108px; height:40px; float:left; display:inline; }
 


#top-rhs-links { margin: 0; padding: 0; float: left; }
#top-rhs-links ul { display: inline; float: left; margin: 0 0 0 168px; padding: 9px 0 0 0; }
#top-rhs-links ul li { display: inline; float: left; color: #3399cc; }
#top-rhs-links ul a { display: inline; float: left; color: #3399cc; font-size: 11px; text-decoration: none; }
#top-rhs-links ul a:hover { text-decoration: underline; }
#top-rhs-links ul span { color: #999999; padding: 0 7px 0 7px!important; padding-left: 4px; /**/ /**/ }
#top-search { float: right; height: 22px; margin: 5px 4px 0 0; padding: 0; width: 170px; display: inline; }
.search { width: 137px; float: left; margin: 0; padding: 0; position: relative; z-index: 1; background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -321px; height: 18px; padding: 3px 0 2px 12px; }
	.search input { float: left; margin: 0; border: 0; width: 137px; color: #a2a3a3; font: bold 11px/21px arial; height: 15px; line-height: 15px; }
.search-btnbg { float: right; margin: 0; padding: 0; height: 22px; width: 21px; display: inline; }
.search-btn { background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -346px; float: left; height: 22px; width: 21px; margin: 0; padding: 0; border: 0; display: inline; cursor: pointer; }
.bg-header { background: url(/portal/new-images/home-sprite.gif) no-repeat 0 0; float: left; height: 100px; width: 954px; margin: 0; padding: 0; border: 0; }
.logo-container { width: 954px; float: left; margin: 0; padding: 0; }
.logo { background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -205px; width: 74px; height:42px; margin: 13px 0 0 16px; float: left; display: inline; }

.best_logo {width:113px;height:52px;margin:-18px 0 0 81px;float:left; position:relative;}

.mobile_logo {width:139px; height:51px; margin:-18px 0 0 15px;float:left; position:relative;}
.check { margin: 0; padding: 0; position: absolute; }
.keywords a{float:right;margin:14px 25px 0 0;padding:0;width:160px;height:22px;display:inline;background: url(/portal/new-images/home-sprite.gif) no-repeat -419px -205px;text-indent: -999999px; cursor:pointer; }
	.keywords a:hover { background: url(/portal/new-images/home-sprite.gif) no-repeat -419px -230px; width: 160px; height:22px; }
#main-menu { float: left; margin: 0; padding: 0; height: 30px; display: inline; }
	#main-menu ul { float: left; margin: 9px 0 0 0; padding: 0; }
		#main-menu ul li { margin: 0; padding: 0; display: block; float: left; height:30px; }
			#main-menu ul li a { text-indent: -999999px; }
		#main-menu ul .home { background: url(/portal/new-images/sprite-nav.gif) no-repeat 0 0; margin: 0; padding: 0; width: 68px; float: left; height: 30px; }
		#main-menu ul .products-services { background: url(/portal/new-images/sprite-nav.gif) no-repeat -68px 0; margin: 0; padding: 0; width: 162px; float: left; height: 30px; }
		#main-menu ul .special-offers { background: url(/portal/new-images/sprite-nav.gif) no-repeat -230px 0; margin: 0; padding: 0; width: 123px; float: left; height: 30px; }
		#main-menu ul .apply-now { background: url(/portal/new-images/sprite-nav.gif) no-repeat -353px 0; margin: 0; padding: 0; width: 95px; float: left; height: 30px; }
		#main-menu ul .customer-service { background: url(/portal/new-images/sprite-nav.gif) no-repeat -448px 0; margin: 0; padding: 0; width: 140px; float: left; height: 30px; }
		
#menu-ad { margin: 5px 0 0 20px; padding: 0; width: 98px; float: left; height: 32px; }
#main-menu ul .home:hover { background: url(/portal/new-images/sprite-nav.gif) no-repeat 0 -30px; }
#main-menu ul .products-services:hover { background: url(/portal/new-images/sprite-nav.gif) no-repeat -68px -30px; }
#main-menu ul .special-offers:hover { background: url(/portal/new-images/sprite-nav.gif) no-repeat -230px -30px; }
#main-menu ul .apply-now:hover { background: url(/portal/new-images/sprite-nav.gif) no-repeat -353px -30px; }
#main-menu ul .customer-service:hover { background: url(/portal/new-images/sprite-nav.gif) no-repeat -448px -30px; }
#main-menu ul .home-active { background: url(/portal/new-images/sprite-nav.gif) no-repeat 0 -30px; margin: 0; padding: 0; width: 68px; float: left; height: 30px; text-indent: -999999px; }
#main-menu ul .products-services-active { background: url(/portal/new-images/sprite-nav.gif) no-repeat -68px -30px; margin: 0; padding: 0; width: 162px; float: left; height: 30px; text-indent: -999999px; }
#main-menu ul .special-offers-active { background: url(/portal/new-images/sprite-nav.gif) no-repeat -230px -30px; margin: 0; padding: 0; width: 123px; float: left; height: 30px; text-indent: -999999px; }
#main-menu ul .apply-now-active { background: url(/portal/new-images/sprite-nav.gif) no-repeat -353px -30px; margin: 0; padding: 0; width: 95px; float: left; height: 30px; text-indent: -999999px; }
#main-menu ul .customer-service-active { background: url(/portal/new-images/sprite-nav.gif) no-repeat -448px -30px; margin: 0; padding: 0; width: 140px; float: left; height: 30px; text-indent: -999999px; }
#banner-login { width: 950px; margin: 11px 0 0 0; padding: 0; float: left; }
#top-banner { width: 712px; height: 177px; margin: 0; padding: 0; float: left; }
#login-section { width: 228px; height: 177px; float: right; margin: 0; padding: 0; background: url(/portal/new-images/home-sprite.gif) no-repeat 0 -205px; }
.login-info { margin: 12px 11px 0 14px; padding: 0; float: left; width: 202px; display: inline; }
	.login-info p { float: left; font: 11px/14px arial; padding: 5px 0 3px 0; }
.login-citibank { margin: 0 0 4px 0; background: url(/portal/new-images/h2-sprite.gif) no-repeat 0 0; width: 141px; height: 13px; text-indent: -999999px; }
.login-input { border: 1px solid #CCCCCC; color: #666666; font: 11px/12px arial; width: 179px; display: inline; float: left; height: 19px; }
.login-go { margin: 0 0 0 3px; background: url(/portal/new-images/home-sprite.gif) no-repeat -255px -346px; width: 20px; height: 17px; border: 0; float: left; cursor: pointer; display: inline; }
.apply-products { margin: 9px 0 4px 0; background: url(/portal/new-images/h2-sprite.gif) no-repeat 0 -16px; width: 164px; height: 13px; text-indent: -999999px; clear: both; float: left; }

.row1 { width: 781px; margin: 31px 0 14px 0px; padding: 0; background: url(/portal/new-images/5colbg.gif) repeat-y; clear: both; float: left; display: inline; }
.row1 p { clear: both; font: 11px/16px arial; padding: 0 0 9px 0; }
.row1a { padding: 0; margin: 0 0px 0 0; width: 153px; float: left; }
.row1b { padding: 0; margin: 0 14px 0 16px; width: 180px; float: left; }
.row1c_col1 { padding: 0; margin: 0 14px 0 4px; width: 133px; float: left;}
.row1c_col2 { padding: 0; margin: 0 0px 0 0px; width: 100px; float: left; }
.row1d { padding: 0; margin: 0 0 0 14px; width: 146px; float: left; }
.row1e { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; width: 164px; float: left; background-image:url(/portal/new-images/mobile-services-pic.gif); background-repeat:no-repeat; background-position:left top; background-position:60px 0px; }
.row1e p { clear: both; font: 11px/16px arial; padding: 0 0 9px 0; }

.mobile_pic {width:80px;height:32px; margin:-15px 0 0 0px; float:left; position:absolute; background-image:url(/portal/new-images/mobile-services-pic.gif); background-repeat:no-repeat; display:inline; z-index:-9999;}
ul.lnkul { list-style-type: none; }
	ul.lnkul li { background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -370px; margin: 0; padding: 0 0 4px 9px; font: 11px/16px arial; }
ul.ulft { float: left; }
ul.ulrgt { float: left; width: 93px; }
.dot { width: 952px; clear: both; background: url(/portal/new-images/xhor.gif) repeat-x; display: block; margin: 0; padding: 2px 0; }
.row2 { width: 950px; margin: 18px 0 0 0; padding: 0; clear: both; float: left; display: inline; }
	.row2 p { clear: both; font: 11px/16px arial; padding: 0 0 9px 0; }
.row2a { width: 174px; float: left; margin: 0; padding: 0; background-image:url(/portal/new-images/row2-dot.gif); background-repeat:repeat-y; background-position:right top; }

.row2b { width: 195px; float: left; margin: 0 0 0 12px; padding:1px 0 0 0; }
	.row2b p { clear: both; font: 11px/16px arial; padding: 0 0 5px 0; }
	.row2b .frame{width:180px; float:left; margin:0px; padding:0px; background-image:url(/portal/new-images/whtsnew-ind-img1.gif); background-repeat:no-repeat; background-position:right top; clear:both;}
.whats-new-bg { width: 180px; height: 112px; float: left; }
	.whats-new-bg a { width: 180px; height: 69px; float: left; display: block; }
.online-security-dropdown { width: 180px; height: 22px; margin: 6px 0 0 0; padding: 0; float: left; }
.home-lft-banner { margin: 2px 0 0 0; padding: 0; width: 278px; height: 129px; float: left; }
.home-rht-banner { margin: 2px 0 0 0; padding: 0; width: 278px; height: 129px; float: right; }
.row3 { width: 950px; float: left; background: url(/portal/new-images/home-sprite.gif) no-repeat 0 -103px; height: 100px; margin: 19px 0 0 0!important; margin-top: 17px; /**/ /**/ padding: 0; }
.row3a { width: 818px; float: left; margin: 0; padding: 0; }
	.row3a p { font: 11px/16px arial; color: #555; float: left; padding: 9px 0 0 15px; }
.row3b { background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -271px; width: 101px; height: 47px; text-indent: -999999px; margin: 25px 16px 0 0; padding: 0; float: right; display: inline; }
	.row3b a { width: 101px; height: 47px; float: right; }
#quick-links { width: 954px; float: left; margin: 9px 0 0 0; padding: 0; display: inline; }
.quick-linksa { margin: 0; padding: 0; }
	.quick-linksa ul { padding: 0 0 0 22px; float: left; margin: 0; }
		.quick-linksa ul li { float: left; display: inline; font: 11px/20px arial; color: #999; }
			.quick-linksa ul li a { color: #999; }
				.quick-linksa ul li a:hover { color: #3399cc; }
			.quick-linksa ul li span { padding: 0 3px; }
.quick-linksb ul { margin: 6px 0 0 22px; padding: 0; clear: both; float: left; display: inline; text-align: justify; width: 910px; }
	.quick-linksb ul li { display: inline; font-size: 11px; padding: 0px 0; color: #999; line-height: 14px; }
		.quick-linksb ul li a { color: #999; }
			.quick-linksb ul li a:hover { color: #3399cc; }
		.quick-linksb ul li span { padding: 0 2px; }
#footer { width: 950px; margin: 0px auto; font-size: 0px; padding: 20px 0 0 0; clear: both; float: left; }
.footer-top { width: 950px; height: 29px; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; }
.footer-top1 { width: 66px; float: left; padding-top: 7px; }
.footer-top2 { width: 870px; float: right; padding-top: 7px; text-align: right; }
.footer-lnk { font: 11px Arial; float: right; color: #666666; }
.footer-lnk a { color:#666666; text-decoration: none }
.footer-lnk a:hover { color:#3399cc; text-decoration: underline }
.txt-space { padding-left: 22px; margin: 0px; text-align: right; float: left; }
.footer-bottom1 { width: 50px; margin: 0px; float: left; }
.footer-logo { padding: 0; margin: 11px 0 0 0; background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -250px; width: 28px; height: 18px; text-indent: -999999px; }
.footer-bottom2 { width: 880px; float: right; margin: 0px; padding-top: 7px; text-align: right; margin-bottom: 34px; }
.footer-txt { font: 11px Arial; color: #666666; }
.tpquicklinks { background: url(/portal/new-images/Keywords_homebg.gif) no-repeat 0 0; width: 160px; height: 175px; margin: 0; padding: 0 0 0 0px; float: left; display: inline; overflow: hidden; z-index: 0;}
	.tpquicklinks li { clear: both; }
		.tpquicklinks li a { padding: 6px 0 0 9px; float: left; margin: 0; }
.tpquicklinks-cc { background: url(/portal/new-images/Keywords_homebg.gif) no-repeat; width: 160px; height: 302px; margin: 0; padding: 0; float: left; display: inline; overflow: hidden; }
	.tpquicklinks-cc li { clear: both; }
		.tpquicklinks-cc li a { padding: 6px 0 0 9px; float: left; margin: 0; }
.csdd1-chooseone { position: absolute; float: left; width: 225px; background: url(/portal/new-images/home-sprite.gif) no-repeat -419px -255px; padding-left: 13px; padding-top: 8px; padding-bottom: 14px; margin: 22px 0px 0px 0px; }
	.csdd1-chooseone ul { list-style: none; padding: 0px 0px 0px 12px; font-weight: normal; }
		.csdd1-chooseone ul li { font-size: 11px; text-align: left; line-height: 22px; background: url(/portal/new-images/home-sprite.gif) no-repeat -231px -368px; margin: 0px; padding: 0px 0px 0px 10px; }
	.csdd1-chooseone a { color: #666666 !important; text-decoration: none; }
		.csdd1-chooseone a:hover { text-decoration: underline; color: #3399cc !important; }
		
	.rewbannerholder-small {width: 712px !important; font-size: 0px; height: 177px; margin: 0px; padding: 0px 0px 0px 0px; float:left;}
	
.rewbannerholder {width: 712px !important; font-size: 0px; height: 177px; margin: 0px; padding: 0px 0px 0px 0px; clear:both; float:left; }		
		.imageSlideshowHolder{position:relative; clear:both; width:712px; height:177px; overflow:hidden;  font-size:0px; margin:0px; padding:0px 0px 16px 0px;}
.imageSlideshowHolder img{position:absolute; left:0px;	top:0px;}
.pagination1{width:55px !important; height:20px; background-image:url(/portal/new-images/banner-change-bg2.gif); background-repeat:no-repeat; padding:5px 0px 0px 9px; font-size:0px; margin:0px; z-index:100; position:relative; float:left; left:648px; top:-36px; text-align:left;}
.pagination1 a{font-family:Arial, Helvetica, sans-serif; font-size:10px; padding: 0px 4px 0px 4px; float:left; margin-right:5px; text-decoration: none; color:#3399cc; background: white; border:1px solid #c5c5c5;}
.pagination1 a:hover, .pagination1 a.selected{color:#3399cc; border:1px solid #c5c5c5; text-decoration:none; background: white;}
.imageSlideshowHolder{clear:both; width:712px; overflow:hidden;  font-size:0px; margin:0px; padding:0px 0px 16px 0px;}

.mobile_dv{width:75px; float:left; background-image:url(/portal/new-images/right-nav-dotv.gif); background-repeat:no-repeat; background-position:left top; background-position:0px 6px;}

.show_hide img{margin:0 0 0 60px;}
.getcc_bg{width:173px;background:url(/portal/new-images/getcc_bg.gif) no-repeat 0 0;position:absolute;margin:-4px 0 0 -16px;float:left; height:130px;}
.getcc_bg ul {margin:5px 0 0 0;padding:0 0 5px 7px;}
.getcc_bg ul li{background-image:none;line-height:14px;}

.facebook{margin:0 0 0 825px; padding:0; width:125px; height:50px; position:absolute; display:inline; top:0; background:url(/portal/new-images/facebook.gif) no-repeat;}
/*.facebook a {display: inline; float: left; height: 20px; margin: 15px 0 0 22px; width: 100px;}*/


.h1{margin:0 0 0 825px; padding:0; width:125px; height:50px; position:absolute; display:inline; top:0; background:url(/portal/new-images/facebook.gif) no-repeat;}
.h1 a {display: inline; float: left; height: 20px; margin: 15px 0 0 22px; width: 100px;}



.get-credit-card { width: 165px; height: 22px; margin: 6px 0 2px 0; padding: 0; float: left; overflow:hidden; }
.get-credit-card a { margin:0; padding:0; position:absolute; float:left;}

.gcc { position:absolute; width: 228px; height:102px; background: url(/portal/new-images/gcc-bg.gif) no-repeat; padding-top: 8px; margin: 22px 0px 0px 0px; z-index:1; clear:both;}
	.gcc ul { list-style: none; padding: 0px 0px 0px 8px; font-weight: normal; }
		.gcc ul li { font-size: 11px; text-align: left; background: url(/portal/new-images/gcc-list.gif) no-repeat 0 3px; margin: 0px; padding: 0px 0px 6px 10px; float:left; clear:both; height:13px; width:200px;}
	.gcc a { color: #666666 !important; text-decoration: none; }
		.gcc a:hover { text-decoration: underline; color: #3399cc !important; }
		#atm{position:absolute; margin:26px 0 0 581px; padding:0; width:90px; height:28px; float:left; display:inline; }
		
				
/* Samsung css starts here */
.sg-banner{float:left; margin:0px; padding:0; width:169px!important; height:27px; font-size: 0px; }
/* Samsung css ends here */


.fb_top{position:relative; margin:0; padding:0; float:left;}
#fb { background: url(/portal/new-images/citi-fb.gif) no-repeat; margin: 16px 0px 0px 34px; float:left; padding:0px; width: 108px; height: 58px; position:absolute; display:inline;}
#fb a{ width:108px; height:58px; float:left; display:inline; }
#fb a:hover { width:108px; height:58px; float:left; display:inline; }

.follow{margin:0 0 0 824px; padding:0; width:126px; height:21px; position:absolute; display:inline; top:15px; background:url(/portal/new-images/follow-us.gif) no-repeat;}

.follow a.fb{ width:20px; height:20px; float:left; display:inline; margin:0 0 0 82px; padding:0; }
.follow a.li{ width:18px; height:20px; float:left; display:inline; padding:0; margin:0 0 0 4px;}
.fb_bankdv{width:120px; height:51px; float:left; margin:-18px 0px 0px 85px; position:relative;}

.fb_top{position:relative; margin:0; padding:0; float:left;}
#fb { background: url(/portal/new-images/fb-logo-banner.gif) no-repeat; margin:2px 0px 0px 4px; float:left; padding:0px; width: 149px; height:25px; position:absolute; display:inline;}
#fb a{ width:149px; height:25px; float:left; display:inline; }
#fb a:hover { width:149px; height:25px; float:left; display:inline; }
