/* Reset */
html{-webkit-text-size-adjust: none;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
input[type="radio"]{margin:0px;}
sup {font-weight: normal;}
.commonImgSpacer{padding-top:20px;}
.whiteTxt{color:#fff;}
/* common */
@font-face {
	font-family: "interstate";
	font-style: normal;
	font-weight: normal;
	src: url("/views/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("/views/fonts/interstaterom-webfont.woff") format("woff"), url("/views/fonts/interstaterom-webfont.ttf") format("truetype"), url("/views/fonts/interstaterom-webfont.svg#Citibank") format("svg");
}
.pullLeft{
	float:left;
}
.pullRight{
	float:right;
}

a {color: #3399CC;outline: medium none;text-decoration: none;}

img{
	max-width:100%;
	vertical-align:top;
}
 img.bannerProdTileImg{
	width:100%;
	/*height: 50px;*/
}
.clear{clear:both;}
h1 {color: #000000;font-size: 20px;font-weight: normal;line-height: 20px;}
h2 {font-size: 16px;padding: 0 0 10px;}
h3 {font-size: 14px;padding: 0 0 10px;}
h4 {font-size: 12px;font-weight: bold;padding: 0 0 10px;}

p.formValue{padding:0 0 5px;}

p{padding:0 0 10px;}
/*{padding-bottom:0}*/
.cardSelectList.last {border-bottom: none !important;}
.divider {border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;}
.divider.devLast{margin-bottom:0;}
.redClr{color:#FF0000;}
.redColTxt{color:#FE3434;}
.whiteClr{color:#fff;}
.commonSpacing{margin-top:10px;}
.commonPadHolder{padding:0 10px;}
.commonPadHolder.commonPtop{margin:10px 0 0 0;}

.txtCenter{text-align:center !important;}
.tabInnBgTxt{font-size:18px;}
.facebShare{overflow:hidden; margin:0 10px 15px 10px;}

.fader{height:143px;overflow:hidden;width:228px;}

#promoSlider .applybtn {
    font-size: 12px;
	right:0px;
	bottom: 0px;
    width: 23%;
	position:absolute;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;
	 background: #ff6600;
	border-radius:5px;
	margin:20px;z-index:9999999;padding:8px 20px;font-family:arial;
}
#promoSlider .applybtn:hover{background: #008ce6}
#promoSlider  .bannerTitle {left: 43%;width: 53%;}
#promoSlider .btnSection {position: relative;}
#promoSlider .flex-direction-nav{display:none;}
#promoSlider .btnSection{position:relative;}
#promoSlider  .flex-control-paging li a.flex-active {
    background: url("/english/credit_card/images/promotion_campaigns/on.png") 0 0 no-repeat;
    width: 7px;
    height: 7px;
    display: inline-block;
}
#promoSlider .flex-control-paging li a, .flex-control-paging li a:hover {
    background: url("/english/credit_card/images/promotion_campaigns/off.png") 0 0 no-repeat;
    width: 7px;
    height: 7px;
    display: inline-block;
    color: #fff;
}
#promoSlider .flex-control-nav li {margin: 0 3px;}
#promoSlider .flex-control-nav {bottom: 4px !important;}
#promoSlider .largeTitle{font-size:20px;line-height: 27px;}
#promoSlider .mediumTitle{font-size:15px;}

/* Layout */
body {color: #555555; font-family: arial,verdana,times New Roman;font-size: 12px;}
#container{ margin: 0;overflow: hidden;width: 100%;}
.addCompareBtn, .CompareNowBtn{display:none;}
.borderCol{border-collapse:inherit;}
#cookieBlue  {width:100% !important; max-width: 100% !important; margin: 0 auto 10px auto !important;}
#cookieBlue , #cookieBlue .message {width:100%; max-width: 100% !important; padding-top:10px;}
#cookieBlue .actions {position: absolute; top: 7px; right: 15px;}

#header {background:#ddd;}
	.topMenu{background:url('/views/images/topMenu.jpg') repeat-x top;height:22px;color:#FFF;font-size: 11px;padding:0 10px;}
	.topMenu li{list-style:none}
		ul.topMenuLeft {float: left;}
		ul.topMenuLeft li{padding:5px 0 0 0;}
		ul.topMenuLeft li.divideBar{margin: 0 8px 0 0;}
		ul.topMenuLeft li a{color:#fff;}
		ul.topMenuRight {float:right;}
		ul.topMenuLeft li, ul.topMenuRight li {float: left;margin: 0 8px 0 0;}
		ul.topMenuRight li a {color: #FFFFFF;display: inline-block;padding: 5px 0 0;}
		ul.topMenuRight li.divideBar {font-size: 10.5px;margin: 0;padding: 5px 0 0;}
		ul.topMenuRight li.flyout a.mainLinks {background: url("/views/images/main-links.png") no-repeat 8px 8px;cursor: pointer;display: inline-block;margin: 0;padding: 5px 8px 6px 24px;}
		.dropFlyout {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 0 0 10px 10px;box-shadow: 0 5px 14px -7px #3D3D3D;display: none;padding: 10px 0;position: absolute;right: 0;top: 22px;width: 170px;z-index: 9;}
	
		ul.topMenuRight li.search .innerwrap {background: none repeat scroll 0 0 #FFFFFF;height: 15px;margin: 3px 0 0;padding: 0 5px;width: 156px;}
		ul.topMenuRight li.search input.searchBox {background: none;border: none;float: left;font-size: 10px;margin: 0;outline: none;padding: 1px 0 0;width: 113px;}
		ul.topMenuRight li .searchIcon {background: url("/views/images/searchIcon.png") no-repeat 0 2px;background-size:11px 11px;display: inline-block;float: left;height: 15px;width: 16px;}
		ul.topMenuRight li.search input.searchBtn {background: none;border:none;cursor: pointer;float: right;font-size: 10px;margin: 1px 0 0;outline: none;padding: 0;width: 27px;}
		ul.topMenuRight li.last {margin:0;}

	.importantLinks{position:relative;}
	.importantLinks .dropLink{background: url("/views/images/main-links.png") no-repeat 8px 8px;padding: 5px 8px 0 24px;}
	.importantLinks .dropdown{position:absolute;border:2px #00609A solid;width:150px;padding:5px;background:#FDFDFD;z-index:2;color:#74808C;top:30px;right:10px;border-radius: 5px;display:none;}
	.dropdownArrow{position:absolute;background: url("/views/images/tablet/dropDownarrow.png") no-repeat scroll 0 0 transparent;background-size:100% 100%;width:25px;height:13px;top:-13px;right:14px;}
	.importantLinks .dropdown ul{width:100%;border:1px #ccc solid;border-bottom:none;}
	.importantLinks .dropdown ul > li{display: block;float: inherit;margin: inherit;padding: inherit;border-bottom:1px #ccc solid;font-size:12px;}
	.importantLinks .dropdown ul li a{color: #74808C;display: block;padding: 5px;background: #F7F7F7;}
	.importantLinks .dropdown ul li a:hover{background:#004B8F;color:#FFF;}

	.searchMobWrap{display:none;}

	.banner{background: url("/views/images/banner.jpg") repeat-x 0 bottom;height:44px;}
		.mainMenu {padding: 7px 7px 0;}
		.mainMenuIcon, .logOutIcon {height: 28px;margin-top: 3px;width: 82px;}
		.mainMenuIcon {background: url("/views/images/tablet/menuOff.png") no-repeat 0 0;background-size:100% 100%;float: right;margin: 3px 0 0 10px;}
		.mainMenuIcon.mainMenuIcon-VN {background: url("/views/images/tablet/menuOff-vn.png") no-repeat 0 0;background-size:100% 100%;}
		.logOutIcon {background: url("/views/images/tablet/signOff.png") no-repeat 0 0;background-size:100% 100%;float: right;}
		.logOutIcon.logOutIcon-VN {background: url("/views/images/tablet/signOff-vn.png") no-repeat 0 0;background-size:100% 100%;}
		.mainMenuIcon.active {background: url("/views/images/tablet/menuOn.png") no-repeat scroll 0 0 transparent;background-size:100% 100%;}
		.mainMenuIcon.mainMenuIcon-VN.active {background: url("/views/images/tablet/menuOn-vn.png") no-repeat scroll 0 0 transparent;background-size:100% 100%;}
	.logo {background: url("/views/images/logoDevice.png") no-repeat scroll 0 0 transparent;width: 67px;height: 30px;margin: 0 auto;float: left;display: block;}
	.pageTitle {color: #FFFFFF;font-size: 16px;font-weight: bold;height: 21px;margin: 0 180px;text-align: center;}
	.leftNavIcon {background: url("/views/images/tablet/cardDropdown.png") no-repeat 0 0;background-size:88px 16px;display: block;height: 16px;margin: 0 auto;width: 88px;}
	.leftNavIconDown {background: url("/views/images/tablet/cardDroptop.png") no-repeat 0 0;background-size:88px 16px;display: block;height: 16px;margin: 0 auto;width: 88px;}

#nav {display: none;position: absolute;width: 268px;right:0;z-index: 99999999;}
	ul.mainNavList{background:#003777;}
	ul.mainNavList li {padding: 0;list-style:none;}
	ul.mainNavList li a{color: #FFFFFF;border-bottom: 1px solid #012A58;border-top: 1px solid #014296;display: block;padding:10px;font-weight:bold;}
	ul.mainNavList li a:hover{background: #0177B5;}

#sidebar{display:none; background:#F9FAFC;}

#leftNav {list-style-type: none;margin: 0;padding: 0;}
#leftNav li {border-bottom: 1px solid #E3E5E4;border-top: 0 none;cursor: pointer;display: block;list-style: none outside none;overflow: hidden;}
#leftNav li a {color: #333333;display: inline-block;padding: 12px 0 12px 10px;width: 85%;}
#leftNav li a.listActive {font-weight: bold;}
#leftNav li span {display: block;float: right;}
#leftNav li span.rightArrow {background: url("/views/images/tablet/arrow.png") no-repeat 0 0;background-size:9px 14px;display: block; float: right;height: 14px;margin: 16px 10px 0 0;padding: 0;width: 14px;}
#leftNav li span.rightArrow.listActive {background: url("/views/images/tablet/arrowDown.png") no-repeat 0 0;background-size:14px 9px;color: #333333;font-weight: bold;}
#leftNav li span.rightArrowSub {background: url("/views/images/left-nav.png") no-repeat scroll right -81px transparent;width: 21px;padding: 10px 0 0;display: block;margin-top:8px;height: 18px;}
#leftNav li span.rightArrowSub.listActive {background-image: url("/views/images/left-nav.png");background-color: transparent;background-repeat: no-repeat;background-position: right -132px;margin-top:18px;height: 18px;}
#leftNav li ul.leftNavSubLinks {background:#F0F0F2;border-top: 1px solid #E3E4E6;display: none;padding: 0;}
#leftNav li ul.leftNavSubLinks li:last-child {border-bottom: medium none;}
#leftNav li ul.leftNavSubLinks li a {padding: 17px 0 17px 15px;}

.linkListHldr{padding:10px;}
.linkListHldr li{list-style:none;}
.linkListDetails {clear: both;display: none;margin-left: 20px;margin-top: 10px;}
.showHideHldr{float:left;padding:0;}
.hideDetails, .showDetails{display: inline-block;float: left;height: 14px;margin-right: 6px;width: 14px;vertical-align: middle;}
.hideDetails {background: url("/views/images/minus.png") no-repeat 0 0;}
.showDetails {background: url("/views/images/plus.png") no-repeat 0 0;}

.linkListSpace{padding:10px 0 0 15px;}
ul.linkList li{background: url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding: 0 0 10px 15px !important;list-style:none;}

#main{padding:0px;}

.checkList li{background: url("/views/images/green-checkmark.gif") no-repeat 0 3px;line-height: 16px;list-style: none;padding: 0 0 15px 25px;}
.checkList li.last{padding-bottom:0}

	.getDetail{padding:0;}
	.getDetail li{list-style: none;float:left;}
	
	.topContentAplyWrap{clear: both;/*overflow: hidden;*/padding: 0px 0 0;min-height:35px;}
		.topContentAplyBot{overflow:inherit;}
		.topContentAplyWrap a {font-size: 12px;font-weight: bold; padding: 10px 0; text-align: center; width: 175px;}
	.greyBtn.commBtnPro,  .blueBtn.commBtnPro{width:auto !important; padding:5px;}
	
.productsListContWrap .greyBtn, .productsListContWrap .blueBtn{width: auto; padding:6px 7px; font-size:12px;}
	
	.blueBtn{color: #FFFFFF;display: inline-block;padding: 10px 0px;font-size:12px;border-radius:3px; text-align:center; width:175px;}
	.greyBtn{color: #FFFFFF;display: inline-block;padding: 10px 0px;font-size:12px;border-radius:3px; text-align:center; width:175px;}
	.greyBtn:hover, .blueBtn:hover, .greenBtnEnquire:hover{text-decoration:none; background: #008ce6;} 
	.greyBtn {background: #97999B;}
	.blueBtn {background: #00BDF2;}
	
	
.deviceSpace{padding:0 10px;}
ul.breadCrumb {color: #666666;overflow: hidden;padding: 5px 10px 4px;}
ul.breadCrumb li {display: inline-block;float: left;font-size: 11px;padding: 0 4px 0 0;}
ul.breadCrumb li a {color: #666666;}
ul.breadCrumb li.active {color: #000000;padding: 0;}

.overview {padding: 0 10px 20px 10px; overflow:hidden;}
.overview.first {padding: 0 10px 0px;}

.tabBtnBlock {padding:0px 0px 15px 10px;overflow:hidden;}
	
	.commLikeArea{margin:0 0 20px 10px;  width:98%;}
		
	
	.topBox {background: none repeat scroll 0 0 #F6F6F6; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC;padding: 20px 25px 10px; margin-bottom:20px;}
	.topBox .topBoxInner, .topBox .topBoxInnBlock{overflow:hidden;}
			.topBox .topBoxInner ul.giftVocher{margin:0 0 10px 0;overflow:hidden;}
				.topBox .topBoxInner ul.giftVocher li{width:100px;margin-right:5px;float:left;}
			.topBox .topBoxInner .left {float: left; width:175px;}
			.topBox .topBoxInner .right {float: left; margin-left:20px; width:72%;}
				.topBox .topBoxInner .right ul li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;}
			
			.topBox .topBoxInnBlock .topBoxInnBckCont{width:100%;}
			.topBox .topBoxInnBlock .topBoxInnBckCont ul li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;}
		
		
		.topBox .topBoxBtn {border-top: 1px dotted #CCCCCC;margin-top: 5px; padding: 20px 0 0 0;}
			.topBoxBtn .left {float: left;}
			.topBoxBtn .right {float: right;}
			.topBoxBtnApp{display:none;}
		
				
	

.bannerHolder{position:relative; margin-bottom:10px;width: 100%;}
.bannerProd{position: relative;margin:0 0 10px; width:100%;}
.fullBanner {width: 100%;}
.bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:42%; width:58%;}
	.bannerTitle.bannerTitleWOImg{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 14px;position: absolute;z-index:1;left:0%; width:361px;}
.largeTitle{font-size: 24px;line-height: 30px;padding: 0;}
.mediumTitle{font-size: 18px;line-height: 24px;padding: 8px 0 0;}
.smallTitle{font-size: 12px;line-height: 18px;padding: 4px 0 0;}
.bannerBtn{position:absolute; bottom:15px; right:15px; z-index: 9;}

.bannerPromo{position: relative;}
.bannerPromo img{width:100%;}
	.bannerPromo .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate"; font-weight:lighter;padding: 0 0 0 25px;position: absolute;z-index:1;left:0; width:480px;top:5%;}
	.bannerPromo .largeTitle{font-size: 60px;line-height: normal;padding: 0;}
	.bannerPromo .mediumTitle{font-size: 24px;line-height: 30px;padding: 8px 0 0;}
	.bannerPromo .smallTitle, .bannerPromo .smallTitleSlide{font-size: 12px;line-height: 18px;padding: 4px 0 0;}


.airAsiaBlock{position: relative;margin:0 0px 25px 0px; overflow:hidden;}
	.airAsiaBlock .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 20px 20px 0 10px;position: absolute;z-index:1;left:0%; width:450px;}
	.airAsiaBlock .largeTitle{font-size: 35px;line-height: 30px;padding: 0 0 10px 0;}
	.airAsiaBlock .smallTitle{font-size: 12px;line-height: 18px;padding: 4px 0 0;}

.bannerProdTile{margin-bottom:15px;}
.bannerProdTile .bannerSubTitle{color: #555555;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:0;}
.bannerProdTile .bannerSubTitle.VNbannerSubTitle{font-family:arial;}
.bannerProdTile .largeSubTitle{font-size: 16px;line-height: 30px;padding: 10px 20px 0 10px;}

.learnMoreLink {text-align: right;padding-top:15px;}
	.learnMoreLink a { background: url("/views/images/learn-more.png") no-repeat scroll right 2px transparent;color: #FFFFFF;font-weight: bold;height: 9px;padding-right: 12px;width: 5px;}

/* Header Slider */
#slides {position: relative;width: 100% !important;}
.slidesjs-slide{width:100%;}
	#slides img, #Proslides img{width:100%;}
	#slides .fullBanner {left: 0;}
	.flex-control-nav{bottom: 18px;}
	.flex-control-paging li a, .flex-control-paging li a:hover {background: url("../images/off.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;color: #fff;}
	.flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;}
ul.headSlideArrow{padding:10px 0 10px;}
	ul.headSlideArrow li {background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:11px;}

.headSlideArrowTop{padding:5px 0 0 0;}
		p.headSlideArrow{background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:11px;}
.bannerSlider{position:relative;height: 221px;width: 100%;margin-bottom:20px;}
ul.slidesjs-pagination{ position:absolute;bottom:18px;left:320px;margin: 0 auto;overflow: hidden;width: 150px;z-index:999;}
ul.slidesjs-pagination li{float:left;margin-right:5px;}
ul.slidesjs-pagination li a{background:url("../images/off.png") 0 0 no-repeat;width:14px;height:14px;display:inline-block;color:#fff;}
ul.slidesjs-pagination li a.active{background:url("../images/on.png") 0 0 no-repeat;width:14px;height:14px;display:inline-block;}
#slides{position:relative;}
#slides .fullBanner{left:0;}



.topContentArea{background:#EDEDED;border-bottom: 1px dotted #999999;border-top: 1px dotted #999999;margin: 0 0 25px;overflow: hidden;padding: 15px 20px 15px;}	

	
	ul.tickList {list-style-type: none;margin: 0;padding: 0;}
		ul.tickList li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 3px transparent;list-style: none outside none;padding: 0 0 15px 25px;}

.CommonWrapperTwo{overflow:hidden; width:98.7%; padding:0 10px;}
.CommonWrapperThree{overflow:hidden; width:97%; padding:0 10px;}
.CommonWrapperTwoIn{overflow:visible;}
.CommonWrapperTwo .left{width:290px; float:left;}
.CommonWrapperTwo .right, .CommonWrapperThree .right{margin:0 10px 20px 0px; float:right;}
.CommonWrapperThree .left{float:left;}
.CommonWrapper.noPadBtm{padding-bottom:0px;}
.CommonWrapper{padding:0 10px 20px 10px;}
.FormCommonWrapper{padding:20px 10px;}
.tabsWrapper {margin: 0 10px 15px;}

.readyTab1, .readyTab2{position:relative;width:100%;overflow:hidden;}
.commonTabHdr{padding:10px 10px 20px 10px;font-size:16px;font-weight:bold;}
.readyTab1 a.showArrow, .readyTab1 a.showArrow{background: url("/views/images/tablet/show.png") no-repeat scroll right bottom transparent;background-size: 31px 31px;height:32px;width:32px;display:inline-block;}
.readyTab2 a.hideArrow, .readyTab2 a.hideArrow{background: url("/views/images/tablet/hide.png") no-repeat scroll right bottom transparent;background-size: 31px 31px;height:32px;width:32px;display:inline-block;}
.readyTab1 a.showArrow, .readyTab2 a.showArrow, .readyTab1 a.hideArrow, .readyTab2 a.hideArrow{position:absolute;top:8px;right:24px;}
.existingCustomer, .newCredit{display:none;}

.readyCreditTab{display:none !important;}
.tabsWrapperForm{padding-bottom:20px; overflow:hidden;}
.tabContentWrapPad{padding:10px 10px 0 10px;}

.tabsContainer {background: url("/views/images/tablet/tabBg.png") repeat scroll 0 -1px transparent;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;bottom: -2px;overflow: hidden;padding: 1px 0 0;position: relative;}

.tabs li{list-style:none;}
.tabs.small{font-size:11px;}
.tabs li a{border-right: 1px solid #CCCCCC;color: #26ACE1;display: block;float: left;padding: 15px 10px;}
.tabs li.active a{background: url("/views/images/tablet/tabOnbg.png") repeat-x scroll 0 0 transparent;color: #4A9F26;text-decoration: none;}
.tabs li.tabClose a {background: url("/views/images/tablet/tabArrowup.png") no-repeat center center;background-size:24px 25px;height: 12px;width: 24px;}
.tabs li.tabClose.activeArrow a{background: url("/views/images/tablet/tabArrowdown.png") no-repeat center center;background-size:24px 25px;}

.tabContentWrap {padding:20px 22px;border:1px solid #c1c1c1;border-radius:0px;background:#fdfdfd url("/views/images/tablet/tabBottomgrad.png")  bottom repeat-x;}
.tabContent {display: none;}
.active_content{display:block;}

.tabProBlock{width:100%; margin:0 0 10px 0;}
	.tabProBlockInn{overflow:hidden; width:100%; border-bottom:1px dotted #cccccc; padding:15px 0;}
		.tabProBlockInn .left{float:left;  width:150px;}
		.tabProBlockInn .right{float:left; padding-left:20px; width:75%;}
		.tabProBlockInn.noBorderLast{border-bottom:none; padding-bottom:0px;}
		.tabProInnBtn{overflow:hidden; width:100%; margin-bottom:15px;}
		.tabProBlockInn .greyBtn, .tabProBlockInn .blueBtn {font-size: 11px;padding: 6px 7px;margin-right: 10px;width: auto;}
		.tabPromoBtn {overflow: hidden;padding: 0px;}
		.tabPromoBtnLt {float: left;}

.tabProBlockInn .right .clsPadTopPro{padding:30px 0 0 0;}
.tabBotBtn {padding: 0px 10px 15px 10px;overflow:hidden;}

.clsipen{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;}
.clsipen.last{padding-bottom:0;}
ul.bulLst{padding:0 0 10px;}
ul.bulLst.Online{width:40%;float:left;}
	ul.bulLst li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
	ul.bulLst li ul{margin:10px 0 0 0;}
	ul.bulLst li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;}
	
	ul.bulLst li ul.numLst li{background:none;padding: 0px 0 10px 2px;  margin-left:15px;}
	ul.bulLst.last, ul.bulLst li.last, ul.bulLst li ul.numLst.last, .clsDisList ol.termsCondtn li ol.bulList.last, .clsDisList ol.termsCondtn li.last{padding-bottom:0 !important;}
	ul.bulLst li.sup{background-position:0 10px;}

ul.bulLstIn{padding:0 0 10px 20px;}
	ul.bulLstIn li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
	ul.bulLstIn li ul{margin:10px 0 0 0;}
	ul.bulLstIn li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;}
	ul.bulLstIn li ul.numLst li{background:none;padding: 0px 0 10px 2px; margin-left:17px;}
	ul.bulLstIn.last, ul.bulLstIn li.last, ul.bulLstIn li ul.numLst.last, .clsDisList ol.termsCondtn li ol.bulList.last, .clsDisList ol.termsCondtn li.last{padding-bottom:0 !important;}
	ul.bulLstIn li.sup{background-position:0 9px;}

ol.lowerAlpha{padding-bottom:10px;}
	ol.lowerAlpha li {padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;}
		ol.lowerAlpha li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
	
	ol.lowerAlpha li ol.bulletList li{margin:0;background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
.clsDisList ol.lowerRoman li{padding:0 0px  5px;margin:0 0 0 25px;list-style:none;list-style:lower-roman;line-height: 17px;}

ol.lowerRomanLtr{padding-bottom:10px;}
	ol.lowerRomanLtr li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
		ol.lowerRomanLtr li ol{padding-top:10px;}
		ol.lowerRomanLtr li ol li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;}


ol.lowerAlphaBul{padding-bottom:10px; margin-left: -5px;}
ol.lowerAlphaBul li {padding: 6px 0 5px;margin:0 0 0 20px;list-style:lower-alpha;line-height: 17px;}
ol.lowerAlphaBul li ol{padding-top:10px;}
ol.lowerAlphaBul li ol li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px; list-style-type:none; margin-left:0px;}

/* Common Type List */
.proPromInnLst{overflow:hidden; width:100%; padding-left:25px;}
	.proPromInnLstBlk{float:left; width:200px;}
		ol.comTypeLst{display:block;}
			ol.comTypeLst li{list-style-type:decimal; padding-bottom:8px;}

.proInnImgArea{overflow:hidden; margin:0 0 15px 0;}
	.proInnImgArea ul{display:block;}
		.proInnImgArea ul li{float:left; padding-right:30px;}

/* Graph */

.barGraph{width:100%; height:314px;}
.previous_creditlimit{width:70%;height:220px; position:absolute;  overflow:hidden;display:none;}
.effective_creditlimit{width:70%;height:220px; position:absolute; overflow:hidden;display:none;}
.graphposition{
		position:relative;float:left;margin:0px 0px 0px 10px;text-align:center;
	}
	.grphTxt{
		color:#FFFFFF; margin:0; 
	}
	.legend{
		float:left;margin:0px 12px 0px 0px;
	}
	.nolegend{
		float:left;border:1px solid white;margin:0px 12px 0px 0px;width:2.5px; 
	}
	.legendConatiner
	{
		position:relative; top:230px;display:none;
	}
	.ulContainer{
		position:relative; left:10px;height:30px;text-align:center;
	}
	.explanationContainer
	{
		position:relative; top:230px; width:468px;display:none;
	}
	.explantion{
		position:relative; width:300px; height:20px;
	}
/*Contact us form */
.formSteps{margin-bottom:15px; overflow:hidden;}
.formSteps ul{background:#F7F7F7;background: -webkit-gradient(linear, 0 0, 0 50%, from(#F7F7F7), to(#FFFFFF));background: -webkit-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -moz-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -ms-linear-gradient(#F7F7F7, #FFFFFF 50%);background: -o-linear-gradient(#F7F7F7, #FFFFFF 50%);background: linear-gradient(#F7F7F7, #FFFFFF 50%);-pie-background: linear-gradient(#F7F7F7, #FFFFFF 50%);min-height:43px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
.formSteps ul li{float:left;padding:6px 17px;background:url("/views/images/step_arrow.png") right center no-repeat;height:30px;}
.formSteps ul li.last{background:none;}
.formSteps ul.bulLst{padding:0 0 10px;border:none;background:none;}
.formSteps ul.bulLst li {float:none;width:auto;background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}
.formSteps ul li span.formStepList{color: #C1E0F2;font-weight: bold;padding: 7px 10px 0 0;display: inline-block;float: left;}
.formSteps ul li span.formStepCont{color: #C1C1C1;font-weight: bold;}
.formSteps ul li span.formStepContPad{padding:7px 0 0;display:inline-block;}
.formSteps ul li.active span.formStepList{color:#3398CC;}
.formSteps ul li.active span.formStepCont{color:#333;}
.formDetailsinner ul.cLsContactus > li.clsPadTopInnForm{padding-top:24px;}
.offsmall {width: 15px !important; border:1px solid #ccc;}
.formDetailsinner ul.cLsContactus > li.clsInnFormWid{width:417px !important;}
.formDetailsinner ul.cLsContactus > li .rminput {width: 160px !important;}

	.contWraper{display:block; width:100%;}
	.formDetailsBlock{display:block; width:100%;}
		.formDetailsinner{ margin:0 10px 20px 10px;}
			.formDetailsinner ul{display:block;}
				.formDetailsinner ul.cLsContactus, .formDetailsinner ul.cLsContactusManual {display: block;padding: 20px 20px 20px 20px; width:96%;}

				.formDetailsinner ul.cLsContactus > li{float:left;/*margin-right: 20px;*/ width:219px;}
				.formDetailsinner ul.cLsContactus > li.monthlyIncome{float:left;width:300px;}
					.formDetailsinner ul.cLsContactus > li .inputBox {border: 1px solid #CCCCCC;font-family: Arial;width:188px;padding: 5px 6px 4px 7px;color:#555555;}
						.formDetailsinner ul.cLsContactus > li .smallbox { margin-left: 10px;width: 99px !important;}
						.formDetailsinner ul.cLsContactus > li .midSmallbox { margin-left: 10px;width: 111px !important;}
						.formDetailsinner ul.cLsContactusManual li .smallbox {width: 18px !important; height:24px; padding:0 5px;}
						.jqtransform select.cLsDropDownWidth{width:183px !important;}
						.formDetailsinner ul.lightGreyBg{background:#F7F7F7; float:left;}
						.formDetailsinner ul.darkGreyBg{background:#EAEAEA; float:left;}
						
						select.innSmallWdh1{width:72px;}
						ul.cLsContactus.clsPadBtmForm{padding-bottom:20px !important;}
						.formDetailsinner ul.cLsContactus.cLsContNoPadTop{padding-top:0px;}
					
			.cLsContactusManual .radioValueInn{margin:0px 0 0px 0;display:inline-block;}
				.cLsContactusManual p.radioValueInn{padding-bottom:0px;}
				.radioValueInn span{float:left;  margin:0 9px 0 0;}
				.radioValueInn span.clsManPadTop{padding-top:6px;}
				.radioValueInn span.noMarBtm{margin-bottom:0px;}
				.radioValueInn span input.smallbox2{width:60px; display:inline-block;}
				.radioValueInn span.radioValueDis input.radioValueInnSpa{margin:0 10px 0 0; display:inline-block;}

				ul.chkbxLst{overflow:hidden;}
					ul.chkbxLst li{float: left; margin:0 0 10px 0; clear:both;}
						.chkbxLst li input {float: left;}
						.chkbxLst li label {float: left;margin-left:3px;}

.formDetailsinner .cLsContactus.addReferral li{width:96%;}
.cLsContactus.addReferral.last, .cLsContactus.addReferral p.last{padding-bottom:0;}
.cLsContactus.addReferral p{float:left;padding-right:20px;}
.cLsContactus.addReferral p.noPadRgt{padding-right:0;}
.cLsContactus.addReferral .fndCount{width:10px;padding-right:10px;}
.cLsContactus.addReferral .fndName, .cLsContactus.addReferral .fndNo{width:190px;}
.formDetailsinner .cLsContactus.addReferral .fndName input,.formDetailsinner .cLsContactus.addReferral .fndNo input{width:170px;}
.cLsContactus.addReferral .fndCity{width:200px;}
				
/*Contact us form End */
/*For Terms Conditions*/
.clsDisList ol.termsCondtn li{padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;}
.clsDisList p{padding:0 0 5px !important;}
.clsDisList p.last{padding:0;}
.clsDisList ol.termsCondtn, .clsDisList ol.termsCondtn li ol, .clsDisList ol.termsCondtn li ol li ol, .clsDisList ol.termsCondtn li ol.bulList li ol, .clsDisList ol.lowerRoman{padding:0;margin:0;}
.clsDisList ol.termsCondtn li ol.cLspadTop{margin-top:10px;}
.clsDisList ol.termsCondtn li ol li{padding:0 0px  5px;margin:0 0 0 19px;list-style:lower-alpha;line-height: 17px;}
.clsDisList ol.termsCondtn li ol.bulList{margin:0;padding:0;}
.clsDisList ol.termsCondtn li ol.bulList li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;margin:0;}
.clsDisList ol.termsCondtn li ol.lowerRoman li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;}
.clsDisList ol.termsCondtn li ol.lowerRoman li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol li{padding:0 0px  5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol.cLsComonTbl li{margin-left:10px !important;}
.clsDisList ol.termsCondtn li ol li ol li ol li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;}
.clsDisList ol.termsCondtn li ol li ol li ol.cLscomonTbl li{margin:0 !important;}
.clsDisList ol li.clsPadTopBlock{margin-top:15px !important;}
.clsDisList ol li ol li.clsMarTopMin{ margin-top:-20px; margin-left:0px;}
.clsDisList ol li ol li.clsMarTopLft{ margin-left:0px;}
ul.bulLstDisc{padding:0 0 10px;}
ul.bulLstDisc li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;}

ul.bulLstSplit li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:140px;float:left;}
ul.bulLstSmall li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;font-size:11px;}
ul.bulLstSplit2{overflow:hidden;}
ul.bulLstSplit2 li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:200px;float:left;}


/* Airasia */
.airAsiaBlockInner {position: absolute; top: 120px; width: 99%; z-index: 999; padding:0 0 0 10px;} 
	.airAsiaBlockInner .left{float:left; padding:90px 20px 0 0;width:26%;}
		.airAsiaBlockInner .left h3, .airAsiaBlockInner .right h3{color:#fff;}
	.airAsiaBlockInner .mid{float:left;padding:0 40px 0 0;width:40%;position:relative; text-align:center;}
		.airAsiaBlockInner .mid .first{position:absolute;}
		.airAsiaBlockInner .mid .second {left: 95px; position: relative;top: 57px;}
	.airAsiaBlockInner .right{float:left; width:26%; padding:90px 0 0 0;}
		.airAsiaBlockInner .getDetail li.more{float:left;}
		.airAsiaBlockInner .getDetail li.talk{float:right;}
		.airAsiaBlockInner .greyBtn{width: auto; padding:5px 9px;}
		.airAsiaBlockInner .blueBtn{width: auto; padding:5px 9px;}
	.airAsiaBlock .topBoxBtn{position:absolute; z-index:999; bottom:29px; left:10px;}


.airAsiaTopMnu{width:100%; overflow:hidden; position:relative;}
	.airAsiaTopMnu ul{background:url("/views/images/credit_card/desktop/airasia-menulst-bg.jpg") repeat-x 100% 100%; height:38px;}
		.airAsiaTopMnu ul li{float:left; padding: 10px 10px 10px 10px;}
			.airAsiaTopMnu ul li a{font-weight:bold;}
			.airAsiaTopMnu ul li a.active{color:#000;}

			.premDingMnu{width:100%; overflow:hidden; position:relative;background:url("/views/images/credit_card/desktop/airasia-menulst-bg.jpg") repeat-x;}
				.premDingMnu ul{display:block;}
					.premDingMnu ul li{float:left; padding: 12px 10px 10px 10px;}
						.premDingMnu ul li a{font-weight:bold;}
						.premDingMnu ul li a.active{color:#000;}
					.premDingMnuInn .homeIcon{float:left; padding: 10px 0 10px 10px;}


.airAsiaBlockList{overflow:hidden; margin:0 10px 20px 10px;}
	.airAsiaBlockList ul{display:block; border:1px solid #dfdfdf; overflow:hidden; padding:0px 0px 0px 20px; background:url("/views/images/credit_card/desktop/airasia-bginner.jpg") repeat-x #EEEEEE;}
	
		.airAsiaBlockList ul li .mainLst{float:left; width:100%;}
			.airAsiaBlockList ul li .mainLst .left{float:left; padding:0 20px 0 0; width:29%;}
				.airAsiaBlockList ul li .mainLst .left .leftInn{float:left; padding:15px 10px 21px 0; width:82px}
				.airAsiaBlockList ul li .mainLst .left .rightInn{padding:15px 0px 20px 0; float:left; width:56%;}

				.airAsiaBlockList ul li .mainLst .mid .leftInn{float:left; padding:15px 10px 21px 0; width:82px}
				.airAsiaBlockList ul li .mainLst .mid .rightInn{padding:15px 0px 20px 0; float:left;  width:56%;}

				.airAsiaBlockList ul li .mainLst .right .leftInn{float:left; padding:15px 10px 21px 0; width:82px}
				.airAsiaBlockList ul li .mainLst .right .rightInn{padding:15px 0px 20px 0; float:left;  width:56%;}

			.airAsiaBlockList ul li .mainLst .mid{float:left; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:0 20px 0 20px;  width:29%;}
			.airAsiaBlockList ul li .mainLst .right{float:left; padding:0 0 0 20px; width:30%;}
			.mainLst a.greyBtn, .mainLst a.blueBtn{width:auto !important; padding:6px 7px;}

.airAsiaCardArea{overflow:hidden; margin:0 10px 20px 10px; background:url("/views/images/airasia-blue-bg.jpg") repeat-x scroll 0 0 transparent;}
	.airAsiaCardAreaInn{overflow:hidden; padding: 1px 0 5px 10px;}
		.airAsiaCardAreaInn .left{float:left; width:88px; padding:3px 15px 0 0;}
		.airAsiaCardAreaInn .mid{float:left; padding:14px 15px 0 0; width:400px;}
			.airAsiaCardAreaInn .mid h3{color:#fff;}
		.airAsiaCardAreaInn .right{float:right; padding:22px 15px 0 0;}

		.airasiaProductWrap{margin-bottom:20px; overflow:hidden;}
			.airasiaProductWrap .productsList{ float: left;padding: 0 27px;width: 290px;}
	.airasiaProductWrap .productsList.first{padding-left:0px;}
	.airasiaProductWrap .productsList.second{padding-right:0px;}

.airAsiaTopMnuInn.welcomeMic ul li{padding-top:4px; text-align:center; padding-bottom:0px;}


/* PROGRESSIVE INVESTMENT PLAN */
.progresiveBlock{overflow:hidden; width:100%; margin-bottom:10px;}
	.progresiveDes{background:url("/english/investments/images/desktop/pip-chart-work-bg.png") 0 0 no-repeat; display:block; height:129px;}
		.progresiveDesInn{display:block; padding:12px 15px;}
			.progresiveDesInn ul{display:block; width:100%;}
				.progresiveDesInn ul li{float:left; padding-right:40px; width:180px;}

/*Common Style for Terms ansd Condition*/
.termsCondScdLevel{margin-left:25px;}
.termsCondthirdLevel{margin-left:45px;}
.termsConditionHolder{overflow:hidden;padding-bottom:5px;}
.termsConditionHolder p{padding:0 0 5px !important;}
.termsConditionHolder p.last{padding:0 !important;}
.termsConditionHolder.last{padding:0;}
.termsConditionLft{float:left}
.termsConditionRgt{margin-left:23px;}

ul.stepHldr{overflow:hidden;}
	ul.stepHldr li{overflow:hidden;padding-bottom:15px;}
	ul.stepHldr li span.stepList{float:left;padding-right:10px;width:5%;}
	ul.stepHldr li span.stepCont{float:left;width:92%;}



.listcontentFooter {padding:15px 10px 0;overflow: hidden;clear:both;}
	.listcontentFooter ul li {list-style:none;float:left;margin-right:5px;}
	.listcontentFooter ul li a{color:#fff;text-align:center;display: inline-block;padding: 10px 0;width:185px;}
	/*.listcontentFooter ul li a:hover {background:url("/views/images/gray-gradient.jpg") repeat-x;}*/
	.listcontentFooter span {height: 24px;left: 48px;position: absolute;top: 10px;width: 24px;}
	.listcontentFooter ul li.right {margin-right:0;float:right;}
	.listcontentFooter ul li.left{float:left;}

	.iconPhone {background: url("/views/images/call.png") no-repeat 0 0;margin-left:6px;}
	.iconMail {background: url("/views/images/mail.png") no-repeat 0 0;margin-left:10px;}
	.iconVisit {background: url("/views/images/visit.png") no-repeat 0 0;}
	.listcontentFooter span.footInnTxt{display: inline-block;padding-left: 31px;padding-top: 4px;width: 100px;}
	.listcontentFooter span.footInnTxtEmail{display: inline-block;padding-left: 31px;padding-top: 4px;width: 70px;}
	.listcontentFooter span.footInnTxtVst{display: inline-block;padding-left: 31px;padding-top: 4px;width: 83px;}

/**********************************************************/
.tooltipWrap{
	position: relative;
	/*display:inline-block;*/
}
.tooltip{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	bottom: 21px;
	-moz-box-shadow: 0 0 10px #CCCCCC;
	-webkit-box-shadow: 0 0 10px #CCCCCC;
	box-shadow: 0 0 10px #CCCCCC;
	display: none;
	left: 50%;
	margin: 0 0 0 -150px;
	padding: 10px;
	position: absolute;
	width: 280px;
	z-index: 9998;
}
.tooltipInnerImg{
	width: 88px;
	left: 105px;
}
.tooltip .tipClose{
	display:inline-block;
	background:url("/views/images/close.jpg") no-repeat 0px 0px;
	width:16px;
	height:16px;
	float:right;
	margin:0 0 10px 10px;
}
.tooltip .arrow{
	background:url("/views/images/toolTiparrow.png") no-repeat;
	bottom: -7px;
	height: 7px;
	left: 50%;
	margin: 0 0 0 -8px;
	position: absolute;
	width: 19px;

}

.tooltip.left{
	left:0;
	margin: 0 0 0 -14px;

}
.tooltip.left .arrow{
	left:0;
	margin: 0 0 0 15px;
}

.tooltip.right{
	left: auto;
	right:0;
	margin:0 -15px 0 0 ;
}
.tooltip.right .arrow{
	left: auto;
	right:0;
	margin:0 10px 0 0;
}
.tooltip.bottom{
	bottom: auto;
	top:18px;
	left:50%;
	margin: 0 0 0 -150px;
}
.tooltip.bottom .arrow{
	left: 50%;
	margin: 0 0 0 -10px;
	top: -7px;
}
.tooltip .scroll-pane{
	width: 100%;
	height: 100px;
	overflow: auto;
}
.tpFormBlock{
	display:block;
}
.tpFormBlockInn ul{
	width:100%;
}
	.tpFormBlockInn ul li{
		/*margin:0 0 15px 0 !important;*/
		padding-bottom: 20px;
		width:280px;
		display:inline-block;
	}
		
	.tpFormBlockInn ul li span.formCont{
		padding:0 15px 0 0;
		width:130px;
		float:left;
	}
	.tpFormBlockInn ul li span.tooltipSelect{
		float:left;
	}
	.tpFormBlockInn ul li span.tooltipSelect select{
		width:112px !important;
	}
	
	.tpFormBlockInn ul li span input.inputBoxSlide{
		border:1px solid #ccc;
		padding:0 10px 0 0;
		width:122px;
		height:20px;
		color:#555555;
	}
	
	.tpFormBlockInn ul li div.jqTransformSelectWrapper ul li{
		padding:0;
	}

.firstDrop .jqTransformSelectWrapper{z-index:100 !important}
.secDrop .jqTransformSelectWrapper{z-index:99 !important}
.thirdDrop .jqTransformSelectWrapper{z-index:98 !important}
.fourthDrop .jqTransformSelectWrapper{z-index:97 !important}



/* Scrollbar start */

#footer {padding: 10px 10px 0;font-size: 11px;position:relative;clear:both;}

	.footerMenu{border-bottom: 2px solid #CCCCCC;overflow: hidden;padding: 7px 0 10px;width: 100%;position:relative;z-index:999;background:#fff;}
	.footerMenu a{color: #666;}
	.footerMenu a:hover{text-decoration:underline;}

	.footerLinks {float: right;padding: 0;}
	.footerLinks ul{margin:0;padding:0;}
	.footerLinks ul li {float: left;padding: 0 0 0 23px;list-style: none;}

	.footerLeftLink{float:left;padding:4px 7px 0 0;}

	.mediaIcons{float:left;border-left:1px solid #ccc;padding:0 0 0 7px;}
	.mediaIcons li{float:left;margin:0 6px 0 0;list-style: none;} 
	.mediaIcons li a.facebookIcon, .mediaIcons li a.twitterIcon, .mediaIcons li a.youtubeIcon, .faceIcon{width:18px;height:18px;background-repeat:no-repeat;display:inline-block;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;-ms-background-size:contain;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;cursor: pointer;z-index:1;}
	.mediaIcons li a.facebookIcon, .faceIcon{background-image:url("/views/images/facebookIcon.png");} 
	.mediaIcons li a.twitterIcon{background-image:url("/views/images/twitterIcon.png");} 
	.mediaIcons li a.youtubeIcon{background-image:url("/views/images/youtubeIcon.png");}

	.footerLinksList {float: right;padding: 0;margin-top: 1px;}
	.footerList li{float:left;padding-left:24px;list-style: none;}

	.footerDisclaimer {overflow: hidden;padding: 16px 0 35px;position:relative;z-index:999;background:#fff;}
	.footerLogo {background:url("/views/images/citi_logo.png") no-repeat;width:62px;height:16px;float: left;background-size:100% 100%;}
	.copyRight {float: right;text-align: right;color:#999;padding: 4px 0 0;}

#back-top {bottom: 0;padding: 0;position: fixed;right: 0;z-index:999999;}
#back-top span {background: url("/views/images/back-to-top.png") no-repeat scroll 0 0 #DDDDDD;border-radius: 3px 3px 3px 3px;display: block;height: 33px;margin-bottom: 0;transition: all 1s ease 0s;width: 33px;z-index: 999999;}

.linkLstWrap{position: absolute;width: 200px;height:0;top: 15px;right: 65px;background: #fff;border: 1px solid #ccc;padding: 10px;z-index: 99;box-shadow: 0 0 10px #ccc;border-radius: 5px;}
.linkLstWrap li a{color:#999;padding:0 0 5px;display:block;}
.linkLstWrap li a:hover{color:#3399cc;}
.linkLstArro {background:url("/views/images/link-arrow.png") no-repeat scroll 0 0; width:14px; height:8px; display:inline-block; left:46.5%; bottom:-8px;position:absolute;}

ul.numLst{padding-bottom:10px;}
	ul.numLst li {padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;}
	ul.numLst li ul.bullLst li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;}

.showHideArea{padding: 0 0 7px;}
	.showHideHdr a{font-weight:bold;}
	.show, .hide {display: inline-block;padding-left:25px;line-height:17px;}
	.show {background: url("/views/images/plus.png") no-repeat scroll 0 2px transparent;}
	.hide {background: url("/views/images/minus.png") no-repeat scroll 0 2px transparent;}
	.showHideHdr{padding:0 0 10px 0;}
	.showHideSubHdr{padding:0 0 15px 0;}
	.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span{cursor:pointer;display:inline-block;}
	.showHideCont {display:none;padding: 0 0 0 24px;}
	.showHideSubArea .showHideHdr a{font-weight:normal;}
	.showHideSubCont {display:none;padding: 0 0 10px 24px;}

.tableWrap{padding: 0 0 15px;}
	.tableWrap table{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width: 100%;box-shadow: 2px 2px 4px #CCCCCC;}
	.tableWrap tr{vertical-align:top;}
	.tableWrap tr.whiteBg, .tableWrap tr.grayBg {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;padding: 10px;}
	.tableWrap tr.whiteBg {background:#FFFFFF;}
	.tableWrap tr.grayBg {background:#F5F5F5;}
	.tableWrap tr th, .tableWrap tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 13px 10px;text-align:left;}
	.oneColumn{width:100%;}
	.tblColumn90{width:90%;}
	.tblColumn70{width:50%;}
	.tblColumn80{width:80%;}
	.tblTwoColumn{width:50%;}
	.tblTwoColumn30{width:50%;}
	.tblTwoColumn30{width:30%;}
	.tblThreeColumn{width:32%;}
	.tblFourColumn{width:25%;}
	.tblFiveColumn{width:20%;}
	.tblSixColumn{width:16.66%;}
	.tblColumn10{width:10%;}
	.tblColumn5{width:5%;}
	.tblColumn40{width:40%;}
	.tblCol30{width:30%;}

/* Kana form Light Bod */
.LightKanaForm{width:100%; overflow:hidden;}
	.LightKanaFormInn{width:auto; margin:15px 0; overflow:hidden;}
		.LightKanaFormInnLft{width:30%; margin:0 5% 0 0; float:left;}
		.LightKanaFormInnRgt{width:65%; float:left;}
			.LightKanaFormInnRgt ul{width:100%; overflow:hidden;}
			.LightKanaFormInnRgt ul li{overflow:hidden;margin:0 0 10px 0;}
				.LightKanaFormInnRgt ul li .left{float:left; width:30%; padding-right:5%;}
				.LightKanaFormInnRgt ul li .right{float:left; width:65%;}

/* Light Box Area */
#fancybox-wrap{position:fixed;}
#declaration-bg .declareCont {
    height: 400px;
    margin-bottom: 15px;
    width: 100% !important;
}
#declaration-bg .declareCont .jspContainer, #declaration-bg .declareCont .jspPane {
    margin-right: 10px;
    width: 100% !important;
}
#fancybox-title {display:none !important;}

.contInnerList{overflow:hidden;}
	.contInnerList ul{float:left; padding-right:30px;}
.tblMarg{margin-top:10px;}
.scrollArea{padding: 0 10px 10px;position:relative;}
.scrollArea.promoInnScroll{padding: 0 10px 0 0px;}


.scrollArea.first{overflow:hidden;padding: 0 0 10px 10px;position:relative;}
.scrollArea.last{padding:0;}
	.scrollAreaWrap{overflow:hidden;}
	.scrollAreaHdr{float:left;padding-top:3px;}
	
	.termsCondIcon{float:right;}
	.printIcon{background:url("/views/images/printIcon.png") no-repeat;width:24px;height:24px;display:inline-block;}
	.TermsAndConditions{clear:both;padding:10px;border:1px #ccc solid;color: #999999;font-size: 11px;}
	.TermsAndConditions .scroll-pane{width: 100%;}
	.jspContainer{overflow: hidden;position: relative;}
	.jspPane{position: absolute;}
	.jspVerticalBar{position: absolute;top: 0;right: 0;width: 6px;height: 100%;}
	.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}
	.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
	.jspCap{display: none;}
	.jspHorizontalBar .jspCap{float: left;}
	.jspTrack{background: #f7f7f7;position: relative;}
	.jspDrag{background: #ccc;position: relative;top: 0;left: 0;cursor: pointer;}
	.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
	.jspArrow{background: #F7F7F7;text-indent: -20000px;display: none;cursor: pointer;}
	.jspArrow.jspDisabled{cursor: default;background: #F7F7F7;}
	.jspVerticalBar .jspArrow{height: 0px;}
	.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
	.jspVerticalBar .jspArrow:focus{outline: none;}
	.jspCorner{background: #eeeef4;float: left;height: 100%;}
	* html .jspCorner{margin: 0 -3px 0 0;}

.discList ol {margin: 0;padding-left:20px;}
	.discList ol li {list-style-type: decimal; padding-bottom: 12px;line-height:14px;}
/**************************** Forms CC APPLICATION Start *****************************/
#innerWrapper{padding:0 10px;}
.innerCont{overflow:hidden;padding-bottom:25px;}
.innerCont.kanaform{overflow:visible !important;display:inline-block;}
.cardSelectScroll{overflow:auto;width:100%;}
.cardSelect{background:url("/views/images/form-bg.jpg") 0 0 repeat;width:47.5%;padding:10px 20px;float:left;}
.cardSelectHdr{background:url("/views/images/shadow.jpg") bottom center no-repeat;width: 100%;padding-bottom: 10px;margin-bottom:15px;}
.cardSelectList{position:relative;overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc;}
.cardCheck{float:left;margin-right:5px;}
.cardSelectList .cardImg{float:left;margin:0 10px 0 0 !important;width: 78px;}
.cardName{float:left;width: 210px;}
.cardName h3{font-weight:bold;}
.cardDetails{width:210px;display:none;}
.openArrow, .open {background: url("/views/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.closeArrow, .close {background: url("/views/images/tablet/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.openArrow, .closeArrow, .open, .close{cursor: pointer;width: 31px;height: 31px;position: absolute;right:15px;top: 0;z-index: 999;display: block;}
.open, .close{cursor: pointer;width: 31px;height: 31px;position: absolute;right:10px;top:25px;z-index: 999;display: block;}
.formHldr{float:left;width:100%;border-bottom:1px solid #ccc;}
.formHldr h2{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px;}
/*.formHldr .formInner{clear:both;margin-bottom:30px;}
.formHldr .formInner.last{padding-bottom:0;margin-bottom:0;}*/
.formInner{width:100%;}
.formInner .formField{/*float:inline-block;*/width:35%;padding:0; float:left;}
.formInner .formValue{float:left;width:62%;padding-left:20px;}
.formInner input, .formValue input[type="radio"] {margin:0 5px 0 0;vertical-align:middle;}
.formInner input[type="checkbox"] {margin:0 5px 0 0;vertical-align:middle;}
.radioValue{margin-right:10px;}
.dropListSmall{width:40px;}
.dropListLarge{width:203px;}
.inputTxt{margin-left:10px;width:65%;}
.inputBoxMedium{width: 140px;height: 23px;padding:0; border:1px solid #ccc;}
.inputBoxLarge{width: 226px;height: 23px;padding:0; border:1px solid #ccc;}
.inputBoxLarge2{width: 203px;height: 24px;padding:0;border:1px solid #ccc;}
.formSubmit{padding:10px 0 20px;float:right;}
.tabHldr{float:left;width:100%;}
.formHldrWrap .sbHolder, .formHldrWrap .sbOptions{width:231px;}
.jqtransform .jqTransformSelectWrapper{float:left;}
.tpFormBlock.existCustomer .tpFormBlockInn .sbOptions li{margin:0 !important;text-align:left;padding:0 !important;}
.tpFormBlock.existCustomer .tpFormBlockInn .sbOptions li a{padding-left:10px;}
/**************************** Forms CC APPLICATION End *****************************/
.productsMain {width: 100%;}

.tabInnerListHolder{height:auto !important;}
ul.tabInnerListHolder > li {
	background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;
	color: #333333;
	line-height: 16px;
	padding: 0 0 15px 25px;
}
ul.tabInnerListHolder.airAsia li{font-size:13px;}

ul.tabInnerListHolder > li.last {
	padding-bottom:0;
}
.productsList {border-bottom: 1px dotted #CCCCCC;padding: 20px 10px;position: relative;overflow: hidden;}
.thumbImg {float: left;}
.productsListContWrap{margin: 0 0 0 240px;}
.productsListContWrap .getDetail li.more{float:left;}
.productsListContWrap .getDetail li.talk{float:left; margin:0 0px 0 25px;}
.productsListContWrap > h3, .productsListContWrap > h2{height:auto !important;}

.productsList.BorBotNone{border-bottom:none;}

.grayClr{
	color:#555 !important;
}
.productsListCont{margin: 0 0 0 240px;}
.hideArrow, .showArrow, .collapseUp, .collapseDown {cursor: pointer;width: 31px;height: 31px;position: absolute;right: 10px;top: 8px;z-index: 999;display: block;}
.showArrow, .collapseUp {background: url("/views/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.hideArrow, .collapseDown {background: url("/views/images/tablet/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.productsListDetails {padding: 0 0 15px;display: none;height:auto !important;}

.contInnerBox{padding-bottom:20px;}
	.contInnerBox h3{padding-bottom:5px;}
	.contInnerBox p{padding-left:34px;}
	.monthlyIcon, .weeklyIcon, .dailyIcon, .eyeIcon, .getStartIcon, .oneIcon, .twoIcon, .threeIcon, .fourIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;}
	.monthlyIcon{background: url("/views/images/monthly-icon.png") no-repeat scroll 0 0 transparent;}
	.weeklyIcon{background: url("/views/images/weekly-icon.png") no-repeat scroll 0 0 transparent;}
	.dailyIcon{background: url("/views/images/daily-icon.png") no-repeat scroll 0 0 transparent;}
	.eyeIcon{background: url("/views/images/eye-icon.png") no-repeat scroll 0 0 transparent;}
	.getStartIcon{background: url("/views/images/icons/get-started.png") no-repeat scroll 0 0 transparent;}
	.oneIcon{background: url("/english/citi-online/images/icon/01.png") no-repeat scroll 0 0 transparent;}
	.twoIcon{background: url("/english/citi-online/images/icon/02.png") no-repeat scroll 0 0 transparent;}
	.threeIcon{background: url("/english/citi-online/images/icon/03.png") no-repeat scroll 0 0 transparent;}
	.fourIcon{background: url("/english/citi-online/images/icon/04.png") no-repeat scroll 0 0 transparent;}

/*Product Tab Area */
.productWrap.topBox{background:none; border:none;}
.productWrapPro{border-bottom:1px #ccc dotted; padding:0 0 20px;margin:0 0 20px;overflow:hidden;}

		.productsListPro {float: left;width: 295px; padding: 0 27px; position:relative;}
		.productsListPro .hideArrow, .productsListPro .showArrow{top:0px; float:right;}
		.productsListPro.center { border-left: 1px solid #CCCCCC;}
		.productWrapPro .productsListContWrap{margin:0 0 0 0;}
		.productsListPro .thumbImg{float: left;padding: 0 0 10px; width:265px;}
		.productsListPro h2{clear:left; width:265px;}
		
.productsMain.topBox{padding:0px 0 0 0; border:none; background:none;}
		.productsMain.topBox .productWrap{border-bottom:none; margin:0px;}
		.productsMain.topBox .productWrap .productsList .productsListContWrap{margin-left:0px !important;}
		.productsMain.topBox .productWrap .productsList .productsListContWrap h3{margin-bottom:10px !important;}
	
		.productsMain.topBox .productsList{padding: 15px 10px 0px 10px;}
		.productsMain.topBox.noMarBtm{margin-bottom:0px;}
		.micPadBtmInn{padding-bottom:20px;}
		.overview.micNoPadTop{padding-bottom:5px;}
		

.productsListContWrap.proLstProInnTab{clear:both;}
/*Product Tab Area  End*/

.bottomBox{background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px;margin:0 0 10px;overflow:hidden;}
	.listBox{overflow:hidden;width:100%;padding:0 0 10px;}
	.listBox li{width:19.7%;background:#fff;border:1px solid #ccc;padding:10px;float:left;min-height:48px;}
	.listBox li.rhtArro{background:url("/views/images/rht-arrow.png") center center no-repeat;width:18px;border:none;box-shadow:none;}
	.bottomBoxBtn{float:right;}
	.bottomBoxBtn a.greyBtn{margin-right:0;}

ul.bottomLinksWrap{overflow: hidden;padding: 20px 0 20px; border-top:1px #ccc dotted;}
ul.bottomLinksWrap.cLsCommon{padding-bottom:0px;}
ul.bottomLinksWrap li{float:left;padding: 0 0 0 20px;}
ul.bottomLinksWrap li.bottomLinkBtn{margin:15px 0 0;}
ul.bottomLinksWrap li.left{padding:0 0 0 10px;}
ul.bottomLinksWrap li.center{border-left:1px #ccc solid;padding:0 20px;}
ul.bottomLinksWrap li.right{padding: 0 20px;  border-left:1px #ccc solid;}
ul.bottomLinksWrap li.left, ul.bottomLinksWrap li.center, ul.bottomLinksWrap li.right{width:28.6%;}
ul.bottomLinksWrap ul.linkList{margin:4px 0 0;}
ul.bottomLinksWrap ul.linkList li{float:none;padding:0 20px;}
ul.bottomLinksWrap ul.linkList li.last{padding-bottom:0;}
ul.bottomLinksWrap.noBorder{border-top:none; padding-top:0px;}

ul.bottomPromo{overflow: hidden;padding: 23px 10px 23px;border-top: 1px dotted #CCCCCC;}
ul.bottomPromo.last{padding-bottom:0;}
ul.bottomPromo.cLsBdrNone{border:none;}
		ul.bottomPromo li.left {float: left;padding: 0 25px 0 0;width: 295px;list-style:none;}
		ul.bottomPromo li.left.creditCard{width:228px;}
		ul.bottomPromo li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 295px;list-style:none;}
		ul.bottomPromo li.right.creditCard{width:362px;}

ul.bottomPromo.bottomPromoWel{padding:10px;}
ul.promoInnBlock {overflow: hidden;padding: 23px 24px 23px 0px;border-top: 1px dotted #CCCCCC;}
		ul.promoInnBlock li.left {float: left;padding: 0 25px 0 0;width: 46%;list-style:none;}
			ul.promoInnBlock li.left h3, ul.promoInnBlock li.right h3{overflow:hidden;}
			ul.promoInnBlock li.left h3 span.promoInnTopPad, ul.promoInnBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
			ul.promoInnBlock li.left h3 span, ul.promoInnBlock li.right h3 span{float:left; padding-right:5px; display:block;}
		ul.promoInnBlock li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 46%;list-style:none;}

ul.promoBoxBlock {overflow: hidden;padding: 20px;border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; background: none repeat scroll 0 0 #F6F6F6;  margin-bottom:20px;}
	ul.promoBoxBlock li.left {float: left;padding: 0 25px 0 0;width: 295px;list-style:none;}
		ul.promoBoxBlock li.left h3, ul.promoBoxBlock li.right h3{overflow:hidden;}
			ul.promoBoxBlock li.left h3 span.promoInnTopPad, ul.promoBoxBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
			ul.promoBoxBlock li.left h3 span, ul.promoBoxBlock li.right h3 span{float:left; padding-right:5px; display:block;}

	ul.promoBoxBlock li.right {border-left: 1px dotted #CCCCCC;float: left;padding: 0 0 0 25px;width: 295px;list-style:none;}

.contentBody {position: relative;}
.WorkAreaHldr {overflow: hidden;position: relative;width: 100%;}
.bannerRotate {margin: 0 0 -4px;position: relative; z-index:1;}
.hideDisplay {display: none;}
.bannerRotate img {width: 100%;}

.offerContentList {bottom: 40px;position: absolute;width: 100%;z-index: 1;}
.offerContentList ul {overflow: hidden;}
.offerContentList li {float: left;margin-left: 4%;width: 20%;}
.offerContentList li a {background: url("/views/images/bg-darkblue.png") repeat 0 0;border-radius: 6px 6px 6px 6px;color: #FFFFFF;display: block;line-height: 15px;min-height: 70px;padding: 10px;position: relative;text-decoration: none;}
.offerContentList li.flex-active a {background:#FFFFFF;color: #000000;cursor: text;}
.offerContentList li a span {display: block;}
.offerListHdr {font-weight: bold;}

.homeBtmArea{overflow:hidden; padding: 20px 10px 0px 0;}
		.homeBtmArea ul{display:block; float:right;}
		.homeBtmArea ul li{float:left; padding:0 0 0 15px;}

div.topArrow {display: none;}
.comInnLink a{color:#05589d;background:url("/views/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;}
.newsAdHldr {background: url("/views/images/newsBg.png") repeat 0 0;border-radius: 0 0 10px 10px;bottom: 0;padding: 19px;overflow:hidden;}

.newsAdBlueTxt {color: #05589D;font-weight: bold;padding: 0;}

.newsAdGrayTxt {color: #333333;padding: 35px 12px 0 95px;}
.newsAdLogo{float:left;margin: 0 10px 0 0;padding:0;}
.offerContTopHldr{color: #FFFFFF;}
.marketOfferContent {position: absolute;left: 30px;top: 43px;width: 520px;}
.offerContLargeHdr {font-family: "Interstate";font-size: 28px;font-weight: bold;line-height: 32px;}
.offerContLargeHdrx {font-family: "Interstate";font-size: 26px;font-weight: bold;line-height: 32px;}
.offerContMediumHdr {font-size: 24px;font-family: "Interstate";padding:5px 0 0 0;line-height:30px;}
.offerContBotHldr {padding:15px 0 0 0;overflow: hidden;}
.offerCardImg {float: left;margin-right: 12px;width: 18%;}
.offerCardTxt {color: #fff;font-family: "Interstate";float: left;width: 61%;font-size: 14px;}
.offerCardTxtHldr {width: 80%;}
.blueTxt {color: #05589D;}
.learnMoreBtn {padding: 15px 0 0;}
.WorkAreaHldrVN .offerContLargeHdr, .offerContLargeHdrx, .WorkAreaHldrVN .offerContMediumHdr, .WorkAreaHldrVN .offerContSmallHdr, .WorkAreaHldrVN .offerCardTxt{font-family: arial;}

.disclaimer{font-size:11px;color:#666;}

.thumbWrap{overflow:hidden;}
.thumbWrap img{float:left;margin:0 10px 10px 0;}

.filter {border-bottom:1px #ccc dotted;margin:0 0 15px;padding:0 10px;}
.filterBtn {overflow: hidden;padding: 0 0 25px;}
.filterLftBtn {float: left;}
.filterRhtBtn {float: right;}
.cardsTabHldr {margin: 0 0 15px;}
.filterPromo {border-bottom: medium none;margin: 0;}
ul.cardsTab {overflow: hidden;background:#EDEEF0;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;position:relative;}
ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;width:19.7%;border: 1px solid #EDEEF0;}
ul.cardsTab li a{color: #808589;display: block;font-size: 9px;height: 31px;padding-top: 15px;}
ul.cardsTab.deposits li{width:15.95%}
ul.cardsTab.deposits li, ul.cardsTab.deposits li a{height:75px;}
ul.cardsTab li:hover, ul.cardsTab li.active{background:#FDFDFD;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FDFDFD), to(#F8F8F8));background: -webkit-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -moz-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -ms-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -o-linear-gradient(#FDFDFD, #F8F8F8 70%);background: linear-gradient(#FDFDFD, #F8F8F8 70%);border-radius:5px;box-shadow:0 0 5px #ddd;border:1px solid #ddd;position:relative;}



ul.cardsTab li a.rewards {background: url("/views/images/credit_card/pc/rewards-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/views/images/credit_card/pc/rewards-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travel {background: url("/views/images/credit_card/pc/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/views/images/credit_card/pc/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.cashRebate {background: url("/views/images/credit_card/pc/cash-rebate-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.cashRebate, ul.cardsTab li.active a.cashRebate{background:url("/views/images/credit_card/pc/cash-rebate-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.business {background: url("/views/images/credit_card/pc/business-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/views/images/credit_card/pc/business-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showAll {background: url("/views/images/credit_card/pc/show-all-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showAll, ul.cardsTab li.active a.showAll{background:url("/views/images/credit_card/pc/show-all-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.checkingAcc {background: url("/english/deposits/images/pc/current-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.checkingAcc, ul.cardsTab li.active a.checkingAcc{background:url("/english/deposits/images/pc/current-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingsAcc {background: url("/english/deposits/images/pc/saving-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingsAcc, ul.cardsTab li.active a.savingsAcc{background:url("/english/deposits/images/pc/saving-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.timeDeposit {background: url("/english/deposits/images/pc/time-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.timeDeposit, ul.cardsTab li.active a.timeDeposit{background:url("/english/deposits/images/pc/time-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.foreignCurrAcc {background: url("/english/deposits/images/pc/foreign-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.foreignCurrAcc, ul.cardsTab li.active a.foreignCurrAcc{background:url("/english/deposits/images/pc/foreign-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.fundTransfer {background: url("/english/deposits/images/pc/fund-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.fundTransfer, ul.cardsTab li.active a.fundTransfer{background:url("/english/deposits/images/pc/fund-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showall {background: url("/english/deposits/images/pc/show-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showall, ul.cardsTab li.active a.showall{background:url("/english/deposits/images/pc/show-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travelInsur {background: url("/english/insurances/images/pc/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travelInsur, ul.cardsTab li.active a.travelInsur{background:url("/english/insurances/images/pc/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.motorInsur {background: url("/english/insurances/images/pc/motor-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.motorInsur, ul.cardsTab li.active a.motorInsur{background:url("/english/insurances/images/pc/motor-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingProtect {background: url("/english/insurances/images/pc/savings-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingProtect, ul.cardsTab li.active a.savingProtect{background:url("/english/insurances/images/pc/savings-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.hospitalization {background: url("/english/insurances/images/pc/hospital-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.hospitalization, ul.cardsTab li.active a.hospitalization{background:url("/english/insurances/images/pc/hospital-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.homeProtect{background: url("/english/insurances/images/pc/home-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.homeProtect, ul.cardsTab li.active a.homeProtect{background:url("/english/insurances/images/pc/home-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showallInsur{background: url("/english/insurances/images/pc/show-on.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showallInsur, ul.cardsTab li.active a.showallInsur{background:url("/english/insurances/images/pc/show-off.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.whatPreMiles {background: url("/premiermiles/images/filter/what-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.whatPreMiles, ul.cardsTab li.active a.whatPreMiles{background:url("/premiermiles/images/filter/what-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.earnPreMiles {background: url("/premiermiles/images/filter/earn-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.earnPreMiles, ul.cardsTab li.active a.earnPreMiles{background:url("/premiermiles/images/filter/earn-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.redeemPreMiles {background: url("/premiermiles/images/filter/redeem-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.redeemPreMiles, ul.cardsTab li.active a.redeemPreMiles{background:url("/premiermiles/images/filter/redeem-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.soarPreMiles {background: url("/premiermiles/images/filter/soar-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.soarPreMiles, ul.cardsTab li.active a.soarPreMiles{background:url("/premiermiles/images/filter/soar-on.png") no-repeat scroll center center transparent;}


ul.cardsTab li a.travelPri {background: url("/premiermiles/images/filter/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travelPri, ul.cardsTab li.active a.travelPri{background:url("/premiermiles/images/filter/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.hotelPri {background: url("/premiermiles/images/filter/hotel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.hotelPri, ul.cardsTab li.active a.hotelPri{background:url("/premiermiles/images/filter/hotel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.shopPri {background: url("/premiermiles/images/filter/shopping-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.shopPri, ul.cardsTab li.active a.shopPri{background:url("/premiermiles/images/filter/shopping-off.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.diningPri {background: url("/premiermiles/images/filter/dining-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.diningPri, ul.cardsTab li.active a.diningPri{background:url("/premiermiles/images/filter/dining-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.exclusivePri {background: url("/premiermiles/images/filter/exclusive-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.exclusivePri, ul.cardsTab li.active a.exclusivePri{background:url("/premiermiles/images/filter/exclusive-on.png") no-repeat scroll center center transparent;}


.clsTableWrap{padding:0 0 15px;}
.clsTableWrap.last{padding:0;}
.clsTable{border-top:1px #ccc solid;border-right:1px #ccc solid;width:100%;}
.clsTable th{background:#F5F5F5;border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:10px;text-align:left;}
.clsTable tr {vertical-align: top;}
.clsTable tr.cLsGrey{background:#F5F5F5;}
.clsTable tr.cLsGold{background:#EEE1C6;}
.clsTable tr.cLsWhite{border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:10px;background:#FFF;}
.clsTable td{border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:13px 10px 15px 10px;}
.clsTable td a{word-wrap:break-word;}

span.clsTableInnTxt{float:left; padding:13px 10px 0 0;}


.visible-phone {display: none !important;}
.visible-tablet {display: block !important;}
/*.hidden-desktop {display: inherit !important;}*/
.visible-desktop {display: none !important;}
.visible-portrait{display:none;}

.clsDisList{width:100%; overflow:hidden;}
.clsDisList ol{padding-top:10px;margin:0;}
.clsDisList ol li{list-style-type:decimal;padding-bottom:12px;  margin-left: 25px;}
.clsDisList ol li ol li{list-style-type:none;}

.cmnImgHld{overflow:hidden;width:100%;}
.cmnImgHldLft{float:left; padding-right:20px; width:144px;}
.cmnImgHldRgt{float:left;width:75%;}
ol.currencyWorks{margin:10px 0 0 10px;}
ol.currencyWorks li{list-style-type:decimal; vertical-align:middle; padding: 0 0 8px 8px;}

ul.currencyWorks{overflow:hidden;}
ul.currencyWorks li{padding:0 0 20px 10px;list-style: none; vertical-align:middle;}

.bottomPromo .iconBlock{ width:100%;}
	.bottomPromo .iconBlock .iconBlkInnLft{float:left; padding-right:15px; width:25px;}
		.bottomPromo .iconBlock .iconBlkInnRgt{float:left; width:80%;}
		
.iconBlock{ width:100%;}
	.iconBlockInner{overflow:hidden; width:100%; padding:0 0 15px 0!important;}
		.iconBlockInner.last{padding:0 !important;}
		.iconBlkInnLft{float:left; padding-right:15px; width:25px;}
		.iconBlkInnLft.report{width:85px; padding-bottom:10px;}
		.iconBlkInnRgt{float:left; width:93%;}
		.iconBlkInnRgt .oneLine{margin-top:4px;}
		.iconBlkInnRgt.report{width:85%;}
			.iconBlkInnRgt ol.lowerAlpha li{margin: 0 0 0 16px;}
			.iconBlkInnLft2{float:left; padding-right:15px; width:42px;}
		.iconBlkInnRgt2{float:left; width:91%;}
		.iconBlkInnRgt2 ol.lowerAlpha li{ margin: 0 0 0 16px;}

.iconBlockInnerWrap{float: left;overflow: hidden; padding-bottom: 12px;width: 230px;}
		.iconBlkInnLftWrap{float:left; padding:0 15px 0 0; width:25px;}
		.iconBlkInnRgtWrap{float: left; width: 70%;}

.iconBlockInnerWrap2{float: left;overflow: hidden; padding: 0 0 12px 0;width: 337px;}
		.iconBlkInnLftWrap2{float:left; padding:0 15px 0 0; width:25px;}
		.iconBlkInnRgtWrap2{float: left; width: 80%;}

.iconBlockInnerWrap3{overflow: hidden; width:98%;}
		.iconBlkInnLftWrap3{float:left; padding:0 15px 0 0; width:85px;}
		.iconBlkInnRgtWrap3{float: left; width: 65%;}


.iconBlockPro{overflow:hidden; width:100%; margin:0 0 10px 0;}
	.iconBlockPro ul{display:block; float:left;}
		.iconBlockPro ul li{float:left; padding:10px 10px 0 40px; margin:0 0 10px 0;}
		.hotlinkIcon{background: url("/english/citi-online/images/desktop/hotlink-icon.png") no-repeat scroll 0 0px transparent;height:33px;}
		.winIcon{background: url("/english/citi-online/images/desktop/win-icon.png") no-repeat scroll 0 0px transparent;height:33px;}
		.iconBlockProArrow{background: url("/english/citi-online/images/desktop/arrow.png") no-repeat scroll 0 0px transparent;height:40px;}

.commIconBlock{overflow:hidden; width:100%; margin:0 0 10px 0;}
	.commIconBlock ul{overflow:hidden; width:100%;}
		.commIconBlock ul li{width:100%; clear:both;}
		.commIconBlock ul li span{padding:0 10px 10px 0;}

#per-det {
				background: url("../images/icon-per-det.gif") no-repeat scroll 0 0 transparent;
			}
			.sub-hd-comm {
				
				font-size: 16px;
				padding: 0 0 20px 35px;
			}

/* Form Area*/
.contInnerArea{
	padding:0px 10px 20px 10px;
}
.formDetails{
	display:block;
}
.formDetails table{
	margin:15px 0 0;
}
.fieldTitle{
	width:116px;
	padding-right:13px;
	text-align:left;
	vertical-align:top;
}
.inputBox{
	border:1px solid #ccc;
	font-family:Arial;
}
.formDetails tr td{
	padding-bottom:19px;
}
.jqTransformSelectWrapper select.cLsDropDown
{
	width:440px;
}
.firstDrop .sbHolder{z-index:9999999 !important}
.secDrop .sbHolder{z-index:999999 !important}
.thirdDrop .sbHolder{z-index:99999 !important}
.fourthDrop .sbHolder{z-index:95 !important}


textarea.textAreaInn{border:1px solid #ccc; font-size:12px; padding:5px 0;}
.firstDrop .jqTransformSelectWrapper{z-index:100 !important}
.secDrop .jqTransformSelectWrapper{z-index:99 !important}
.thirdDrop .jqTransformSelectWrapper{z-index:98 !important}
.fourthDrop .jqTransformSelectWrapper{z-index:97 !important}
.formDetails tr td input[type="radio"] {margin:-1px 5px 0 0;}
.radioLabel{padding-right:10px;}
/* CitiPhone Banking */
.citiPhoneBlock{overflow:hidden; width:100%;}
	.citiPhoneBlockLft{float:left; width:44%; padding-right:32px;}
	.citiPhoneBlockRgt{float:left; width:51%;}
		
	.citiPhoneBlockRgt .iconBlkInnRgt{float:left; width:auto; padding-top:4px;}
.partHldr {overflow: hidden;}
.lftPartLogo {float: left;width: 150px;}
.lftPartLogoSmall {float: left;width: 50px;}
.rhtPartCont {float: left;padding: 0 0 0 15px;width: 75%;}
.rhtPartContSmall {float: left;padding: 0 0 0 15px;width: 75%;}


/* Loans calculator */
ul.loanCal{display:block; width:100%; overflow:hidden; margin-bottom:15px;}
	ul.loanCal li{float:left; padding:0 20px 0 0; width: 230px;}
	ul.loanCal li{padding-right:0px;}
	ul.loanCal li .inputBox{border:1px solid #ccc;font-family:Arial; padding:0 0 0 5px; color:#555;}
	.loanCalInn{overflow:hidden;}
		.loanCalInnLft{float:left; margin-bottom:15px; font-size:12px; color:#555; width:100%;}
		.loanCalInnRgt{float:right;}

#tdAmorTable table{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width: 100%;box-shadow: 2px 2px 4px #CCCCCC;}
	#tdAmorTable tr{vertical-align:top;}
	#tdAmorTable tr.whiteBg, #tdAmorTable tr.grayBg {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;padding: 10px;}
	#tdAmorTable tr.whiteBg {background-color:#FFFFFF;}
	#tdAmorTable tr.grayBg {background-color:#F5F5F5;}
	#tdAmorTable tr th, #tdAmorTable tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 13px 10px;text-align:left;}
	ul.loanCal li .inputBoxTxtWid {width: 140px;}

#errorpage {
	margin: 200px auto;
	text-align: center;
	width: 100%;
}
/*************************** CALCULATOR **********************************/
.calcWrap{background:#FCFCFC;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FCFCFC), to(#F7F7F7));background: -webkit-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -moz-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -ms-linear-gradient(#FCFCFC, #F7F7F7 70%);background: -o-linear-gradient(#FCFCFC, #F7F7F7 70%);background: linear-gradient(#FCFCFC, #F7F7F7 70%);-pie-background: linear-gradient(#FCFCFC, #F7F7F7 70%); border:1px solid #ccc;box-shadow:0 0 10px #ccc;padding:0 20px 50px;margin:0;}
.calcWrap.calcInnerPad{padding-top:20px;}
.calcSliderWrap{padding:0 10px;}
.calcSlider{padding:0 5px;}
.calcCategory{float:left;width:247px;}

.calcCategory.giant{float:left;width:220px;}
.calcSpend{float:left;}
.calcInnerHdr{color:#003C7B;}
.calcInner{padding:23px 0 0;clear: both;}
.calcCategoryOL{float:left;}
.calcCategoryHdr{display:block;padding:0 0 0 25px;}
.calcCategoryHdrTxt{width:170px;}
.maxisDigiIcon, .astroIcon, .utilitiesIcon, .muniCounIcon, .giantIcon, .diningIcon, .travelIcon, .utilityIcon, .shoppingIcon,.FuelIcon, .everythingIcon, .mobileIcon, .preferredIcon, .repaymentIcon, .effectiveIcon{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left;}
.maxisDigiIcon{background: url("/views/images/credit_card/icon/maxis-digi.png") no-repeat scroll 0 0 transparent;}
.astroIcon{background: url("/views/images/credit_card/icon/astro.png") no-repeat scroll 0 0 transparent;}
.utilitiesIcon{background: url("/views/images/credit_card/icon/utilities.png") no-repeat scroll 0 0 transparent;}
.muniCounIcon{background: url("/views/images/credit_card/icon/municipal-councils.png") no-repeat scroll 0 0 transparent;}
.diningIcon{background: url("/views/images/credit_card/icon/dining.png") no-repeat scroll 0 0 transparent;}
.giantIcon{background: url("/views/images/credit_card/icon/giant-purchase.png") no-repeat scroll 0 0 transparent;}
.travelIcon{background: url("/views/images/credit_card/icon/travel.png") no-repeat scroll 0 0 transparent;}
.utilityIcon{background: url("/views/images/credit_card/icon/utility.png") no-repeat scroll 0 0 transparent;}
.shoppingIcon{background: url("/views/images/credit_card/icon/shopping.png") no-repeat scroll 0 0 transparent;}
.everythingIcon{background: url("/views/images/credit_card/icon/everything-else.png") no-repeat scroll 0 0 transparent;}
.FuelIcon{background: url("/views/images/credit_card/icon/shell-fuel.png") no-repeat scroll 0 0 transparent;}
.preferredIcon{background: url("/english/forms/images/icon/preferred-loan.png") no-repeat scroll 0 0 transparent;}
.repaymentIcon{background: url("/english/forms/images/icon/repayment-tenure.png") no-repeat scroll 0 0 transparent;}
.effectiveIcon{background: url("/english/forms/images/icon/effective-interest.png") no-repeat scroll 0 0 transparent;}

.everythingElse, .grocery, .petrol, .pharmaceutical, .phoneBills, .education, .cashAdvance, .insurance, 
.dining, .overseasRetail{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left; 
margin: 0 10px 0 0;} 
.mobileIcon{background: url("/views/images/credit_card/icon/mobile.png") no-repeat scroll 0 0 transparent;}
.education{background: url("/views/images/credit_card/icon/education.png") no-repeat scroll 0 0 transparent;}
.cashAdvance{background: url("/views/images/credit_card/icon/cash-advance.png") no-repeat scroll 0 0 transparent;}
.everythingElse{background: url("/views/images/credit_card/icon/every-else.png") no-repeat scroll 0 0 transparent;}
.grocery{background: url("/views/images/credit_card/icon/grocery.png") no-repeat scroll 0 0 transparent;}
.petrol{background: url("/views/images/credit_card/icon/petrol.png") no-repeat scroll 0 0 transparent;}
.pharmaceutical{background: url("/views/images/credit_card/icon/pharmaceutical.png") no-repeat scroll 0 0 transparent;}
.phoneBills{background: url("/views/images/credit_card/icon/phone-bills.png") no-repeat scroll 0 0 transparent;}


.calcWrapper .calcProgress{height:8px;float:left;width:89.6%;background:#ADADAD;margin:7px 0px 0;border:1px solid #ADADAD;border-top:1px solid #838383;border-radius:8px;background:#FFFFFF;background: -webkit-gradient(linear, 0 0, 0 70%, from(#9D9D9D), to(#FFFFFF));background: -webkit-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -moz-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -ms-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -o-linear-gradient(#9D9D9D, #FFFFFF 70%);background: linear-gradient(#9D9D9D, #FFFFFF 70%);-pie-background: linear-gradient(#9D9D9D, #FFFFFF 70%);}
.ui-slider-range {background:#015291;background: -webkit-gradient(linear, 0 0, 0 80%, from(#00B5EC), to(#015291));background: -webkit-linear-gradient(#00B5EC, #015291 70%);background: -moz-linear-gradient(#00B5EC, #015291 80%);background: -ms-linear-gradient(#00B5EC, #015291 80%);background: -o-linear-gradient(#00B5EC, #015291 80%);background: linear-gradient(#00B5EC, #015291 80%);-pie-background: linear-gradient(#00B5EC, #015291 80%);border-radius:8px;height: 8px;}
div.ui-slider {display: inline-block;height: 15px;margin: 0 !important;overflow: visible;padding: 0;position: relative;top: 9px !important;width: 100%;}

.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/views/images/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -31px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;}
.calcProgress.finance.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/views/images/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -14px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;}

.calcProgress.readyCredit.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/views/images/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -14px;padding: 0 3px 2px;width: 24px !important;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;position:absolute;}
.calcSpend {width:58%;margin-left:4%;}
.calcSpend.giant{width:60%;margin-left:30px;}
div.ui-slider {width:95% !important;left: 0;}
.calcProgress{height:8px !important;float:left;width:89.6%;background:#ADADAD;margin:7px 0px 0;border:1px solid #ADADAD;border-top:1px solid #838383;border-radius:8px;background:#FFFFFF;background: -webkit-gradient(linear, 0 0, 0 70%, from(#9D9D9D), to(#FFFFFF));background: -webkit-linear-gradient(#9D9D9D, #FFFFFF 70%);
background: -moz-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -ms-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -o-linear-gradient(#9D9D9D, #FFFFFF 70%);background: linear-gradient(#9D9D9D, #FFFFFF 70%);-pie-background: linear-gradient(#9D9D9D, #FFFFFF 70%);}
.sliderTxt {background:url("/views/images/calc-arrow.png") no-repeat scroll 0 0 transparent;position: absolute;top: -19px;left: -50%;color:#666666;font-weight:normal;font-size:11px;height:21px;width:56px;text-align:center;}
.calcRate{background:#00B2F0;background: -webkit-gradient(linear, 0 0, 0 70%, from(#00B2F0), to(#01559D));background: -webkit-linear-gradient(#00B2F0, #01559D 70%);background: -moz-linear-gradient(#00B2F0, #01559D 70%);background: -ms-linear-gradient(#00B2F0, #01559D 70%);background: -o-linear-gradient(#00B2F0, #01559D 70%);background: linear-gradient(#00B2F0, #01559D 70%);-pie-background: linear-gradient(#00B2F0, #01559D 70%); padding:20px;margin:0 0 20px;color:#fff;overflow:hidden;position:relative;}
.calcRateLft, .calcRateMid, .calcRateRht{float:left;}
.calcRateLft{width:150px;padding:0 20px 0 0;}
.calcRateMid{width:150px;padding:0 40px 26px 0;}
.calcRateRht{width:214px;border-left:1px solid #fff;padding:0 0 0 50px;}
.calcRate input{border:1px solid #ccc;padding:10px 0;width:125px;text-align:center;font-size:20px;font-weight:bold;}
.calcRateRht input{margin:14px 0 0;font-size:25px;}
.pointsRate{padding:0;}
.calcRateBtm{width:100%;}
.calcRateBtm{width:100%;}
.calcRMlft{float:left;margin-right:20px;}
.calcRMlft .calctxtmiddle{padding:10px 0 0 0;}
.calcRMRgt{float:left;}


.calcShell .calcSpend{width:55%;}
.calcShell .calcSpendShell{width:53.5%;}
.calcShell div.ui-slider{width: 87% !important;}
.calcSpendYear{float:left;}
.otherIconsTxt{margin:0 5px 0 0;}
.calcRateMidShell{padding-bottom:0;}
.calcRate p.disclaimer{color:#fff;}

.calcRateWrap{padding:10px;}
	.calcRateRhtWrap{padding-right: 20px;float: right;}
	.calcRateRhtWrap p{padding:0;float: left;}
	.calcRateRhtWrap input{width:160px;font-size:14px;padding: 5px 0;}
	.calcInnerWrap div.ui-slider{width: 100% !important;}
	.calcInnerWrap, .calcInnerWrapHdr {clear: both;padding: 20px 0 30px;}
	.calcInnerWrapHdr li, .calcInnerWrap li{float:left;font-size:12px;font-weight:bold;}
	.calcInnerWrap li{font-weight:normal;}
	.calcInnerWrapHdr li.first, .calcInnerWrap li.first{width:70px;}
	.calcInnerWrapHdr li.second, .calcInnerWrap li.second{width:170px;}
	.calcInnerWrapHdr li.third, .calcInnerWrap li.third{width:265px;}
	.calcInnerWrapHdr li.fourth, .calcInnerWrap li.fourth{width:90px;padding-left:10px;}
	.calcInnerWrapHdr li.third  > span, .calcInnerWrapHdr li.fourth > span{font-weight:normal;}
	.calcRateRhtWrap h3 {float: left;padding: 8px 10px 0 0;}
	.diningIcon1{margin-right:10px;vertical-align:middle;float: none;}
	.calcInnerWrap{padding-bottom:0;}

.calcRateLftWrap{float:left;}
.calcBtnSpacer{margin-right:10px;}

.calcRMval{width:60%;float:left;}
.calcAmt{margin-right:20px;}
.calcInner.calcInnerClr{overflow:visible;}

.calcACELft,.calcACERgt{float:left;width:40%;}
.calcACERgt{margin-left:2%;}
.calcACELft input, .calcACERgt input{width:190px;}

.calcInner input.RMValNoBor{width:80px;font-size:14px;padding: 5px 0;border:none;text-align:center; background:none;}
.calcPaylft{width:60%;float:left;}
.calcPayrgt{margin-left:10px;}
.calcPayrgt input{width:80px;font-size:14px;padding: 5px 0;border:1px solid #ccc;text-align:center;margin:0 0 10px 0;}

.tabsmenuWrapper {border: 1px solid #EBEBEB;overflow:hidden;background: #EBEBEB;width: 100%;margin:20px 0;border-bottom:none;}
	.tabsmenuContainer {width: 160px;float: left;}
	.tabsmenu li {position: relative;}
	.tabsmenu li .tabmenutopArrow {background: url("../images/white-arrow.png") no-repeat scroll 0 0 transparent;height: 19px;position: absolute;right: -9px;top: 40%;width: 10px;}
	.tabsmenu li a {background: #F7F5F6;border-bottom: 1px solid #EBEBEB;padding:36px 15px;width: 130px;display: inline-block;}
	.tabsmenu li.active a {background: #fff;font-weight: bold;}
	.tabmenuContainer {float: left;padding: 20px 20px 20px 30px;width: 480px;}
	.tabmenuContent{display:none;}
	.tabmenuContent.active{display:block;}
	.tabmenuInner{overflow:hidden;}
	.tabmenuInnerLft{float:left;width:45%;padding:0 20px 0 0;}
	.tabmenuInnerRht{float:left;width:45%;padding:0 0 0 20px;border-left:1px dotted #999;}
	.tabInnerImg{text-align:left;}
	.tabInnerImg img{padding:0 10px 5px 0;}
	.iconHdrCont{padding:0 0 20px;}
	.cashIcon, .balanceIcon, .flexiIcon, .dialIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;}
	.cashIcon{background: url("/views/images/credit_card/icon/cash-advance.png") no-repeat scroll 0 0 transparent;}
	.balanceIcon{background: url("/views/images/credit_card/icon/balance-transfers.png") no-repeat scroll 0 0 transparent;}
	.flexiIcon{background: url("/views/images/credit_card/icon/flexi-payment.png") no-repeat scroll 0 0 transparent;}
	.dialIcon{background: url("/views/images/credit_card/icon/dial-for-cash.png") no-repeat scroll 0 0 transparent;}
	.clsInfoIcon{background:url("/views/images/info-icon.png") no-repeat;width:12px;height:12px;display:inline-block;margin-left:5px;}
	a.clsInfoIcon{padding-left:5px;}

/********************************************* Comparison *****************************************************************/
.rewardsIcon, .lowRateIcon, .cardtravelIcon, .everydayIcon, .savingsIcon, .termIcon{
	display: inline-block;
	height: 24px;
	margin:0 2px 0 2px;
	vertical-align: middle;
	width: 24px;
}
.rewardsIcon{
	background: url("/views/images/credit_card/selectorCards/rewards.png") no-repeat scroll 0 0 transparent;
}
.lowRateIcon{
	background: url("/views/images/credit_card/selectorCards/lowRate.png") no-repeat scroll 0 0 transparent;
}
.cardtravelIcon{
	background: url("/views/images/credit_card/selectorCards/travel.png") no-repeat scroll 0 0 transparent;
}
.everydayIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/everydayBanking.png") no-repeat scroll 0 0 transparent;
}
.savingsIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/savingsAccount.png") no-repeat scroll 0 0 transparent;
}
.termIcon{
	background: url("/english/deposits/images/compareAllAccounts/icons/termDeposits.png") no-repeat scroll 0 0 transparent;
}
#comapreHldr{
	padding:0 10px;
}
.addCardHldr{
	border-top: 1px dotted #CCCCCC;
	margin: 20px 0 0;
	padding: 20px 0 0;
	display:none;
}
.cardsHldr{
	display:none;
}
.termsHldr{
	display:none;
}
#cardDetailsHolder{
	display:none;
}
.addCard {
	background:url("/views/images/add-card-bg.jpg") repeat-x;
	overflow:hidden;
	padding: 20px 30px 0;
	box-shadow: 0 0 6px 4px #CCCCCC;
}
.addCard ul{
	float:left;
}
.lftStripBg{
	background:url("/views/images/credit_card/leftBg.png") no-repeat 0px 10px;
	width:13px;
	height:175px;
	float:left;
	margin-left:10px;
}
.rhtStripBg{
	background:url("/views/images/credit_card/rightBg.png") no-repeat 0px 10px;
	width:13px;
	height:175px;
	float:right;
	margin-right:10px;
}
.addCard ul li{
	width: 168px;
	float:left;
	text-align: center;
}
.addCardHdr{
	font-weight:bold;
	font-size:12px;
}
.compareHdr{
	padding:20px 0 0;
	overflow:hidden;
}
.selectCardsHldr{
	border:1px solid #ccc;
	border-radius:3px 3px 3px 3px;
	position:relative;
	margin:20px 0 10px;
	padding:10px 0 10px 15px;
	overflow:hidden;
	font-size: 12px;
}
.rangeHldr{
	float:left;
	width:396px;
}
.compareTabList span{
	display:block;
	background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent;
	padding:0px 0 8px 10px;
}
.cardsDetailsLend ul li p a.blueBtn{
	
	width:110px;
	height:17px;
	padding:4px 0 3px;
	text-align: center;
}
.rangeHldrCompare{
	width:550px !important;
	padding-left:5px;
}
.rangeHldrCompare .rangeValue{
	margin-right:20px;
}
.compBotBtn{
	float:right;
}
.selectCardsHdr{
	padding:10px 0;
}
.selectCardsValue{
	padding:0 0 10px;
}
.rangeHldr input, .cardSelectHldr input{
	margin:0 5px 0 0;
	vertical-align: middle;
}
.rangeValue{
	padding:0 5px 0 0;
}
.rangeHldrComp {
	width: 800px !important;
	border-right: 1px solid #CCCCCC;
}
.rangeHldrComp .rangeValue {
	display: inline-block;
	padding: 0 5px 10px 0;
}
.availableCardsCompare{
	border:none !important;
}
.cardSelectHldr{
	padding: 0 5px 0 20px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	width:370px;
	font-size: 12px;
}
.cardCompHldr{
	padding: 0 15px 0 0;
	float:left;
	width:auto;
	border-right:0 none;
	border-left:0 none;
}
.cardSelectHldr .rangeValue{
	padding-right:30px;
}
.cardsSelectHdr {
    padding-bottom: 7px !important;
}
.availableCards{
	float:right;
	padding:10px 10px 0;
	width: 135px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.availableCardsComp{
	border-left:1px solid #ccc;
	width:220px !important;
} 
.orCompare{
	display:block;
	text-align:center;
	padding-bottom:5px;
	font-size:11px;
}
.availableCompCards{
	border-left:1px solid #ccc;
	width: 125px;
	padding-top:10px;
}
.availableCompCards #cardsList{
	float:left;
}
.availableCompCards .cardsAvailable{
	padding:18px 0 0 20px;
}
#cardsList{
	font-size:12px;
	padding-right: 5px;
}
.compareTxt{
	display: block;
	padding-bottom: 5px;
	text-align: center;
}
.compareAllBtn{
	float: right;
	text-align: center;
	/*width: 130px;
	margin-right: 10px;*/
}
.rangeHldrLend {
	width: 820px !important;
	border-right: 1px solid #CCCCCC;
}
.availableCardsLend {
	width: 130px !important;
}
.compareAllBtnLend {
	float:none !important;
	margin-left:0px !important;
	text-align:center;
	padding-right: 10px;
}
.compareAllBtn1{
	float:left;
	/*margin:0 0 0 65px;*/
	margin:0 0 0 12px;
	width: auto;
}
.compareAllBtnMarg{margin-left:0px !important;}

.orHldr {
padding: 0 20px;
}

.availableCards .greyBtn, .compareAllBtn .greyBtn{
	
	height: 16px;
	padding: 4px 7px;
	border-radius:3px;
	width: auto;
}
.selectedCards, .cardsDetails{
	background:url("/views/images/bg-pattern.gif") repeat scroll 0 0 transparent;
	box-shadow: 0 0 6px 4px #ccc;
	border:1px solid #ccc;
	margin:20px 0;
	overflow:hidden;
}

.selectedCards ul li{
	width:16.68%;
	float:left;
	padding:20px 0 0;
	text-align:center;
}
.selectedCardsComp > ul > li, .cardsDetailsComp > ul > li {
    width: 20% !important;
}
.selectedCardsLend ul li{
    width: 20% !important;
}

.cardsDetails{
	margin:20px 0 10px;
}
.cardsDetails > ul > li{
	text-align:left;
	width: 16.66%;
	float:left;
}
.cardsDetailsLend ul li {
	width: 25% !important;
}
.cardsDetails ul li p{
	/*border-bottom:1px solid #ccc;
	padding:10px 15px;*/
	font-size: 11px;
}
.cardsGrayBg{
	background:#f3f3f3;
}
.cardsWhiteBg{
	background:#ffffff;
}
.cardHdr{
	font-size: 12px;
	min-height:28px;
	color:#333;
	font-weight:bold;
}
.cardImg{
	margin:0;
	position:relative;
	min-height:61px;
	padding-bottom:0px;
}
.selectedCardsComp .cardCont {
	height: 60px !important;
}
.cardsDetailsLend ul li {
	width: 25% !important;
}
.closeIconHldr{
	position: absolute;
	right:8px;
}
.cardCont{
	padding:10px;
	height:45px;
	color:#666;
}
.Compare .cardCont{
	height:56px;
}
.cardsGrayBg .cardCont{
	background:#EBEBEB;
}
.cardsWhiteBg .cardCont{
	background:#F6F6F6;
}
.cardSelAppNow .greyBtn, .cardSelAppNow .blueBtn {
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 7px !important;
    text-align: center;
    width: auto!important;
}

.cardBtn .greyBtn{
	padding:5px 7px;
}
.cardBtn span{
	margin:10px 0 0;
	display:block;
	min-height:25px;
}
.viewCardsList{
	overflow:hidden;
}
.productName {
	color: #05589D;
}
.viewCardsList ul {
	background:#edeeef;
	border: 1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	margin:10px 0 0;
	position:relative;
}
.viewCardsList ul li{
	float:left;
}
.viewCardsList ul li a{
	padding:15px 27px;
	display:inline-block;
	color:#768696;
	font-size:13px;
	font-weight:bold;
	border: 1px solid #edeeef;
}
.viewCardsListLend ul li a {
    padding: 15px 35.95px !important;
}
.viewCardsList ul li a:hover, .viewCardsList ul li a.active{
	background:#f9f9f9;
	border-radius:5px;
	box-shadow:0 0 5px #ddd inset;
	border:1px solid #ccc;
	text-decoration:none;
	position:relative;
	color:#384553;
}
.rangeHldrMort .rangeValueAll {
	padding-left: 6px;
}
.closeIconHldrLend{
	right:65px !important;
}
.selectedCards .blueBtn, .selectedCards .greyBtn{
	width:96px;
	padding:4px 0;
	height:16px;
}


.selectedCardsCompare .cardCont {
	height:90px !important;
}
.grayTick{
	background:url("/views/images/tick_arrow.png") no-repeat 0 0;
	width:14px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.grayClose{
	background:url("/views/images/cross_img.png") no-repeat;
	width:10px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.closeIcon{
	display:block;
	background:url("/views/images/close.jpg") no-repeat;
	width:14px;
	height:15px;
}
ul.bulLst li a.grayArrow {
    background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent;
    display: inline-block;
    margin: 0 0 0 10px;
    padding-left: 10px;
    text-align: left;
}

/*Free Stay*/
.freeStay .bannerTitle{color:#004a89;position:absolute;padding: 25px 20px 0 15px;left:0;width:500px;font-family: "interstate";}
.smartDrive{margin:0 0 15px;}
.smartDrive .bannerTitle{color:#fff;position:absolute;padding: 25px 20px 0 15px;left:0;width:500px;font-family: "interstate";}
.freeStay .largeTitle, .smartDrive .largeTitle{font-size: 36px;padding:0 0 10px;}
.freeStay .smallTitle{font-size: 16px;}
.freeStay .beOurGuest{overflow:hidden;top:83%; left:0; padding:10px;}
.freeStay .beOurGuest .left{float:left; width:100%; margin-bottom:15px;}
	.freeStay .beOurGuest .left .citiprivileges{width:102px;float:left;margin:5px 20px 0 0; text-align:center;}
	.freeStay .beOurGuest .left .beOurGuestText{width:100%;}
	.freeStay .beOurGuest .left .beOurGuestText .largeText{font-size:26px;color:#555;padding:0 0 5px;}
	.freeStay .beOurGuest .left .beOurGuestText .mediumText{font-size:14px;color:#555;}
.freeStay .beOurGuest .right{float:left;margin:10px 0 0 0;}

.CommonWrapperMic h2{padding:0 0 10px 10px;}
.hotelDetails{background:#f6f6f6;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:30px;overflow:hidden;position:relative;z-index:9999999; margin-bottom:15px;}
.hotelDetails .Wrapper{overflow:hidden;}
.hotelDetails .left{float:left;width:100%;}
	.hotelDetails .left .promoImg{width:201px;float:left;margin:0 20px 0 0;}
	.hotelDetails .left .promoDetails{float:left;  width:60%;}
	.hotelDetails .left .promoDetails ul li{background:url("/views/images/green-checkmark.gif") no-repeat scroll 0 3px transparent;line-height:16px;padding:0 0 15px 25px;}
.hotelDetails .right{overflow:hidden;margin:58px 0 0 0;}
.hotelDetails .nightTag{position:absolute;left:0;left:608px;top:0;overflow:hidden;}

.hotelContent{overflow:hidden;margin-top:15px;width:100%;}
.hotelContent .outlet{width:224px;float:left;}
.hotelContent .info{border-left:1px solid #ccc;overflow:hidden;padding:0 0 0 18px;}
/* Welcome Page */
.phoneLst{overflow:hidden; margin:0 0 10px 0;}
ul.bottomLinksWrap li ul.phoneLst li{padding:5px 0px 5px 0;}

.phoneLst li .txtLft{float:left; padding:0 10px 0 0; width:100px;}
.phoneLst li .txtRgt{float:left;}

/*Free Stay*/
.dealsDetShow .thumbContWrap ol.numLst{padding-bottom:10px;}
	.dealsDetShow .thumbContWrap ol.numLst li {padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px; border:none;}

/* premierMiles */

.premierMilesLst{overflow:hidden; margin: 0 10px 15px 10px;}

	ul.premierMilesLstInn li {background: none repeat scroll 0 0 #F5F5F5;border: 1px solid #EDEBEC;float: left;margin:0 17px 15px 0;padding: 10px;position: relative;width: 138px;}
		
ul.premierMilesLstInn li.noMarRgt{margin-right:0px;}
ul.premierMilesLstInn li .thumPad{padding:0 0 15px 0px;}
	.cardsTabCont {display:none;}
	.cardsTabCont.active_content {display:block;}

	.cardsTabContInn {display:none; padding-top:15px;}
	.cardsTabContInn.active_content {display:block;}

	
	.stepBlock{width:100%; background: url("/premiermiles/images/desktop/features-steps.png") no-repeat; height:167px; overflow:hidden; margin:0 0 20px 0;}
		.stepBlockInn{padding:15px;}
			.stepBlockInn ul{overflow:hidden;}
				.stepBlockInn ul li{float:left; margin:0 45px 0 0; width:167px;}
		
	.commInnBlock{overflow:hidden; width:100%;}
		.commInnBlock .commInnBlockLft{float:left; width:47%; padding:0 30px 0 0;}
		.commInnBlock .commInnBlockRgt{float:left; width:47%;}
		
/********************************************* Comparison *****************************************************************/
.commonIconSplit{width:100%;overflow:hidden;}
.commonIconSplit ul.commonIconHolder{border-bottom:1px dotted #ccc;padding:10px 0 10px;overflow:hidden;margin:0 0 15px;border-top:1px dotted #ccc;}
.commonIconSplit ul.commonIconHolder.cLsBdrNone{border-top:none;padding-top:0;}
.commonIconSplit ul.commonIconHolder li.left{width:265px;float:left;}
.commonIconSplit ul.commonIconHolder li span{float:left;display:inline-block;margin-right:10px;}
.commonIconSplit ul.commonIconHolder li.right{border-left:1px solid #ccc;width:279px;float:left;padding-left:20px;}

/* Smart Travel */
.smartTravel{position: relative; margin-bottom:15px;}
	.smartTravel .bannerTitle{color:#fff;position:absolute;padding: 20px 20px 25px 10px;left:0;font-family: "interstate"; margin-left:15px;}
	.smartTravel .largeTitle{font-size: 36px;padding:0 0 5px; line-height:37px; width:365px;}
	.smartTravel .smallTitle{font-size: 16px;}
	.smartTravel .mediumTitle{font-size: 18px;padding:0px;line-height:30px;}
	.mythList{position: relative; width:100%; margin:0 0 20px 0;}
	.mythListInner{background:#000;overflow:auto;position: relative;}
	
	.mythListContent{background:#0097DC;color: #fff;padding:10px 20px;position: relative;display:none;}
	.ballooPopup{position:relative;}
	.popLst{overflow: hidden;margin: 10px 0 15px 0;float:left;}
	.popLst ul{float:left;}
	.popLst ul li{float:left; padding-left:10px;}
	.popLst ul li h3{font-size:13px;}
	.popLst ul li:first-child{padding-left:0px;}
	.greyBoxIcons{margin-top:10px;}
	.popup{position:absolute;bottom:20px;display:none;height:185px;background:url("/english/insurances/smarttraveller/images/desktop/black-box.png") no-repeat;color: #fff;}
	.popupTxt {padding:15px; width: 345px;font-size:13px;height: 120px;}
	.popupTxt p, .popupTxt h2{padding-bottom:5px;}
	
	.popup.current,.mythListContent.active{display:block;}
	.popup.greyBox{background:url("/english/insurances/smarttraveller/images/desktop/grey-box.png") no-repeat;color: #000; margin-left:15px;}
	.smartTravel .smartTravelBluBg{background:url("/english/insurances/smarttraveller/images/desktop/blue-opacity.png") no-repeat; top:20px;}

.keybeneIcon {
    background: url("/english/insurances/smarttraveller/images/icons/key-benefits.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}
	.citionlineIcon {
    background: url("/english/insurances/smarttraveller/images/icons/online.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}
.phoneIcon {
    background: url("/english/insurances/smarttraveller/images/icons/phone.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}
.saveTimeIcon {
    background: url("/english/insurances/smartdrive/images/icons/save-time.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}
	.saveYourselfIcon {
    background: url("/english/insurances/smartdrive/images/icons/save-yourself.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}
.earnRewardPointsIcon {
    background: url("/english/insurances/smartdrive/images/icons/earn-reward-points.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}



.citiMobIcon {
    background: url("/mobile/images/icons/citibank-mobile.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.smsBanIcon {
    background: url("/mobile/images/icons/sms-banking.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.citiAlerIcon {
    background: url("/mobile/images/icons/citi-alerts.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.accSumIcon {
    background: url("/mobile/images/icons/account-summary.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.payTransIcon {
    background: url("/mobile/images/icons/payments-transfers.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.citiWorldIcon {
    background: url("/mobile/images/icons/citi-world-privileges.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.atmBranIcon {
    background: url("/mobile/images/icons/branch-locator.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.citiRewIcon {
    background: url("/mobile/images/icons/citi-rewards.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.dinShopIcon {
    background: url("/mobile/images/icons/dining-shopping.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.mobBilPayIcon {
    background: url("/mobile/images/icons/mobile-bill-payment.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.mobPreRedIcon {
    background: url("/mobile/images/icons/mobile-prepaid-reload.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.accEnqIcon {
    background: url("/mobile/images/icons/account-enquiry.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
}

.keybeneIcon, .citionlineIcon, .phoneIcon, .saveTimeIcon, .saveYourselfIcon, .earnRewardPointsIcon, .citiMobIcon, .smsBanIcon, .citiAlerIcon, .accSumIcon, .payTransIcon, .citiWorldIcon, .atmBranIcon, .citiRewIcon, .dinShopIcon, .mobBilPayIcon, .mobPreRedIcon, .accEnqIcon {
    display: inline-block;
    float: left;
    height: 26px;
    vertical-align: middle;
    width: 24px;
}
.topBoxInnBckCont h3{margin-bottom:10px;}

/* PremierMiles */

.premierMiles{
		height: auto;
		margin: 0 0 25px;
		position: relative;
	}
	.premierMiles .topBoxBtn {
		bottom: 29px;
		position: absolute;
		z-index: 999;
	}
	.premierMiles .premierMilesInn{
		position: absolute;
		z-index: 1;
		padding: 25px 20px 0 0;
		width:97%;
	}
		
		
.premierMiles .largeTitle {
    font-size: 35px;
    line-height: 30px;
    padding: 0 0 7px;
	color:#fff;
}
.premierMiles .smallTitle {
    font-size: 12px;
    line-height: 18px;
    padding: 4px 0 0;
	color:#fff;
}

		.premierMiles .premierMilesInn .left{
			float:left;
			width:180px;
			padding:0 20px 0 0;
		}
		.premierMiles .premierMilesInn .right{
			float:left;
			width:451px;
			padding:0 20px 0 0;
		}
		.premierBtn{overflow:hidden; width:100%; margin:15px 0 0 0;}
			.premierBtn .btnLft{float:left; padding:0 15px 0 0; width:180px;}
			.premierBtn .btnRgt{float:left; padding:0 15px 0 0;}


.cardsTabHldrInn {position:relative;border: 1px solid #DEDEDE;background: url('/views/images/bg-pattern.gif') repeat;border-radius: 5px;box-shadow: 0 0 10px #ccc;}
	.cardsTabWrapperInn {width:100%;overflow:hidden;height:275px;}
	ul.cardThumbTab{overflow:hidden;padding:15px 0 12px 20px;}
	ul.cardThumbTab li{float:left; margin:0 5px 0 0;}
	#backgroundWrap {width:1000em;position:relative;height:100%}
	#backgroundWrap .cardsTabContInn {float:left;width:748px;display:block;}


ul.thumImgLst{overflow:hidden; width:100%;}
	ul.thumImgLst li{float:left; padding:0 15px 10px 0;}

.instantRew{overflow:hidden; width:100%; margin:0 0 15px 0;}
	.instantRewLft{float:left; width:100px; padding:0 15px 0 0;}
	.instantRewRgt{float:left; width:531px;}
		ul.instRewLst{overflow:hidden; width:100%; margin:0 0 15px 0;}
			ul.instRewLst li{float:left; padding:0 20px 0 0; text-align: center;}
			ul.instRewLst li span.rewCont{width:110px; display:block; padding:10px 0 0 0;}

.addCard .addcloseIcon{top: 10px;right: 8px;background: url("/views/images/close.jpg") no-repeat;width: 14px;height: 15px;position: absolute;cursor: pointer;}

/* Micro site */
#microWrapper {padding: 30px 20px 0;}
#microMain{overflow:hidden;width:100%;padding:20px 0 0;}
#microLeftSide{float:left;width:65%;}
#microSidebar{float:right;width:32%;background:#f3f3f3;}

.intro{font-size:16px;}

.blueBar{background:#003b79;color:#FFF;font-size:20px;padding:10px 20px;}

.blueTbl{background:#eeefee;border-top:1px #ccc solid;border-right:1px #ccc solid;width:100%;font-size:16px;margin:0 0 15px;}
.blueTbl th{background:#003b79;border-bottom:1px #ccc solid;border-left:1px #ccc solid;color:#FFF;padding:10px 20px;text-align:left;}
.blueTbl td{border-bottom:1px #ccc solid;border-left:1px #ccc solid;padding:10px 20px;color:#2e2e2e;}

.gridWrap{padding: 15px 0;}
.gridWrap > ul{overflow:hidden;width:100%; border-bottom:1px #ccc solid;}
.gridWrap > ul.last{border:none;}
.gridWrap > ul > li{overflow:hidden;float:left;}
.gridWrap > ul > li.left{border-right:1px #ccc solid;width:50%;padding:15px 0;}
.gridWrap > ul > li.right{width:46%;padding:15px 0 15px 3%;}
.gridIcon{float:left;width:25%;}
.gridContWrap{float:left;width:70%;padding:0 5% 0 0;}
.gridTitle{font-weight:bold;}

.icon_wrap{position:relative;padding:0 0 0 20px;}
.icon{position:absolute;display:inline-block;left:-8px;}

.lightBoxWrap{padding:10px;}

/* form */
.form1 label { font-size: 0.813em; font-weight: bold; color: #ffffff; }
.form-2 label { float: left; width: 100%; color: #333333; font-size: 0.75em;}
.label-2 { display: block; width: 100%;}
.list-radio-1 input { margin-right: 5px; margin-top: 3px;}
.list-radio-1 label { margin-right: 10px;}
.input-1 { color:#666;width: 90%; padding: 6px 5%; background: #ffffff url("../images/input-box-bg.jpg") repeat-x top; margin-top: 5px;font-size:12px; border:1px solid #bfc3c6;}
.form-2 .input-1 { float: left; width: 60%;}
.input-2 { width:48%; padding: 5px 5%; background: #ffffff; margin:0 0 0 12px;  font-size:12px; border:1px solid #bfc3c6;}
.input-3 { float: left; background: #ffffff; border:1px solid #abadb3; padding: 2px 2%; width: 90%; color: #666666; font-size: 0.875em}
.input-4 { float: left; background: #ffffff; border:1px solid #abadb3; padding: 2px 2%; width: 45%; margin-left: 5%; color: #666666; font-size: 0.875em}
span.type-3 {padding: 0 2%; width: 1%;color: #ffffff;}
.list-radio-2 input { margin-right: 5px; margin-top:-2px;}
.kana-thank #sidebar ul li div input {}
.list-radio-2 label { }
.select-1 { padding: 5px 3%; width: 25%; background: #ffffff; margin: 5px 4% 0 0; font-size:12px; color: #666666; border:1px solid #bfc3c6;}
.form-2 .select-1 { padding: 0; border: 1px solid #000000; color: #666666; font-size: 0.875em; width: 20%;}
.select-2 { float: left; width: 30%; border: 1px solid #abadb3; color: #666666; font-size: 0.875em}

.btn-1 { width: 40%; padding:10px 10%; margin-left: 20%; background: url("../images/submitBtn.jpg") repeat-x top; color: #ffffff; font-size: 1em; font-weight: bold; margin-top: 15px; display: block; text-align: center;cursor: pointer;}
.btn-1:hover { color: #ffffff; text-decoration: underline;}

.btn-3 { padding:10px 20px; background: url("../images/submitBtn.jpg") repeat-x top; color: #ffffff; font-size: 1em; font-weight: bold;float:right; display: block; text-align: center;cursor: pointer;}
.btn-special { width: 87px; height: 25px; background: url(../images/btn-apply-now.png) no-repeat; position: absolute; top: 10px; right: 5%; display: none;}

#microSidebar h3 { background:#002d72; padding: 10px 25px; color: #ffffff; font-size: 1em; line-height: 18px;}
		#microSidebar h4 { background: url(../images/bgd-head-sidebar.jpg) repeat-x; padding: 10px 25px; color: #ffffff; font-size: 1em; line-height: 18px;}
		#microSidebar p {padding: 8px 25px;}
		#microSidebar p.note { font-weight: normal; font-size: 11px; line-height: 14px; padding: 10px 0;}
		#microSidebar .list-radio-2 p { padding: 12px 0 8px;}
		#microSidebar > ul > li { padding: 0 25px 10px;}

.blueTitle{color:#003b79;font-weight:bold;padding:5px 0 0;}
.alert-incom {color: #FF0000 !important;font-size: 0.75em !important;padding: 10px 0 0 !important;}
.disclaimer{font-size:11px;color:#555555;}
.botNote{font-size:16px;color:#333333;border-top:1px #ebebeb solid; padding:15px 0 0;}

.formWrap{overflow:hidden;width:100%;}

.formWrap li.blueTitle{ font-size: 16px; font-weight: normal;}
.formWrap li{float:left;padding: 15px 0 0;}
.formWrap li p{float:left;padding:8px 0 0;}
.formWrap li div{float:left;}
.width-1{width:100%;}
.width-2{width:360px;margin-right:30px;}
.width-3{width:475px;}

.width-2 p{width:40%}
.width-3 p{width:30%}

.width-2 div{width:60%;}
.width-3 div{width:70%;}

.formWrap li p.note{padding:0;}


/* Get Started */

	.mobGetList{margin:0 10px;}
	.mobGetList ul{display:block; border:1px solid #dfdfdf; overflow:hidden; background:url("/views/images/credit_card/desktop/airasia-bginner.jpg") repeat-x #EEEEEE;}
	.mobGetList ul li{width:21.8%; float:left;}
	.mobGetList ul li.mobFrt{ border-right:1px solid #dfdfdf; padding:10px;}
	.mobGetList ul li.mobSec{ border-right:1px solid #dfdfdf; padding:10px;}
	.mobGetList ul li.mobTrd{ border-right:1px solid #dfdfdf;  padding:10px;}
	.mobGetList ul li.mobFor{ padding:10px;}
	.mobGetList ul li h3{margin-bottom:10px;}
	.mobGetList ul li .greyBtn, .mobGetList ul li .blueBtn{width:auto; padding:6px 7px;}

/* Mobile Banking */

.mobileBanking{height: 158px;position: relative;margin:0 0 25px;}
.mobileBanking .bannerTitle{position:absolute;padding: 25px 20px 0 20px;left:0;display:none; line-height:50px;}
.mobileBanking .bannerTitle.first{display:block;}
.mobileBanking .largeTitle{font-size: 35px;padding:0 0 7px; line-height:30px;}
.mobileBanking .smallTitle{font-size: 16px;line-height:24px;}
.mobileBanking .mediumTitle{font-size: 18px;padding:0px;line-height:30px;}
.rotator img { position: absolute; }

.timeLineTabs a.current{width: 50px;}
.mobScrollWrap{width:98%; overflow:hidden; margin:0 0 0 7%;}
.mobRotator {position:relative;}
.mobRotator img{position:absolute;top:0px;left:0px;}


/* Mobile Get Started  */
.airasiaGetStart{overflow:hidden;position: relative; margin: 0 0 25px;background: url("/mobile/images/desktop/getstarted-bg.png") no-repeat;left: -29px;width:721px;background-size:100%;}
	.airSlider .right,.airSlider .left{width:50%;float:left;}
	.airSlider .airSliderImageList img{display:none;}
	.airSlider .airSliderImageList img:first-child{display:block;}
	.contentList > li{display:none;}
		.contentList > li:first-child{display:block;}
		.centerContent ul.numLst li{padding:0 0px  5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;}
	.contentList li .centerContent{width:92%;margin:0 auto;}
	.contentList li h2{color: #004a89;font-size: 26px;margin-top: 30px;}
	.contentList li .centerContent .qrcode{width:100px;padding:10px 0;}
	.contentList li .centerContent .appstore{padding:10px 0;}
	.airSliderContentList{min-height:350px;}
	.airSliderPagination{overflow:auto;padding-top:15px;}
	.airSliderPagination .pagination li a{float:left;padding:6px 10px;color:#fff;background:#444;margin-left:3px;border:1px solid #444;}
	.airSliderPagination .pagination li a.active{background:#999;border:1px solid #444;}
	.airSliderPagination .pageInfo{width:40%;float:left;}
	.airSliderPagination .pages{width:60%;float:left;}
	.pageInfoInner{padding:6px 10px;color:#fff;background:#444;border:1px solid black;margin-left:50px;width:70px;}
	.deviceSupport span{font-size:10px;}
	.mt10{margin-top:10px;}

.cardmember.grayArrow{background: url("/views/images/grayarrow.png") no-repeat 0 4px;padding-left:12px;color:#02589d;}


/* PremierMiles Features */
.feaLst{overflow:hidden; width:100%; margin:0 0 15px 0;}
	.feaLst ul{float:left;}
	.feaLst ul li{float:left; padding:0 10px 0 0;}
	.feaLst ul li.clsPadTop{padding-top:68px;}
	.feaLst ul li.noPadRgt{padding-right:0px;}
	.feaLst ul li.clsPadLeft{padding-left:20px;}


/* Premium Dining */
.topMnuLst{overflow:hidden; width:100%; overflow-x:hidden; overflow-y:scroll; height:auto; max-height:180px;}
		.topMnuLstInn{width:100%;}
			.topMnuLstInn .left{float:left; width:45%; padding-left:20px;}
			.topMnuLstInn .right{float:left;  width:45%; padding-left:20px; border-left:1px solid #ccc;}
			.topMnuLstInn .left ul li, .topMnuLstInn .right ul li{padding:0px 10px 10px 0; font-size:11px;float:none;}
				.topMnuLstInn .left ul li a, .topMnuLstInn .right ul li a{color:#555; font-weight:normal}
				
				.CommonWrapperMic {display:none;}
				.menuRhtArro {height:auto;position:relative;display:block;}
				.topMnuLstInn .left ul li.active a, .topMnuLstInn .right ul li.active a{color:#3399CC;}

.commonApplyProducts{overflow:hidden;background:#f6f6f6;width:100%;}
.commonApplyProducts ul li{float:left;width:214px;border-right:1px solid #ccc;}
.commonApplyProducts ul li.bdrRgtNone{border:none;}


.commonApplyProducts ul li .IconHolder{padding:15px;overflow:hidden;}
.commonApplyProducts ul li .IconHolder .IconLeft{width:40px;float:left;}
.commonApplyProducts ul li .IconHolder .IconContent{margin-left:10px;width:134px;float:left;}
.commonApplyProducts ul li .IconHolder .IconContent a{color:#000;font-weight:bold;}
.commonApplyProducts ul li .IconHolder .IconContent a.whiteClr{color:#fff !important;}
.contact-icon{display:inline-block;vertical-align:middle;background:url('/views/images/contact-icon.png') 0 0 no-repeat;width:26px;height:26px;margin-right:5px;}
.call-icon{display:inline-block;vertical-align:middle;background:url('/views/images/call-icon.png') 0 0 no-repeat;width:29px;height:24px;margin-right:5px;}
.visit-icon{display:inline-block;vertical-align:middle;background:url('/views/images/visit-icon.png') 0 0 no-repeat;width:25px;height:26px;margin-right:5px;}
.divider-line{display:inline-block;vertical-align:middle;background:url('/views/images/divider.png') 0 0 no-repeat;width:1px;height:32px;}

/* Usage Guide */
.tabsRCNav{overflow:hidden;}
.tabRCLst{overflow:hidden; width:482px; margin: 0 auto;}
		.tabsRCNav li{float:left;-moz-border-radius: 3px 0 0 0;-webkit-border-radius: 3px 0 0 0;-o-border-radius: 3px 0 0 0;border-radius: 3px 3px 0 0;background:#EAF4FF !important;margin-left:2px;display:inline;}
		.tabsRCNav li a{padding:5px 20px;display: block;color:#01ADE5;font-size:14px;font-weight:bold;}
		.tabsRCNav li.active{background:#01ADE5 !important;}
		.tabsRCNav li.active a{color:#fff;}
		.tabsRCNav li:first-child{background:#fff;margin-left:0px;}
		.tabsRCNav li:first-child > a{background:#fff;margin-left:0px;padding:5px 3px;font-size:16px;color:#000066;}
		.tabsRCcontent{background:url('/english/readycredit/images/desktop/content-long-bg.png') no-repeat;width: 482px;height: 494px;margin-top: -4px;position: relative;}
		.tabsRCcontent.short{background:url('/english/readycredit/images/desktop/content-short-bg.png') no-repeat;height: 394px;}
		.usageStepContent{display:none;text-align:center;padding:40px 20px 0 20px;}
		.usageStepContent.s1_content{display:block;}
		.usageStepContent h2{color:#fff;margin:10px 0;}
		.usageStepContent h2.second{margin-top:20px;}
		.usageStepContent h2.second a{color:#fff;text-decoration:underline;}
		.nextBtnRed{position: absolute;bottom: 0px;right: 70px;}
		.middleText{margin-top:50px;}
		
		.threeGrid{padding: 15px 0;}
		.threeGrid > ul{overflow:hidden;width:100%; border-bottom:1px #ccc solid;}
		.threeGrid > ul.last{border:none;}
		.threeGrid > ul > li{width:30%;overflow:hidden;float:left;min-height:66px;padding:15px;}
		.threeGrid > ul > li.left{border-right:1px #ccc solid;padding-left: 0;}
		.threeGrid > ul > li.middle{border-right:1px #ccc solid;}
		.threeGrid > ul > li.right{padding-right:0;}
		.threeGrid > ul > li div.gridContWrap{float:left;width:64%;padding-left: 10px;}

.greyBoxIcons a.greyBtn, .popup a.blueBtn{width:auto; padding:6px 7px; float:right;}
.portraitTableFont{table-layout:inherit;word-wrap:inherit;}
.tblColumnTen{width:6%;}


.cLsContactusFix li{width:315px !important;}
.formSubmitFix {float: right;padding: 10px 0px 20px 0;}
.manFieldWrapper{width:100%;background: #F7F7F7;overflow:hidden;}
.manField{padding:10px;}
.formSubmitBlueFix{width: 450px !important;padding-right: 0 !important;margin-right: 0 !important;}
.formSubmitBlueFix > p{width:250px;float:left !important;}
.formSubmitBlueFix .formSubmit{padding-right: 20px !important;margin-top: -8px !important;}
.noteFieldWrapper{width:100%;background: #F7F7F7;overflow:hidden;}
.noteField{padding:10px;}
.cLsContactusFixIT li{width:290px !important;}

dropListSmallForm .sbHolder, .dropListSmallForm .sbOptions li, .dropListSmallForm .sbOptions {margin-top: 0px;}

/*************** Error ******************/
.contInnerWrap{padding:0 10px 10px;}
.contWrap {padding: 20px 10px;}
.errorMessageInner {margin-bottom: 10px;overflow: hidden;}
.errorMesInnLft {float: left;width: 60px;}
.errorMesInnRgt {float: none;padding: 0 20px 10px 65px;display: block;}
.errorMessageBot {width: 100%;border-top: 1px solid #cccccc;padding-top: 10px;}
.disclaimerTxt {color: #666;font-size: 11px;}

.logoWrap{overflow:hidden;}
.logoWrap .airasiaLogo{float:right;}
.logoWrap .clsTableWrap{float:left;width:80%;}

.selectCardsHldr .selectType {float:left;width:20.5%;border-left:1px solid #ccc;padding:0 20px;}
.selectCardsHldr .selectType.first {border:none;}
.selectCardsHldr .selectType.last {text-align:center;padding-top:20px;}
.selectCardsHldr .selectType span {display:block;padding-bottom:5px;}
.selectCardsHldr .selectType span input[type="radio"] {margin:0 5px 0 0;vertical-align:middle;}
.selectCardsHldr .selectType.inActive {color:#999;}
.selectCardsHldr .selectType .stepDisc {padding-bottom:0;}
#cardsList {display:inline-block;}
span.cardsAvailable{display:inline-block !important;}
.compareAllBtn {/*width: 190px;*/}
.cardsDetails > ul > li div {border-bottom: 1px solid #ccc;padding: 10px 15px;font-size: 11px;}
.protectDetWrap {clear: both;float: left;width: 79.8%;}
.closeIconHldr .closeIcon {position:absolute;right: 20px;top: 0;}
.cardsDetailsComp ul li p {min-height: 28px;}
.protectWrap {min-height: inherit !important;overflow: hidden;padding: 0 0 10px;}
.cardsHldr .lftArrow, .protectDet {display:none;}
.protectWrap .downArrow{float:right;text-align:right;width:24px;height:11px;background: url("/views/images/left-nav.png") no-repeat scroll right -14px transparent;cursor: pointer;padding:0;}
.protectWrap .downArrow.active {background:url("/views/images/left-nav.png") no-repeat scroll right -52px transparent}
.selectType .blueBtn {width: auto !important;padding: 5px 10px;}
.addlstCards .addCardLink a {width: 90px;padding: 5px 0;}
.addCard{margin: 10px;padding: 5px;}
.addCard, ul.hiddenval {position: relative;}
.cardLftArro {float: left;background: url("/views/images/lt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;left: 10px;cursor: pointer;}
.cardRgtArro {background: url("/views/images/rt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;right: 10px;cursor: pointer;}
.addlstCards {float: left;width: 90%;overflow: hidden;margin-top: 25px;}
.commPadIn{padding:0 10px;}
.productIcon {
    background: url("/mobile/images/icons/products-services.png") no-repeat scroll 0 0 transparent;
    padding: 0 10px 0 0;
	display: inline-block;
	float: left;
	height: 26px;
	vertical-align: middle;
	width: 24px;
}
.clsPlatGroPad{padding-top:25px !important;}
.clsCommPadTop{padding-top:20px;}
.formSubmitMain{width:100%; overflow:hidden; margin:20px 0 10px 0;}
	.formSubmitMainLft{float:left;}
	.formSubmitMainRgt{float:right;}
.clsCommMarBtm{margin:0 10px 15px 10px;}
.specialOfferDD .sbHolder, .specialOfferDD .sbOptions{width:200px;}
.tabs.largeTab li a{height:31px !important;padding:7px 10px;}
/******************* What's New **********************/
.innerWrapCont{margin:25px 10px 0;overflow:hidden;}
.innerWrapLft{float:left;width:372px;padding-right:70px;}
.innerWrapRht{float:left;width:560px;}
.lineBg{background:url("/whatsnew/images/middle-bg.png") no-repeat center bottom;height:9px;margin:20px 0 0;}
.contInnerAreaPad{padding:10px;}
.appArea{overflow:hidden;padding:10px 10px 0;}
.appAreaLft{background:url("/whatsnew/images/pattern.png") repeat;float:left;width:44.5%;padding:20px;height: 80px;margin:0 15px 0 0;}
.appAreaMid{background:url("/whatsnew/images/pattern.png") repeat;float:left;width:44.5%;padding:20px 20px 20px 20px;height: 80px;}
.appAreaImg{margin-right:10px;width:6%;float:left;}
.appAreaCont{float:left;width:91%;}
/******************* What's New **********************/

/* Use Credit Wisely Loans calculator */
.usecreditwisely{ width:100%; overflow:hidden; margin:0 0 20px 0;}
	ul.loanCalUseCre{width:100%;}
	ul.loanCalUseCre li{float:left; width: 235px; padding:0 0 22px 0;}
	ul.loanCalUseCre li .inputBoxMedium{ border: 1px solid #CCCCCC;color: #555555;height: 24px; padding: 0 0 0 5px;width: 140px; font-size:12px;}
	ul.loanCalUseCre li .inputBoxMedium .dropListLarge .sbHolder, .dropListLarge .sbOptions li, .dropListLarge .sbOptions{padding-bottom:0px;}

.preWrapperForm{overflow:hidden;width:100%; margin-top:15px;}

/* premiermiles-amex */
.preMilesGridWrap{padding: 15px 0;}
.preMilesGridWrap > ul {border-bottom: 1px solid #CCCCCC;overflow: hidden;width: 100%;border-top: 1px solid #CCCCCC;}
.preMilesGridWrap > ul > li.left, .preMilesGridWrap > ul > li.mid, .preMilesGridWrap > ul > li.right {width:153px;}
.preMilesGridWrap > ul > li {float: left;overflow: hidden;padding: 15px 10px 3px;}
.preMilesGridWrap .gridIcon {float: left;width: 23%;}
.preMilesGridWrap .gridContWrap {float: left;padding: 0;width: 70%; padding-left:10px;}
.preMilesGridWrap > ul > li.noPadlast{padding-right:0px;}
.preMilesGridWrap > ul > li img.prArrowAmexPad{padding-top:13px;}


/* SiteMap */
/*.siteMap{width:100%; margin:0 10px 15px 10px;}
	.siteMapLft, .siteMapMid{float:left; width:31%; padding:0 20px 0 0;}
	.siteMapRgt{float:left; width:31%;}*/

.siteMap { width:100%;}
.siteLft{ width:45%; float:left; padding: 0 15px 0 0;}
.siteRgt { width:45%; float:left;}
.siteMap .downList {overflow: hidden; }
.downList li { background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;}
.downList li ul { margin: 10px 0 0;}
.siteMap .downList li ul.downListSub li { background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;}
.siteMap .downList li ul li, .siteMap .downList li ul.downListSub li ul li{background: none repeat scroll 0 0 transparent;list-style-type: none;padding-left: 0;}
.siteMap .downList li ul.downListSub li ul li{font-size:11px;}


.DOB .sbHolder, .DOB .sbOptions{width:64px;}
.DOB .sbSelector{text-indent:7px;}

.CheckListMarginBtm div,.RadioMarginBtm div{/*float:left;*/ margin-bottom:5px;}
.PadBottom{padding-bottom:10px;float:left}

.formDetailsinner ul.lastRow,.formDetailsinner .twoColumnSplitFormdarkGreyBg.lastRow,.twoColumnSplitForm.lastRow{margin-bottom:10px;}

.twoColumnSplitForm{width: 98%;background:#F7F7F7;padding: 20px 0px 20px 20px;float: left;}
.twoColumnSplitForm.darkGreyBg{background:#EAEAEA;}
.twoColumnSplitFormdarkGreyBg{width: 98%;background:#EAEAEA;padding: 20px 0px 20px 20px;float: left;}

.twoColumnSplitFormLft{float: left;width: 54%;padding: 0px 20px 0px 0px;}
.twoColumnSplitFormRgt{float: left;width: 38%;}

.twoColumnSplitForm .inputBox{border: 1px solid #CCCCCC;font-family: Arial;width:188px;padding: 2px 6px 2px 7px;color:#555555; height:21px;}
.visible-app{display:none !important}

/* Form Landing Page */

.formLandBlk{width:100%; float:left;}
.formLandBlk .formLandInn{width:100%; display:inline-block;}
.formLandBlk .formLandInn ul.formLst{display:block; width:100%; float:left;}
.formLandBlk .formLandInn ul.formLst li{width:100%; margin:0 0 10px 0; float:left;}
.formLandBlk .formLandInn ul.formLst li .left{float:left; padding:0 20px 0 0; width:30%;}
.formLandBlk .formLandInn ul.formLst li .right{float:left; width:65%;}
.formLandBlk .formLandInn ul.formLst li .right .tooltip{width:280px;}
.formLandBlk .formLandInn ul.formLst li .sbOptions li{margin-bottom:0px;}
.formLandBlk h2 {border-bottom: 1px solid #CCCCCC;margin-bottom: 10px;}
.formLandBlk .formLandInn ul.formLst.small{display:block; width:100%; float:left;}
.formLandBlk .formLandInn ul.formLst li .left{float:none; padding:0 10px 0 0;width:100%;}
.formLandBlk .formLandInn ul.formLst li .right{float:none;width:100%;}





/* Loan Calculator */
.loanCalcWrapper {float: left;padding-bottom: 10px;width:245px;}
.loanCalcWrapper .iconPlus, .loanCalcWrapper .iconMinus {float: left;}
.loanCalcWrapper .iconPlus{margin-left:5px;}
.loanCalcWrapper .iconMinus{margin-right:5px;}
.loanCalcWrapper .calcProgress {width: 60% !important;}
.progValue {clear: both;overflow: hidden;/*padding: 5px 30px;width:86%;*/padding: 3px 26px; width: 96%;}
.progValue > span{width:21%;display:inline-block;}
.loanCalc a.ui-slider-handle{background: url("/views/images/calculator_arrow1.png") no-repeat scroll bottom !important;padding:0;margin-top:-33px;width:18px;margin-left: -5px !important;}
.clsTableWrap .lnTableWrap td{border-right: 1px #ccc solid;}
.clsTableWrap .lnTableWrap th{border-right: 1px #ccc solid;}
.formLandBlk .formLandInn ul.formLst li .calcSlider{margin-top:3px;}
.bannerTitle.bannerTitleVN{font-family:arial!important;}
.formHldr.formHldrWrap .sbSelector{width:295px !important;}

/* 27apr15 start */
.contactEnquiry{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:15px 10px;margin:0 10px 20px 10px;background:#f6f6f6;}
.contactEnquiry .iconBlkInnRgt{margin-top:5px;}
.contactEnquiry .iconBlkInnRgt .last{padding-bottom:0;}
/* 27apr15 end */



#leftSide .inst-plan-img{width: 100%;float: left;}
#leftSide{float:left;width:461px;background-color: #F6F6F6;}
.redeRgtFormHldr{float:left;width:483px;margin-left:30px;}
#rightSide #sidebarr{font-family: Arial;padding: 0 0 25px 25px;float: left;}
.benefitPoints h5 {margin:0;padding:6px 8px 0 0;font-size:12px;font-family:Arial;font-weight:normal;}
.redeRgtFormHldr .Form-design{overflow: hidden;padding: 0 0 30px;width: 100%;}
.redeRgtFormHldr .design-label{color: #666666;float: left;font-size: 12px;font-weight: bold;padding: 8px 0 0;width: 180px;}
.redeRgtFormHldr .design-type{float: left;overflow: hidden;}
.redeRgtFormHldr .design-txtBox{border: 1px solid #ccc;color: #666666;height: 18px;padding: 5px 8px 5px 8px;width: 292px;}
.redeRgtFormHldr .rowForm .formLabel{float: left;width: 153px;padding: 5px 20px 0 0;font-weight:bold;}
.redeRgtFormHldr .rowForm .formFiled{float: left;width: 278px;}
.redeRgtFormHldr .rowForm .formLabel.noTopSpace{padding-top:0;}
.redeRgtFormHldr .pl-monthIncom, .sbHolder, .redeRgtFormHldr .sbOptions{width:308px !important;}
.redeRgtFormHldr .sbSelector{width:255px !important;}
.redeRgtFormHldr .submitBtn{padding: 20px 0;float: left;width:100%;padding-bottom: 25px;}
.redeRgtFormHldr .rowForm, .redeRgtFormHldr .chkbxAlign{width: 100%;float: left;padding-bottom: 25px;}
.redeRgtFormHldr .rowForm.rowTenor .formLabel{width:153px;padding-top: 5px;}
.redeRgtFormHldr .rowForm.rowTenor .formFiled{width:272px;}
.redeRadio-vn{width: 290px !important;}
.redeRadio-vn input[type="radio"] {margin: 5px 2px 5px 0;}
.redeRadio input[type="radio"] {margin: 5px 0;}
.redeRgtFormHldr .agree-cont{float: left;width: 92%;line-height: 18px;}
.redeRgtFormHldr .rowForm .redeRadio label{padding-right:9px;padding-left: 5px;}
.redeRgtFormHldr #location1,.redeRgtFormHldr  #location2,.redeRgtFormHldr  #location3{margin: 0;}
.redeRgtFormHldr .blueBtn.submit{width:90%;padding-left:5%;padding-right:5%;text-align:left;padding-top: 10px;padding-bottom: 10px;font-size: 14px;}
.loanamount-tot{margin: 0 0 5px 0;overflow:hidden;clear:both;padding: 18px 20px;}
.redeRgtFormHldr .pl-startIcon{border-bottom: 1px solid #ccc;margin-bottom: 13px;}
.redeRgtFormHldr #agree{margin-right: 9px;margin-top: 3px;float: left;}
.last{padding-bottom:0!important;}
.rede-tabHldr{float:left;width:460px;}
.rede-formHldr{float:left;width:466px;}
.rede-tabHldr .RCIP{float: left;width: 100%;margin-top: -90px;}
.rede-tabHldr .RCIP h2{font:28px interstate;letter-spacing:-1px;color: #fff;text-align: center;padding: 29px 0;}
.rede-tabHldr .RCIP.RCIP_VN h2{font-family: arial;letter-spacing: -1px;color: #fff;text-align: center;font-size: 28px;}
.rcIplan{padding:0;margin: 0;}
.rcIplan li{padding: 6px 0 18px 40px;font-size:14px;}
.rcIplan li.rede-loan{background: url('/views/images/icons/Loan-amount.png') no-repeat;}
.rcIplan li.rede-preferen{background: url('/views/images/icons/preferential-interest.png') no-repeat;}
.rcIplan li.rede-date{background: url('/views/images/icons/date.png') no-repeat;padding-bottom: 5px;}
.rcIplan li.rede-no-fee{background: url('/views/images/icons/no-fee.png') no-repeat 0 2px;padding-bottom:0px;margin: 18px 0 23px;padding-top: 0}
.rcIplan li.rede-support{background: url('/views/images/icons/supporting-documents.png') no-repeat;}
.rcIplan li.rede-inst-call-back{background: url('/views/images/icons/instant-call-back.png') no-repeat;}

.debit-card  h2 {font-size: 16px;padding: 0 0 10px;font-weight: bold;}
.visible-desktop-debit-card{display: block;}
.debit-card  .tabInnerWrap.noBrderBtm{overflow: hidden;border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.debit-card .tabsWrapper{margin: 20px 0;}
.masterpromoBox {width: 48%;float: left;margin-bottom: 15px;}
.masterpromoBox_img {margin-bottom: 10px;}
.masterpromoBox_con {padding-bottom: 5px;}
.pullRight {float: right;}
.tabContentWrap h3 {font-size: 16px;font-weight: bold;}
.debit-card p {line-height: 16px;}
.lastRow{margin-bottom: 0;}
.debit-card  .mediaIcons {border-left: 1px solid #ccc;margin: -17px 0 0 95px;padding: 0 0 0 7px;line-height: 0;}
#citigold .grayBtn:hover{background: #B5995C;}
.debit-card .bannerProd {height: auto;position: relative;margin: 0 0 20px;}
.debit-card .bannerTitle {color: #FFFFFF;display: block;padding: 0 20px 0 0;position: absolute;z-index: 1;left: 42%;font-family: arial;}
.debit-card .fullBanner {max-width: none;position: relative;}
.debit-card .smallTitle {font-size: 16px;color: #FFFFFF;padding: 0 0 10px;}
.debit-card  .largeTitle{font-size:28px; line-height:27px;color: #FFFFFF;padding: 0 0 10px;}
.debit-card  .largeTitle sup{ font-size:14px; font-weight:normal;}
.cH-containerHeader.hidden-phone {display: none;}
.debit-card .overview{padding: 0;}
#wrapper{padding: 0px 10px;clear: both;}
ul.bulLst li ul{margin:10px 0 0 0;}
ul.bulLst li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;}

/* W-2017-288 starts */
.card-activation .bannerTitle{font-family: arial;box-sizing: border-box;}
.card-activation .tabsWrapper{margin: 0;}
.card-activation p.largeTitle {padding: 0 0 10px;}
.headingRow{padding-bottom: 5px;}
.card-activation ul.bulLstIn li{line-height:14px;}
/* W-2017-288 end */
/* Instant Rewards */
@font-face {
	font-family: 'InterstateRegularVNU';
	src: url('/views/fonts/InterstateRegularVNU.eot');
	src: url('/views/fonts/InterstateRegularVNU.woff') format('woff'), url('/views/fonts/InterstateRegularVNU.ttf') format('truetype'), url('/views/fonts/InterstateRegularVNU.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InterstateLightVNU';
	src: url('/views/fonts/InterstateLightVNU.eot');
	src: url('/views/fonts/InterstateLightVNU.woff') format('woff'), url('/views/fonts/InterstateLightVNU.ttf') format('truetype'), url('/views/fonts/InterstateLightVNU.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.instantWrapper {
	clear: both;
	position: relative;
	box-sizing: border-box;
	display: block;
}
.instantBox {
	width: 712px;
	margin: 0 auto;
	position: relative;
	display: block;
	clear: both;
	padding-bottom: 50px;
}
.leftInstantBox {
	width: 29.9%;
	color: #ffffff;
	position: relative;
	bottom: 0px;
	line-height: 0;
    margin: 0;
    padding: 0;
    z-index: 99;
}
.leftInstantBox img {
	max-width: 100%;
    position: relative;
	-webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28);
	-moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28);
	box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28);
}
.rightInstantBox {
	width: 70.1%;
	background-color: #f8f8f8;
	color: #555;
	position: relative;
	overflow: hidden;
    display: block;
	top: 30px;
	padding: 68px 0;
}
.rightInstantBox h3 {
	color: #016cb0;
	font-size: 18px;
	font-family: 'interstate', arial;
    padding: 0 68px 15px;
	line-height: 22px;
}
.rightInstantBox p {
	color: #555;
    padding: 0 68px 0;
	font-size: 14px;
    line-height: 18px;
}
.instantBox:after {
  content: "";
  display: table;
  clear: both;
}
.headingStyle {
	color: #016cb0;
	font-size: 26px;
    line-height: 34px;
	font-family: "InterstateRegularVNU";
    padding-bottom: 30px;
}
.fLeft { float: left; }
.fRight { float: right; }
.instantBox.box-one .rightInstantBox {	padding: 18px 0; }
.instantBox.box-two .rightInstantBox {	padding: 29px 0; }
.instantBox.box-three .rightInstantBox {	padding: 28px 0; }
.instantBox.box-four .rightInstantBox {	padding: 38px 0; }
.instantBox.box-five .rightInstantBox {	padding: 38px 0; }
.instantBox.box-six .rightInstantBox {	padding: 20px 0; }
.contactless { background-color: #f8f8f8;border-bottom: 4px solid #ececec;  padding: 0 10px 30px; margin-bottom: 10px; }
.stepsHighlight {font-family:'InterstateLightVNU';}
.padngtp { padding-top: 30px; }
.fs14 { font-size: 14px; line-height: 18px;color: #555;}
.vnm .instantBox.box-two .rightInstantBox { padding: 29px 0; }
.vnm .instantBox.box-three .rightInstantBox { padding: 20px 0; }
.vnm .instantBox.box-six .rightInstantBox { padding: 29px 0; }
.vnm .rightInstantBox h3, .vnm .stepsHighlight, .vnm .headingStyle { font-family: arial; }
.vnm .instantBox.box-one .rightInstantBox {padding: 20px 0; }

/* Instant Rewards */
/* iPads (portrait) ----------- */

@media only screen and (min-width : 768px) {
.hompage-overlay .iphone-icon{display:none;}
.hompage-overlay .cont-sec {
    box-sizing: border-box;
    float: left;
    padding: 50px;
    width: 100%;
}
.hompage-overlay .img-sec{float:left;width:136px;}
.hompage-overlay .img-cont-sec {
    float: left;
    width: 65%;
    padding-left: 20px;
}
.hompage-overlay .cont-wrap{width:100% !important}
.hompage-overlay .img-cont-sec  p{color:#fff;font-size:17px;padding-bottom:15px;}
.hompage-overlay #fancybox-outer{background:#00c3f3}
.hompage-overlay #fancybox-content{border:0}

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.masterpromoBox_img img {width: 100%;}

.rede-tabHldr {float: left;width: 100%;}
	.redeRgtFormHldr{width: 99%;margin-top: 15px;margin-left: 0;}
	#leftSide{width: 100%;}
	.rede-tabHldr .RCIP.RCIP_VN h2{padding:0;font-size:32px;}
	.redeRgtFormHldr .design-txtBox{width: 350px;}
	.redeRgtFormHldr .pl-monthIncom, .sbHolder, .redeRgtFormHldr .sbOptions{width: 365px !important;}
	.redeRgtFormHldr .rowForm, .redeRgtFormHldr .chkbxAlign{width: 90%;}
	.redeRgtFormHldr .submitBtn{width: 25%;}
	.redeRgtFormHldr .rowForm.rowTenor .formLabel {width: 153px;padding-top: 3px;}
	.rede-tabHldr .RCIP h2{padding:0;font-size:32px;}
	.rcIplan li.rede-no-fee{margin: 15px 0 15px;}
	.redeRgtFormHldr .rowForm.rowTenor .formFiled {width: 365px;}


.cardSelAppNow span a.blueBtn { background: #00BDF2;}
	.cardSelAppNow span a.greyBtn {background: #97999B;}
	.cardSelAppNow span a.greyBtn:hover, .cardSelAppNow span a.blueBtn:hover, .cardSelAppNow span a.greenBtnEnquire:hover { text-decoration: none;background: #008ce6;}
	.cardImg{width:100%;}

	.listBox li{width:17.9%;min-height:65px;}
	ul.stepHldr li span.stepList{width:7%;}
	ul.stepHldr li span.stepCont{width:90%;}
	/* Card Selector */
	.addCardHldr{display:block;}
	.addCard ul li{
		width: 156px;
		float:left;
		text-align: center;
	}
	.addCardMort ul li {
		width: 130px;
	}
	.rangeHldr {
		width:30%;
	}
	.cardSelectHldr{
		width:45%;
	}
	.selectCardsValueIpad .rangeValue{
		padding-bottom:18px !important;
	}
	.compareAllBtn1 {
		margin: 0 0 0 53px;
	}
	.selectCardsHdr{
		font-size:11px;
	}
	.closeIconHldrLend{
		right:25px !important;
	}
	.selectedCardsComp .blueBtn, .selectedCardsComp .greyBtn{
		width:90px;
		padding:4px 0;
		height:16px;
		border-radius:3px;
	}
	.selectedCardsComp .blueBtn{
		background: url("/views/images/greenBg.png") repeat-x scroll 0 0 transparent;
	}
	.selectedCardsComp .greyBtn{
		background: url("/views/images/greyBtnBg.png") repeat-x scroll 0 0 transparent;
	}
	.selectCardsValue .rangeValue{
		display:block;
		padding:0 0 10px 0;
		font-size:11px;
	}
	.cardsDetailsLend ul li p{
		min-height:30px !important;
	}
	.selectedCardsComp .cardHdr{
		font-size:11px;
		padding-bottom:0px !important; 
		min-height:45px;
	}
	.selectedCardsComp .cardCont {
		height: 75px !important;
	}
	.selectedCardsLend .cardCont {
		min-height: 60px !important;
	}
	.rangeHldrCompare{
		width:450px !important;
	}
	.rangeHldrCompare .rangeValue{
		display:inline-block !important;
		margin-right:5px;
	}
	.rangeHldrLend {
		width: 570px !important;
	}
	.rangeHldrComp .rangeValue{
		display:block !important;
		padding:0 0 10px 0;
	}
	.rangeHldrComp {
		width:545px !important;
		border-right:1px solid #ccc;
	}
	.cardCompHldr .selectCardsValue .rangeValue{
		display:inline-block !important;
		padding:0 30px 0 0;
	}
	.rangeHldr input, .cardSelectHldr input {
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	.availableCards{
		padding-top:35px;
	}
	.availableCardsComp{
		padding-top:10px !important
	} 
	.availableCardsCompare{
		padding-top:70px !important;
		border:none;
	}
	.availableCompCards{
		padding-top:10px;
	}
	.cardCont {
		color: #666666;
		height: 45px;
		font-size:11px;
		padding:5px;
	}
	.cardImg{
		width:90%;
	}
	.closeIconHldr {
		right:-8px;
	}
	.viewCardsList ul li a{
		padding:15px 11px !important;
	}
	.selectedCardsCompare .cardCont {
		height:100px !important;
	}
	.viewCardsListLend ul li a {
		padding: 15px 14.98px !important;
	}
	.tabsIpadPort li a{
		font-size:10px !important;
	}
	/******************* What's New **********************/
	.innerWrapLft{
		width:275px;
		padding-right:20px;
	}
	.innerWrapRht{
		width:60%;
	}
	.appAreaLft, .appAreaMid{
		float:left;
		width:208px;
		padding:15px;
		height: 170px;
	}
	.appAreaImg {
		width: 10%;
	}
	.appAreaCont {
		width: 69%;
	}
	/******************* What's New **********************/
	.airAsiaTopMnu ul{width:100% !important;}

	.twoColumnSplitFormLft{width:44% !important;}
	.formKanaPad{padding-top:0px !important;}
	/* Instant Rewards  */
	.instantBox.box-one .rightInstantBox {	padding: 18px 0; }
	.instantBox.box-two .rightInstantBox { padding: 28px 0; }
	.instantBox.box-three .rightInstantBox {	padding: 28px 0; }
	.instantBox.box-four .rightInstantBox {	padding: 37px 0; }
	.instantBox.box-five .rightInstantBox {	padding: 38px 0; }
	.instantBox.box-six .rightInstantBox {	padding: 20px 0; }
.vnm .instantBox.box-one .rightInstantBox {padding: 20px 0; }

	/* Instant Rewards  */
}
@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 800px) 
and (orientation : landscape) {

.rangeHldr {
	width:33%;
}
.cardSelectHldr{
	width:43%;
}
.selectCardsHdr{
	font-size:11px;
}
.selectCardsValue .rangeValue{
	display:block;
	padding:0 0 10px 0;
	font-size:11px;
}
.cardCompHldr .selectCardsValue .rangeValue{
	display:inline-block !important;
	padding:0 30px 0 0;
}
.rangeHldr input, .cardSelectHldr input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.availableCards{
	padding-top:20px;
}
.availableCompCards{
	padding-top:10px;
}
.cardCont {
	color: #666666;
	height: 45px;
	font-size:11px;
	padding:5px;
}
.cardImg{
	width:90%;
}
.closeIconHldr {
	right:-8px;
}
.viewCardsList ul li a{
	padding:15px 20.5px;
}
.rangeHldrLend {
	width:600px !important;
}
.closeIconHldrLend {
	right: 20px !important;
}
.viewCardsListLend ul li a {
    padding: 15px 26.9px !important;
}
.cardHdr .addcard{
	margin-left:-20px;
}

}

/* mbol eng */
.MobileAppSection{overflow:hidden;}
.MobileAppLink{float:left;width: 100%;}
.MobileAppLink li{ float: left;padding-right: 2%;}

.flexsliderWrap .flexslider{margin: 0 0 35px;position: relative;zoom: 1;}
	.flexsliderWrap .flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;color: transparent;}
	.flexsliderWrap .flex-control-paging li a, .flexsliderWrap .flex-control-paging li a:hover {background: url("../images/off.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;color: transparent;}
	.flexsliderWrap .flex-control-nav{bottom: -32px;}
/* mbol eng */

 @media(min-width: 1024px) {
	
	.addCardHldr{display:block;}
	ul.slidesjs-pagination {left: 421px;}
	.bannerSlider{height: 297px;}
	.cardName,.cardDetails {width: 720px;}
	ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:32px;}
	div.ui-slider {width:50% !important;}
	.calcRateRhtWrap{padding-right:225px;}
		.mobScrollWrap{width:98%; overflow:hidden; margin:0 0 0 17%;}
		.greyBtn.commBtnPro.commBtnProIpad,  .blueBtn.commBtnPro.commBtnProIpad{width:auto !important; padding:10px;}
	.mobileBanking {height: 640px;}
	.offerContentList li a {min-height: 80px;}
	.greyBtn.commBtnPro,  .blueBtn.commBtnPro{width:auto !important; padding:10px;}
	.hotelDetails .nightTag {position: absolute;left: 0;left: 868px;top: 0;overflow: hidden;right: 0px;}
	.hotelDetails .left {float: left;width: 90%;}
	ul.cardsTab.preMilesTab li {height: 60px;}
	ul.cardsTab.preMilesTab li a{height: 60px;}
	.topBox .topBoxBtn{padding-bottom:45px;}
	#backgroundWrap .cardsTabContInn {float:left;width:1010px;display:block;}


/* Smart Travel */

.sliderContent {position: absolute;bottom:15px;height: 65px !important;overflow: hidden;width: 680px;background: url("/mobile/images/desktop/timelinePointbg.png") no-repeat;z-index:12;}
.absScrollBox {position: absolute;bottom: 15px;z-index: 12;width: 660px !important;height: 65px;background: url("/mobile/images/desktop/slider.png") no-repeat center 55px;}
.timeLineTabs a {text-align: center;float: left;display: block;width: 105px !important;height: 0;padding-top: 75px;outline: none;outline-style: none;}
.timeLineTabs a.current{width: 135px;}
.airasiaGetStart{overflow:hidden;position: relative; margin: 0 0 25px;background: url("/mobile/images/desktop/getstarted-bg.png") no-repeat;left:0px;background-size:100%;width: 100%;min-height:500px;}
.compareAllBtn {/*width: 270px;*/}


}

 @media(max-width: 967px) {
 
 .redeRgtFormHldr .submitBtn {width: 25%;padding: 20px 37%;}

.formHldr.formHldrWrap .sbSelector{width:208px !important;}
.bannerSorry .bannerTitle{width:auto;padding:0;top:40%;}
.bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size:24px;line-height:28px;}
/**************************** Forms CC APPLICATION Start *****************************/
	.tabHldr{width:100%;}
	.cardSelect{width:96%;margin-bottom:20px;}
	.cardName,.cardDetails {width: 500px;}
	.formHldr{width:100%;margin:0;}
	.tabHldr{width:100%;}
	.threeGrid > ul > li div.gridContWrap{width:69%;}
	.threeGrid > ul > li div.gridIcon {width:23%;}
	.topBox .topBoxBtn{padding-bottom:45px;}
	.greyBtn.commBtnPro,  .blueBtn.commBtnPro{width:auto !important; padding:10px;}
	.offerContentList li a {min-height: 95px;}
	.selectCardsHldr .selectType.first{padding-right: 0;width: 14%;}
	.selectCardsHldr .selectType.second{width: 22%;}
	.preMilesGridWrap > ul > li {float: left;overflow: hidden;padding-bottom: 10px;}

	.preMilesGridWrap > ul > li.left, .preMilesGridWrap > ul > li.mid, .preMilesGridWrap > ul > li.right{width:180px;}
	.preMilesGridWrap .gridContWrap{width: 67%;}
	.greyBtn.commBtnPro.commBtnProIpad,  .blueBtn.commBtnPro.commBtnProIpad{width:auto !important; padding:10px;}
	ul.cardsTab.preMilesTab li {height: 60px;}
	ul.cardsTab.preMilesTab li a{height: 60px;}
	.mobileBanking {height: 479px;}
	ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:32px;}
	.airAsiaBlockInner .left{float:left; padding:90px 20px 0 0;width:27%;}
	.airAsiaBlockInner .mid{float:left;padding:0 20px 0 0;width:32%;position:relative; text-align:center;}
	.airAsiaBlockInner .right{float:right; width:26%; padding:90px 20px 0 0;}
	.viewCardsList ul li a{padding: 15px 5.70px !important;}
	.closeIconHldr {position: absolute;right: 0px;top: 0;left: 88px;}
	.closeIcon {display: block;background: url("/views/images/close.jpg") no-repeat;width: 14px;height: 15px;}
	.cardImg {margin: 0;position: relative;padding-bottom: 0px;}
	.cardCont{padding-top:0px;}
	p.cardCont{font-size:10px;}
	.calcACERgt{margin-left:5%;}
.rangeHldr {float: left;width: 33%;}
.selectCardsValue {padding: 0 0 10px;float: left;width: 143px;}
.rangeValue {padding: 0 5px 0px 0;float: inherit;}
.cardSelectHldr {padding: 0 15px 0 20px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;float: left;width: 30%;font-size: 12px;}
.availableCards {float: right;padding: 10px 10px 0;width: 29%;font-size: 12px;font-weight: bold;color: #333;}
.rangeHldr input, .cardSelectHldr input {margin: 10px 5px 12px 0;vertical-align: middle;}
.commonApplyProducts{overflow:hidden;background:#f6f6f6;width:100%;}
.commonApplyProducts ul li{float:left;width:214px;border-right:1px solid #ccc;}
.commonApplyProducts ul li.bdrRgtNone{border:none;}
.commonApplyProducts ul li .IconHolder{padding:15px;overflow:hidden;}
.commonApplyProducts ul li .IconHolder .IconLeft{width:40px;float:left;}
.commonApplyProducts ul li .IconHolder .IconContent{margin-left:10px;width:134px;float:left;}
.commonApplyProducts ul li .IconHolder .IconContent a{color:#000;font-weight:bold;}
.commonApplyProducts ul li .IconHolder .IconContent a.whiteClr{color:#fff !important;}
.contact-icon{display:inline-block;vertical-align:middle;background:url('/views/images/contact-icon.png') 0 0 no-repeat;width:26px;height:26px;margin-right:5px;}
.call-icon{display:inline-block;vertical-align:middle;background:url('/views/images/call-icon.png') 0 0 no-repeat;width:29px;height:24px;margin-right:5px;}
.visit-icon{display:inline-block;vertical-align:middle;background:url('/views/images/visit-icon.png') 0 0 no-repeat;width:25px;height:26px;margin-right:5px;}
.divider-line{display:inline-block;vertical-align:middle;background:url('/views/images/divider.png') 0 0 no-repeat;width:1px;height:32px;}

.sliderContent {position: absolute;bottom:15px;height: 65px;overflow: hidden;width: 680px;background: url("/mobile/images/desktop/timelinePointbg.png") no-repeat;z-index:12;}
.absScrollBox {position: absolute;bottom: 15px;z-index: 12;width: 660px;height: 65px;background: url("/mobile/images/desktop/slider.png") no-repeat center 55px;}
.timeLineTabs a {text-align: center;float: left;display: block;width: 105px !important;height: 0;padding-top: 75px;outline: none;outline-style: none;}
.airasiaGetStart{overflow:hidden;position: relative; margin: 0 0 25px;background: url("/mobile/images/desktop/getstarted-bg.png") no-repeat;left:0px;background-size:100%;width: 100%;}
.timeLineTabs a.current{width: 135px;}
.airSliderContentList {min-height: 335px;}


/**************************** Forms CC APPLICATION End *****************************/

/*Micro site */
#microLeftSide{float:none;width:100%;}
#microSidebar{float:none;width:100%;background:#f3f3f3;margin:15px 0 0;}

.bannerPromo .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:5%; width:46%;top:5%;}
.largeTitle{font-size: 24px;line-height: 30px;padding: 0;}
.mediumTitle{font-size: 18px;line-height: 24px;padding: 8px 0 0;}
.smallTitle, .smallTitleSlide{font-size: 12px;line-height: 18px;padding: 4px 0 0;}
.bannerBtn{position:absolute; bottom:15px; right:15px; z-index: 9;}
.gridIcon{float:left;width:12%;padding:0 3% 0 0}
.gridContWrap{float:left;width:85%;padding:0;}

.width-2{width:36%;margin-right:30px;}
.width-3{width:59%;}
.input-2{width:73%; margin:0 0 0 15px;}
.selectCardsHldr .selectType {width:22.21%}

/******************* What's New **********************/
.innerWrapCont{margin:25px 10px 0;overflow:hidden;}
.innerWrapLft{float:left;width:100%;padding-right:0px;}
.innerWrapRht{float:left;width:560px;}
.lineBg{background:url("/views/images/middle-bg.png") no-repeat center bottom;height:9px;margin:20px 0 0;}
.contInnerAreaPad{padding:10px;}
.appArea{overflow:hidden;padding:10px 10px 0;background:url("/views/images/pattern.png") repeat;float:left;padding:20px;overflow:hidden;}
.appAreaMid{margin:0 15px;}
.appAreaImg{margin-right:10px;width:6%;float:left;}
.appAreaCont{float:left;width:85%;}
/******************* What's New **********************/
.tableEducBene{word-wrap:break-word;font-size:10px;}
.tableEducBene th{font-size:11px;}

.formKanaPad{padding-top:15px !important;}

}
@media (min-width: 1025px){
.airAsiaTopMnu ul{width:100% !important;}
}

/* Mobile */
@media (max-width: 767px) {

.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}

ul.slides li:nth-child(1) .bannerTit, .bannerTit {
	margin-top: -40.5px !important;
}
.flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;}

.rede-tabHldr{width: 100%;}
	#leftSide{width: 100%;}
	.rede-tabHldr .RCIP.RCIP_VN h2{padding: 10px 0;}
	.redeRgtFormHldr{width: 100%;margin-left:0;margin-top: 15px;}
	.redeRgtFormHldr .rowForm.rowTenor .formLabel {width: 153px;}
	.innerWrapCont{margin-top: 0;}
	.rcIplan li.rede-date{padding: 0 0 10px 40px;}
	.redeRadio input[type="radio"] {margin: 5px 0;}


.formHldr.formHldrWrap .sbSelector{width:208px !important;}
.bannerSorry .bannerTitle{top:40%;}
.bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size:22px;}

.selectCardsHldr .selectType.first, .selectCardsHldr .selectType.second {width: 100%;}
.airAsiaTopMnu ul li{padding: 12px 10px 10px 10px;}
.visible-phone {display: inherit !important;}
.visible-tablet {display: none !important;}
.hidden-phone {display: none;}
.lftNavMo {margin: 10px 10px 0;background: #F9FAFC url("/views/images/arrow.png") right center no-repeat;border: 1px solid #C3D0E1;border-radius: 5px;padding: 10px 10px 8px;overflow: hidden;cursor: pointer;}
.lftNavMo.active {background: url("/views/images/close.png") right center no-repeat;display: block;padding: 10px 10px 8px;margin: 10px 10px 0 10px;border-bottom: none;border-radius: 5px 5px 0 0;}
#sidebar {margin: 0 10px;border: 1px solid #ccc;border-top: none;border-radius: 0 0 5px 5px;}
#header {background: #fff;}
.pageTitle {margin: 0;color: #364656;text-align: left;float: left;}
.visible-desktop {display: none !important;}
.fbShareMob{border-radius:3px 3px 3px 3px; width:20%; height:26px;}
.topBox{padding: 20px 10px 10px;}
.topBoxBtn .left {float: left; width:290px;}
.topBox .topBoxInner .right {float: right; margin-left:0px; padding-top:15px;}
.topBox .topBoxInner .left {float: left; width:100%;text-align: center;}
.topBox .topBoxInner .right {float: left; width:100%;}
.topBox .topBoxInner .left a.blueBtn{float: left; text-align: left;}
.tabBtnBlock{padding-right:10px;}
.tblColumnTen{width:10%;}
.formInner .formValue{display:inline-block;}

.formDetailsinner .cLsContactus.addReferral li{width:100% !important;border-bottom:1px dotted #ccc;margin-bottom:10px;}
.formDetailsinnerBlock .cLsContactus.addReferral li{border-bottom:none;}
.formKanaPad{padding-top:15px !important;}

.formDetailsinner .cLsContactus.addReferral li:first-child, .formDetailsinner .cLsContactus.addReferral li:last-child{border-bottom:0;margin-bottom:0px;}
.cLsContactus.addReferral .fndName, .cLsContactus.addReferral .fndNo{width:100%;padding-right:0;}
.formDetailsinner .cLsContactus.addReferral .fndName input,.formDetailsinner .cLsContactus.addReferral .fndNo input{width:185px;}

/******************* What's New **********************/
.innerWrapLft{
	width:100%;
	float:none;
	padding-right:20px;
}
.innerWrapRht{
	width:100%;
	float:none;
}
.appArea{
	padding:0 10px;
}
.appAreaLft, .appAreaMid{
	float:none;
	width:93%;
	margin-bottom:10px;
	margin-left: 0;
    margin-right: 0;
	height:auto;
	padding:15px 15px 10px;
}
.appAreaImg {
	width:40px;
}
.appAreaCont {
	width:85%;
}

/******************* What's New **********************/
ul.promoInnBlock {padding-right: 0px;}

ul.promoInnBlock li.left {float: left;padding: 0 0px 0 0;width: 100%;list-style:none; height:auto !important; padding-bottom:10px;}
	ul.promoInnBlock li.left h3, ul.promoInnBlock li.right h3{overflow:hidden;}
	ul.promoInnBlock li.left h3 span.promoInnTopPad, ul.promoInnBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
	ul.promoInnBlock li.left h3 span, ul.promoInnBlock li.right h3 span{float:left; padding-right:5px; display:block;}
ul.promoInnBlock li.right {border-left: none;float: left;width: 100%;list-style:none; height:auto !important; border-top:1px dotted #cccccc; padding-top:20px;}

.promoOutPad{padding:10px 0 0;}
ul.promoBoxBlock {padding: 0px;}
ul.promoBoxBlock li.left {float: none;padding:10px 15px;width: auto;list-style:none; height:auto !important; padding-bottom:10px;}
	ul.promoBoxBlock li.left h3, ul.promoBoxBlock li.right h3{padding:0px;}
	ul.promoBoxBlock li.left h3, ul.promoBoxBlock li.right h3{overflow:hidden;}
	ul.promoBoxBlock li.left h3 span.promoInnTopPad, ul.promoBoxBlock li.right h3 span.promoInnTopPad{padding:4px 0 0 5px;}
	ul.promoBoxBlock li.left h3 span, ul.promoBoxBlock li.right h3 span{float:left; padding-right:5px; display:block;}
ul.promoBoxBlock li.right {border-left: none;float: none;padding: 10px 15px;width: auto;list-style:none; height:auto !important; border-top:1px dotted #cccccc;}

ul.topMenuRight li.searchIconmMob{background: url("/views/images/mobile/searchIcon.png") no-repeat 8px 6px;background-size:15px 12px;width:23px;height:18px;margin: 0;padding-right: 0px;}
ul.topMenuRight li.searchIconmMob.active{background: url("/views/images/mobile/searchIconactive.png") no-repeat 8px 6px;background-size:15px 12px;}

/*Product Tab Area */
.productWrapPro{border-bottom:1px #ccc dotted; padding:0 0 0px;margin:0 0 20px;overflow:hidden;}
	.productsListPro {float: inherit; width:100%; position:relative; padding:0px;}
	.productsListPro .hideArrow, .productsListPro .showArrow{top:20px; right:0px; float:right;}
	.productsListPro .thumbImg{width:100%;}
	.productsListPro.center { border-top:1px dotted #ccc; padding:20px 0 0 0; border-left:none;}
	.productWrapPro .productsListContWrap{margin:0 0 0 0;}
	.productsListPro .thumbImg{float: left;padding: 0 0 0 0px;}
/*Product Tab Area  End*/

.searchMobWrap{background:#333;padding:8px 10px;display:none;}
.searchMobWrap.active{display:block;}
.searchMobWrap .searchBoxWrap{-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;background:#FFF  url("/views/images/mobile/searchBoxIcon.png") no-repeat scroll 12px center;background-size:12px 11px;padding:1px 15px 1px 30px;}
.searchBoxWrap .searchBox{border:0;width:95%;font-size:14px;color:#666;}

.mainMenu {padding: 7px 7px 0;}
.mainMenuIcon, .logOutIcon {width: 40px;height: 30px;margin:0;}
.mainMenuIcon, .mainMenuIcon.active {float: left;background: url("/views/images/mobile/menu.png") no-repeat scroll 0 0 transparent;background-size: 100% 100%;}
.logOutIcon {float: right;background: url("/views/images/mobile/signOnBtn.png") no-repeat scroll 0 0 transparent;background-size: 100% 100%;}
.mainMenuIcon, .mainMenuIcon.active {background-image: url("/views/images/mobile/menu.png")!important;}
.logOutIcon {background-image:url("/views/images/mobile/signOnBtn.png")!important;}
.logo {float:none;}
.iconBlockPro ul li{float:left; padding:10px 10px 0 40px; margin:0 0 15px 0;}

#nav {left:0;}

.bannerRhtHdr {padding: 0 10px 10px 0;position: absolute;right: 0px;top: 5px;width: 55%;z-index: 1;}

.bannerTitle{padding: 0 20px 0 0;position: absolute;z-index: 1;left:42%; width:auto;}
.largeTitle {font-size: 14px;line-height: 16px;}
.mediumTitle {font-size: 12px;padding: 5px 0 0 0;line-height: 16px;}
.bannerBtn {position: absolute;bottom: 7px;right: 15px;z-index: 9;}

.learnMoreLink a { background: url("/views/images/learn-more.png") no-repeat scroll right 2px transparent;color: #FFFFFF;font-weight: bold;padding-right: 12px;width: 5px; font-size:11px;}
.topContentThump{padding:0 0 10px;}

.tabsWrapper{padding:0;position: inherit;}
.tabContainer{border-radius:5px;margin: 0;padding: 1px;background:#F6F6F6;border-top: 1px solid #CCCCCC;}
.tabContentWrap{border-radius: 5px;padding: 1px;background: #F6F6F6;border-top: 1px solid #CCCCCC;}
.active_content{display:none;}
.tabHeading {border:1px #ccc solid;border-top:0;font-weight: normal;font-size:1.8em;color:#0064B0;padding:25px 35px 25px 10px;cursor: pointer;background:#fff url("/views/images/mobile/tabRightarrow.png") right center no-repeat;}
.tabContentWrap > .tabHeading:first-child, .tabContentWrap > .tabHeading.active:first-child{border-top:1px #ccc solid;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.tabHeading{border-bottom:1px #ccc solid;}
.tabContentWrap > div:nth-last-child(2) {border-radius: 0 0 5px 5px;border-bottom:1px #ccc solid;}
.tabHeading.active {
	background-color: #EAEAEA;
	background-image: url("/views/images/mobile/tabDownarrow.png");
	background-image: url("/views/images/mobile/tabDownarrow.png"), -webkit-linear-gradient(top, #FFF, #EAEAEA); /* For Chrome and Safari */
	background-image: url("/views/images/mobile/tabDownarrow.png"), -moz-linear-gradient(top, #FFF, #EAEAEA); /* For old Fx (3.6 to 15) */
	background-image: url("/views/images/mobile/tabDownarrow.png"), -ms-linear-gradient(top, #FFF, #EAEAEA); /* For pre-releases of IE 10*/
	background-image: url("/views/images/mobile/tabDownarrow.png"), -o-linear-gradient(top, #FFF, #EAEAEA); /* For old Opera (11.1 to 12.0) */
	background-image: url("/views/images/mobile/tabDownarrow.png"), linear-gradient(to bottom, #FFF, #EAEAEA); /* Standard syntax; must be last */
	background-position:right center;
	background-repeat:no-repeat;
}
.tabContentWrap > .tabHeading.active{border-radius:0;border-bottom:1px solid #CCCCCC;}
.tabContent {border: 1px #ccc solid;border-top: 0;padding: 10px;display: none;}
.tabContent:last-child {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

.listcontentFooter{margin:10px 10px 0 10px;}
.listcontentFooter ul li.first, .listcontentFooter ul li.center, .listcontentFooter ul li.right {text-align: center;padding: 15px 0px 15px 0px;}
.listcontentFooter span {display: block;left: inherit;margin: 0 auto 5px;position: inherit;top: inherit;width: 57px;height: 38px;}
.listcontentFooter ul li {border:0;}

.iconPhone {background: url("/views/images/mobile/call.png") no-repeat scroll center transparent;}
.iconMail {background: url("/views/images/mobile/mail.png") no-repeat scroll center transparent;}
.iconVisit {background: url("/views/images/mobile/branch.png") no-repeat scroll center transparent;}

.footerLinksList {float: none;padding: 0 23px 0 0;position: relative;}
.footerLinksList ul li {float: left;padding: 0 15px 0 0;}
.footerLinksList a {color: #666666;padding-bottom: 4px;display:inline-block;}
.footerLinksList a:hover {color: #3399CC;text-decoration: underline;}
.footerLinksList a.activeTabHighlight {color: #3399CC;text-decoration: underline;}
.footerRhtLink{float:right;color:#666;padding:4px 0 0;}

.appFooterScrolTop, .appFooterScrolBot {display: block;height: 16px;position: absolute;right: -5px;top: 4px;width: 21px;}
.appFooterScrolBot {background: url("/views/images/mobile/showArrow.png") no-repeat scroll 0 2px transparent;background-size:14px 9px;}
.appFooterScrolTop {background: url("/views/images/mobile/arrow.png") no-repeat scroll 0 0 transparent;background-size:9px 14px;}
.footerList {float: left;padding-top: 10px;width:100%;}
.footerMenu {height: 16px;overflow: hidden;}
.copyRight {float: none;text-align: left;padding-left: 90px;}


.thumbImg {float: none;margin: 0 0 10px;}
.productsListCont {margin: 0;}
.TermsAndConditions{display:none;}
.termsPlus, .termsMinus {cursor: pointer;display: inline-block;float: left;width: 14px;height: 14px;margin-right:10px;}
.termsMinus {background: url("/views/images/minus.png") no-repeat scroll 0 0 transparent;}
.termsPlus {background: url("/views/images/plus.png") no-repeat scroll 0 0 transparent;}
.tabBotBtn {padding: 5px 10px 20px 10px;}
.tabBotBtn .greyBtn, .tabBotBtn .blueBtn{margin-right:0;}
.tableWrap tr th, .tableWrap tr td{font-size:12px;padding: 13px 10px;}
.contInnerList ul{float:none; padding-right:0px;}

.listBox li{width:95.5%;background:#fff;border:1px solid #ccc;padding:10px;float:none;min-height:0px;}
	.listBox li.rhtArro{background:url("/views/images/mobile/rht-arrow.png") center center no-repeat;background-size:100% 100%;width:auto;border:none;box-shadow:none;margin: 10px 0;text-align: center;}

ul.stepHldr li span.stepList{width:10%;}
	ul.stepHldr li span.stepCont{width:87%;}

.homeTopBtn li.applycreditcard {width: 100%;}
.homeTopBtn li.applycreditcard a {padding: 15px 0 15px;text-align: center;}
.selectCardsHldr .selectType.first, .selectCardsHldr .selectType.second {width: 100%;}
.airAsiaTopMnu ul li{padding: 12px 10px 10px 10px;}
.visible-phone {display: inherit !important;}
.visible-tablet {display: none !important;}
.hidden-phone {display: none;}
/* Home */
.marketOfferContent {position: absolute;left: 30px;top: 30px;width: 250px;}
.offerContLargeHdr {font-family: "Interstate";font-size: 16px;font-weight: bold;line-height: 18px;padding-top: 15px;}
.offerContLargeHdrx {font-family: "Interstate";font-size: 16px;font-weight: bold;line-height: 18px;padding-top: 15px;}
.offerContMediumHdr{font-size:12px;}
.offerContSmallHdr{font-size: 11px;}
.learnMoreBtn {margin: 15px 0 0;}

.homeWrap{background: url("/views/images/mobile/patten.png") repeat 0 0;overflow: hidden; background-size:100% auto;}

.homeTopBtn{background:url("/views/images/mobile/homeTopBtnBg.png") repeat-x;background-size:1px 100%;overflow:hidden;border-top:1px #38A4D3 solid;border-bottom:1px #1B6DA9 solid;}
.homeTopBtn li{float:left;width:50%;display:block;background:url("/views/images/mobile/buttonDivder.jpg") no-repeat 0 0;background-size:4px 100%;}
.homeTopBtn li a{color:#FFF;padding:35px 0 10px;margin:0 4px 0;display:block;text-align:center;font-size:12px;font-weight: bold;}
.homeTopBtn li.first{background:none;}

.homeTopBtn li.rewardsRedemption a{background:url("/views/images/mobile/rewardsRedemption.png") no-repeat center 6px;background-size:30px 30px;}
.homeTopBtn li.signOn a{background:url("/views/images/mobile/signOn.png") no-repeat center 6px;background-size:30px 30px;}
.homeTopBtn li.travelInsurance a{background:url("/views/images/mobile/credit-card-prom.png") no-repeat center 6px;background-size:30px 30px;}


.contactPanel{background:url("/views/images/mobile/contactPanelbg.png") repeat-x;background-size:1px 100%;padding:14px 10px;border-bottom:1px #194E8A solid;}
.contactPanelHdr{color:#FFF;font-weight:bold;}
.contactPanelList{border:1px #005094 solid;background:#FFF;border-radius:5px;color:#1D2B3B;overflow:hidden;margin: 10px 0 0;}
.contactPanelList li{border-bottom:1px #EDEDEE solid;font-size: 13px;width:50%; float:left;}
.contactPanelList li a{color:#1D2B3B;padding:15px;display:block;}
.contactPanelList li{border:0;}

.contactPanelList2{border:1px #005094 solid;background:#FFF;border-radius:5px;color:#1D2B3B;overflow:hidden;margin: 10px 0 0;}
.contactPanelList2 li{border-bottom:1px #EDEDEE solid;font-size: 13px;}
.contactPanelList2 li a{color:#1D2B3B; padding:15px 0 15px 50px;display:block;}
.contactPanelList2 li{border:0;}
.contactPanelList2 li a.email{background:url("/views/images/mobile/email.png") no-repeat 18px center;background-size:20px 20px;}

.signWrap{background:url("/views/images/mobile/signOnbg.png") repeat-x;padding:8px 13px;background-size:1px 100%;}
.signWrap a{background:url("/views/images/mobile/midButton.png") repeat-x;background-size:1px 100%;padding:8px 0;display:block;color:#FFF;border-radius:6px;text-align:center;border-left:1px #074A7B solid;border-right:1px #074A7B solid;}
.signWrap a span{display:inline-block;background:url("/views/images/mobile/signLock.png") no-repeat left center;background-size:9px 12px;padding:0 0 0 16px;}
.appStoreWrap{width: 192px;margin: 0 auto;padding:0 0 12px;}
.newsAdLogo{float: left;height: 40px;width: 55px;margin: 0 0;}
.newsAdGrayTxt {color: #333333;padding: 10px 0px 10px 60px;}
.newsAdBtm{text-align:right;font-size: 11px;padding:0;}
.newsAdLogo{float:left;padding: 10px 0 0;}
 .fb_iframe_widget span {overflow:hidden !important;}
.scrollAreaTxt{padding-left: 24px;display: block;}
/* Home End */
.thumbWrap{overflow:hidden;}
.thumbWrap img{float:inherit;margin:0 0 10px 0;}

ul.cardsTab {margin: 0 0 15px;overflow: hidden;background:#EDEEF0;border-radius:5px;box-shadow:0 0 5px #ddd inset;}
ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;width:19.3%;}
ul.cardsTab li a {display: block;height: 46px; font-size:11px;line-height:12px;}
ul.cardsTab li:hover, ul.cardsTab li.active {background:#FDFDFD;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FDFDFD), to(#F8F8F8));background: -webkit-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -moz-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -ms-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -o-linear-gradient(#FDFDFD, #F8F8F8 70%);background: linear-gradient(#FDFDFD, #F8F8F8 70%);border-radius:5px;box-shadow:0 0 5px #ddd inset;}
ul.cardsTab li:hover a, ul.cardsTab li.active a{border:1px solid #ddd;}
ul.cardsTab.deposits li{width:15.95%}
ul.cardsTab.deposits li, ul.cardsTab.deposits li a{height:46px;}

ul.cardsTab li a.rewards {background: url("/views/images/credit_card/mobile/rewards-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/views/images/credit_card/mobile/rewards-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travel {background: url("/views/images/credit_card/mobile/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/views/images/credit_card/mobile/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.cashRebate {background: url("/views/images/credit_card/mobile/cash-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.cashRebate, ul.cardsTab li.active a.cashRebate{background:url("/views/images/credit_card/mobile/cash-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.business {background: url("/views/images/credit_card/mobile/business-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/views/images/credit_card/mobile/business-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showAll {background: url("/views/images/credit_card/mobile/show-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showAll, ul.cardsTab li.active a.showAll{background:url("/views/images/credit_card/mobile/show-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.checkingAcc {background: url("/english/deposits/images/mobile/current-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.checkingAcc, ul.cardsTab li.active a.checkingAcc{background:url("/english/deposits/images/mobile/current-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingsAcc {background: url("/english/deposits/images/mobile/saving-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingsAcc, ul.cardsTab li.active a.savingsAcc{background:url("/english/deposits/images/mobile/saving-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.timeDeposit {background: url("/english/deposits/images/mobile/time-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.timeDeposit, ul.cardsTab li.active a.timeDeposit{background:url("/english/deposits/images/mobile/time-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.foreignCurrAcc {background: url("/english/deposits/images/mobile/foreign-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.foreignCurrAcc, ul.cardsTab li.active a.foreignCurrAcc{background:url("/english/deposits/images/mobile/foreign-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.fundTransfer {background: url("/english/deposits/images/mobile/fund-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.fundTransfer, ul.cardsTab li.active a.fundTransfer{background:url("/english/deposits/images/mobile/fund-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showall {background: url("/english/deposits/images/mobile/show-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showall, ul.cardsTab li.active a.showall{background:url("/english/deposits/images/mobile/show-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travelInsur {background: url("/english/insurances/images/mobile/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travelInsur, ul.cardsTab li.active a.travelInsur{background:url("/english/insurances/images/mobile/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.motorInsur {background: url("/english/insurances/images/mobile/motor-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.motorInsur, ul.cardsTab li.active a.motorInsur{background:url("/english/insurances/images/mobile/motor-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.savingProtect {background: url("/english/insurances/images/mobile/savings-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.savingProtect, ul.cardsTab li.active a.savingProtect{background:url("/english/insurances/images/mobile/savings-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.hospitalization {background: url("/english/insurances/images/mobile/hospital-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.hospitalization, ul.cardsTab li.active a.hospitalization{background:url("/english/insurances/images/mobile/hospital-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.homeProtect{background: url("/english/insurances/images/mobile/home-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.homeProtect, ul.cardsTab li.active a.homeProtect{background:url("/english/insurances/images/mobile/home-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showallInsur{background: url("/english/insurances/images/mobile/show-on.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.showallInsur, ul.cardsTab li.active a.showallInsur{background:url("/english/insurances/images/mobile/show-off.png") no-repeat scroll center center transparent;}



ul.cardsTab li a.whatPreMiles{background: url("/premiermiles/images/filter/mobile/what-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.whatPreMiles, ul.cardsTab li.active a.whatPreMiles{background:url("/premiermiles/images/filter/mobile/what-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.earnPreMiles{background: url("/premiermiles/images/filter/mobile/earn-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.earnPreMiles, ul.cardsTab li.active a.earnPreMiles{background:url("/premiermiles/images/filter/mobile/earn-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.redeemPreMiles{background: url("/premiermiles/images/filter/mobile/redeem-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.redeemPreMiles, ul.cardsTab li.active a.redeemPreMiles{background:url("/premiermiles/images/filter/mobile/redeem-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.soarPreMiles{background: url("/premiermiles/images/filter/mobile/soar-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.soarPreMiles, ul.cardsTab li.active a.soarPreMiles{background:url("/premiermiles/images/filter/mobile/soar-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travelPri{background: url("/premiermiles/images/filter/mobile/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travelPri, ul.cardsTab li.active a.travelPri{background:url("/premiermiles/images/filter/mobile/travel-off.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.hotelPri {background: url("/premiermiles/images/filter/mobile/hotel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.hotelPri, ul.cardsTab li.active a.hotelPri{background:url("/premiermiles/images/filter/mobile/hotel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.shopPri {background: url("/premiermiles/images/filter/mobile/shopping-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.shopPri, ul.cardsTab li.active a.shopPri{background:url("/premiermiles/images/filter/mobile/shopping-off.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.diningPri {background: url("/premiermiles/images/filter/mobile/dining-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.diningPri, ul.cardsTab li.active a.diningPri{background:url("/premiermiles/images/filter/mobile/dining-off.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.exclusivePri {background: url("/premiermiles/images/filter/mobile/exclusive-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.exclusivePri, ul.cardsTab li.active a.exclusivePri{background:url("/premiermiles/images/filter/mobile/exclusive-on.png") no-repeat scroll center center transparent;}



ul.bottomLinksWrap{border-top: 1px #ccc dotted;padding: 5px 0 10px;}
ul.bottomLinksWrap.last{border-top: none; padding-bottom:0px;}
.bottomBox h3, .bottomLinksWrap h3, .bottomPromo h3 {font-size: 16px;padding: 5px 25px 5px 0;}
.bottomLinksWrap .linkList, .bottomPromo .linkList{height:auto !important;}
ul.bottomPromo li h3, ul.bottomPromo li p, ul.bottomPromo li.left, ul.bottomPromo li.right, ul.bottomPromo li.left.creditCard, ul.bottomPromo li.right.creditCard{height:auto !important;}

ul.bottomLinksWrap li.left, ul.bottomLinksWrap li.center, ul.bottomLinksWrap li.right, ul.bottomLinksWrap li.normal {width: auto;border:0;padding:10px 35px 0 10px;float:none; height:auto !important;}
ul.bottomLinksWrap li.left{padding-bottom:10px;}
ul.bottomLinksWrap li.center{border-top:1px #ccc dotted; border-bottom:1px #ccc dotted; padding-bottom:10px;}
ul.bottomLinksWrap li.center.noBorderBtm{border-bottom:none;}
ul.bottomPromo li.left.noBorderBottom{border-bottom:none;}
ul.bottomLinksWrap li.bottomLinkBtn{padding:0 0 0 10px;}
ul.bottomPromo {padding:0;}
ul.bottomPromo li ul.linkList{height:auto !important;}
ul.bottomPromo li.left, ul.bottomPromo li.right {height:auto !important;}
ul.bottomPromo li.left, ul.bottomPromo li.right, ul.bottomPromo li.left.creditCard, ul.bottomPromo li.right.creditCard{float:none;padding:10px;width:auto;overflow:hidden;border:none;}
 ul.bottomPromo li.right {border-top:1px #ccc dotted;}

.collapseWrap{position:relative;}
.collapseContent{display:none;}
.collapseContent.active{display:block;}
.cmnImgHldRgt{float:left;width:60%;}
.iconBlock{ width:100%;}
	.iconBlockInner{overflow:hidden; width:100%; padding-bottom:10px;}
		.iconBlkInnLft{float:left; padding-right:15px; width:25px;}
		.iconBlkInnRgt{float:left; width:84%;}
		.iconBlkInnLft2{float:left; padding-right:15px; width:39px;}
		.iconBlkInnRgt2{float:left; width:80%;}
		.portraitTable td{font-size:8px;}
		.portraitTableLarge td{font-size:9px;}
		.showHideContTable{padding:0;}
		.tableBreak{word-wrap:break-word;}
		.tableNo{width:10%;}
		.innerTableNo{width:12%;}

ul.loanCal li{float:left; padding:0 20px 0 0; width: 42%;}
	ul.loanCal li input{float:left; margin:0 10px 0 0 !important;}
ul.loanCal li span{float:left; width:5%;}
.tooltipWrap{
	position: inherit;
}

.tooltip .arrow{
	display:none;

}
.sbOptions{
	background-color: #F7F7F7;
	border: solid 1px #ccc;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	width: 232px;
	z-index: 1;
	overflow-y: scroll !important;
	overflow-x:hidden !important;
}

.tooltip{
	bottom: auto !important;
	left: 5% !important;
	margin: 0 !important;
	right: 5% !important;
	width: 85%;
}
.tooltipInnerImg{
	width: 88px;
	left: 62% !important;
}


.bannerProdTile .largeSubTitle{padding-top:3px !important;}
#slides {left: 0;}
ul.slidesjs-pagination {bottom:10px;left: 213px;}
.bannerSlider{height:136px;}
/* Tab inner left and right block */
.tabProBlockInn .right{float:left; padding-left:20px; width:60%;}

/*Grphe */
.barGraph{width:100%; height:380px;}

/*PremierMiles */
ul.cardsTab.preMilesTab li {

height: 46px;
}
ul.cardsTab.preMilesTab li a{

height: 46px;
}

/* Aireasia */
.airAsiaBlock{position: relative;margin:0 0px 25px 0px; overflow:visible;}
.airAsiaBlock .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 20px 20px 0 10px;position: absolute;z-index:1;left:0%; width:auto;}
.airAsiaBlock .largeTitle{font-size: 23px;line-height: 30px;padding: 0 0 10px 0;}
.airAsiaBlock .smallTitle{font-size: 12px;line-height: 18px;margin: 0 10px 0 0;}



.airAsiaBlockList ul{padding:0px;}
.airAsiaBlockList ul li .mainLst .left{float:left; padding:0 0px 0 15px; width:98%; border-bottom:1px solid #dfdfdf;}
.airAsiaBlockList ul li .mainLst .mid{float:left; padding:0 0px 0 15px; width:98%; border:none;}
.airAsiaBlockList ul li .mainLst .right{float:left; padding:0 0px 0 15px; width:98%; border-top:1px solid #dfdfdf;}
	.airAsiaBlockList ul li .mainLst .left .leftInn, .airAsiaBlockList ul li .mainLst .mid .leftInn, .airAsiaBlockList ul li .mainLst .right .leftInn{width:82px;}
	
	.airAsiaCardAreaInn .mid{width:65%;}

	.airAsiaBlockInner .getDetail li.talk{float:left; margin:0 0 0 20px;}

	.airAsiaBlockList ul li .mainLst h3, .airAsiaBlockList ul li .mainLst p{height:auto !important;}



/* Form Block */
.jqTransformSelectWrapper select.cLsDropDown{width:360px;}
	.formDetails tr td{float:none; text-align:left; padding-top:10px;}
		.formDetails tr td {padding-bottom: 0px !important;}

		
/* CitiPhone Banking */
	.citiPhoneBlockLft{float:left; width:100%;}
	.citiPhoneBlockRgt{float:left; width:100%;}
	
.rhtPartCont {float: left;padding: 10px 0 0 0px;width: 100%; padding-left:0px;}
.proPromInnLstBlk{float:left; width:100%;}

.promoBoxBlock ul.numLst.noPadBtm, .iconBlockInner.noPadBtm{padding-bottom:0px;}
.listcontentFooter span.footInnTxtEmail{padding-left:0px !important;}
.listcontentFooter span.footInnTxtVst {padding-left:0px !important;}
.productsListContWrap {margin: 0;}


.productsList, .readyTab1, .readyTab2{
	background-color: #EAEAEA; /* fallback color if gradients are not supported */
	background-image: -webkit-linear-gradient(top, #FFF, #EAEAEA); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #FFF, #EAEAEA); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #FFF, #EAEAEA); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #FFF, #EAEAEA); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #FFF, #EAEAEA); /* Standard syntax; must be last */
}
.productsListContWrap .left, .productsListContWrap .right, .productsListContWrap .center {
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 50px 10px 10px;
    position: relative;
}
ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:0px;}

.CommonWrapperTwo{overflow:hidden; width:98%; padding:0 10px;}
.topContentAplyWrap a {width: auto !important; padding: 5px 10px;}
.cardBtnAlgn a{padding: 5px 5px!important;}
	.blueBtn{color: #FFFFFF;display: inline-block;padding: 5px 10px;font-size:12px;border-radius:3px; text-align:center; width:auto;}
	.greyBtn{color: #FFFFFF;display: inline-block;padding: 5px 10px;font-size:12px;border-radius:3px; text-align:center; width:auto;}


/**************************** Forms CC APPLICATION Start *****************************/
	.formHldr{padding:0 10px;width: 94%;}
	.innerCont{padding-bottom: 15px;}
	.cardSelect {width: 91%;}
	.cardName {width: 55%;}
	.cardName h4{padding-right:10px;cursor:pointer;}
	.cardDetails{width:100%;}
	.cardDetails{width:100%;}
	.formHldr{padding:0 10px;width: 94%;}
	.formHldr .formInner{margin:0;}
	.formInner .formField{width:50%;float:left;}
	.formInner .formValue{width:45%;float:left;}
	.tabHldr{float:none;width: auto;margin-top:20px;}
/**************************** Forms CC APPLICATION End *****************************/
/**************************** Calculator Slider ***********************************/
.calcWrap{padding-bottom: 40px;overflow: hidden;}
.calcWrap.calcShellCredit{padding-bottom: 0px;}
.calcInnerHdrMo .calcCategory{width:40%;float:left;}
.calcInnerHdrMo .calcCategory.giant{width:40%;float:left;}
.calcInnerHdrMo .calcSpend{padding:0;width:100%}
.calcInnerHdrMo .calcSpend.giant{padding:0;width:100%}
.calcInner h2{padding:0;}
.calcInner{clear:both;}
.calcCategoryHdrTxt {width: 100%;}
.calcCategory {width: 100%;float:none;}
.calcCategory.giant{width: 100%;float:none;}
.calcSpend {width: 87%;float:none;padding:15px 18px 30px;}
div.ui-slider {width: 100% !important;}
.calcRateLft {width: 130px;padding: 0 20px 0 0;}
.calcRateMid {width: 140px;padding: 0 0px 26px 0;}
.calcRateRht {width: 138px;border-left: 0;padding: 0 0 0 20px;}
.calcRateRht input{margin:0;}
.calcRateBtm{width:100%; padding:10px 0 0 0;}
.calcInner input.RMVal{margin-left:20px;}
.calcPaylft{width:80%;}
.calcCategory.readyCredit{float:left;width:250px;padding:0 0 15px 0;}

.tabsmenuWrapper {border: none;overflow: hidden;background: #fff;width: 100%;margin: 20px 10px;}
.tabmenuContainer{width:95%;padding:1px;float: none;border-radius: 5px;background: #fff;border-top: 1px solid #CCCCCC;border: 1px solid #c1c1c1;}
.tabmenuInnerLft, .tabmenuInnerRht{float:none;width:100%;}
.tabmenuInnerRht{padding: 20px 0 0 0;border-left: none;}
.tabInnerImg{text-align:center;}
.tabmenuContent{padding:10px;border: 1px #ccc solid;border-top: 0;}
.tabmenuContent.active{display:none;}
.tabMenuHeading {border: 1px #ccc solid;font-size: 16px;border-top:0;color: #0064B0;padding: 20px 35px 20px 10px;cursor: pointer;background: #EBEBEB url("/views/images/mobile/tabRightarrow.png") right center no-repeat;background-size:100% 100%;}
.tabMenuHeading.active{background:#fff url("/views/images/mobile/tabDownarrow.png")right center no-repeat;background-size:100% 100%;}
.tabMenuHeading:first-child {border-radius: 5px 5px 0 0;border-top: 1px #ccc solid;}
.iconHdrCont{padding-bottom:0 !important;}
.calcShellMo .calcCategory{width: 23%;}
.calcShellMo .calcSpend{float: left;width: 42%;}
.calcShellMo .calcSpendYear{width: 35%;}
.calcSpendYearMo{padding-left:20px;}
.calcShell .calcSpendShell {width: 45.5%;float:left;}
.calcShell .calcSpendShell.firstSell {padding-left:89px;}
.calcRateMidShell{padding-bottom:0;}
.calcRate p.disclaimer{width:100%;}

.calcInnerWrap{position:relative;padding-bottom:0;}
.calcInnerWrap li{float:none;}
.calcInnerWrap li.first{width:18%;float:left;}
.calcInnerWrap li.second{width:35%;float:left;}
.calcInnerWrap li.third{width:92%;margin: 50px 0 0 18px;padding-bottom: 20px;}
.calcInnerWrap li.fourth {width: 28%;text-align: center;float: right;position: absolute;top: 22px;right: 0;padding-left:0;}

.calcInnerWrapHdr{padding:20px 0 0;}
.calcInnerWrapHdr li{float:left;font-weight:bold;}
.calcInnerWrapHdr li.first{width:18%;}
.calcInnerWrapHdr li.second{width:23%;}
.calcInnerWrapHdr li.third{width:30%;}
.calcInnerWrapHdr li.fourth{width:27%;text-align:right;padding-left:0;}

/* Airasia HomePage End */

.airAsiaBlockInner {position: absolute; top: 264px; width: 99%; z-index: 999; padding:0 0 0 10px;} 
	.airAsiaBlockInner .left{float:right; padding:30px 15px 0 0;width:66%;position:relative;}
	.airAsiaBlockInner .mid{float:left;padding:0 15px 0 0;width:24%;position:relative;}
		.airAsiaBlockInner .mid .first{position:relative;}
		.airAsiaBlockInner .mid .second {top: 116px;float: inherit;padding-left: 0px;position: absolute;left: 0;width:89%;}

	.airAsiaBlockInner .right{float:right; width:66%; padding:51px 20px 0 0;}
	
.airAsiaBlockInner .left h3, .airAsiaBlockInner .right h3 {
color: #555555;
}
.airAsiaBlockList.airAsiaMain {
overflow: hidden;
margin: 280px 10px 20px 10px;
}
.airAsiaBlockList.premiermiles {
overflow: hidden;
margin: 0px 10px 20px 10px;
}

.airAsiaBlock .topBoxBtn {
position: absolute;
z-index: 999;
bottom: -56px;
top: 487px;
left: 10px;
}

.airAsiaTopMnu {
border: 1px solid #CCCCCC;
background: url("../images/microsite/topmenu-bg.jpg") repeat-x;
overflow: hidden;
height: 42px;
margin-top: 10px;
}

.airAsiaTopMnu ul{background:none; width:569px;}
.airAsiaTopMnuInn{float: left;
width: 78.6%;
overflow: hidden;
position: relative;
height: 42px;
border: 1px solid #ccc;
border-top: none;
border-bottom: none;}



/* Airasia HomePage End*/

.tblColumn10{width:20%;}
.calcInner input.RMVal{float:left; width:80px;font-size:14px;padding: 5px 0;border:1px solid #ccc;text-align:center;}
.calcWrap.calcInnerPad{padding-bottom:0px;}
/* Kana Form */
.cLsContactusManual .radioValueInn span.clsFloatNone{clear:left; float:left;}

.clsFloatNone3{clear:left; float:left;}

.formDetailsContainer .formDetailsinner ul.cLsContactus > li{padding-right:0px; width:255px !important;}
.formDetailsinner ul.cLsContactus > li{padding-right:0px; width:225px !important;}

.formDetailsinner ul.cLsContactus > li.clsInnFormWid{float:left; width:auto !important;}
.formDetailsinner ul.cLsContactus > li p.commonSpacing{margin:10px 0 0 0;}
.formInner .formField {
    float: left;
    width: 44%;
}
.formInner .formValue {
    float: left;
    width: 50%;
}

.formClearLft{clear:left;}

.formDetailsinner ul.cLsContactus, .formDetailsinner ul.cLsContactusManual {display: block;padding: 20px 20px 20px 20px; width:93%;}

#fancybox-wrap{position:absolute !important; width:80% !important; left:6% !important;}
#fancybox-content{width:95% !important; height:auto!important;}
#fancybox-content-inner{width:100% !important;}
ul.cLsContactus li.clsMarFormTop{margin-top:10px;}
.tabProBlockInn .right .clsPadTopPro{padding:0px 0 0 0;}

/* Card Selector */
#comapreHldr{
	padding:0;
}
.selectCardsHldr{
	border:none;
	padding:0;
	margin:10px 0 0 0;
}
.compareHdr{
	padding:10px 0;
}
.compareHdr p{
	padding:10px;
}
.selectCardsHdr{
	background:#f5f5f5;
}
.rangeHldr{
	width:100%;
}
.rangeHldrComp {
	width: 100% !important;
}
.rangeValue{
	display:block;
	padding:0 0 10px;
}
.rangeHldrComp .rangeValue {
	display: block !important;
	padding:0 0 10px;
}
.cardSelectHldr{
	padding:0;
	width:100%;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:5px;
}
.cardSelectHldr input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.availableCards{
	width:60%;
	padding:0 10px;
	text-align: left;
	float:left;
	font-size:12px;
}
.availableCardsComp{
	width:60% !important;
}
.availableCardsComp .cardsAvailable{
	font-size:20px !important;
}
.compareAllBtnHldr .viewBtn{
	float:right;
}
.compareAllBtnHldr .blueBtn{
	
	height: 17px;
	margin: 15px 20px 0 0;
	text-align: center;
	width: 91px;
	padding: 5px 10px 3px;
}
.availableCompCards{
	padding-top:0;
}
.availableCards p{
	padding:0;
}
#cardsList{
	float:left;
}
.cardsAvailable{
	font-size: 24px;
	padding:12px 0 0 5px !important;
	float:left;
	color:#333;
}
.compareAllBtn{
	margin:0 10px 0 0;
}
.compareAllBtn .greyBtn{
	
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	text-align: center;
	width: 90px;
	margin:5px 0 0;
	
}
.viewCardsList{
	padding:0 10px;
}
.viewCardsList ul {
	
	box-shadow:none;
	border-radius: 0 0 3px 3px;
	margin: 0;
	overflow: hidden;
	display:none;
}
.viewCardsList ul li {
	float: none;
}
.viewCardsList ul li a {
	padding:5px 15px;
	font-size:16px;
	border:none;
}
.clcGraphValueCalcSav .tabInnerListHolderRnd{

	width:97%;
	
	
}
.viewCardsListLend ul li a {
	padding:5px 15px !important;
}
.viewCardsList ul li a:hover, .viewCardsList ul li a.active {
	background:none;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.viewCardsListHdr{
	background:#FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 3px 3px #DDDDDD inset;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 0;
	color:#384553;
}
.downArrow{
	background: url("/views/images/credit_card/downArrow.jpg") no-repeat scroll right center transparent;
	display: inline-block;
	width:88%;
	padding:15px;
	color:#384553;
}
.cardsDetails {
	margin:20px 10px 10px;
}

.cardsDetails > ul > li {
	float: left;
	text-align: left;
	width:50%;
}
.cardDetailsList{
	display:none;
}
.cardDetailsList1{
	visibility:hidden;
}
.selectedCards{
	margin:20px 10px;
	position:relative;
}
.selectedCards ul li {
	float: left;
	padding: 20px 0 0;
	text-align: center;
	width: 100%;
}
.rangeHldrCompare{
	width: 100% !important;
}
.selectedCards ul li{
	width: 100% !important;
}
.cardsDetailsComp > ul > li{
	width: 100% !important;
}
.selectedCardsList{
	display:none;
}
.cardsGrayBg .cardCont{
	background:none;
	padding:0 10px !important;
}
.cardsWhiteBg .cardCont{
	background:none;
	padding:0 10px !important;
}
.showProducts{
	background:#f3f3f3;
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #ccc;
}
.compBotBtn{
	padding:0 10px;
}
.lftArrow, .rhtArrow{
	position:absolute;
	width:23px;
	height:38px;
	display:inline-block;
	top: 50%;
}
.rhtPartCont{
	padding: 0 0 0 15px;
	width:60%;
}
.lftArrow{
	background:url("/views/images/credit_card/ltArrow.png") 0 0 no-repeat;
	background-size:100% 100%;
	left: 20px;
}
.rhtArrow{
	background:url("/views/images/credit_card/rtArrow.png") 0 0 no-repeat;
	background-size:100% 100%;
	right: 20px;
}
.selectCardsCont{
	overflow:hidden;
}
.cardHdr {
	font-size: 20px;
	min-height: auto;
	color:#333;
	font-weight:bold;
	padding:0;
}
.cardImg{
	margin:10px 0 0 0 !important;
	padding:0px !important;
	position: relative;
	width:auto;
}
.cardCont{
	margin:0px !important;
	padding:0px !important;
	height:auto !important;
}
.contWraper.mobFirst{padding-top:0px;}

.cardBtn span {
	display: inline-block;
	margin:10px 10px 0 0;
	min-height: auto;
}
.selectedCards .greyBtn{
	
	width: 110px;
}
.selectedCards .blueBtn {
	
	width: 110px;
}
.selectedCardsLend .cardCont {
	min-height: auto;
}
.availableCardsLend{
	width:60% !important;
}
.compareAllBtnLend{
	float:right !important;
}
.closeIconHldr {
	right:160px;
	top:2px;
	position:absolute;
}
.collapseWrap .contInnerAreaHldr h3.padTop{
	padding-top:15px;
}

#cardsList {
font-size: 40px;
}

.compareAllBtn1 {
float: left;
margin: 0 0 0 65px;
width: auto;
}
.compareAllBtn {
margin: 0 10px 0 0;
}

compareAllBtn {
float: right;
margin-right: 10px;
text-align: center;
width: 130px;
}

.orCompareMo {
display: block;
padding: 5px 0 0;
}
.termsHldr {
padding: 0 10px;
}

termsHldr ul.bulLst {
margin: 10px 0 0;
}

/* Card Selector End */
/*Free Stay*/
.hotelDetails .left .promoImg{width:100%; text-align:center;}
.hotelContent .outlet{width:100%;border-top:1px solid #ccc;padding:10px 0 0 0;}
.hotelContent .info{border-left:none;border-top:1px solid #ccc;padding:10px 0 0 0;width:100%;}
.hotelDetails .left .promoDetails{padding:10px 0 0 0; width:100%;}
.hotelDetails .nightTag{position:absolute;left:0;left:88%;top:0;overflow:hidden;}
.hotelDetails .right{width:100%;}


.freeStay .bannerTitle{width:auto;font-size:14px;padding:20px 0 0 10px; color:#004a89;}
.smartDrive .bannerTitle{width:auto;font-size:14px;padding:20px 0 0 10px; color:#fff;}
.freeStay .largeTitle, .smartDrive .largeTitle{font-size:23px;padding:0 0 5px; line-height:25px;}
.freeStay .smallTitle, .smartDrive .smallTitle{font-size:12px;}
.freeStay .beOurGuest{position:static;}
.freeStay .beOurGuest .left{padding:0 0 0 0px;}
.freeStay .beOurGuest .right{overflow:visible;;padding:0 0 10px 10px;}
.freeStay .beOurGuest{padding:10px 0 0 0;}
.freeStay .beOurGuest .left .beOurGuestText{width:95% !important;}
.freeStay .beOurGuest .left .beOurGuestText .largeText{color:#555;font-size:22px;}
.freeStay .beOurGuest .left .beOurGuestText .mediumText{color:#555;font-size:12px;}
.freeStay .beOurGuest .left .citiprivileges{margin:0px; width:115px;}


ul.premierMilesLstInn li{margin-bottom:15px;}

.commonApplyProducts{width:100%;overflow:hidden;}
.commonApplyProducts ul li{float:none;}

/*Common Icon Splitter*/

.commonIconSplit{width:100%;overflow:hidden;}
.commonIconSplit ul.commonIconHolder{border:none !important;overflow:hidden;margin:0;}
.commonIconSplit ul.commonIconHolder.cLsBdrNone{border-top:none;padding-top:0;}
.commonIconSplit ul.commonIconHolder li.left{width:265px;float:left;padding:0 0 10px;border-bottom:none !important;}
.commonIconSplit ul.commonIconHolder li span{float:left;display:inline-block;margin-right:10px;}
.commonIconSplit ul.commonIconHolder li.right{width:279px;float:none;border:none;padding:0;margin-right:10px;}

/* Smart Traveller */

.stepBlock{width:100%; background:none; overflow:hidden; margin:0 0 0px 0; height:auto !important;}
		.stepBlockInn{padding:0px 15px 0 0;}
			.stepBlockInn ul{display:block;}
				.stepBlockInn ul li{float:inherit; width:100%; margin:0px;}
ul.cardThumbTab li{float:left; margin:0 5px 10px 0;}

.commInnBlock .commInnBlockLft {
float: left;
width:auto !important;
padding: 0 30px 0 0;
}
.instantRew{margin:0px;}
.instantRewLft{padding:0 15PX 10px 0;}
.instantRewRgt{width:72%;}
ul.instRewLst li{width:100%; padding-bottom:10px;}
ul.instRewLst li span.rewLogo{float:left;}
ul.instRewLst li span.rewCont{float:left; width:auto; padding:0 0 0 10px;}

/* Micro site*/
#microWrapper{padding: 15px 20px 0;}

.bannerPromo .bannerTitle{top:5%;}
.bannerPromo .bannerRhtHdr {padding: 0 10px 10px 0;position: absolute;right: 0px;top: 5px;width: 55%;z-index: 1;}
.bannerPromo .largeTitle {font-size: 18px;line-height: 18px;}
.bannerPromo .mediumTitle {font-size: 12px;padding: 5px 0 0 0;line-height: 16px;}
.bannerPromo .smallTitle {font-size: 11px;padding: 0 0 0;}
.bannerBtn {position: absolute;bottom: 7px;right: 15px;z-index: 9;}

.intro{font-size:13px;}

.formWrap li p{padding:0;}
#microLeftSide{float:none;width:100%;}
#microSidebar{float:none;width:100%;background:#f3f3f3;margin:15px 0 0;}

.gridWrap > ul{overflow:hidden;width:100%; border:0;}
.gridWrap > ul > li{overflow:hidden;float:none;}
.gridWrap > ul > li.left, .gridWrap > ul > li.right{border:0;border-bottom:1px #ccc solid;width:auto;padding:15px;}

.width-2{width:100%;margin-right:0px;}
.width-3{width:100%;}


.width-2 p{width:30%}
.width-3 p{width:30%}

.width-2 div{width:70%;}
.width-3 div{width:70%;}
.input-4{width:55%;}
.blueTbl{font-size:12px;}


/* Get Started */
.mobGetList ul li{width:95%; padding:10px;}
.mobGetList ul li h3, .mobGetList ul li p{height:auto !important; }
.mobGetList ul li.mobFrt{ border-bottom:1px solid #dfdfdf; border-right:none;}
	.mobGetList ul li.mobSec{ border-bottom:1px solid #dfdfdf;border-right:none;}
	.mobGetList ul li.mobTrd{ border-bottom:1px solid #dfdfdf;  border-right:none;}
	


/*PremierMiles */
.premierMiles .premierMilesInn {position: absolute;z-index: 1;padding: 10px 0px 0 0;width: 100%;}
.premierMiles .premierMilesInn .left {width: 30%;}
.premierMiles .premierMilesInn .right {width: 57%;}
.premierMiles .largeTitle {font-size: 23px;line-height: 30px;padding: 0 0 10px 0;}
.premierBtn .btnLft {width: auto;}
.airAsiaBlockList.micPremierMiles {overflow: hidden;margin: 0px 10px 20px 10px;}
.feaLst ul li{margin-bottom:10px;}

ul.bottomLinksWrap.welcomeMic a.showArrow, .collapseUp {background: url("/views/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;top: 10px;right: 10px;}

.mobileBanking .bannerTitle{position:absolute;padding: 25px 20px 0 20px;left:0;display:none; font-family: "interstate";}
	.mobileBanking .largeTitle{font-size: 14px;line-height: 18px;padding: 0 0 10px 0;}
	.mobileBanking .smallTitle{font-size: 12px;line-height: 18px;margin: 0 10px 0 0;}
	.mobileBanking .mediumTitle{font-size: 14px;padding:0px;line-height:30px;}

.mobileBanking {height: 250px;}
.airSliderContentList ul.contentList li h2{font-size:14px; padding-bottom:5px;}
.airSliderContentList ul.contentList li h3{font-size:12px; padding-bottom:5px;}
.airSliderContentList ul.contentList li p{font-size:11px; padding-bottom:5px;}
.airSlider .right{width:20%;padding-top:15px;}
.airSlider .left{width:52%;}
.airSliderContentList{width:100%; min-height:175px;}
.airasiaGetStart{overflow:hidden;position: relative; margin: 0 0 25px;background: url("/mobile/images/desktop/getstarted-bg.png") no-repeat;left: -29px;width: 721px;}
.contentList li .centerContent .appstore{width:30%;}

.sliderContent {position: absolute;bottom:15px;height: 28px  !important;overflow: hidden;width: 275px  !important;background: url("/mobile/images/desktop/timelinePointbg.png") no-repeat;z-index:12;background-size:100% !important;}
.absScrollBox {position: absolute;bottom: 15px;z-index: 12;width: 275px  !important;height: 60px !important;background: url("/mobile/images/desktop/slider.png") no-repeat center 55px;}
.timeLineTabs a {text-align: center;float: left;display: block;width: 43px !important;height: 0;padding-top: 75px;outline: none;outline-style: none;}
.mobScrollWrap {margin: 0 0 0 21%;}
.linkLstWrap {left:115px;}
.commonApplyProducts ul li{border:none;float:none;}
#tdAmorTable table{width:100%;}

.topMnuLstInn .left {width:90%; padding:0 15px;}
.topMnuLstInn .right {display:none;}
.portraitTableFont{table-layout:inherit;word-wrap:inherit;}
.portraitTableFont td, .portraitTableFont th{font-size:12px;padding:10px 2px 10px 3px;}
.linkLstWrap{z-index: 1099;display:none;}
.footerDisclaimer, .footerMenu{z-index: 9999;}

.input-2 {width: 50%;padding: 5px 5px;background: #ffffff;margin: 0 0 0 13px;font-size: 12px;border: 1px solid #bfc3c6;}

.ballooPopup {position: relative;}
.popup{position:relative; height:auto; margin-top:40px;}
.threeGrid > ul > li {width: 100%;float: none;padding: 10px 0;border-bottom: 1px solid #ccc;}
.threeGrid > ul > li.left {border-right: none;padding-left: 0;}
.threeGrid > ul > li.middle {border-right: none;}
.threeGrid > ul > li div.gridIcon {width: 56px;}
.threeGrid > ul > li div.gridContWrap {padding-left: 66px;display: block;float: none;}

.selectCardsHldr .selectType {border:none;width:100%;padding:0;}
.selectCardsHldr .selectTypeHeader {background: #f5f5f5;}
.selectCardsHldr .selectType.last {padding:0;border-top:1px solid #CCCCCC;padding-top:10px;}
.selectType .blueBtn {margin-top:25px;}
.listcontentFooter ul li.right{padding-top:0;}
.smallTitle{font-size:9px; padding:0px;}
.greyBtn.commBtnPro.commBtnProIpad,  .blueBtn.commBtnPro.commBtnProIpad{width:auto !important; padding:5px;}

.iconBlkInnRgt.report {width: 98%;}
.clsRCMob{margin-top:10px;}
.listcontentFooter {padding:0px;}
.tooltipMo{z-index:10000;}

.productWrapPro.proLstProInnLst1 .hideArrow, .productsListPro .showArrow{top: 0px;right: 0px;float: right;}
.greyBtn.commBtnPro,  .blueBtn.commBtnPro{width:auto !important; padding:5px;}
ul.loanCalUseCre li{float:left; width: 235px; padding:0 0 15px 0;}
.preMilesGridWrap > ul{ padding-bottom:10px;}
.preMilesGridWrap > ul > li.left, .preMilesGridWrap > ul > li.mid, .preMilesGridWrap > ul > li.right{width:100%; padding-bottom:0px;}

.preArrows{text-align:center; width:100%;}
.preMilesGridWrap > ul > li.preArrows{padding:0px;}
.preMilesGridWrap .gridIcon{width: 14%;}
.shellWrap div.ui-slider {display: inline-block;height: 15px;margin: 0 !important;overflow: visible;padding: 0;position: relative;top: -32px !important;width: 100%;}
.shellWrap.calcSpendYearMo{top: -8px; left:19px; position:relative;}
/* SiteMap */
	.siteMapLft, .siteMapMid, .siteMapRgt{float:left; width:100%;}
	
#promoSlider .bannerTitle{left: 43%;}
#promoSlider .applybtn {width: auto;padding:5px 20px 4px;margin:8px;}	
	/* Instant Rewards  */
	.instantBox { width: 100%; }
	.fRight, .fLeft { float: none;width: 100%;text-align: center;background: none; }
	/* Instant Rewards  */
}

@media  (max-width: 568px)
{
	.airAsiaBlockInner{top: 300px;}
	.airAsiaBlock .topBoxBtn{top: 531px;}
	.mobileBanking {height: 292px;}
	.preMilesGridWrap .gridIcon {width: 11.6%;}
	.tableLoanCalc th,.tableLoanCalc td{font-weight:normal;padding:5px;font-size:11px;word-wrap:break-word;}
}

@media (max-width: 480px) {

.debit-card .smallTitle{font-size: 9px;line-height: 10px;}
.debit-card  .largeTitle{font-size: 14px;line-height: 12px;}
.debit-card .bannerTitle {/* left: 36%; */}

	.bannerSorry .bannerTitle{top:46%;}
	.bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size:20px;line-height:22px;}
	.bannerSorry .largeTitle1{padding:3px;}

	.listBox li{width:94.8%; }
	.portraitTable{font-size:8px;}
	.visible-portrait{display:inherit;}
	ul.slidesjs-pagination {left: 193px;}
	.calcRate h3{font-size: 14px;}
	.calcRateLft, .calcRateMid, .calcRateRht{overflow:hidden;}
	.calcRate input {width: 100px;font-size: 18px;}
	.calcRateLft {width: 130px;padding: 0 10px 0 0;}
	.calcRateMid {width: 140px;padding: 0 10px 26px 0;}
	.calcRateRht{padding: 0;border: none;width: 104px;}
	.calcRateMidShell{padding-bottom:0;}
	 .mobileBanking {height: 250px ;}
	 .airAsiaBlockInner{top: 266px;}
	.airAsiaBlock .topBoxBtn{top: 488px;}
	.logoWrap .airasiaLogo{float:none;margin:0;}
	.logoWrap .clsTableWrap{float:none;width:100%;}
	.topContentAplyWrap {min-height:56px;}
	.topBox {padding: 20px 10px 15px;}
	.announcementTbl{font-size:10px;}
	.tableLoanCalc th,.tableLoanCalc td{padding:2px;font-size:9px;}
	.loanCalc a.ui-slider-handle{margin-left: -5px !important;}
	.calcInnerWrapHdr li, .calcInnerWrap li{word-wrap: break-word;font-size:11px;}
	.calcInnerWrap li.second{width:40%;}
	
#promoSlider .applybtn {font-size: 10px;bottom: 0px;line-height: 9px;}
#promoSlider .largeTitle {font-size: 16px;line-height: 20px;}
#promoSlider .mediumTitle {font-size: 13px;}
#promoSlider .bannerTitle {padding-right:5px;}
/* Instant Rewards */
.rightInstantBox p { padding: 0 60px 0; }
/* Instant Rewards */
}

@media (max-width: 479px){
	ul.topMenuLeft li, .importantLinks a.dropLink{font-size:11px;}
	.bannerProdTile .largeSubTitle{font-size: 13px;line-height: normal;padding-left: 10px; padding-top:3px !important;}
	.loanCalInnLft, .loanCalInnRgt{float:left; margin-bottom:15px; font-size:12px; color:#555; width:50%;}
	.airAsiaTopMnuInn{width: 71%;}
	.listcontentFooter ul li.left a{width: 100px;}
	.tableOutGoi td{font-size:11px;}
	.bannerSorry .bannerTitle{top:52%;}
	.bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size:14px;line-height:16px;}
	.bannerSorry .largeTitle1{padding:2px;}

}
@media (max-width: 320px){

.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}


.rede-tabHldr .RCIP h2 {padding: 45px 0 !important;font-size: 20px;}
.loanamount-tot{padding: 5px 20px;}
.redeRgtFormHldr .rowForm, .redeRgtFormHldr .chkbxAlign{padding-bottom: 0;}
.redeRgtFormHldr .rowForm .formFiled {width: 100%;padding: 10px 0;}
.redeRgtFormHldr .rowForm.rowTenor .formFiled {width: 271px;padding-bottom:15px;}
.redeRgtFormHldr .agree-cont{width: 91%;}
.redeRgtFormHldr .submitBtn {width: 40%;padding: 20px 30%;}
.redeRgtFormHldr .design-txtBox{width: 280px;}
.redeRgtFormHldr .pl-monthIncom, .sbHolder, .redeRgtFormHldr .sbOptions{width: 297px !important;}
.rede-tabHldr.RCIP_VN h2 {padding: 41px 0 !important;}


	.announcementTbl{font-size:9px; word-wrap:break-word;}
	.visible-portrait{display:inherit;}
	.largeTitle {font-size:11px;line-height: 14px;padding-right:20px;}
	.mediumTitle {font-size:10px;padding: 3px 20px 0 0;line-height: 14px;}
	.tableWrapFont tr th, .tableWrapFont tr td {font-size: 9px;padding: 10px 7px;}
	.tableATMloc tr th, .tableATMloc tr td {font-size: 9px;padding: 10px 7px;}
	.marketOfferContent {left: 10px;top: 10px;width:275px;}
	.listBox li{width:91.7%;}
	ul.stepHldr li span.stepList{width:16%;}
	ul.stepHldr li span.stepCont{width:80%;}
	.tblTwoColumn20{width:20%;}
	.tblColumn80{width:80%;}
	.portraitTable td{font-size:8px;}
	.portraitTableLarge td{font-size:7px;padding:10px 2px 10px 3px;}
	.portraitTableFont{table-layout:inherit;word-wrap:inherit;}
	.portraitTableFont td, .portraitTableFont th{font-size:10px;padding:10px 2px 10px 3px;}
	.showHideContTable{padding:0;}
	.cmnImgHldRgt{float:left;width:40%;}
	.bannerProdTile .largeSubTitle{font-size: 12px;line-height: normal;padding-left: 10px; padding-top:3px !important;}
	.lftPartLogo{float:none;}
	.filterLftBtn{float:none;}
	.blueBtn.glbalBnkin{float:none;margin-top:10px;}
	.rhtPartCont{padding:10px 0 0 0;float:none;width:100%;}
	.formDetails tr td{float:left; text-align:left; padding-bottom: 0px !important;}
	ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:0px;}
	.jqTransformSelectWrapper select.cLsDropDown{width:280px;}
	.fieldTitle{width:192px;padding-right:13px;text-align:left;vertical-align:top;}
	.tabProBlockInn .left{float:left;  width:100%;}
		.tabProBlockInn .right{float:left; padding-left:0px; width:96%; padding-top:10px;}
		.flex-control-nav{bottom: 15px;}
		.flex-control-nav li {margin: 0 3px;}
		.flex-control-paging li a, .flex-control-paging li a:hover {background: url("../images/off.png") 0 0/100% no-repeat;width: 8px;height: 8px;display: inline-block;color: #fff;}
	.flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0/100% no-repeat;width: 8px;height: 8px;display: inline-block;}
	ul.headSlideArrow{padding:3px 0 10px;}
	ul.headSlideArrow li {background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:8.4px;}
	
	.twoColumnSplitFormLft{width:100% !important;}
	.formKanaPad{padding-top:0px !important;}

	.headSlideArrowTop{padding:5px 0 0 0;}
		p.headSlideArrow{background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:8.4px;}

		#tdAmorTable tr th, #tdAmorTable tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 10px 2px !important;text-align:left;}
		#tdAmorTable .portraitTable td{font-size:8px;}
		ul.loanCal li{float:left; padding:0 20px 0 0; width: 43%;}
		ul.loanCal li .inputBoxTxtWid {width: 85px;}
		ul.loanCal li input{float:left; margin:0 10px 0 0 !important;}
		ul.loanCal li{padding-bottom:10px;}
		.loanCalInnLft, .loanCalInnRgt{float:none; margin-bottom:15px; font-size:12px; color:#555; width:100%;}
		.loanCalInnRgt{float:right;text-align:right;}
		.formArea .loanCalInn .loanCalInnLft input{width:auto !important;}
	.tabBtnBlock.tabBtnSmallTxt a{font-size:10px;}
	.faceCont{float:left;}
	.topBoxBtn .left, .topBoxBtn .right{float:none;}
	.topBoxBtn .right{padding:10px 0 0;}
	a.portApply{float:inherit; margin-top:10px;}
	.linkLstWrap {left:95px;}
	body.plugin{line-height: 1.20 !important;}
	.uiIconText{width: 205px !important;}
	.CommonWrapperTwo{margin:0 10px 0 0 !important; width:93%;}
	.CommonWrapperTwo .right{margin:0 0 20px 10px !important; float:right;}
	
	.promoInnBlock p.noPadBtm, .iconBlockInner.noPadBtm{padding-bottom:0px;}
	ul.slidesjs-pagination {bottom: 0px;left: 127px;}
	.bannerSlider{height: 89px;}
	.topBox .topBoxBtn{overflow:hidden; padding-bottom:0px !important;}
	.fbShareMob{border-radius:3px 3px 3px 3px; width:27%; height:25px;}
	.proInnImgArea ul li{float:left; padding:0 0px 15px 0;}
	.iconBlockPro ul li{float:left; padding:5px 10px 0 40px; margin:0 0 15px 0;}
	.oneIcon, .twoIcon, .threeIcon, .fourIcon{float:left;}
	.contInnerBoxHdr{display:block;padding-left:35px;}

	/*********** Filter *******************/.
	ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;width:32%;}
	ul.cardsTab li a {display: block;height: 31px; font-size:11px;}
	ul.cardsTab li a.bankinginsurance{padding-top:10px; height: 39px;}
	/*********** Filter *******************/
/**************************** Forms CC APPLICATION Start *****************************/
	.cardSelectList .cardImg{width:60px;}
	.cardName {width: 45%;}
	.cardName h3 {font-size: 12px;}
	.formHldr .formInner{margin:0;}
	.formInner .formField{width:100%;float:none;padding-bottom:10px;}
	.formInner .formValue{width:100%;float:none;padding-left:0;}
/**************************** Forms CC APPLICATION End *****************************/
div.ui-slider {width: 90% !important;}
.calcRateLft , .calcRateMid, .calcRateRht{width:100%;float:none;overflow:hidden;}
.calcRate h3{font-size: 14px;float: left;width: 120px;padding-right: 10px;}
.calcRate p{float: left;width: 104px;}
.calcRate input{width:150px;font-size: 14px;}
.calcRateRht{border-left:none;padding:0;width:100%;border-top:0;}
.calcRateMid{padding: 0 40px 0px 0;}
.calcRateRht input{margin:0;}
.pointsRate{width:100% !important;}
.calcACELft, .calcACERgt{width:100%;}
.calcACELft h3, .calcACERgt h3{width:100%;}
.calcACERgt{margin:10px 0 0;}
/* Airasia HomePage End */
.listcontentFooter ul li.left a{width: 100px;}

.airAsiaBlockInner {position: absolute; top: 182px; width: 99%; z-index: 999; padding:0 0 0 10px;} 
	.airAsiaBlockInner .left{float:right; padding:0px 15px 0 0;width:66%;position:relative;}
	.airAsiaBlockInner .mid{float:left;padding:0 15px 0 0;width:24%;position:relative;}
		.airAsiaBlockInner .mid .first{position:relative;}
		.airAsiaBlockInner .mid .second {top: 100px;float: inherit;padding-left: 0px;position: absolute;left: 0;width:85%;}
	
	.airAsiaBlockInner .right{float:right; width:66%; padding:20px 20px 0 0;}
	
.airAsiaCardAreaInn .mid{width:48%; padding:5px 0 0 0;}
.airAsiaCardAreaInn .mid h3{font-size:11px;}

.airAsiaBlockList.airAsiaMain {overflow: hidden;margin: 251px 10px 20px 10px;}
.airAsiaBlock .topBoxBtn {position: absolute;z-index: 999;bottom: -56px;top: 366px;left: 10px;}
.airAsiaTopMnuInn {width: 67.9%;}

/* Airasia HomePage End*/
.tabmenuContainer {width: 92%;}
.smallTitleSlide{font-size: 8px;line-height: 18px;padding: 4px 0 0;}
.calcRateLftMo{padding-top: 12px;}
.calcRateMidShell{padding-bottom: 0;}
.calcShellMo h2{font-size:12px; padding-bottom:10px;}

.calcInnerWrapHdr li.first{width:24%;}
.calcInnerWrapHdr li.second{width:26%;}
.calcInnerWrapHdr li.third{width:25%;}
.calcInnerWrapHdr li.fourth{width:25%;text-align:left;}
.calcInnerWrapHdr li, .calcInnerWrap li{word-wrap: break-word;font-size:9.4px;}
.calcInnerWrapHdr li.third > span, .calcInnerWrapHdr li.fourth > span{font-size:8px;}
.calcInnerWrap li.second{width:55%;}
.calcRateRhtWrap{padding-right: 0;}
.calcRateWrap h3{width:auto;}
.calcRMval{width:80%;float:left;}
.calcInner input.RMVal{margin:0;}
.calcPaylft{width:50%;}
.calcInner input.RMVal{margin:25px 0 0 0;}
.calcRMval{width:100%;}
.calcRMlft{width:90px;}
.calcRMlft .calctxtmiddle{padding:5px 0 0 0;}

/*Product Tab Area */
	.productsListPro {float: inherit; width:268px; position:relative; padding:0px;}
	.productsListPro .hideArrow, .productsListPro .showArrow{top:95px; right:0px; float:right;}

/*Product Tab Area  End*/
.tblColumn10{width:20%;}
.filterRhtBtn.filterRhtBtnPro {float: left; margin:10px 0 0 0;}
.clsTableLarge tr th{padding:10px 3px;font-size:7px;}
.clsTableLarge tr td{padding:13px 3px 15px 3px;font-size:7px;}
/* Kana Form */
.cLsContactusManual .radioValueInn span.clsFloatNone2{clear:left; float:left;}
.formDetailsinner ul.cLsContactus, .formDetailsinner ul.cLsContactusManual{width:234px;}
.formDetailsinner ul.cLsContactus, .formDetailsinner ul.cLsContactusManual {display: block;padding: 20px 20px 20px 20px; width:87%;}
.formDetailsinner ul.cLsContactus > li{margin-bottom:10px;}
.sbHolder ul li{margin-bottom:0px !important;}
.formPadRight{padding:0 25px 0 0;}
.formInner .formField {float: none;width:100% !important;clear:left;margin:0 0 3px 0;}
.formInner .formValue {float: none;width: 100% !important;margin:0 0 10px 0;padding-left:0px;}
.formInner .formValue select {margin-bottom:20px;}
.formValue.clsMarBtmForm{margin-bottom:10px !important;}
.radioValueInn span{margin-bottom:10px;}
.formDetailsinner ul.cLsContactus > li.clsPadTopInnForm{padding-top:0px;}
.formDetailsinner ul.cLsContactus.cLsContNoPadPor{padding-bottom:0px;}

/*Product Tab Area */

	.productsListPro {float: inherit; width:100%; position:relative; padding:0px;}
	.productsListPro .hideArrow, .productsListPro .showArrow{top:20px; right:0px; float:right;}
	.productsListPro .thumbImg{width: 84%; float: inherit;}
	.productsListPro h2{width:100%; clear:left;}
/*Product Tab Area  End*/

#fancybox-wrap{position:absolute; /*top:10px !important;*/width:250px !important; left:10px !important;}
#fancybox-content{width:95% !important; height:auto!important;}
#fancybox-content-inner{width:100% !important;}

/* Card Selector */
#cardsList{
	font-size:28px;
}
.cardsAvailable{
	font-size:24px;
	padding-top:3px !important;
}
.availableCards, .availableCardsComp{
	width:100% !important;
}
.availableCardsComp .cardsAvailable{
	font-size:24px;
}
.availableCardsLend .cardsAvailable{
	font-size:20px !important;
}
.compareAllBtnHldr{
	float:left;
	width:36%;
}
.compareAllBtnHldr .blueBtn{
	margin-right:0;
	margin-top:8px;
}


.compareAllBtn{
	float:right;
	width:58%;
	margin-top:5px;
	margin-right:0px;
}
.cardImg{
	margin:10px 0 0 0 !important;
	padding:0px !important;
}
.cardCont{
	margin:0px !important;
	padding:0px !important;
}
.compareAllBtnPort{
	float:left;
	margin-left: 10px;
	margin-right:0;
	width: auto;
}
.compareAllBtnPortable{
	float:left;
	width:42%;
}
.compareCredit {
	float: left;
	margin-top:0px;
	padding:0px;
}
.compare {
	float: left;
	margin:10px 0 0;
	width: auto;
}
.availableCards {
padding-right: 0;
}

.orCompareMo {
display: inline-block;
padding: 0 22px 0 0;
}
.cardsDetails ul li p {
/*	border-bottom: 1px solid #CCCCCC;
	padding: 10px 15px;*/
	font-size: 10px;
}
.compareAllBtnLend{
	float:left !important;
	width:auto !important;
	margin-left:10px !important;
	padding:0;
}
ul.bulLst li a.grayArrow {
display: block;
margin: 5px 0 0;
}
.hotelDetails .left .promoDetails{width:250px;}
.freeStay .beOurGuest .right{overflow:visible;}
.freeStay .beOurGuest .left .beOurGuestText{width:58% !important; float:left;}
ul.premierMilesLstInn{width:100% !important;}
ul.premierMilesLstInn li p, ul.premierMilesLstInn li h3{height:auto !important;}


.commonIconSplit ul.commonIconHolder li.left span.mobileflft {width:24px !important;float:left !important;}
.commonIconSplit ul.commonIconHolder li.right span.mobileflft {float:left !important;}
.commonIconSplit ul.commonIconHolder li.left span.mobilergt, .commonIconSplit ul.commonIconHolder li.right span.mobilergt{width:220px;float:left;}


ul.premierMilesLstInn li {margin-left: 75px;}
.commProLft{float:left; margin:10px 0 0 0;}


.instantRewLft{padding:0 15px 10px 0; width:25%;}
.instantRewRgt{width:69%;}
ul.instRewLst li span.rewCont{float:left; width:73%; padding:0 0 0 10px; text-align:left;}

.premierMiles .smallTitle {
font-size: 12px;
line-height: 18px;
padding: 0px 0 0;
color: #fff;
width: 100%;
padding-left: 0px;
position: absolute;
left: 5px;
top: 70px;
}
.premierBtn {
overflow: hidden;
width: 100%;
margin: 15px 0 0 0;
position: absolute;
left: 5px;
top: 117px;
}

.commInnBlock .commInnBlockLft{padding: 0 10px 0 0; width:19% !important;}
.commInnBlock .commInnBlockRgt{width:19% !important;}
.mobileBanking {height: 165px;}

.contentList li .centerContent .appstore{width: 40%;}
.airSliderPagination .pageInfo{width: 20%;
float: left;
position: absolute;
left: 0;
right: 0;}
.airSlider .right{width:18%;}
.airSlider .left{width:30%;}


.pageInfoInner{width: 71px;float:left;}
.airSliderPagination .pages {
width: 82%;
float: left;
padding-left: 30px;

}
.mobScrollWrap {margin: 0 0 0 7%;}
.tableLarge{font-size:11px;}
.tableLarge th, .tableLarge td{padding:5px;}

.tabRCLst{overflow:hidden; width:310px; margin: 0 auto;}
	.tabsRCcontent{background:url('/english/readycredit/images/desktop/content-long-bg.png') no-repeat;width: 300px;margin-top: -4px;position: relative; background-size:100% 100%;}
	.tabsRCcontent.short {background: url('/english/readycredit/images/desktop/content-short-bg.png') no-repeat; background-size:100% 100%; }
	.tabsRCNav li a {padding: 5px 8px;}

/* Smart Traveller */

.smartTravel .smartTravelBluBg{background:#15ABC9;top: 20px;border-radius:3px; opacity: 0.80;}
.smartTravel .largeTitle {font-size: 20px;padding: 0 0 5px;width: auto;}
.smartTravel .mediumTitle {font-size: 16px;padding: 0px;line-height: 30px;}
.smartTravel .bannerTitle{padding:10px;}
.popup.greyBox {background: #D6D6D6;color: #000;margin:40px 15px 0 15px;border-radius:3px;}
.popupTxt{width:auto; clear:left;}
.tooltipMo{z-index:10000;}

.selectType .blueBtn {margin-left:5px;float:left;margin-top:0;}
p.cardsAvailable {float:none;overflow:hidden;}

.tabBtnBlock .comLeft{float:left; margin:15px 0 0 0;}
.portraitTableBig{font-size:9px;padding: 10px 2px 10px 3px;}

#fancybox-close {right: -21px;}
.productWrapPro.proLstProInnLst1 .hideArrow, .productsListPro .showArrow{top: 0px;right: 0px;float: right;}
/******************* What's New **********************/
.appAreaLft, .appAreaMid{
	width:90%;
	height:auto;
}
.appAreaCont {
	width:74%;
}

/******************* What's New **********************/
.rcfundholder{width:80%;}
.offerContMediumHdr.contentHolder{width:70%;}
.shellWrap span.sliderTxt{left:-73% !important;}
.calcProgress.readyCredit.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle{width:17px !important;}
.shellWrap.calcSpendYearMo {padding-left: 0 !important;float: left;position: relative;top: -8px;}
.calcShell .calcSpendShell.firstSell {padding-left:30px;}
}
.announceTblWdt{width:15%;}
.app-visible{display:none !important}

@media (max-width: 380px){
	.siteLft{ width:100%; float:none; padding:0;}
	.siteRgt { width:100%; float:none;}
}
/* mbol eng */
@media (max-width: 360px){
	.MobileAppLink li {float: left;padding-right: 2%;width: 40%;}
	.tabProBlockInn .right {float: left;padding-left: 0px;width: 96%;padding-top: 10px;}
}


@media (max-width: 320px){

.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}

	.siteLft{ width:100%; float:none; padding:0;}
	.siteRgt { width:100%; float:none;}
}
/****** added the below class for the job Sub:Change % Cash Back on education_landing page **********************/

.calcInnerWrap .left{float:left;} 
.calcInnerWrap .right{float:left;width:60%;} 

.insurance{background: url("/views/images/credit_card/icon/insurance.png") no-repeat 0 0;} 
.dining{background: url("/views/images/credit_card/icon/dining.png") no-repeat 0 0;} 
.overseasRetail{background: url("/views/images/credit_card/icon/shop.png") no-repeat 0 0;}

/****** Apply now page of Credit card (add Rewards card) **********************/
.formHldrWrap .sbSelector{width:210px;}
.bannerSorry{position: relative;}
.bannerSorry .bannerTitle{position: absolute;z-index:1;left:4%;width:55%;margin:0;top:48%;letter-spacing:-1px;}
.bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size: 32px;color:#002C73;line-height:40px;}
.bannerSorry .largeTitle1{padding:5px 0 0 5px;}
#wrapperSorry{padding:29px 29px 5px; display:inline-block;}

/***** mobile app product eploy in cbol **/

.mobileApp{display:none !important;}

/** 281 ul product page**/

p.padLeft16{padding-left: 16px;}

.graylftArrow {
    background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent;
    padding: 0 0 10px 12px;
}
 .txt_color
{
	background:#74A2D0; background:-webkit-gradient(linear,0 0,0 70%,from(#74A2D0),to(#1D6AA8)); background:-webkit-linear-gradient(#74A2D0,#1D6AA8 70%); background:-moz-linear-gradient(#74A2D0,#1D6AA8 70%); background:-ms-linear-gradient(#74A2D0,#1D6AA8 70%); background:-o-linear-gradient(#74A2D0,#1D6AA8 70%); background:linear-gradient(#74A2D0,#1D6AA8 70%); -pie-background:linear-gradient(#74A2D0,#1D6AA8 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74A2D0', endColorstr='#1D6AA8');
zoom: 1;
	
}
li.txt_color a {
    color: #fff !important;
}

/* 25mar15 */
.homeBannerClick{height: 100%; position: absolute;   width: 100%;    z-index: 99;}

/** citigold css 18-feb-15**/

h5 {font-size: 12px;font-weight: bold;padding: 0 0 3px;}

.condHolder{width:100%;padding:0 0 10px;}
.leftContent{width:7px;float:left;text-align:center;}
.leftContent.bigIcon{width:9px;}
.leftContent.hugeIcon{width:12px;}
.rgtContent{width:97.6%;float:left;margin-left:1px;}
.rgtContent.super{padding-top:2px;}

/*Clear Fix*/
.cf:before,
.cf:after {content: " "; /* 1 */display: table; /* 2 */}
.cf:after {clear: both;}
.cf{*zoom: 1;}
/*Clear Fix*/

/* CitiGold Tab */
.citiGold .tabsContainer {background: url("/views/images/tablet/tabBg.png") repeat scroll 0 -1px transparent;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;bottom: -2px;overflow: hidden;padding: 1px 0 0;position: relative;background:#b49859;background: -webkit-gradient(linear, 0 0, 0 70%, from(#b49859), to(#dac691));
	background: -webkit-linear-gradient(#b49859, #dac691 70%);
	background: -moz-linear-gradient(#b49859, #dac691 70%);
	background: -ms-linear-gradient(#b49859, #dac691 70%);
	background: -o-linear-gradient(#b49859, #dac691 70%);
	background: linear-gradient(#b49859, #dac691 70%);-pie-background: linear-gradient(#b49859, #dac691 70%);}
.citiGold .tabs li{list-style:none;}
.citiGold .tabs li a{border-right: 1px solid #CCCCCC;color:#fff;display: block;float: left;padding: 15px 10px;}
.citiGold .tabsBreak li a {height: 31px !important;padding: 7px 10px;}
.citiGold .tabs li.active a{background: url("/views/images/tablet/tabOnbg.png") repeat-x scroll 0 0 transparent;color: #b4975a;text-decoration: none;}
.citiGold .tabs li.tabClose a {background: url("/views/images/tablet/tabArrowup.png") no-repeat center center;height: 14px;width: 24px;}
.citiGold .tabs li.tabClose.activeArrow a{background: url("/views/images/tablet/tabArrowdown.png") no-repeat center center;}
.citiGold h2, .citiGold h3, .citiGold a {color: #b4975a;}
.citiGold a.greyBtn, .citiGold a.blueBtn{color:#fff;}
.citiGold ul.tabInnerListHolder li{background: url("/english/citigold/images/cg-checkmark.gif") no-repeat 0 3px;}
.citiGold ul.mMenuList li a:hover {color: #b4975a;}
.citiGold .show {background: url("/english/citigold/images/plus_cg.png") no-repeat scroll 0 3px transparent;}
.citiGold .hide {background: url("/english/citigold/images/minus_cg.png") no-repeat scroll 0 3px transparent;}
.citiGold .clsDisList .condHolder{padding:0 0 5px !important; color:#999999;}
.citiGold .clsDisList .bulLst li{padding-bottom:5px !important;}
.leftNavGold li a:hover, .leftNavGold li a.listActive{color: #a37543 !important;}
.leftNavGold li a {color: #333 !important;}
.citiGold .listcontentFooter ul li a{color: #b4975a;}
body#citiGold{color:#333;}
.citiGold .productsList .thumbImg{padding:0 0 7px;display:inline-block;}
.citiGold .productsList h2{padding:0 0 18px;}
.citiGold .productsList h2 a.grayClr{color:#a37543 !important;font-size:18px;font-weight:normal;}
.citiGold .productsList.right{padding-right:0;}
.citiGold .productsListDetails{border-bottom:1px dotted #ccc;}
.citiGold  ul.tabInnerListHolder li{padding-bottom:22px !important;}
.citiGold .productsListDetails{padding:0 0 0px;}
.citiGold .productsListDetails{margin:0 0 16px;}
.citiGold .grayArrow{vertical-align:middle;display:inline-block;background:url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding:0 0 0 12px;color:#b4975a;}
.citiGold .bannerTitle{left:41.3%;}
.citiGold .tabs li a{font-weight:bold;}
.citiGold h2{font-size:18px;color:#333;font-weight:normal;}
.citiGold h3{font-weight:14px;color:#504e4e;}
.citiGold .productsList.last{border:none;}
.citiGold .condHolder.last, .citiGold p.last{padding-bottom:0px;}
.multiLogo li {width: 150px;}
.multiLogo li {float: left;margin:0 10px 10px 0;}
.tabInnerWrap{overflow:hidden;border-bottom:1px dotted #ccc;margin-bottom:15px;padding-bottom:15px;}
.tabInnerWrap.seperatePara{border-bottom:none;padding:0 0 10px;margin:0;}
.tabInnerLogo{float:left;width:150px;}
.tabInnerCont{padding:0 0 0 170px;}
.goldTxt{color: #b4975a !important;}
.impNotesCG{border:1px solid #b4975a;padding:10px;position:relative;box-shadow: 2px 2px 4px #CCCCCC;margin:10px;border-radius: 10px 10px 10px 10px;background:#fff;}
ul.breadCrumb{float:none !important;}
.leftNavGold li ul.leftNavSubLinks li a.listActive{color:#9b8768 !important;}
/* CitiGold Tab */

.citiGold .marketOfferContent{width:677px;}
#citiGold .goldBtn{color:#fff;}
#citiGold .goldBtn{background:#cbb88e;background: -webkit-gradient(linear, 0 0, 0 70%, from(#cbb88e), to(#b7995c));background: -webkit-linear-gradient(#cbb88e, #b7995c 70%);background: -moz-linear-gradient(#cbb88e, #b7995c 70%);background: -ms-linear-gradient(#cbb88e, #b7995c 70%);background: -o-linear-gradient(#cbb88e, #b7995c 70%);background: linear-gradient(#cbb88e, #b7995c 70%);-pie-background: linear-gradient(#cbb88e, #b7995c 70%);color:#fff;display: inline-block;font-size: 12px;font-weight: bold;padding:12px 10px;border:none; cursor:pointer;}
#citiGold .offerContLargeHdr{padding:0 0 20px;color:#fff;margin:0 0 0 0;}
#citiGold .offerContMediumHdr{color:#fff;margin:19px 0 20px 0;padding:0;font-size:14px;}
#citiGold .offerListHdr{font-size: 11px;font-weight: bold;}

#citiGold .offerContentList li a{background:url("/english/citigold/home/images/tabBg-gold.png") repeat scroll 0 0 transparent;padding:10px;min-height:60px;line-height:15px;border-radius:6px 6px 6px 6px;}
#citiGold .offerContentList li.flex-active a{background:#fff !important;}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.masterpromoBox_img img {width: 100%;}
	.citiGold .marketOfferContent{width:95.2%;}
	.citiGold .productsList.right {border-bottom: 1px dotted #CCCCCC;}	
}
 @media(max-width: 967px) {
	#citiGold .offerContentList li a{background:url("/english/citigold/home/images/tabBg-gold.png") repeat scroll 0 0 transparent;text-transform:uppercase;padding:13px 5px 0 15px;}
}

@media (max-width: 767px) {

.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}

.hompage-overlay .desk-icon{display:none;}
.hompage-overlay .iphone-icon{display:block;padding-top:40px;}
.hompage-overlay .cont-sec {
    box-sizing: border-box;
    float: left;
    padding: 50px 15px;
    width: 100%;
}
.hompage-overlay .img-sec{float:left;width:58px;}
.hompage-overlay .img-cont-sec {
    float: left;
    width: 62%;
    padding-left: 20px;
}
.hompage-overlay .cont-wrap{width:100% !important}
.hompage-overlay .img-cont-sec p {
    color: #fff;
    font-size: 14px;
    padding-bottom: 15px;
    line-height: 18px;
}
.hompage-overlay #fancybox-outer{background:#00c3f3}
.hompage-overlay #fancybox-content{border:0}
.citiGold .marketOfferContent{width:92%;}
.rgtContent{width:93%;}
.citiGold .productsList .thumbImg{margin:0;padding:0 0 27px;}
.citiGold .tabHeading {border:1px #ccc solid;border-top:0;font-size:1.8em;color:#fff;padding:15px 35px 15px 10px;cursor: pointer;background:#b49859 url("/views/images/mobile/tabRightarrow.png") right center no-repeat;background-image:url("/views/images/mobile/tabRightarrow.png"), -webkit-gradient(linear, 0 0, 0 70%, from(#b49859), to(#dac691));background-image:url("/views/images/mobile/tabRightarrow.png"), -webkit-linear-gradient(#b49859, #dac691 70%);background-image:url("/views/images/mobile/tabRightarrow.png"), -moz-linear-gradient(#b49859, #dac691 70%);background-image:url("/views/images/mobile/tabRightarrow.png"), -ms-linear-gradient(#b49859, #dac691 70%);background-image:url("/views/images/mobile/tabRightarrow.png"), -o-linear-gradient(#b49859, #dac691 70%);background-image:url("/views/images/mobile/tabRightarrow.png"), linear-gradient(#b49859, #dac691 70%);-pie-background: linear-gradient(#b49859, #dac691 70%);color:#fff;background-position:right center;background-repeat:no-repeat;}
.citiGold .tabHeading.fntSize{font-size:1.5em;}
.citiGold .tabHeading.active{color: #b4975a; /* fallback color if gradients are not supported */background-image: url("/views/images/mobile/tabDownarrow.png"), -webkit-linear-gradient(top, #FFF, #EAEAEA); /* For Chrome and Safari */background-image: url("/views/images/mobile/tabDownarrow.png"), -moz-linear-gradient(top, #FFF, #EAEAEA); /* For old Fx (3.6 to 15) */background-image: url("/views/images/mobile/tabDownarrow.png"), -ms-linear-gradient(top, #FFF, #EAEAEA); /* For pre-releases of IE 10*/background-image: url("/views/images/mobile/tabDownarrow.png"), -o-linear-gradient(top, #FFF, #EAEAEA); /* For old Opera (11.1 to 12.0) */background-image: url("/views/images/mobile/tabDownarrow.png"), linear-gradient(to bottom, #FFF, #EAEAEA); /* Standard syntax; must be last */background-position:right center;background-repeat:no-repeat;}

}

@media (max-width: 360px) {
	.citiGold .productsList h2{padding-right:6px;}
}

@media (max-width: 380px) {
	.citiGold .productsList h2{padding-right:6px;}
	.tabInnerWrap{padding:0 0 10px 0;margin-bottom:20px;}
	.tabInnerLogo{float:none;width:100% !important;}
	.tabInnerCont{padding:10px 0 0 0;}
	.citiGold .marketOfferContent{width:95%;}
}

@media (max-width: 320px) {

.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}

	.citiGold .productsList h2{padding-right:30px;}
	.tabInnerWrap{padding:0 0 10px 0;margin-bottom:20px;}
	.tabInnerLogo{float:none;width:100% !important;}
	.tabInnerCont{padding:10px 0 0 0;}
	#citiGold .goldBtn{padding:10px;font-size:11px;}
	.citiGold .marketOfferContent{width:95%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.masterpromoBox_img img {width: 100%;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 40%; */}

	.citiGold .marketOfferContent{width:96.2%;}
	.citiGold .productsList.right {border-bottom: 1px dotted #CCCCCC;}
}


.productsListContWrap.ml-reset{margin-left:0 !important;}
.borderBtmNone{border-bottom:none;}

/* 16apr15-start */
.paddbott20{padding-bottom:20px;}
.paddbott10{padding-bottom:10px;}


@media (max-width: 767px) {
.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}

.tabsWrapperForm{padding-bottom:0px;}
.devPadd{padding-bottom:25px;padding-top:0px;}

}
/* 16apr15-end */

/* 27apr15-start */
@media (max-width: 767px) {
.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}

	.contactEnquiry .iconBlkInnRgt{margin-top:0px;}
}

/* 27june2017-W-288 start*/

@media (max-width: 767px) {

.card-activation .mediumTitle{padding: 0;}
}
/* 27june2017-W-288 end*/

/* 12 may 15 */
.getstart{margin-top:10px;margin-bottom:55px;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.masterpromoBox_img img {width: 100%;}
.getstart{margin-top:10px;margin-bottom:70px;} 
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.masterpromoBox_img img {width: 100%;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 40%; */}

.getstart{margin-top:10px;margin-bottom:70px;}
}

/* 02jun15 */
@media (max-width: 320px) {
.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}

.bannerTitle{position: absolute;z-index: 1;left:42%; width:58%;}
}

/* 09 Jun 15 */

/*  27june2017-W-288 starts */
@media (max-width: 320px) {
.card-activation p.largeTitle{padding: 0;}
}

/* 27june2017-W-288 end */

.bannerTitle.movex{left: 46%;}

/* June 11 */
.contactEnquiry .iconBlkInnRgt.noPadTop{padding-top:0;}

/* 23jun15 */
ul.cardsTab.allPromoTabEN li {width: 14%;height: auto;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: auto;padding-bottom: 15px;}
ul.cardsTab.allPromoTabVN li {width: 14%;height: auto;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: auto;padding-bottom: 15px;}


.allPromotions .productsListContWrap h2 a{color: #1e6aa8}
.allPromotions ul.tickList li.iconCalender{background: url("/views/images/promotions/calender.png") no-repeat 0 1px;padding-bottom:8px;}

@media(max-width: 967px) {

ul.cardsTab.allPromoTabEN li {width: 14%;height: auto;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: auto;padding: 15px 2px 15px 2px;}
ul.cardsTab.allPromoTabVN li {width: 14%;height: auto;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: auto;padding: 15px 2px 15px 2px;}

}


@media (max-width: 767px) {
.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}


ul.cardsTab.allPromoTabEN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: 45px;padding: 15px 7px 0px 7px;}
ul.cardsTab.allPromoTabVN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: 45px;padding: 15px 6px 0px 6px;}

}


@media (max-width: 640px) {

.debit-card .largeTitle {font-size: 28px;}

ul.cardsTab.allPromoTabEN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: 45px;padding: 15px 5px 0px 5px;}
ul.cardsTab.allPromoTabVN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: 45px;padding: 15px 4px 0px 4px;}

}


@media  (max-width: 568px) {

ul.cardsTab.allPromoTabEN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: 45px;padding: 15px 5px 0px 5px;}
ul.cardsTab.allPromoTabVN li {width: 13.9%;height: 60px;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: 45px;padding: 15px 4px 0px 4px;}

}


@media (max-width: 480px) {

.debit-card .smallTitle{font-size: 9px;line-height: 10px;}
.debit-card  .largeTitle{font-size: 14px;line-height: 12px;}
.debit-card .bannerTitle {/* left: 36%; */}


ul.cardsTab.allPromoTabEN li {width: 13.8%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 12px;height: 45px;padding: 15px 5px 0px 5px;}
ul.cardsTab.allPromoTabVN li {width: 13.8%;height: 60px;}
ul.cardsTab.allPromoTabVN li a {font-size: 12px;height: 45px;padding: 15px 5px 0px 5px;}

}


@media (max-width: 375px){

.debit-card .blueBtn{font-size: 10px;}

ul.cardsTab.allPromoTabEN li {width: 13.7%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 11px;height: 45px;padding: 15px 2px 0px 2px;}
ul.cardsTab.allPromoTabVN li {width: 13.7%;height: 60px;}
ul.cardsTab.allPromoTabVN li a {font-size: 11px;height: 45px;padding: 15px 1px 0px 1px;}

#promoSlider .largeTitle{font-size:12px;line-height: 16px;}
#promoSlider .mediumTitle{font-size:8px;}
#promoSlider .applybtn {font-size: 8px;margin: 3px;padding:4px 15px 3px;}

}


@media (max-width: 360px) {

ul.cardsTab.allPromoTabEN li {width: 13.6%;height: 60px;}
ul.cardsTab.allPromoTabEN li a {font-size: 11px;height: 45px;padding: 15px 2px 0px 2px;}
ul.cardsTab.allPromoTabVN li {width: 13.6%;height: 70px;}
ul.cardsTab.allPromoTabVN li a {font-size: 11px;height: 55px;padding: 15px 3px 0px 3px;}

}


@media (max-width: 320px) {

.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}


ul.cardsTab.allPromoTabEN li {width: 13.6%;height: 55px;}
ul.cardsTab.allPromoTabEN li a {font-size: 9px;height: 45px;padding: 15px 3px 0px 3px;}
ul.cardsTab.allPromoTabEN li.active a {padding: 14px 3px 0px 3px;}
ul.cardsTab.allPromoTabVN li {width: 13.6%;height: 55px;}
ul.cardsTab.allPromoTabVN li a {font-size: 9px;height: 45px;padding: 15px 1px 0px 1px;}
ul.cardsTab.allPromoTabEN li.active a {padding: 14px 1px 0px 1px;}

#promoSlider .mediumTitle {padding: 3px 0px 5px 0 !important;line-height: 12px;}
#promoSlider .largeTitle {padding-right: 0px !important;font-size: 10px;line-height: 14px;}
#promoSlider .applybtn{font-size:8px;margin: 5px;}

}


@media (min-width: 641px) and (max-width: 766px){ 
	.rede-tabHldr .RCIP{  margin-top: -90px;}
	.rede-tabHldr .RCIP h2{ font: 32px interstate;}
}

@media (max-width: 480px){

.debit-card .smallTitle{font-size: 9px;line-height: 10px;}
.debit-card  .largeTitle{font-size: 14px;line-height: 12px;}
.debit-card .bannerTitle {/* left: 36%; */}


.redeRgtFormHldr .rowForm.rowTenor .formLabel {width: 88px;padding-top: 14px;}
	.redeRgtFormHldr .rowForm.rowTenor .redeRadio-lab-en{width: 153px;}
	.redeRgtFormHldr .rowForm.rowTenor .formFiled {width: 272px;}
	.rede-tabHldr .RCIP h2{padding: 29px 0 !important;}

}

@media (min-width : 361px) and (max-width : 480px){ 
	.rede-tabHldr .RCIP h2 {padding: 32px 0 !important;  font: 23px interstate;}
	.redeRgtFormHldr .rowForm, .redeRgtFormHldr .chkbxAlign{padding-bottom: 5px;}
	.redeRgtFormHldr .rowForm .formFiled{width: 100%;padding: 10px 0;}
	.redeRgtFormHldr .rowForm .redeRadio{width: 99%;}
	.redeRgtFormHldr .design-txtBox{width: 95%;}
	.redeRgtFormHldr .pl-monthIncom, .sbHolder, .redeRgtFormHldr .sbOptions {width: 353px !important;}
	.redeRgtFormHldr .submitBtn {width: 35%;padding: 20px 33%;}
	.redeRadio-lab{width: 91px !important;}
	.redeRgtFormHldr .rowForm.rowTenor .formLabel {width: 153px;}
	.redeRadio-vn {width: 351px !important;}
	.rede-tabHldr .RCIP{margin-top: -79px;}

}


/* 03jul15 */

.vertMiddle{vertical-align: middle;}
.padLft16{padding-left:15px;}
.clsTableWrap.padLft16{width:93.5%;}

@media (max-width: 767px) {
.debit-card .tabsWrapper {margin: 10px 0 20px;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 38%; */}

.settings-device td{font-size: 10px !important;word-wrap: break-word;}
}

@media (min-width: 641px) and (max-width: 766px) {
.settings-device td{text-align: center !important;font-size: 10px;}
}

@media (max-width: 640px) {
.debit-card .largeTitle {font-size: 28px;}
.settings-device td{font-size: 11px !important;}
}

@media  (max-width: 568px) {
.settings-device td {font-size: 9px !important;}
}

@media (max-width: 360px){
.settings-device td{font-size: 8px !important;}
}

@media (max-width: 320px){

.debit-card .smallTitle{padding: 0 0 5px;}
.debit-card .blueBtn{font-size: 8px;}

.settings-device td{font-size: 8px;text-align: left !important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.masterpromoBox_img img {width: 100%;}
.logo {background: url("/views/images/logoDevice.png") no-repeat scroll 0 0 transparent;width: 67px;height: 30px;margin-left: 10px;float: left;display: block;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.masterpromoBox_img img {width: 100%;}
	.visible-desktop-debit-card{display: none;}
	.debit-card .bannerTitle{/* left: 40%; */}

.logo {background: url("/views/images/logoDevice.png") no-repeat scroll 0 0 transparent;width: 67px;height: 30px;margin-left: 10px;float: left;display: block;}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
.cLsWhite td{font-size: 7px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
.cLsWhite td{font-size: 7px;}
}
#easyPaymentPlan .productsListContWrap {margin:0;}

.orgBtn {
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: bold;
background: #ff6600 none repeat scroll 0 0;
padding: 10px 0;
text-align: center;
margin-left: 30px;
}

.blueBtn {
    background: #00BDF2;
}
.greyBtn:hover, .blueBtn:hover {
    background: #008ce6;
}