/* CSS reset style starts */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,a,em, img,small, strong, sub, sup,dl, dt, dd, ol, ul, li,form, label,caption,article, aside, details,figure, figcaption, footer, header, hgroup, menu, nav,section{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
	ol, ul {list-style: none;}
	img {max-width:100%; display:block;}
	a{display:inline-block;}
	.fright{float:right;}
/* CSS reset style ends */

/* Global style starts */
	body{
		overflow-x:hidden;
		font:normal 12px/16px arial, verdana, helvetica;
		margin-top:10px;
		color:#555555;
	}
	p,input,select{
		font:normal 12px/16px arial, verdana, helvetica #555555;
	}
	.box
	{
		border: 1px solid;
		padding: 5px;
	}
	a{color:#3199CC;text-decoration:none;}
	a:hover{text-decoration:underline;}
	.container{
		width:925px;
		margin:0 auto;
	}
	.row:before,
	.row:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.row:after {
	  clear: both;
	}

	[class*="span"] {
		float: left;
		min-height: 1px;
	}
	.clear{clear:both;}
/* Global style ends */

/* */
	.gradient{
		position:relative;
		background:#1EBBEE; 
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#1EBBEE), to(#174986));
		background: -webkit-linear-gradient(#1EBBEE, #174986 100%);
		background: -moz-linear-gradient(#1EBBEE, #174986 100%);
		background: -ms-linear-gradient(#1EBBEE, #174986 100%);
		background: -o-linear-gradient(#1EBBEE, #174986 100%);
		background: linear-gradient(#1EBBEE, #174986 100%);
		-pie-background: linear-gradient(#1EBBEE, #174986 100%);
	}
/* */


	.footer-cont-top a {
		font:normal 11px/26px arial, verdana, helvetica;
		color:#666666;
		text-decoration:none;
	}
		.footer-cont-top a:hover {
			font-size:11px;
			color:#666666;
			text-decoration:underline;
		}
	.footer-cont-top{
		overflow: hidden;
		border-top: 1px solid #ccc;
		padding:8px 0px;
		margin-top:15px;
		border-bottom: 1px solid #ccc;
	}
	.footer-cont-top .footer-links-left, .footer-cont-bottom .footer-links-left {width:21%; float:left;}
		.footer-cont-top .footer-links-left .citigroup-link{
			float:left;
		}
		.footer-cont-top .footer-links-left .social-links{
			float:left;
			padding-left:5px;
			margin-left:5px;
			border-left:1px solid #ccc;
			display:inline-block;
		}
			.footer-cont-top .footer-links-left .social-links li{
				float:left;
				padding-right:5px;
				display:inline-block;
			}
	.footer-cont-top .footer-links-right, .footer-cont-bottom .footer-links-right {width:79%; float:left;}
	.footer-links-right ul{float:right; display:inline-block;}
	.footer-links-right li{float:left; display:inline-block; padding-left:20px;}
	.footer-cont-bottom{margin:15px 0px 10px 0px; overflow:hidden;}
	.footer-cont-bottom .footer-links-right {
		font-size:11px;
		color:#666666;
		text-align:right;
	}

/* Interstate font face style starts */
	@font-face {
	font-family: "interstate";
	font-style: normal;
	font-weight: normal;
	src: url('interstaterom-webfont.eot'); src: url("interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("interstaterom-webfont.woff") format("woff"), url("interstaterom-webfont.ttf") format("truetype"), url("interstaterom-webfont.svg#Citibank") format("svg");
	}
/* Interstate font face style ends */

/* Hidden style starts */
	.hidden-tablet, .hidden-desktop{
		display:none;
	}
	.hidden-phone{
		display:block;
	}
	.visible-tablet{
		display:block;
	}
/* Hidden style ends */

@media (max-width:925px)
{
.hidden-desktop{display:inherit !important;}
.visible-desktop{display:none !important ;}
.visible-tablet{display:inherit !important;}
.hidden-tablet{display:none !important;}
}
@media (max-width:767px){
.hidden-desktop{display:inherit !important;}
.visible-desktop{display:none !important;}
.visible-phone{display:inherit !important;}
.hidden-phone{display:none !important;}
}

h1{
	text-align:left;
	padding:37px 20px 20px 20px;
}
h1 span.citibankLogo {
	margin-bottom: 19px;
	float:left;
}
h1 span.citilogo {
	float: right;
	margin-top: -18px;
}
h3{
	font:normal 32px/35px "interstate",arial, verdana, helvetica;
	color:#ffffff;
	margin-top:30px;
	margin-left:20px;
	clear:both;
	padding-bottom:40px;
}
h4{
	font:normal 20px/25px "interstate",arial, verdana, helvetica;
	color:#ffffff;

	margin-top:12px;
	margin-left:20px;
	padding-bottom:50px;
}

.span1{
	width:100%;
}
.main-container{
	background-color:#ffffff;
}

.step{
	width:100%;
	padding:2px 0px 5px 0px;
	overflow:hidden;
}
.step li{
	float:left;
	list-style-type:none;
}
.step li a{
	float:left;
	display:inline-block;
}
.step li a img{
	display:inline-block;
	max-width:100%;
}
.fntbold{font-weight:bold;}
.marTop10{margin-top:10px;}
.marTop5{margin-top:5px;}
.marBot10{margin-bottom:10px;}
.marTop15{margin-top:15px;}
.marLft10{margin-left:10px;}
.marRgt10{margin-right:10px;}
.marRgt5{margin-right:5px;}
.marLftfields{margin-left:35px;}
.padTop10{padding-top:10px;}
.marBot10-mob{margin-bottom:0px;}
.label-two-wrapper-pc-per{min-height:32px;}
.margTop10_mobonly{margin-top:0px;}
.fntredstr{
	color:red;
	font-weight:bold;
}
.bluboldtxt
{
	font:normal 21px/25px arial, verdana, helvetica;
	color:#033266;
}
.sub-section-comm{overflow:hidden; margin:20px 0px 0px 0px; background: url("../images/bgdot.gif") 0% 100% repeat-x; padding-bottom:20px;}
#min_appr_cont{background: url("../images/iconMinApprCrt.gif") no-repeat;}
#per-det{background: url("../images/iconPerDet.gif") no-repeat;}
#add-cont-det{background: url("../images/iconAddrCont.gif") no-repeat;}
#bus-det{background: url("../images/iconYourBus.gif") no-repeat;}
#emp-det{background: url("../images/iconEmpDet.gif") no-repeat;}
#max-crdt-lmt{background: url("../images/iconBus.gif") no-repeat;}
#fin-postn{background: url("../images/iconYourFin.gif") no-repeat;}
#add-card{background: url("../images/iconyouradd.gif") no-repeat;}
#cheq-self{background: url("../images/iconcheq.gif") no-repeat;}
#bal-trans{background: url("../images/iconbalance.gif") no-repeat;}
/*step3 class*/
#min_appr_cont3{background: url("../images/iconMinApprCrt.gif") no-repeat;}
#per-det3{background: url("../images/iconPerDet.gif") no-repeat;}
#add-cont-det3{background: url("../images/iconAddrCont.gif") no-repeat;}
#bus-det3{background: url("../images/iconYourBus.gif") no-repeat;}
#emp-det3{background: url("../images/iconEmpDet.gif") no-repeat;}
#max-crdt-lmt3{background: url("../images/iconBus.gif") no-repeat;}
#fin-postn3{background: url("../images/iconYourFin.gif") no-repeat;}
#add-card3{background: url("../images/iconyouradd.gif") no-repeat;}
#cheq-self3{background: url("../images/iconcheq.gif") no-repeat;}
#bal-trans3{background: url("../images/iconbalance.gif") no-repeat;}
/*step3 class*/
#bus-pur{background: url("../images/iconbusns.gif") no-repeat;}
#imprtnt{background: url("../images/iconimpor.gif") no-repeat;}
#pri-cons{background: url("../images/iconprivacy.gif") no-repeat;}
.sub-hd-comm
{
	padding:5px 0px 0px 35px;
	font-size:16px;
	color:#666666;
	height:19px;
}
.lftsection{
	width:50%;
	float:left;
}
.lftsection p
{
	margin-top:5px;
}
.lftsection p input
{
	margin-right:10px;
}
.rgtsection{
	width:50%;
	float:left;
}
.rgtsection p
{
	margin-top:5px;
}
.rgtsection p input
{
	margin-right:10px;
}
.gen-div{overflow:hidden;}
.label-two-wrapper-pc{min-height:32px;}
.margTop10-pc{margin-top:10px;}
.margTop10-mob{margin-top:10px;}
.padLeft3_pctab{padding-left:3px;}
.marBot10-pc{margin-bottom:10px;}

/*personal details starts*/
.per-det-content-area{margin-top:15px;}
.per-det-fields{width:18%; float:left;}
.per-det-fields p input{width:84%;margin-top:10px;}
.per-det-fields p select{width:90%;margin-top:10px;}
.per-det-fields-last{width:28%;float:left;}
.per-det-fields-last p select{width:95%;margin-top:10px;}
.per-det-fields-last p.dob input{width:25%;font-size:12px; color:#656565;margin-right:12px;margin-top:10px;}
.per-det-citi-cus{float:left;width:36%;}
.per-det-citi-cus p input{margin-top:10px;margin-right:3px;}
.per-det-acc-no{width:40%;float:left;}
.per-det-acc-no p input{width:90%;margin-top:10px;}
/*personal details ends*/

/*address and contact starts*/
.add-cont-det-area{margin-top:15px;}
.add-cont-det-fst{width:40%;margin-top:10px;float:left;}
.st-unitno{width:8%;margin-right:5px;float:left;}
.st-unitno input{width:80%;margin-top:10px;}
.st-stno{width:16%;margin-right:5px;float:left;}
.st-stno p{margin-left:0px;}
.st-stno input{width:85%;margin-top:10px;}
.st-stname{width:30%;float:left;}
.st-stname input{width:85%;margin-top:10px;margin-right:5px;}

.st-sttype{width:40%;float:left;}
.st-sttype select{width:98%;}
/*.add-cont-det-fst input{margin-top:10px;width:94%;}*/
.add-cont-det-fields{float:left;width:20%;margin-top:10px;}
.add-cont-det-fields input{margin-top:10px;width:90%;}
.add-cont-det-fields select{margin-top:10px;width:90%;}
.add-cont-det-fields-last{width:60%;float:left;margin-top:10px;}
.add-cont-det-fields-scnd{float:left;width:20%;margin-top:10px;}
.add-cont-det-fields-scnd p input{width:36%;float:left;margin-right:5px;margin-top:10px;}
.add-cont-det-fields-last input{margin-top:10px;margin-top:10px;}
.add-cont-det-res p{float:left;margin-right:10px;}
.add-cont-det-contact{width:40%;margin-top:10px;float:left;}
.add-cont-det-contact select{margin-top:10px;width:44%;float:left;}
.add-cont-det-contact input{margin-top:10px;width:44%;float:left;margin-left:5px;}
.add-cont-det-contact .first input{margin-left:0px;}
.add-cont-det-contact .cntryCodWid input{width:40%;}
.add-cont-det-email input{width:90%;margin-left:0px;}
.add-cont-best-time select{width:90%;margin-left:0px;}
.add-cont-det-name{width:20%;float:left;margin-top:10px;}
.add-cont-det-name p select{margin-top:10px;width:90%;}
.add-cont-det-name p input{margin-top:10px;width:90%;}
.add-cont-det-rel-name{width:40%;margin-top:10px;float:left;}
.add-cont-det-rel-name p select{float:left;width:46%;margin-top:10px;margin-right:10px;}
.add-cont-det-rel-name p input{float:left;width:46%;margin-top:10px;}
/*address and contact ends*/

/*business details starts*/
.bus-det-area{margin-top:15px;}
.bus-det-fst{width:40%;float:left;}
.bus-det-fields{width:20%;float:left;}
.bus-det-fields p input{margin-top:10px;width:90%;}
.bus-det-fields p select{margin-top:10px;width:90%;}
.bus-det-fst p input,select{margin-top:10px;width:90%;}
.bus-det-time p input{float:left;width:39%;}
.bus-det-fields-acc-phno{width:40%;float:left;}
.bus-det-fields-acc-phno p input,select{width:44%;float:left;margin-top:10px;}
/*business details ends*/

/*employer details starts*/
.emp-det-area{margin-top:15px;}
.emp-det-fst{width:40%;float:left;}
.emp-det-fst p input{width:90%;margin-top:10px;}
.emp-det-status{width:40%;float:left;}
.emp-det-stat-chk{width:100%;}
.emp-det-stat-chk p{width:25%;margin-top:10px;float:left;}
.emp-det-stat-chk p input{margin-right:5px;}
.emp-det-fields{width:20%;float:left;}
.emp-det-fields p input{width:90%;margin-top:10px;}
.emp-det-fields p select{width:90%;margin-top:10px;}
.emp-det-phno{width:40%;float:left;}
.emp-det-phno p input{width:45%;float:left;margin-top:10px;}
.emp-det-phno p select{width:45%;float:left;margin-right:15px;margin-top:10px;}
.emp-det-time{width:20%;float:left;}
.emp-det-time p input{width:37%;float:left;margin-right:5px;margin-top:10px;}
/*employer details ends*/

/*max credit starts*/
.max-crd-area{margin-top:15px;}
.max-crd-fields{width:100%;}
.max-crd-fields p{margin-top:10px;}
.max-crd-fields p input{width:40%;}
/*max credit ends*/

/*financial position starts*/
.fin-pos-area{margin-top:15px;}
.fin-pos-fields25{width:25%;float:left;margin-top:10px;}
.fin-pos-fields40{width:40%;float:left;margin-top:10px;}
.fin-pos-fields40 p input{width:90%;margin-top:10px;}
.fin-pos-fields60{width:60%;float:left;margin-top:10px;}
.fin-pos-fields60 p input{width:58%;margin-top:10px;}
.fin-pos-othr{width:16%;margin-top:10px;float:left;text-align:right;margin-right:15px;}
.fin-pos-grs{width:40%;margin-top:10px;float:left;}
.fin-pos-grs input{margin-top:0px;width:90%;}
.fin-pos-grs1{width:40%;margin-top:10px;float:left;}
.fin-pos-grs1 input{margin-top:0px;width:90%;}
.fin-pos-fields{width:100%;}
.fin-pos-nontax p{margin-top:10px;}
.fin-pos-nontax p input{width:35%;}
.fin-pos-fields p{width:23%;float:left;}
.fin-pos-fields p input{margin-top:10px;width:90%;}
/*financial position ends*/

/*card options starts*/
.add_card-content-area{margin-top:15px;}
.add-card-fields{width:20%;float:left;margin-top:10px;}
.add-card-fields p input{width:90%; margin-top:10px;}
.add-card-fields p select{width:90%; margin-top:10px;}
.add-card-fields-occ{width:48%;float:left;margin-top:10px;}
.add-card-fields-occ p select{width:90%; margin-top:10px;}
.add-card-fields-nat{width:30%;float:left;margin-top:10px;}
.add-card-fields-nat p select{width:90%; margin-top:10px;}
.add-card-fields40{width:40%;float:left;margin-top:10px;}
.add-card-fields40 p select{width:45%; margin-top:10px;margin-left:8px;}
.add-card-fields40 p input{width:45%; margin-top:10px;float:left;margin-left:5px;}
.add-card-fields40 .first input{margin-left:0px;}
.add-card-fields40 .cntryCodWid input{width:41%;}
.add-card-fields-dob{width:40%;float:left;margin-top:10px;}
.add-card-fields-dob p input{width:25%;float:left;margin-right:12px;color:#555555;font-size:12px;margin-top:10px;}
/*card options ends*/

/*cheque self*/
.cheq-self-fields{margin-top:15px;}
.cheq-self-fields p{width:27%; float:left;}
/*cheque self*/

.stepcontinue{float:right;margin-top:15px;}
.stepcontinuebck{float:right;margin-top:10px;}
.stepcontinuebck p{float:left;margin-right:10px;}
.makechange{float:right;margin-bottom:5px;}

/*2 May starts*/
/*Tooltip*/
.clsTooltip{width:21px; float:left;}
.clsTooltipMsgCont{float:left;}
.clsTooltipMsg{position:absolute; font-size:11px; font-family:arial; width:263px; padding:5px; background-color:#d7ebf6; border:1px solid #2675ae;}
.clsTooltipMsg table{font-size:11px; font-family:arial;}
/*Tooltip*/
ol {margin:10px 0px 0px 25px;}
ol li{list-style-type:decimal;padding-bottom:5px;}
.redboldtxt
{
	font:normal 21px/25px arial, verdana, helvetica;
	color:#CC0000;
}
.termsCondHd
{
	font-size:16px;
	color:#666666;
}
.padTop10_pc{padding-top:10px;}
/*2 May ends*/
/*7 may starts*/
ul.ClsBulLst{padding-top:10px;}
ul.ClsBulLst li{
	background: url("../images/bullet.jpg") no-repeat scroll 0 6px transparent;
	padding: 0 0 5px 10px ;
}
ul.bullList{list-style-type:}
/*7 may ends*/