/* 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}
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("/english/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("/english/fonts/interstaterom-webfont.woff") format("woff"), url("/english/fonts/interstaterom-webfont.ttf") format("truetype"), url("/english/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%;
}
.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{padding:0 0 10px;}
/*{padding-bottom:0}*/
.cardSelectList.last {border-bottom: none !important;}
.divider {border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;}
.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;}
/* Layout */
body {color: #555555; font-family: arial,verdana,times New Roman;font-size: 12px;}
.bodyHomeBg {background: #00407D;}
#container{ margin: 0;overflow: hidden;width: 100%;}
.addCompareBtn, .CompareNowBtn{display:none;}
.borderCol{border-collapse:inherit;}

#header {}
	.topMenu{background:url('/english/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.topMenuRight {float:right;}
		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("/english/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("/english/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("/english/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("/english/images/tablet/dropDownarrow.png") no-repeat scroll 0 0 transparent;background-size:100% 100%;width:25px;height:13px;top:-13px;right:20px;}
	.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("/english/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("/english/images/tablet/menuOff.png") no-repeat 0 0;background-size:100% 100%;float: right;margin: 3px 0 0 10px;}
		.logOutIcon {background: url("/english/images/tablet/signOff.png") no-repeat 0 0;background-size:100% 100%;float: right;}
		.mainMenuIcon.active {background: url("/english/images/tablet/menuOn.png") no-repeat scroll 0 0 transparent;background-size:100% 100%;}
	.logo {background: url("/english/images/logoDevice.png") no-repeat scroll 0 0 transparent;background-size: 123px 30px;width: 123px;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("/english/images/tablet/cardDropdown.png") no-repeat 0 0;background-size:88px 16px;display: block;height: 16px;margin: 0 auto;width: 88px;}
	.leftNavIconDown {background: url("/english/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("/english/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("/english/images/tablet/arrowDown.png") no-repeat 0 0;background-size:14px 9px;color: #333333;font-weight: bold;}
#leftNav li span.rightArrowSub {background: url("/english/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("/english/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("/english/images/minus.png") no-repeat 0 0;}
.showDetails {background: url("/english/images/plus.png") no-repeat 0 0;}

.linkListSpace{padding:10px 0 0 15px;}
ul.linkList li{background: url("/english/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding: 0 0 10px 15px !important;list-style:none;}

#main{padding:10px 0 0;}

.checkList li{background: url("/english/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("/english/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("/english/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;padding: 0 10px;}
.bannerProd{position: relative;margin:0 0 10px; padding: 0 10px;}
.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 .largeSubTitle{font-size: 16px;line-height: 30px;padding: 10px 20px 0 10px;}

.learnMoreLink {text-align: right;padding:15px 0 0 0;}
	.learnMoreLink a { background: url("/english/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("/english/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("/english/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("/english/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("/english/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("/english/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("/english/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("/english/images/tablet/tabOnbg.png") repeat-x scroll 0 0 transparent;color: #4A9F26;text-decoration: none;}
.tabs li.tabClose a {background: url("/english/images/tablet/tabArrowup.png") no-repeat center center;background-size:24px 25px;height: 12px;width: 24px;}
.tabs li.tabClose.activeArrow a{background: url("/english/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("/english/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 .right .clsPadTopPro{padding:30px 0 0 0;}
.tabBotBtn {padding: 0px 10px 15px 10px;overflow:hidden;}

.clsipen{background: url("/english/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("/english/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("/english/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;}

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("/english/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("/english/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("/english/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("/english/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("/english/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;}
				
/*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("/english/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("/english/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("/english/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("/english/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("/english/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("/english/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("/english/credit-cards/images/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("/english/credit-cards/images/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("/english/credit-cards/images/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("/english/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("/english/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("/english/images/call.png") no-repeat 0 0;margin-left:6px;}
	.iconMail {background: url("/english/images/mail.png") no-repeat 0 0;margin-left:10px;}
	.iconVisit {background: url("/english/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("/english/images/close.jpg") no-repeat 0px 0px;
	width:16px;
	height:16px;
	float:right;
	margin:0 0 10px 10px;
}
.tooltip .arrow{
	background:url("/english/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("/english/images/facebookIcon.png");} 
	.mediaIcons li a.twitterIcon{background-image:url("/english/images/twitterIcon.png");} 
	.mediaIcons li a.youtubeIcon{background-image:url("/english/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("/english/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("/english/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("/english/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("/english/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("/english/images/plus.png") no-repeat scroll 0 3px transparent;}
	.hide {background: url("/english/images/minus.png") no-repeat scroll 0 3px 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:100%; 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;}
/* .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("/english/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;}
.atIcon2{width:40px;height:157px;}
.tabWrap{position: relative;left:-39px;top:0px;margin: 0;padding: 0;cursor:pointer;}
.contactMedia {    position: fixed;    right: -791px;    top: 361px;    z-index: 99999999999;}
.creditcardIcon{position: fixed;z-index: 9999999999;top: 361px;right:0;}
.contactMedia .contentWrap {height: 90px;}
.contentWrapnew{margin:0;width: 680px; background-color: #ffffff;border: 1px solid #ddd;border-right:none;overflow:hidden;box-shadow:10px 0 10px #666;-webkit-box-shadow:10px 0 10px #666;padding:15px 20px 0px;position: relative;/*top: -200px;*/top: -161px; height:165px}
.closeIcon {background: url("/english/images/close.jpg") no-repeat scroll 0 0 transparent;cursor: pointer;height: 15px;  position: absolute;right: 10px;top: 10px;width: 24px;}
.contentWrapRht {height: auto;width: 100%;}
.socialMedia.applyForms{position:fixed;right:0px;top:215px;z-index: 999999;}
.socialMedia.applyForms .reward{z-index: 999999;}
.tabWrap.applyTab {width: 42px;}
.atIconform{cursor:pointer;width: 42px;height: 61px;}
.slideWrap{width:700px;float:left;}
.promotionWrap{overflow: hidden;width: 250px;float:left;}
.promotionCont.bdr{border-right:1px solid #ccc;height:120px;padding-right:10px;width:130px;}
.promotionImg{float:left;width:85px;}
.promotionCont{width:147px;float:left;padding-left:10px;}
.contentWrapnew.applyforms{margin:-105px 0 0;height:160px;}
ul.applyforms{overflow: hidden;width: 180px;float:left;border-right:1px solid #ccc;margin-right:15px;}
ul.applyforms.noBdr{border:none;}
	ul.applyforms.last{border:none;}
	ul.applyforms li{background:#ffffff url("../images/grayarrow.png") no-repeat scroll 0 3px;padding:0 0 10px 15px;}
.mandi {font-size: 11px;margin: 0;padding: 27px 12px 5px 0;text-align: right;}
.tooltip-bg {background: url("../images/tooltip.png") no-repeat scroll 0 0 transparent;height: 61px;left: 162px;position: absolute;top: 65px;width: 189px;}
.tooltip-text {color: #666666;font-size: 12px;padding: 10px 23px;}
.slideWrapnew ul li {color: #333333;float: left;font-size: 13px;padding-bottom: 5px;padding-right: 10px;width: 145px;}
.slideWrapnew ul li input {border: 1px solid #CCCCCC;color: #999999;float: left;font-size: 13px;margin: 0;outline: 0 none;padding: 2px 4px;width: 135px;}
.slideWrapnew ul li span {color: #FF0000;display: block;font-size: 11px;padding-top: 2px;}
.slideWrapnew ul li input.submit {background: none repeat scroll 0 0 #2B639C;color: #FFFFFF;cursor: pointer;font-size: 11px;font-weight: bold;height: 25px;margin-left: 240px;text-transform: uppercase;width: 60px;}
.textstyle {color: #666666 !important;font-size: 9px !important;width: 100% !important;}
.formError { z-index: 990;}
.formError .formErrorContent {z-index: 991;}
.formError .formErrorArrow {z-index: 996;}
.formError {position: absolute;top: 300px;left: 300px;display: block;cursor: pointer;}
.ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none}
.formError .formErrorContent {background: none repeat scroll 0 0 #2E2EFE;border: 2px solid #DDDDDD;border-radius: 6px;box-shadow: 0 0 6px #000000;color: #FFFFFF;font-size: 11px;padding: 4px 10px;position: relative;width: 123px !important;}
.greenPopup .formErrorContent {background: #33be40;}
.blackPopup .formErrorContent {background: #393939;color: #FFF;}
.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;}
body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div {background: none repeat scroll 0 0 #2E2EFE;border-left: 2px solid #DDDDDD;border-right: 2px solid #DDDDDD;box-shadow: 0 2px 3px #444444;display: block;font-size: 0;height: 1px;line-height: 0;margin: 0 auto;}
.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div {background: #33be40;}
.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}
.formError .formErrorArrow .line10 {width: 15px;border: none;}
.formError .formErrorArrow .line9 {width: 13px;border: none;}
.formError .formErrorArrow .line8 {width: 11px;}
.formError .formErrorArrow .line7 {width: 9px;}
.formError .formErrorArrow .line6 {width: 7px;}
.formError .formErrorArrow .line5 {width: 5px;}
.formError .formErrorArrow .line4 {width: 3px;}
.formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;}
.formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;}
.innerCont{overflow:hidden;padding-bottom:25px;}
.innerCont.kanaform{overflow:visible !important;display:inline-block;}
.cardSelectScroll{overflow:auto;width:100%;}
.cardSelect{background:url("/english/images/form-bg.jpg") 0 0 repeat;width:47.5%;padding:10px 20px;float:left;}
.cardSelectHdr{background:url("/english/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("/english/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.closeArrow, .close {background: url("/english/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:44%;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: 231px;height: 23px;padding:0; border:1px solid #ccc;}
.formSubmit{padding:10px 0 20px;float:right;}
.tabHldr{float:left;width:100%;}
.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("/english/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("/english/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;}
.hideArrow, .collapseDown {background: url("/english/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("/english/images/monthly-icon.png") no-repeat scroll 0 0 transparent;}
	.weeklyIcon{background: url("/english/images/weekly-icon.png") no-repeat scroll 0 0 transparent;}
	.dailyIcon{background: url("/english/images/daily-icon.png") no-repeat scroll 0 0 transparent;}
	.eyeIcon{background: url("/english/images/eye-icon.png") no-repeat scroll 0 0 transparent;}
	.getStartIcon{background: url("/english/images/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;}

		/* Big Points */	
		.bp_img { width:100%; }
		.bigPointsWrap { overflow: hidden; }
			.bigPointsTitle { padding: 10px 0 10px 50px; text-align: left; background:url("/english/credit-cards/images/desktop/airasia-down.png") left center no-repeat #eee; cursor: pointer; }
			.bigPointsTitle.bpt_active { background:url("/english/credit-cards/images/desktop/airasia-up.png") left center no-repeat #eee; cursor: default; }
			.bigPointsTitle_altRed { padding: 10px 0 10px 50px; text-align: left; background:url("/english/credit-cards/images/desktop/airasia-down_red.png") left center no-repeat #ed1f24; cursor: pointer; }
			.bigPointsTitle_altRed.bpt2_active { background:url("/english/credit-cards/images/desktop/airasia-up_red.png") left center no-repeat #ed1f24; cursor: default; }
			.bigPointsTitle h3 { padding: 0; color: #666; font-size: 24px; font-weight: bold; }
			.bigPointsTitle.bpt_active h3 { color: #eb1c24; }
			.bigPointsTitle_altRed h3 { padding: 0; color: #fff; font-size: 24px; font-weight: bold; }
			.bigPointsContent { padding: 10px 20px 20px 20px; background-color: #eee; }
			.bigPointsContent_altRed { padding: 10px 20px 20px 20px; background-color: #ed1f24; }
					
		.bigPointsJoinWrap { border-bottom: 1px #ccc solid; padding: 10px 0 20px 0; margin: 10px 0 20px 0; overflow: hidden; }
			.joinDetail.left { float: left; padding: 0 10px 0 0; position: relative; width: 50%; }
			.joinDetail.left sup { vertical-align: text-top; font-size: 11px; }
			.joinDetail.right { float: left; text-align: right; position: relative; width: 50%; }
		

.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("/english/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("/english/images/bg-darkblue.png") repeat 0 0;border-radius: 6px 6px 6px 6px;color: #FFFFFF;display: block;line-height: 15px;min-height: 60px;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("/english/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;}
/*.newsAdHldr {background: url("/english/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;}*/
.newsAdHldr {background: url("/english/images/newsBg.png") repeat 0 0;border-radius: 0 0 10px 10px;bottom: 0;padding: 19px;overflow:hidden;}
.newsAdLink a{color:#05589d;background:url("/english/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;}
.newsAdBlueTxt {color: #05589D;font-weight: bold;padding:0 0 10px;}

.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;}
.offerContMediumHdr {font-size: 24px;font-family: "Interstate";}
.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;}

.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;}
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{display: block;height: 46px;}
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("/english/credit-cards/images/pc/rewards-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/english/credit-cards/images/pc/rewards-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travel {background: url("/english/credit-cards/images/pc/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/english/credit-cards/images/pc/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.cashRebate {background: url("/english/credit-cards/images/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("/english/credit-cards/images/pc/cash-rebate-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.business {background: url("/english/credit-cards/images/pc/business-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/english/credit-cards/images/pc/business-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showAll {background: url("/english/credit-cards/images/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("/english/credit-cards/images/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;}

.aa_clsTable{border-top:1px #939598 solid;border-right:1px #939598 solid;width:100%;}
.aa_clsTable th{background:#939598;border-left:1px #939598 solid;border-bottom:1px #939598 solid;padding:10px;text-align:left; color:#fff; font-size: 14px; font-weight: bold; }
.aa_clsTable th.special{border-left:1px #fff solid;border-right:1px #fff solid;}
.aa_clsTable tr.altColor{background:#dcdcdc;}
.aa_clsTable td{border-left:1px #939598 solid;border-bottom:1px #939598 solid;padding:10px; color:#000;}
.aa2_clsTable{ width:100%;}
.aa2_clsTable th{color:#fff; font-size: 16px; font-weight: bold; }
.aa2_clsTable td{ padding: 5px 0 0 0; color:#fff; font-size: 14px; }
.aa2_clsTable td.black{ padding: 5px 0 0 0; color:#000; font-size: 14px; }
.aa2_clsTable td a sup { vertical-align: text-top; font-size: 9px; }
.aa2_clsTable td a:link { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:visited { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:hover { text-decoration: underline; color:#fff; }
.aa2_clsTable td a:active { text-decoration: underline; color:#fff; }

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.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;}
		
		.iconBlkInnLft3{float:left; padding-right:15px; width:100px;}
 		.iconBlkInnRgt3{float:left; width:80%;}
		
.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:190px;}

.calcCategory.giant{float:left;width:220px;}
.calcSpend{float:left;}
.calcInnerHdr{color:#003C7B;}
.calcInner{padding:23px 0 0;clear: both;}
.calcCategoryHdr{display:block;padding:3px 0 0 35px;}
.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("/english/credit-cards/images/icon/maxis-digi.png") no-repeat scroll 0 0 transparent;}
.astroIcon{background: url("/english/credit-cards/images/icon/astro.png") no-repeat scroll 0 0 transparent;}
.utilitiesIcon{background: url("/english/credit-cards/images/icon/utilities.png") no-repeat scroll 0 0 transparent;}
.muniCounIcon{background: url("/english/credit-cards/images/icon/municipal-councils.png") no-repeat scroll 0 0 transparent;}
.diningIcon{background: url("/english/credit-cards/images/icon/dining.png") no-repeat scroll 0 0 transparent;}
.giantIcon{background: url("/english/credit-cards/images/icon/giant-purchase.png") no-repeat scroll 0 0 transparent;}
.travelIcon{background: url("/english/credit-cards/images/icon/travel.png") no-repeat scroll 0 0 transparent;}
.utilityIcon{background: url("/english/credit-cards/images/icon/utility.png") no-repeat scroll 0 0 transparent;}
.shoppingIcon{background: url("/english/credit-cards/images/icon/shopping.png") no-repeat scroll 0 0 transparent;}
.everythingIcon{background: url("/english/credit-cards/images/icon/everything-else.png") no-repeat scroll 0 0 transparent;}
.FuelIcon{background: url("/english/credit-cards/images/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{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left; margin: 0 10px 0 0;}
.mobileIcon{background: url("/english/credit-cards/images/icon/mobile.png") no-repeat scroll 0 0 transparent;}

.everythingElse{background: url("/english/credit-cards/images/icon/every-else.png") no-repeat scroll 0 0 transparent;}
.grocery{background: url("/english/credit-cards/images/icon/grocery.png") no-repeat scroll 0 0 transparent;}
.petrol{background: url("/english/credit-cards/images/icon/petrol.png") no-repeat scroll 0 0 transparent;}
.pharmaceutical{background: url("/english/credit-cards/images/icon/pharmaceutical.png") no-repeat scroll 0 0 transparent;}
.phoneBills{background: url("/english/credit-cards/images/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("/english/credit-cards/images/icon/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("/english/credit-cards/images/icon/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("/english/credit-cards/images/icon/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:69%;}
.calcSpend.giant{width:60%;margin-left:30px;}
div.ui-slider {width:85% !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("/english/credit-cards/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:80px;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:80px;}
	.calcInnerWrapHdr li.second, .calcInnerWrap li.second{width:170px;}
	.calcInnerWrapHdr li.third, .calcInnerWrap li.third{width:300px;}
	.calcInnerWrapHdr li.fourth, .calcInnerWrap li.fourth{width:100px;text-align:center;}
	.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;}

.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("/english/credit-cards/images/icon/cash-advance.png") no-repeat scroll 0 0 transparent;}
	.balanceIcon{background: url("/english/credit-cards/images/icon/balance-transfers.png") no-repeat scroll 0 0 transparent;}
	.flexiIcon{background: url("/english/credit-cards/images/icon/flexi-payment.png") no-repeat scroll 0 0 transparent;}
	.dialIcon{background: url("/english/credit-cards/images/icon/dial-for-cash.png") no-repeat scroll 0 0 transparent;}
	.clsInfoIcon{background:url("/english/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("/english/credit-cards/images/selectorCards/rewards.png") no-repeat scroll 0 0 transparent;
}
.lowRateIcon{
	background: url("/english/credit-cards/images/selectorCards/lowRate.png") no-repeat scroll 0 0 transparent;
}
.cardtravelIcon{
	background: url("/english/credit-cards/images/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("/english/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("/english/credit-cards/images/selectorCards/addcard/leftBg.png") no-repeat;
	width:13px;
	height:175px;
	float:left;
}
.rhtStripBg{
	background:url("/english/credit-cards/images/selectorCards/addcard/rightBg.png") no-repeat;
	width:13px;
	height:175px;
	float:right;
}
.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("/english/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("/english/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: 25% !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("/english/images/tick_arrow.png") no-repeat 0 0;
	width:14px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.grayClose{
	background:url("/english/images/cross_img.png") no-repeat;
	width:10px;
	height:12px;
	display:block;
	margin-bottom:5px;
}
.closeIcon{
	display:block;
	background:url("/english/images/close.jpg") no-repeat;
	width:14px;
	height:15px;
}
ul.bulLst li a.grayArrow {
    background: url("/english/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("/english/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('/english/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("/english/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("/english/credit-cards/images/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;}

/* 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('/english/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('/english/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('/english/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('/english/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 0 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("/english/images/left-nav.png") no-repeat scroll right -14px transparent;cursor: pointer;padding:0;}
.protectWrap .downArrow.active {background:url("/english/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, ul.hiddenval {position: relative;}
.cardLftArro {float: left;background: url("/english/images/lt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;left: 10px;cursor: pointer;}
.cardRgtArro {background: url("/english/images/rt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;right: 10px;cursor: pointer;}
.addlstCards {float: left;width: 96%;overflow: hidden;}
.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;}

/******************* 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:10%;
	float:left;
}
.appAreaCont{
	float:left;
	width:85%;
}
/******************* 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%;}

/*FAQ Start*/
.tapWrapperHolder{padding:50px 20px 0px 20px;}
.faqShowHideArea{padding: 13px 0 5px; border-bottom:1px solid #ccc;}
	.faqShowHideHdr{width:98%;font-size:14px;font-family: "interstate";}
	.faqShowHideHdr a{color:#555555;}
	.faqShowHideHdr{padding:0 0 10px 0;}
	.faqShowHideHdr .show, .hide {line-height:18px;}
	.faqShowHideHdr .show {background: url("/english/faq/images/plus.png") no-repeat scroll 100% 3px transparent;}
	.faqShowHideHdr .hide {background: url("/english/faq/images/minus.png") no-repeat scroll 100% 3px transparent;}
	.faqShowHideHdr a, .faqShowHideHdr span{cursor:pointer;display:block;padding-left:0px;}
	.faqShowHideCont {display:none;padding: 0;font-size:12px;font-family: "interstate";color:#555555;line-height:18px;}
	.faqShowHideHdr .show, .faqShowHideHdr .hide{padding-right:15px;}
/*FAQ End*/

/*Overlay*/
.header {background:#00B8EE;background: -webkit-gradient(linear, 0 0, 0 70%, from(#00B8EE), to(#004485));background: -webkit-linear-gradient(#00B8EE, #004485 70%);background: -moz-linear-gradient(#00B8EE, #004485 70%);background: -ms-linear-gradient(#00B8EE, #004485 70%);background: -o-linear-gradient(#00B8EE, #004485 70%);background: linear-gradient(#00B8EE, #004485 70%);-pie-background: linear-gradient(#00B8EE, #004485 70%);position: relative;}
.headerAlert{background:#e4e3e3;background: -webkit-gradient(linear, 0 0, 0 70%, from(#ededed), to(#e4e3e3));background: -webkit-linear-gradient(#ededed, #e4e3e3 70%);background: -moz-linear-gradient(#ededed, #e4e3e3 70%);background: -ms-linear-gradient(#ededed, #e4e3e3 70%);background: -o-linear-gradient(#ededed, #e4e3e3 70%);background: linear-gradient(#ededed, #e4e3e3 70%);-pie-background: linear-gradient(#ededed, #e4e3e3 70%);position: relative;}
.logoWrap{overflow:hidden;padding:0 30px;}
.loGo{background: url("/gtc/images/logo.png") no-repeat 0 0;width: 106px;height: 27px;margin: 35px 30px 0 0;float:left;}
.citiLogo{background: url("/gtc/images/citi-header-logo.png") no-repeat 0 0;width: 66px;height: 37px;margin: 25px 0 0 0;float:right;}

.notification{width:100%;}
.notification .notificationHolder{text-align:center;padding:10% 10% 15% 10%;}
.notification .notificationHolder .alert{margin:0 0 10px;}
.notification .notificationHolder .notificationText{font-size:16px;color:#333;font-family:"Interstate";font-weight:normal;}
.notification .notificationHolder .notificationText p{text-align:left;}
.notify{overflow:hidden;padding:0 0 10px;}
.notifyLeft{float:left;margin-right:10px;width:53%;text-align:left;}
.notifyCenter{margin-right:10px;float:left;}
.notifyRight{float:left;width:41%;}
.blueBtn.apply{width:120px;}

/*Overlay*/
.appAlertWrap{display:none;}
#colorbox{width: 600px !important;left:212px !important;height: 380px !important;top:208px !important;}
#cboxWrapper{width: 600px !important;height: 380px !important;}
#cboxContent{width: 600px !important;height: 380px !important;}
#cboxLoadedContent{width: 600px !important;height: 380px !important;}
#appAlertTab{overflow:hidden;}
#appAlertTab .lftWrap{float:left;width:173px;}
#appAlertTab .lftWrap > img{max-width:inherit;}
#appAlertTab .rhtWrap{display:block;padding:90px 0 0 195px;}
#appAlertTab .rhtWrap > h2{color:#fff;font-size:22px;font-family:"interstate";font-weight: normal;line-height: 26px;padding:0 60px 15px 0;}
#appAlertTab .rhtWrap > p{color:#fff;font-size:18px;font-family:"interstate";font-weight: normal;line-height: 22px;padding:0 0 15px 0;}
.appstoreImg{width:50%;}
.appstoreImg > img{width:50%;}
#cboxClose {height: 24px;position: absolute;right: 10px;text-indent: -9999px;top: 10px;width: 24px;background: url("../images/close-img.png") no-repeat;}
.appStoreLink .blueBtn{float:right;margin:110px 10px 0 0;}
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.listBox li{width:17.9%;min-height:65px;}
	ul.stepHldr li span.stepList{width:7%;}
	ul.stepHldr li span.stepCont{width:90%;}
	/* Card Selector */
	.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("/english/images/greenBg.png") repeat-x scroll 0 0 transparent;
	}
	.selectedCardsComp .greyBtn{
		background: url("/english/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;}
}
@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;
}

}
 @media(min-width: 1024px) {
	img.bannerProdTileImg.Faq{height:49px;width:100%;}
	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:280px;}
		.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: 51px;}
	.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) {
	#colorbox{left: 90px !important;top: 288px !important;}
	img.bannerProdTileImg.Faq{height:47px;width:100%;}
/**************************** 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: 75px;}
	.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 11.80px !important;}
	.closeIconHldr {position: absolute;right: 0px;top: 0;left: 88px;}
	.closeIcon {display: block;background: url("/english/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;}
.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('/english/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('/english/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('/english/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('/english/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;}
.faqShowHideCont{padding-right:30px;}

/**************************** 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: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, .appAreaMid{
	background:url("/whatsnew/images/pattern.png") repeat;
	float:left;
	width:284px;
	padding:20px;
	height: 100px;
	overflow:hidden;
}
.appAreaMid{
	margin:0 15px;
}
.appAreaImg{
	margin-right:10px;
	width:10%;
	float:left;
}
.appAreaCont{
	float:left;
	width:79%;
}
/******************* What's New **********************/

}
@media (min-width: 1025px){
.airAsiaTopMnu ul{width:100% !important;}
}

/* Mobile */
@media (max-width: 767px) {
.homeTopBtnSec li {width: 50%;}
	.mobileWrap {display: none !important;}
	img.bannerProdTileImg.Faq{height:auto;width:100%;}
/*Apply for New Product*/
	.newProductArrowUp{background:url('/english/images/product-up-arrow.png') right center no-repeat;width:20px;}
	.newProductArrowDown{background:url('/english/images/product-down-arrow.png') right center no-repeat;width:20px;}
	.newProduct{background:#fff !important;}
	.newProduct li.firstProduct{background:url('/english/images/product_shadow.png') 0 0 repeat-x;height:16px;}
	.newProduct li{padding:10px;border:1px solid #ccc;}
	.homeTopBtn li.applycreditcard.new a{text-align:center !important;padding:0;padding:15px 0 15px 10px;width:93%;}
	.newProduct li{width:auto;background:none;float:none;}
	.newProduct li a{text-align:center !important;padding:0 0 0 5px !important;font-size:12px;color:#333;display:block;}
/*Apply for New Product*/
.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("/english/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("/english/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%;}
.tapWrapperHolder{padding:30px 20px 0px 20px;}
.faqShowHideHdr .show, .faqShowHideHdr .hide{padding-right:20px;}
.faqShowHideCont{padding-right:20px;}

/*Overlay*/
#fancybox-content{width:484px !important;}
	#fancybox-content-inner{width:484px !important;}
	.notification .notificationHolder .notificationText{font-size:14px;}
	#fancybox-bg-s{width:100%;}
	.notification .notificationHolder{text-align:center;padding:10% 10% 20% 10%;}
	.notifyLeft{float:left;margin-right:10px;width:42%;text-align:left;}
	.notifyCenter{margin-right:10px;width:5%;float:left;}
	.notifyRight{float:left;width:42%;}
	#fancybox-close {position: absolute;left:98%;width: 16px;height: 16px;background: transparent url('/gtc/images/fancybox.png') 0px 0px;cursor: pointer;z-index: 1103;display: none;}

/*Overlay*/
/******************* 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("/english/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("/english/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("/english/images/mobile/searchBoxIcon.png") no-repeat scroll 12px center;background-size:15px 16px;padding:0px 15px 0px 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("/english/images/mobile/menu.png") no-repeat scroll 0 0 transparent;background-size: 100% 100%;}
.logOutIcon {float: right;background: url("/english/images/mobile/signOnBtn.png") no-repeat scroll 0 0 transparent;background-size: 100% 100%;}
.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:41%; 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("/english/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("/english/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("/english/images/mobile/tabDownarrow.png"), -webkit-linear-gradient(top, #FFF, #EAEAEA); /* For Chrome and Safari */background-image: url("/english/images/mobile/tabDownarrow.png"), -moz-linear-gradient(top, #FFF, #EAEAEA); /* For old Fx (3.6 to 15) */background-image: url("/english/images/mobile/tabDownarrow.png"), -ms-linear-gradient(top, #FFF, #EAEAEA); /* For pre-releases of IE 10*/background-image: url("/english/images/mobile/tabDownarrow.png"), -o-linear-gradient(top, #FFF, #EAEAEA); /* For old Opera (11.1 to 12.0) */background-image: url("/english/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("/english/images/mobile/call.png") no-repeat scroll center transparent;}
.iconMail {background: url("/english/images/mobile/mail.png") no-repeat scroll center transparent;}
.iconVisit {background: url("/english/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("/english/images/mobile/showArrow.png") no-repeat scroll 0 2px transparent;background-size:14px 9px;}
.appFooterScrolTop {background: url("/english/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;}
.scrollAreaHdr a {color:#333;font-weight:bold;padding-left:25px;}

.termsMinus {background: url("/english/images/minus.png") no-repeat scroll 0 0 transparent;}
.termsPlus {background: url("/english/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("/english/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%;}

/* 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: 0px;}
.offerContMediumHdr{font-size:12px;}
.offerContSmallHdr{font-size: 11px;}
.learnMoreBtn {margin: 15px 0 0;}

.homeWrap{background: url("/english/images/mobile/patten.png") repeat 0 0;overflow: hidden; background-size:100% auto;}

.homeTopBtn{background:url("/english/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:33.3%;display:block;background:url("/english/images/mobile/buttonDivder.jpg") no-repeat 0 0;background-size:4px 100%;}
.homeTopBtn li a{color:#FFF;padding:40px 0 10px;margin:7px 4px;display:block;text-align:center;font-size:12px;font-weight: bold;}
.homeTopBtn li.first{background:none;}
.homeTopBtn li.applycreditcard{width:100%;}
.homeTopBtn li.applycreditcard a{padding:15px 0 15px;text-align:center;}

.homeTopBtn li.rewardsRedemption a{background:url("/english/images/mobile/rewardsRedemption.png") no-repeat center 6px;background-size:30px 30px;}
.homeTopBtn li.signOn a{background:url("/english/images/mobile/signOn.png") no-repeat center 6px;background-size:30px 30px;}
.homeTopBtn li.travelInsurance a{background:url("/english/images/mobile/credit-card-prom.png") no-repeat center 6px;background-size:30px 30px;}

.homeTopBtn li.deposits a {background: url("/english/images/mobile/app/deposits.png") no-repeat center 6px;background-size:20px 25px;}
.homeTopBtn li.creditCards a {background: url("/english/images/mobile/app/credit-card.png") no-repeat center 6px;background-size:30px 25px;}
.homeTopBtn li.overdraft a {background: url("/english/images/mobile/app/loans.png") no-repeat center 6px;background-size:30px 25px;}
.homeTopBtn li.loans a {background: url("/english/images/mobile/app/mortgage.png") no-repeat center 6px;background-size:30px 25px;}
.homeTopBtn li.invest a {background: url("/english/images/mobile/app/investment.png") no-repeat center 6px;background-size:30px 25px;}
.homeTopBtn li.insurance a {background: url("/english/images/mobile/app/insurance.png") no-repeat center 6px;background-size:30px 25px;}

.contactPanel{background:url("/english/images/mobile/contactPanelbg.png") repeat-x;background-size:1px 100%;padding:14px 10px;border-bottom:none;}
.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("/english/images/mobile/email.png") no-repeat 18px center;background-size:20px 20px;}

.signWrap{background:url("/english/images/mobile/signOnbg.png") repeat-x;padding:8px 13px;background-size:1px 100%;}
.signWrap a{background:url("/english/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("/english/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;}
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("/english/credit-cards/images/mobile/rewards-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/english/credit-cards/images/mobile/rewards-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.travel {background: url("/english/credit-cards/images/mobile/travel-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/english/credit-cards/images/mobile/travel-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.cashRebate {background: url("/english/credit-cards/images/mobile/cash-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.cashRebate, ul.cardsTab li.active a.cashRebate{background:url("/english/credit-cards/images/mobile/cash-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.business {background: url("/english/credit-cards/images/mobile/business-off.png") no-repeat scroll center center transparent;}
ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/english/credit-cards/images/mobile/business-on.png") no-repeat scroll center center transparent;}

ul.cardsTab li a.showAll {background: url("/english/credit-cards/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/credit-cards/images/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%;}
		.iconBlkInnLft3{float:left; padding-right:15px; width:100px;}
 		.iconBlkInnRgt3{float:left; width:75%;}
		.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: 88px;
	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;}
	.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: 30px 28px 0;}
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("/english/images/mobile/tabRightarrow.png") right center no-repeat;background-size:inherit;}
.tabMenuHeading.active{background:#fff url("/english/images/mobile/tabDownarrow.png")right center no-repeat;background-size:inherit;}
.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;}

.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;}

/* 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;}
.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: 45%;
}
.formInner .formValue {
    float: left;
    width: 51%;
}

.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:100% !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;
}
.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("/english/credit-cards/images/downArrow.jpg") no-repeat scroll right center transparent;
	display: inline-block;
 	height: 25px;
	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: 58%;
}
.rhtPartCont{
	padding: 0 0 0 15px;
	width:60%;
}
.lftArrow{
	background:url("/english/credit-cards/images/ltArrow.png") 0 0 no-repeat;
	background-size:100% 100%;
	left: 20px;
}
.rhtArrow{
	background:url("/english/credit-cards/images/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("/english/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%;}

/*ipad App*/
.contImgHldr .lftSide{float:none;}
.contImgHldr .rhtSide{float:none;width: 100%;}
.contImgHldr .lftSide .appStoreWrap {margin: 0;}
video {width:100%;height:auto;}
/*ipad App*/

/*New home btn*/
.homeTopBtn1 li.first {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.homeTopBtn1 li {
     height: 90px;
}
.homeTopBtn1 li {
     background: url("/english/images/mobile/buttonDivder.jpg") 
no-repeat scroll 0 0 / 4px 100% rgba(0, 0, 0, 0);
     display: block;
     float: left;

}
.homeTopBtn1 {
     background: url("/english/images/mobile/homeTopBtnBg.png") repeat-x 
scroll 0 0 / 1px 100% rgba(0, 0, 0, 0);
     border-bottom: 1px solid #1b6da9;
     border-top: 1px solid #38a4d3;
     overflow: hidden;
}
.homeTopBtn1 li a {
     color: #fff;
     display: block;
     font-size: 12px;
     font-weight: bold;
     margin: 7px 4px;
     padding: 40px 0 10px;
     text-align: center;
} 
.homeTopBtn1 li.loans a {
     background: url("/english/images/mobile/app/mortgage.png") 
no-repeat scroll center 6px / 30px 25px rgba(0, 0, 0, 0);
}
.homeTopBtn1 li.invest a {
     background: url("/english/images/mobile/app/investment.png") 
no-repeat scroll center 6px / 30px 25px rgba(0, 0, 0, 0);
}

.homeTopBtn1 li {
     background: url("/english/images/mobile/buttonDivder.jpg") 
no-repeat scroll 0 0 / 4px 100% rgba(0, 0, 0, 0);
     display: block;
     float: left;
}
}

@media  (max-width: 568px)
{
  .airAsiaBlockInner{top: 300px;}
  .airAsiaBlock .topBoxBtn{top: 531px;}
  .mobileBanking {height: 292px;}
  .preMilesGridWrap .gridIcon {width: 11.6%;}

}

@media (max-width: 480px) {
	.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;}
	

}

@media (max-width: 479px){
	.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;}

}
@media (max-width: 320px){
	.visible-portrait{display:inherit;}
	.hidden-portrait{display:none;}
	.btnWrap > a{margin:10px 0 0;}
	.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;}
	.marketOfferContent {left: 10px;top: 10px;}
	.homeTopBtn li a {margin: 7px 8px 0;}
	.homeTopBtn li {height: 90px;}
	.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("/english/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 5px 10px;list-style: none;font-size:8.4px;}
	
	.headSlideArrowTop{padding:5px 0 0 0;}
		p.headSlideArrow{background: url("/english/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;}
/**************************** 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 *****************************/
/*Overlay*/
#fancybox-content{width:245px !important}
	#fancybox-content-inner{width:100% !important;}
	.notification .notificationHolder .notificationText{font-size:12px;}
	.notification .notificationHolder{text-align:center;padding:5% 10% 5% 10%;}
	.notifyLeft{float:left;margin-right:10px;width:51%;text-align:left;}
	.notifyCenter{margin-right:10px;float:left;}
	.notifyRight{float:left;width:30%;}
	#fancybox-bg-n{background:none;}
	#fancybox-overlay{height:100% !important;}
	#fancybox-close {position: absolute;left:95%;width: 16px;height: 16px;background: transparent url('/gtc/images/fancybox.png') 0px 0px;cursor: pointer;z-index: 1103;display: none;}
/*Overlay*/
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:104px;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;}

/* 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:25%;}
.calcInnerWrapHdr li.second{width:25%;}
.calcInnerWrapHdr li.third{width:28%;}
.calcInnerWrapHdr li.fourth{width:21%;text-align:left;}
.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:100% !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;}
/*ipad App*/
.topBoxInner .lftSide, .topBoxInner .rhtSide{float:none;width:100%;}
/*ipad App*/

}


/* KANA TABLE 2013 12 13 */

.kana_tb input[type=text] {
 height:20px;
 width: 90%;
}
.kana_tb input[name=mobilephonesuffix], .kana_tb input[name=name] {
margin-left:2px;
width:50%;
}

.kana_tb td:first-child {
 width:20%;
}
.over .CommonWrapper {
 padding: 0;
}
.over .formDetailsinner{
 margin: 0;	
}
.deviceFix { padding:0 !important;}
.over .redColTxt { margin-left: -5px; }


.topMenu, .searchMobWrap, .banner, .breadCrumb, #footer {display: none !important;}

