.headTxtPos{ position:relative !important; } /* 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,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;font-size:100%;} 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;outline:0 none;} 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} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle;font-family:arial;} input[type="radio"]{margin:0px;} sup {font-weight: normal;} /* common */ @font-face {font-family: "interstate";font-style: normal;font-weight: normal;src: url("/views/fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("/views/fonts/interstaterom-webfont.woff") format("woff"), url("/views/fonts/interstaterom-webfont.ttf") format("truetype"), url("/views/fonts/interstaterom-webfont.svg#Citibank") format("svg");} .pullLeft{float:left;} .pullRight{float:right;} .clear{clear:both;} .txtCenter{text-align:center !important;} .txtRht{text-align:right !important;} a {color: #3399CC;outline: medium none;text-decoration: none;} img{max-width:100%;border:0;} 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;} .tabInnBgTxt{font-size:18px;} p{padding:0 0 10px;} .last{padding-bottom:0!important;} .cardSelectList.last {border-bottom: none !important;} .divider {border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;height:1px;overflow:hidden;} .redClr{color:#FF0000;} .whiteClr{color:#fff;} .commonSpacing{margin-top:10px;} .commonImgSpacer{padding-top:20px;} .commonPadHolder{padding:0 10px;} .dropshadow {box-shadow: 2px 2px 4px #CCCCCC;} .existingCustomer{display:none;} .disctxt{padding:0 0 5px !important;} .promoHeadHeight{height:25px;} .promoTxtHeight1{height:55px;} .promoTxtHeight2{height:30px;} .bannerTitle.bigTitle{width:500px;} .LPbannerHolder .fullBanner{left:0;} /* Layout */ body {background:url('/views/images/bg-pattern.gif') repeat;color: #555555; font-family: arial,verdana,times New Roman;font-size: 12px;} #container{ background:#FFFFFF; margin: 10px auto; overflow: hidden; width: 984px;} #container.selectBox{overflow: visible !important;} #header {} .topMenu{background:url('/views/images/topMenu.jpg') repeat-x top;height:22px;color:#FFF;font-size: 10px;padding:0 29px;} .topMenu li{list-style:none} ul.topMenuLeft {float: left;} ul.topMenuLeft li{padding:4px 0 0 0;float:left;} ul.topMenuLeft li a{color:#fff;} ul.topMenuRight {float:right;} ul.topMenuLeft li, ul.topMenuRight li {float: left;margin: 0 8px 0 0;} ul.topMenuRight li a {color: #FFFFFF;display: inline-block;padding: 4px 0 0;} ul.topMenuLeft li.divideBar, ul.topMenuRight li.divideBar {font-size: 10.5px;padding: 3px 0 0;} ul.topMenuRight li.flyout a.mainLinks {background: url("/views/images/main-links.png") no-repeat 8px 8px;cursor: pointer;display: inline-block;margin: 0;padding:4px 8px 5px 24px;} ul.topMenuRight li.active a.mainLinks {background: url("/views/images/signOnClose.png") no-repeat 0 -2px #727272;cursor: pointer;} ul.topMenuRight li.flyout {cursor: pointer;position: relative;} .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;} .signOnFlyout {top: 26px;} .dropFlyoutList ul li{float:none;margin:0;padding:0;border-top: 1px dotted #CCCCCC;overflow:hidden;} .dropFlyoutList ul li:first-child{border-top:none;} .dropFlyoutList ul li a{display: block;padding: 8px 10px;width: 150px;color:#000;font-size:11px;} .dropFlyoutList ul li ul li a{padding-left: 20px;width: 140px;font-weight:normal;} .dropFlyoutList ul li a:hover{background:#E5E5E5;text-decoration: none;} ul.topMenuRight li.search .innerwrap {background: none repeat scroll 0 0 #FFFFFF;height: 15px;margin: 3px 0 0;padding: 0 5px;width: 156px;} ul.topMenuRight li.search input.searchBox {background: none;border: none;float: left;font-size: 10px;margin: 0;outline: none;padding: 1px 0 0;width: 113px;} ul.topMenuRight li .searchIcon {background: url("/views/images/searchIcon.png") no-repeat 0 2px;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;} .searchMobWrap{display:none;} .banner{background: url("/views/images/banner.jpg") repeat-x 0 0;height: 86px;} .logo{background: url("/views/images/logo.png") no-repeat 0 0;width: 133px;height: 37px;margin: 22px 0 0 29px;float: left;} .citiLogo{ background: url("/views/images/citi-logo.png") no-repeat scroll 0 0 transparent;float: right;height: 44px;margin: 20px 29px 0 0;width: 75px;} #nav{background: url("/views/images/nav.jpg") repeat-x 0 0; height: 26px;position:relative;z-index:999;} ul.mainNavList {float: left;height: 26px;overflow: hidden;padding: 0 0 0 21px;} ul.mainNavList li {float: left;list-style:none} ul.mainNavList li a, .mainNavSignOn li a {color: #FFFFFF;display: inline-block;float: left;font-weight: 700;height: 16px;padding: 5px 8px;text-decoration: none;cursor:pointer;} ul.mainNavList li a:hover{background: url("/views/images/nav-hover.jpg") repeat-x 0 0;} .mainNavList li a.activeTabHighlight {background: url("/views/images/nav-hover.jpg") repeat-x scroll 0 0 transparent;} .mainNavSignOn {background: url("/views/images/signOnBg.jpg") repeat-x 0 0;float: right;height: 26px;margin:0 10px 0 0;position:relative;} .mainNavSignOn .flyout{cursor: pointer;} .mainNavSignOn li{list-style:none;} .mainNavSignOn li a{height: 16px;margin: 0;padding: 5px 10px 5px 10px;} .mainNavSignOn li a:hover {background: url("/views/images/nav-hover.jpg") repeat-x 0 0;} .mainNavSignOn li span.lockSign {background: url("/views/images/lock-icon.png") no-repeat 2px 2px;display: inline-block;float: left;height: 20px;width: 14px;} .mainNavSignOn li span.txtSign {display: inline-block;float: left;font-size:10px;} .mainNavSignOn li span.iconSign {background: url("/views/images/signOnArrow.png") no-repeat scroll 0 -3px transparent;display: inline-block;float: left;height: 20px;margin-left: 20px;width: 20px;} .mainNavSignOn li.active span.iconSign {background: url("/views/images/signOnClose.png") no-repeat 0 -6px;} /*MegaMenu*/ .megaMenuCnt {margin: 25px 17px;overflow: hidden;position: absolute;width: 950px;z-index: 999;left:0;} .mmContainer {margin-left: 3px;margin-top: 8px;position: absolute;top:-275px;width: 941px;font-size:10px;} .megamenu {background-color: #FFFFFF;border-radius: 10px 10px 10px 10px;box-shadow: 0 0 10px #CCCCCC;} .mmContainerInner {overflow: hidden;} .mmContainer ul.mMenuList {float: left;padding: 16px 0;width: 694px; margin-top:-10x;} ul.mMenuList li {border-right: 1px dotted #333333;float: left;height: 192px;list-style: none outside none;margin: 0 0 0 25px;width: 205px;} ul.mMenuList li.last {border-right:none;} ul.mMenuList li.mMenuListSpace ul{padding-top:25px;} ul.mMenuList li h4.mMenuListHdr{padding: 3px 0;} ul.mMenuList li a {display: inline-block;padding: 2.5px 0;text-decoration: none;color:#333;} ul.mMenuList li h4 a {padding: 0;} ul.mMenuList li a:hover {color: #00589D;text-decoration: underline;} ul.mMenuList li ul li {border: medium none;height: auto;margin: 0;} .mmOffer {background: url("/views/images/mega-menu-tile.gif") repeat scroll 0 0 transparent;border-radius: 0 10px 0 0;float: right;height: 196px;padding: 23px 17px 0;position: relative;text-align: right;width: 200px;} .mmBottomArea {background: none repeat scroll 0 0 #EDEDED;height: 29px;padding: 11px 0 0 25px;border-radius:0 0 10px 10px;position:relative;} a.mmBottomAreaLink {background: url("/views/images/spriteView.png") no-repeat scroll -10px -336px transparent;margin: 8px 0 0 5px;padding: 0 0 0 10px;text-align: left;white-space: nowrap;} .mmSubArrow {background: url("/views/images/submenu-arrow.png") no-repeat scroll 0 0 transparent;height: 14px;left: 48px;position: absolute;top: -6px;width: 69px;} /*MegaMenu*/ #wrapper{ overflow: hidden; padding: 0 29px; background:#FFF !important;} #wrapper.selectBox{overflow:visible !important;} .heading {border-bottom: 2px solid #C5C5C5;overflow: hidden;padding: 16px 0 12px;} #sidebar {background: url("/views/images/navContainerBg.jpg") no-repeat scroll right 0 transparent;float: left;margin: 0 20px 0 0;min-height: 458px;padding: 23px 9px 0 0;width: 205px;} #leftNav{border-bottom: 1px dotted #333333;list-style-type: none;margin: 0 0 15px;padding: 0;} #leftNav li{border-top: 1px dotted #333333;display: block;list-style: none outside none;overflow: hidden;cursor: pointer;} #leftNav li a {display: inline-block;float: left;line-height: normal;padding: 12px 0 12px 5px;text-decoration: none;width: 179px;color:#333;} #leftNav li span{display:block;float:right;} #leftNav li span.rightArrow {background: url("/views/images/left-nav.png") no-repeat scroll right 0 transparent;width: 21px;height: 29px;padding: 10px 0 0;display:block;} #leftNav li span.rightArrow.listActive {background:url("/views/images/left-nav.png") no-repeat scroll right -38px transparent;} #leftNav li span.rightArrowSub {background: url("/views/images/left-nav.png") no-repeat scroll right -81px transparent;width: 21px;padding: 10px 0 0;display:block;margin-top:-28px;height:18px;} #leftNav li span.rightArrowSub.listActive {background-image:url("/views/images/left-nav.png");background-color:transparent;background-repeat:no-repeat;background-position:right -122px;height:18px;} #leftNav li ul.leftNavSubLinks{clear:both;display:none;padding: 1px 0 10px;} #leftNav li ul.leftNavSubLinks.last{padding:0px;} #leftNav li ul.leftNavSubLinks li {border-top: 0 dotted #333333;} #leftNav li ul.leftNavSubLinks li a {padding: 6px 20px 5px;width: 166px;} #leftNav li ul.leftNavSubLinks li a.listActive{background:#f3f3f3;} #leftNav li a:hover {color: #3399CC;} #leftNav li a.listActive {font-weight: bold;} #leftNav li ul.leftNavSubLinks li ul li a {padding: 6px 20px 5px 30px;width: 156px;} #leftNav li a.lftnavLink{width:200px;} #leftNav li ul.leftNavSubLinks li ul li a.listActive{text-decoration:underline;background:none;font-weight:normal;} #leftNav li ul.leftNavSubLinks li ul li ul li{ padding: 6px 20px 5px 35px;} #leftNav li ul.leftNavSubLinks li ul li ul li a{ background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding:0 0 0 10px;} #leftNav li ul.leftNavSubLinks li ul li ul li a.listActive{ background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;font-weight:bold;padding:0 0 0 10px;text-decoration:none;} .linkListHldr{padding:0 0 15px 0;} .linkListHldr li{list-style:none;} .linkListDetails {clear: both;display: none;margin-left: 20px;margin-top: 10px;} .showHideHldr{float:left;padding:0;} .hideDetails, .showDetails{display: inline-block;float: left;height: 14px;margin-right: 6px;width: 14px;vertical-align: middle;} .hideDetails {background: url("/views/images/minus.png") no-repeat 0 0;} .showDetails {background: url("/views/images/plus.png") no-repeat 0 0;} .linkListHldrTxt {color: #333333;float: left;line-height: 15px;padding: 0;} .linkListHdr{padding:0 0 10px 0;overflow:hidden;} #main{float: left;width: 692px;} ul.breadCrumb {color: #666666;overflow: hidden;padding: 5px 0;} 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;} .bannerHolder{height: 280px;position: relative;margin:0 0 25px;} .bannerProd{height: 213px ;position: relative;margin:0 0 25px; z-index:0;} .fullBanner {left: -29px;max-width: none;position: relative;} .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 14px;position: absolute;z-index:1;left:40%; width:362px;} .bannerTitle.bannerTitleWOImg{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 14px;position: absolute;z-index:1;left:-2%; width:361px;} .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;} .bannerPromo{position: relative;margin:0 0 30px;} .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:8%;} .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;} .bannerBtn{position:absolute; bottom:15px; right:15px; z-index: 1;} .learnMoreLink {text-align: right;padding-top:15px;} .learnMoreLink a { background: url("/views/images/learn-more.png") no-repeat scroll right 4px transparent;color: #FFFFFF;font-weight: bold;height: 9px;padding-right: 12px;width: 5px;} .airAsiaBlock, .freeStay, .premierMiles{height: 452px;position: relative;margin:0 0 25px;} .airAsiaBlock .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 25px 20px 0 0px;position: absolute;z-index:1;left:0%; width:500px;} .airAsiaBlock .largeTitle{font-size: 35px;line-height: 30px;padding: 0 0 7px 0;} .airAsiaBlock .smallTitle{font-size: 12px;line-height: 18px;padding: 4px 0 0;} .bannerProdTile{height: 55px;position: relative;margin:0 0 25px; z-index:1;} .bannerProdTile .bannerSubTitle{color: #555555;display: block;font-family: "interstate";padding: 0 20px 0 0px;position: absolute;z-index:1;left:0; /*width:500px;*/} .bannerProdTile .bannerSubTitle.VNbannerSubTitle{font-family:arial;} .bannerProdTile .largeSubTitle{font-size: 24px;line-height: 30px;padding-top: 10px;} .overview {padding: 0 0 20px; overflow:hidden;} .commLikeArea{width:100%; margin-bottom:20px;} .topBox {background: none repeat scroll 0 0 #F6F6F6; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC;padding: 20px 25px 20px; margin:0 0 30px 0;} .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;} .topBox .topBoxInner .right {float: left; margin-left:20px; width:446px;} .topBox .topBoxInner .right ul li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;} .topBox .topBoxInnBlock .topBoxInnBckCont{width:100%;} .topBox .topBoxInnBlock .topBoxInnBckCont ul li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent;line-height: 16px;padding: 0 0 15px 25px;} .topBox .topBoxBtn {border-top: 1px dotted #CCCCCC;margin-top: 5px;padding: 20px 0 35px 0;} .topBoxBtn .left {float: left;} .topBoxBtn .right {float: right;} .tabBtnBlock {padding:15px 0px 15px 0;overflow:hidden;} .topContentArea{background:#EDEDED;border-bottom: 1px dotted #999999;border-top: 1px dotted #999999;margin: 0 0 25px;overflow: hidden;padding: 15px 20px 5px;} .topContentThump{float:left;width:150px;padding:0 10px 10px 0;} .topContentInner h3{padding-bottom:10px;} ul.tickList {list-style-type: none;margin: 0;padding: 0 0 11px 0px;} ul.tickList li{background: url("/views/images/green-checkmark.gif") no-repeat 0 3px;list-style: none;padding: 0 0 15px 25px;} .productsMain{overflow:hidden} .productWrap{border-bottom:1px #ccc dotted; padding:0 0 20px;margin:0 0 20px;overflow:hidden;} .productWrap.last{border:none;} .productsList {float: left;width: 176px; padding: 0 27px;} .productsList.center { border-left: 1px solid #CCCCCC;} .productsList.right { border-left: 1px solid #CCCCCC;} .thumbImg{padding:0 0 10px;} .productsListDetails{margin:0 0 15px;overflow:hidden;} ul.tabInnerListHolder li {background: url("/views/images/green-checkmark.gif") no-repeat scroll 0 4px transparent; line-height: 16px;padding: 0 0 15px 25px;} .productsList.micWelcomFrst {float: left;width: 176px; padding-left: 0px;} ul.tabInnerListHolder.airAsia li{font-size:13px;} .productsList.productsListWrapCom{width:92%;} .productWrapPro{border-bottom:1px #ccc dotted; padding:0 0 20px;margin:0 0 20px;overflow:hidden;} .productWrapPro.last{border:none;} .productsListPro {float: left;width: 295px; padding: 0 13px;} .productsListPro.center { border-left: 1px solid #CCCCCC;} .productsMain.topBox{padding:20px 0 0 0;} .productsMain.topBox .productWrap{border-bottom:none; margin:0px;} .productsList.twoLst {float: left;width: 291px; padding: 0 27px;} .micPadBtmInn{padding-bottom:20px;} .grayClr{color:#555 !important;} .productsListContWrap{overflow:hidden;} .productsListContWrap .getDetail{overflow:hidden;} .productsListContWrap .greyBtn, .productsListContWrap .blueBtn{width: auto; padding:6px 7px; font-size:11px;} .VNproductWrap .productsListContWrap .greyBtn, .VNproductWrap .productsListContWrap .blueBtn{padding:6px 3px;} .checkList li{background: url("/views/images/green-checkmark.gif") no-repeat 0 3px;line-height: 16px;list-style: none;padding: 0 0 15px 25px;} .getDetail{padding:15px 0 0;} .getDetail li{list-style: none;} .productsListContWrap .getDetail li.more{float:left;} .productsListContWrap .getDetail li.talk{float:right;} .topContentAplyWrap{clear: both;/*overflow: hidden;*/padding: 15px 0 0;min-height:35px;} .topContentAplyWrap a {font-size: 12px;font-weight: bold; padding: 10px 0; text-align: center; width: 175px;} .greyBtn, .blueBtn{color: #FFFFFF;display: inline-block;font-size: 12px;font-weight: bold;padding: 10px 0;text-align: center;width: 175px;} .greyBtn {background: #97999B;} .blueBtn {background: #00BDF2;} .greyBtn:hover, .blueBtn:hover{ background: #008ce6;} .greyBtn.commBtnPro, .blueBtn.commBtnPro{width:auto !important; padding:10px;} ul.bottomLinksWrap{border-top:1px #ccc dotted; padding:20px 0 0;margin:0 0 10px;overflow:hidden;} ul.bottomLinksWrap li{list-style:none; float:left;} ul.bottomLinksWrap li.left {padding: 0 10px 0 27px;width:191px;} ul.bottomLinksWrap li.center{border-left:1px #ccc solid;padding:0 20px; width: 191px;} ul.bottomLinksWrap li.right{padding: 0 20px; border-left:1px #ccc solid; width: 191px;} ul.bottomLinksWrap li ul.linkList li{float:none;} ul.bottomLinksWrap li.left.micWelcomFrst{padding-left:0px;} ul.bottomLinksWrap.noBorder{border-top:none; padding-top:0px;} ul.bottomLinksWrap.cLrBorderTop{border-top:none;} ul.linkList{overflow:hidden;} ul.linkList li{background: url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding: 0 0 10px 15px;list-style:none;} ul.linkList li a{display:inline-block;} ul.bottomPromo {overflow: hidden;padding: 23px 24px 23px 27px;border-top: 1px dotted #CCCCCC;} 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: right;padding: 0 0 0 25px;width: 295px;list-style:none;} ul.bottomPromo li.right.creditCard{width:362px;} 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: 295px;list-style:none;} ul.promoInnBlock li.left.features{width: 285px !important;} 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: right;padding: 0 0 0 25px;width: 295px;list-style:none;} ul.promoInnBlock li.right.features{width: 285px !important;} 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: right;padding: 0 0 0 25px;width: 295px;list-style:none;} .listcontentFooter {margin: 0 0 10px;overflow: hidden;clear:both;} .listcontentFooter ul li {list-style:none;float:left;margin-right:5px;} .listcontentFooter ul li a{color:#fff;background:url("/views/images/blue-gradient.jpg") repeat-x;text-align:center;padding: 14px 0 0;position: relative;display: inline-block;height: 33px;width:227px;} .listcontentFooter ul li a:hover {background:url("/views/images/gray-gradient.jpg") repeat-x;} .listcontentFooter span {height: 24px;left: 45px;position: absolute;top: 10px;width: 24px;} .listcontentFooter ul li.right {margin-right: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;} .iconPhone {background: url("/views/images/call.png") no-repeat 0 0;margin-left:5px;} .iconMail {background: url("/views/images/mail.png") no-repeat 0 0;margin-left:5px;} .iconVisit {background: url("/views/images/visit.png") no-repeat 0 0;} #footer {padding: 20px 29px 0;font-size: 11px;position:relative;clear:both; z-index:1;} .footerMenu{border-bottom: 2px solid #CCCCCC;overflow: hidden;padding: 7px 0 5px;width: 100%;z-index: 9999;background: #fff;position: relative;} .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:2px 7px 0 0;} .mediaIcons{float:left;border-left:1px solid #ccc;padding:0 0 0 7px;} .mediaIcons li{float:left;margin:0 6px 0 0;list-style: none;} .mediaIcons li a.facebookIcon, .mediaIcons li a.twitterIcon, .mediaIcons li a.youtubeIcon, .faceIcon{width:18px;height:18px;background-repeat:no-repeat;display:inline-block;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;-ms-background-size:contain;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;cursor: pointer;z-index:1;} .mediaIcons li a.facebookIcon, .faceIcon{background-image:url("/views/images/facebookIcon.png");} .mediaIcons li a.twitterIcon{background-image:url("/views/images/twitterIcon.png");} .mediaIcons li a.youtubeIcon{background-image:url("/views/images/youtubeIcon.png");} .footerLinksList {float: right;padding: 0;margin-top: 3px;} .footerList li{float:left;padding-left:24px;list-style: none;} .footerDisclaimer {overflow: hidden;padding: 16px 0 35px;z-index: 9999;position: relative;background: #fff;} .footerLogo {background:url("/views/images/citi-logo-pc.png") no-repeat;width:62px;height:16px;float: left;} .copyRight {float: right;text-align: right;color:#999;} #back-top {bottom: 0;padding: 0;position: fixed;right: 0;z-index:999999;} #back-top span {background: url("/views/images/back-to-top.png") no-repeat scroll 0 0 #DDDDDD;border-radius: 3px 3px 3px 3px;display: block;height: 33px;margin-bottom: 0;transition: all 1s ease 0s;width: 33px;z-index: 999999;} .linkLstWrap{position: absolute;display:none;width: 200px;top: 25px;right: 73px;background: #fff;border: 1px solid #ccc;padding: 10px;z-index: 999;box-shadow: 0 0 10px #ccc;border-radius: 5px;height:0;} .linkLstWrap li a{color:#999;padding:0 0 5px;display:block;} .linkLstWrap li a:hover{color:#3399cc;} .linkLstArro {background:url("/views/images/link-arrow.png") no-repeat scroll 0 0; width:14px; height:8px; display:inline-block; left:46.5%; bottom:-8px;position:absolute;} .CommonWrapperTwo, .CommonWrapperThree{overflow:hidden; width:100%;} .CommonWrapperTwoIn{overflow:visible;} .CommonWrapperTwo.commonSpace{margin:0 0 15px 0;} .CommonWrapperTwo .left, .CommonWrapperThree .left{width:290px; float:left;} .CommonWrapperTwo .right, .CommonWrapperThree .right{margin-bottom:20px; float:right;} .leftComm{float:left; width:290px; padding-bottom:20px;} .rightComm{float:right; width:290px; padding-bottom:20px;} .CommonWrapper{padding:0 0 20px 0;} .FormCommonWrapper{padding:20px 0;} .tabsWrapper{padding-bottom:20px;} .tabsWrapperForm{padding-bottom:20px;} .tabsContainer{padding: 28px 0 0; position: relative;} .tabsContainer.largeTab{padding:41px 0 0;} .tabs{position: absolute;top: 0;} .tabs li {-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:#74A2D0;background: -webkit-gradient(linear, 0 0, 0 70%, from(#74A2D0), to(#1D6AA8));background: -webkit-linear-gradient(#74A2D0, #1D6AA8 70%);background: -moz-linear-gradient(#74A2D0, #1D6AA8 70%);background: -ms-linear-gradient(#74A2D0, #1D6AA8 70%);background: -o-linear-gradient(#74A2D0, #1D6AA8 70%);background: linear-gradient(#74A2D0, #1D6AA8 70%);-pie-background: linear-gradient(#74A2D0, #1D6AA8 70%);display: inline-block;float: left;margin-right: 4px;padding: 0;position: relative;} .tabs li.active{background: -webkit-gradient(linear, 0 0, 0 90%, from(#F4F4F4), to(#FFFFFF));background: -webkit-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -moz-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -ms-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -o-linear-gradient(#F4F4F4, #FFFFFF 90%);background: linear-gradient(#F4F4F4, #FFFFFF 90%);-pie-background: linear-gradient(#F4F4F4, #FFFFFF 90%);border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;top: 0;} .tabs.small{font-size:11px;} .tabs li a{border-bottom: medium none;color: #FFFFFF;display:block;height: 22px;outline: medium none;padding: 6px 10px 0;text-decoration: none;} .tabs li a.largeTab{height:48px !important;padding: 6px 9px 0;} .tabs.largeTab li a{height: 35px !important;} .tabs li.active a{color: #00589D;font-weight: bold;} .tabBotBtn {padding:0 0 20px;overflow:hidden;} .tabContentWrap {border: 1px solid #C1C1C1;padding: 21px 22px 20px;} .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:452px;} .tabProBlockInn .right .clsPadTopPro{padding:27px 0 0 0;} .tabProBlockInn.noBorderLast{border-bottom:none; padding-bottom:0px;} .tabProInnBtn{overflow:hidden; width:100%; margin-bottom:15px;} .tabProBlockInn.pddBtm10{padding-top:0px; padding-bottom:10px;} .tabProBlockInn.delTopPad{padding-top:0px;} .tabProBlockInn .greyBtn, .tabProBlockInn .blueBtn {font-size: 11px;padding: 6px 7px;margin-right: 10px;width: auto;} .tabPromoBtn {overflow: hidden;padding: 0px;} .tabPromoBtnLt {float: left;} .clsipen{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;} ul.bulLst{padding:0 0 10px;} ul.bulLst li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} ul.bulLst li ul{margin:10px 0 0 0;} ul.bulLst li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;} ul.bulLst li ul.numLst li{background:none;padding: 0px 0 10px 2px; margin-left:17px;} ul.bulLst.last, ul.bulLst li.last, ul.bulLst li ul.numLst.last, .clsDisList ol.termsCondtn li ol.bulList.last, .clsDisList ol.termsCondtn li.last{padding-bottom:0 !important;} ul.bulLst li.sup{background-position:0 9px;} ul.bulLstIn{padding:0 0 10px 20px;} ul.bulLstIn li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} ul.bulLstIn li ul{margin:10px 0 0 0;} ul.bulLstIn li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;} ul.bulLstIn li ul.numLst li{background:none;padding: 0px 0 10px 2px; margin-left:17px;} ul.bulLstIn.last, ul.bulLstIn li.last, ul.bulLstIn li ul.numLst.last, .clsDisList ol.termsCondtn li ol.bulList.last, .clsDisList ol.termsCondtn li.last{padding-bottom:0 !important;} ul.bulLstIn li.sup{background-position:0 9px;} ul.linkListIn{overflow:hidden;padding:0 0 0px 20px;} ul.linkListIn li{background: url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding: 0 0 10px 15px;list-style:none;} ul.linkListIn li a{display:inline-block;} ul.bulLst.Online{width:40%;float:left;} ul.bulLstSplit li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:140px;float:left;} ul.bulLstSplit2{overflow:hidden;} ul.bulLstSplit2 li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;width:200px;float:left;} ul.bulLstSmall li {background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;font-size:11px;} ul.numLst, ol.numLst{padding-bottom:10px;} ol.numLst{padding:0 0 10px;margin:0 0 0 10px;} ul.numLst li, ol.numLst li {padding:0 0px 5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;} ul.numLst li ul.bullLst li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;} ul.numLst li ul.bulletLst li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;} ul.numLst li ul.bulletList li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;margin:0px;} 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.lowerAlpha li{padding:0 0px 5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;} ol.lowerAlpha li ol.bulletList li{margin:0;background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} 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.lowerRomanBig li{margin:0 0 0 40px;} ol.lowerRomanLtr li ol{padding-top:10px;} ol.lowerRomanLtr li ol li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;list-style:none;} ol.lowerAlphaBul{padding-bottom:10px; margin-left: -8px;} ol.lowerAlphaBul li {padding: 6px 0 5px;margin:0 0 0 25px;list-style:lower-alpha;line-height: 17px;} ol.lowerAlphaBul li ol{padding-top:10px;} ol.lowerAlphaBul li ol li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px; list-style-type:none; margin-left:0px;} /*For Terms Conditions*/ .clsDisList ol.termsCondtn li{padding:0 0 5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;*margin:0 0 0 28px;} .clsDisList p{padding:0 0 5px !important;} .clsDisList p.last{padding:0 !important;} .clsDisList ul.numLst li{margin:0 0 0 25px;*margin:0 0 0 28px;} .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 18px;list-style:lower-alpha;line-height: 17px;} .clsDisList ol.termsCondtn li ol.bulList{margin:0;padding:0;} .clsDisList ol.termsCondtn li ol.bulList li{background: url("/views/images/ .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 18px;list-style:lower-roman;line-height: 17px;} .clsDisList ol.termsCondtn li ol li ol li{padding:0 0px 5px;margin:0 0 0 17px;list-style:lower-roman;line-height: 17px;} .clsDisList ol.termsCondtn li ol li ol li ol li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 7px transparent; padding: 0 0 5px 10px;list-style: none;line-height: 17px;} .clsDisList ol.termsCondtn li.clsPadTopBlock ol li.clsMarTopMin1{ margin-top:-18px;} .clsDisList ol li ol li.clsMarTopMin{ margin-top:-20px;margin-left:0px;} .clsDisList ol li ol li.clsMarTopLft{ margin-left:0px;} .clsDisList ol.lowerRoman li{padding:0 0px 5px;margin:0 0 0 19px;list-style:none;list-style:lower-roman;line-height: 17px;} /* New Disclaimer */ .disClaimerBlock{width:100%;} .disClaimerBckInn{width:100%; margin-bottom:10px; overflow:hidden;} .disClaimerLftFrst{float:left; width:20px;} .disClaimerRgtFrst{float:left; width:620px; padding-left:5px;} /* 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;} .showHideArea{padding: 0 0 7px;} .showHideHdr a{font-weight:bold;} .show, .hide {display: inline-block;padding-left:25px;line-height:17px;} .show {background: url("/views/images/plus.png") no-repeat scroll 0 2px transparent;} .hide {background: url("/views/images/minus.png") no-repeat scroll 0 2px transparent;} .showHideHdr{padding:0 0 10px 0;} .showHideSubHdr{padding:0 0 15px 0;} .showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span{cursor:pointer;display:inline-block;} .showHideCont {display:none;padding: 0 0 0 24px;} .showHideSubArea .showHideHdr a{font-weight:normal;} .showHideSubCont {display:none;padding: 0 0 5px 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-color:#FFFFFF;} .tableWrap tr.grayBg {background-color:#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%;} .tblColumn70{width:70%;} .tblColumn80{width:80%;} .tblTwoColumn{width:50%;} .tblTwoColumn30{width:30%;} .tblThreeColumn{width:33.33333333333333%;} .tblFourColumn{width:25%;} .tblFiveColumn{width:20%;} .tblColumn10{width:10%;} .tblColumn5{width:5%;} .tblColumn90{width:90%;} .tblColumn40{width:40%;} .tblCol30{width:30%;} .tblCol20{width:20%;} .tblCol25{width:25%;} .tblCol15{width:15%;} .tblCol40{width:40%;} .tblCol55{width:55%;} .tblCol60{width:60%;} .tblCol28{width:28%;} .tblCol18{width:18%;} .tblCol23{width:23.33333333333333%;} .tblMarg{margin-top:10px;} .contInnerWrap{padding-bottom:10px;} .contInnerList{overflow:hidden;} .contInnerList ul{float:left; padding-right:30px;} .contInnerBox{padding-bottom:20px;} .contInnerBox h3{padding-bottom:5px;} .contInnerBox p{padding-left:34px;} .monthlyIcon, .weeklyIcon, .dailyIcon, .eyeIcon, .getStartIcon, .oneIcon, .twoIcon, .threeIcon, .fourIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;} .monthlyIcon{background: url("/views/images/monthly-icon.png") no-repeat scroll 0 0 transparent;} .weeklyIcon{background: url("/views/images/weekly-icon.png") no-repeat scroll 0 0 transparent;} .dailyIcon{background: url("/views/images/daily-icon.png") no-repeat scroll 0 0 transparent;} .eyeIcon{background: url("/views/images/eye-icon.png") no-repeat scroll 0 0 transparent;} .getStartIcon{background: url("/views/images/icons/get-started.png") no-repeat scroll 0 0 transparent;} .oneIcon{background: url("/english/citi-online/images/icon/01.png") no-repeat scroll 0 0 transparent;} .twoIcon{background: url("/english/citi-online/images/icon/02.png") no-repeat scroll 0 0 transparent;} .threeIcon{background: url("/english/citi-online/images/icon/03.png") no-repeat scroll 0 0 transparent;} .fourIcon{background: url("/english/citi-online/images/icon/04.png") no-repeat scroll 0 0 transparent;} .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:17%;background:#fff;border:1px solid #ccc;padding:10px;float:left;min-height:75px;} .listBox li.rhtArro{background:url("/views/images/rht-arrow.png") center center no-repeat;width:18px;border:none;box-shadow:none;} .bottomBoxBtn{float:right;} ul.stepHldr{overflow:hidden;} ul.stepHldr li{overflow:hidden;padding-bottom:15px;} ul.stepHldr li span.stepList{float:left;padding-right:10px;width:7%;} ul.stepHldr li span.stepCont{float:left;width:90%;} .disclaimer{font-size:11px;color:#666;} .scrollArea{overflow:hidden;padding: 0 0 20px;position:relative;} .scrollAreaWrap{overflow:hidden;} .scrollAreaHdr{float:left;padding-top:3px;} .termsCondIcon{float:right;} .printIcon{background:url("/views/images/printIcon.png") no-repeat;width:24px;height:24px;display:inline-block;} .TermsAndConditions{clear:both;padding:10px;border:1px #ccc solid;color: #999999;font-size: 11px;} .TermsAndConditions .scroll-pane{width: 100%;height: 110px;overflow: auto;} .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:40px;} .discList ol li {list-style-type: decimal; padding-bottom: 12px;line-height:14px;} /**************************** Forms CC APPLICATION Start *****************************/ .innerCont{overflow:hidden;padding-bottom:25px;} .innerCont.kanaform{overflow:visible !important;display:inline-block;} .cardSelectScroll{height:300px; overflow:auto;width:100%;} .cardSelect{background:url("/views/images/form-bg.jpg") 0 0 repeat;width:398px;padding:10px 20px;float:left;} .cardSelectHdr{background:url("/views/images/shadow.jpg") bottom center no-repeat;width: 100%;padding-bottom: 10px;margin-bottom:15px;} .cardSelectList{position:relative;overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc;} .cardCheck{float:left;margin-right:5px;} .cardSelectList .cardImg{float:left;margin:0 10px 0 0;width: 78px;cursor:pointer;} .cardName{float:left;width: 230px;} .cardName h3{font-weight:bold;cursor:pointer;} .cardName h4{padding-right:10px;cursor:pointer;} .cardDetails{width:200px;display:none;} .openArrow {background: url("/views/images/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;} .closeArrow {background: url("/views/images/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;} .openArrow, .closeArrow{cursor: pointer;width: 34px;height: 33px;position: absolute;right:15px;top: 0;z-index: 997;display: block;} .formHldr{float:left; margin-left: 20px;width: 468px;} .formHldr h2{border-bottom:1px solid #ccc;margin-bottom:20px;} .formInner{display:block; float:left;} .formInner .formField{float:left;width:207px;padding:0;} .formInner .formValue{float:left;padding-left:20px;line-height: 20px;width:240px;} .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; float:left;} .dropListSmall{width:40px;} .dropListLarge{width:195px;} .inputTxt{margin-left:10px;width:140px;} .inputTxtImp{margin-left:10px;width:116px; float:left;} .inputBoxMedium{width: 140px;height: 24px;padding:0;border:1px solid #ccc; color:#555;} .inputBoxMediumImp{width: 126px;height: 16px;padding:0;border:1px solid #ccc;} .inputBoxLarge{width: 226px;height: 24px;padding:0 6px 0 7px;border:1px solid #ccc;color:#555;} .formSubmit{padding:10px 0 20px;float:right;} .tabHldr{float:left;width:438px;} .formHldrWrap .sbHolder, .formHldrWrap .sbOptions{width:238px;} .formHldrWrap .formField{padding-top:6px;} /**************************** Forms CC APPLICATION End *****************************/ /* Home Page */ .contentBody {position: relative;} .WorkAreaHldr {overflow: hidden;position: relative;width: 100%;} .bannerRotate{position:relative;margin:0;} .marketProductHldr {left: 29px;position: absolute;top:24px;z-index: 99;} .marketSignHolder {float: left;position: static;width: 209px;} .introUser {padding-bottom: 17px;border-bottom: 1px solid #FFFFFF;margin:0 19px 15px;overflow: hidden;} .introUser span {float: left;color:#fff;} .introUser a.register {background: url("/views/images/register-bg.jpg") repeat-x scroll 0 0 transparent;color: #333;display: block;font-weight: bold;float: right;height: 16px;line-height: 16px;padding: 0 8px;width: auto;} .signOnTxt{color:#fff;font-size:11px;padding: 0 0 0 12px;background: url("/views/images/lock.png") no-repeat scroll 0 2px transparent;} .signOnAccount .formLabel{color:#fff;font-size:13px;font-weight:bold;padding:0 0 5px;display:block;} .signOnAccount .inputTxt{width:171px;border:none;padding:2px 0;} .rememberId{color:#fff;padding:0 19px;} .rememberId a{color:#fff;} .rememberId input[type="checkbox"] {vertical-align:middle;margin:0 7px 0 0;} .singOnBtn{float:right;overflow:hidden;margin:10px 19px;width:60px;} .singOnBtn .greyBtn{width:auto;padding:4px 7px;text-align:left;} .signOnGroupHldr {background: url("/views/images/signonBg.png") repeat scroll 0 0 transparent;border-radius: 10px 10px 0 0;padding: 15px 0 5px;position: relative;width: 209px;font-size:11px;} .signOnGroupHldr p{color: #FFFFFF;display: block;/*font-weight: bold;*/margin: 0 0 4px;padding:0;} .signOnAccount{margin: 0 19px 3px;} .signOnHldr {position: relative;} .selectTxt, .applyTxt {background: url("/views/images/signDownArrow.gif") no-repeat scroll right center #FFFFFF;border: 1px solid #CCCCCC;cursor: pointer;padding: 1px 0 1px 7px;width: 162px;font-size:12px;color:#000;} .selectDiv, .applyDiv {background: none repeat scroll 0 0 #FFFFFF;border-color: #CCC;border-style: solid;border-width: 0 1px 1px;cursor: pointer;display: none;position: absolute; width: 169px;z-index: 999;} .selectDiv a, .applyDiv a{display: block;margin: 0 !important;padding: 5px 7px;text-decoration: none;font-size:12px;color:#333;} .applyDiv li ul a{padding-left:15px;} .selectDiv a:hover, .applyDiv a:hover{background:#f7f7f7;color:#000;} .signOnAccount.clsPadTopHme, .signOnLinkList.clsPadTopHme{padding-top:2px;} .signOnLinkList li{padding-bottom: 3px;list-style:none;} .signOnLinkList li a {background: url("/views/images/arrow-white.gif") no-repeat scroll 0 4px transparent;padding-left: 10px;color:#FFFfff;display:inline-block;} .signOnLinkList li a.signOnLinkListBg {background: none repeat scroll 0 0 transparent;padding: 0;} .newsAdHldr { background: url("/views/images/newsBg.png") repeat scroll 0 0 transparent;border-radius: 0 0 10px 10px;bottom: 140px;left: 29px;padding: 15px 19px 0;position: static;width: 171px;z-index: 99;} .cardmember{color:#02589d;font-size:14px;} .cardmember.fnt12{color:#02589d;font-size:12px;} .cardmember.grayArrow{background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent;padding: 0 0 10px 12px;display: inline-block;} .newsAdBlueTxt {color: #05589D;font-weight: bold;padding:0 14px;} .newsAdGrayTxt {padding: 0px 0 0 85px;color:#333;} .signOnLinkList li a.cL-signOnBottomListBg {background: none;padding: 0px;} .newsAdLink a{color:#05589d;background:url("/views/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;} .comInnLink a{color:#05589d;background:url("/views/images/grayarrow.png") 0 4px no-repeat;padding:0 0 0 12px;} .cS-signOnLinkHldr{z-index: 99;} .cS-signOnLinkHldr ul{padding:0 8px;} .cS-holderGeneralInfo {border-radius: 10px 10px 10px 10px;position: relative;z-index: 2;} .cS-holderGeneralInfo.cS-holderGeneralInfo1 {position: relative;z-index: 4;} .cS-holderGeneralInfo a{color:#fff;} .cS-holderGeneralInfo .cS-headTxt {border-radius: 0 10px 0 0;z-index: 99999;padding: 3px 0px 3px 20px;} .cS-holderGeneralInfo .cS-headTxt a:hover{color:#3399CC;} .cS-headTxt{width:210px;background-position:left top;} .cS-whiteArrow {background: url("/views/images/arrow-white.gif") no-repeat scroll 0 3px transparent;display: inline-block;height: 12px;vertical-align: middle;width: 10px;} .cS-holderGeneralInfo .cA-ancLink{color:#FFF;} .cS-holderGeneralInfo .active {color: #000000;font-size: 12px;font-weight: bold;} .cA-ancLink.active span.cS-whiteArrow {background: url("/views/images/closeIcon.png") no-repeat scroll 0 0 transparent;padding-left: 10px;} .cS-generalInfoHolder {background: url("/views/images/mega-menu-tile.gif") repeat scroll left bottom transparent;border-radius: 0 0 10px 10px;box-shadow: 2px 2px 24px -7px #3D3D3D;display: none;overflow: hidden;padding: 0 19px;position: absolute;top:20px;width: 680px;z-index: 9999;height:0;} .cS-signOnLinkHldr ul li {display: block;overflow: hidden;} .cS-generalInfoHolder ul li.cS-listSecA ul {padding: 0 15px 0 0;} .cS-generalInfoHolder ul li {float: left;padding: 5px 0 0;font-size:12px;color:#000;} .cS-signOnLinkHldr ul li ul {background: url("/views/images/bg-more-flyout.png") repeat-y scroll 100% 50% transparent;min-height: 220px;overflow: hidden;padding: 0 0 10px 0;} .cS-generalInfoHolder ul li.cS-listSecB ul {padding: 0 15px;} .cS-generalInfoHolder ul li.cS-listSecC ul {background: none repeat scroll 0 0 transparent;padding: 0 15px;} .cS-generalInfoHolder ul li a {color:#333;} .cS-generalInfoHolder ul li ul li {float: none;padding:5px 0;width: auto;} .cS-generalInfoHolder ul li.cS-listSecA {width: 110px;} .cS-generalInfoHolder ul li.cS-listSecB {width: 325px;} .cS-generalInfoHolder ul li.cS-listSecC {width: 325px;} .cS-generalInfoHolder ul li ul li strong a {color: #3399CC;} .newRedImg{padding:0 0 0 10px;} p.divider {background: url("/views/images/x-divider.jpg") no-repeat scroll 0 0 transparent;height: 1px;margin: 3px 0 6px;border:none;} .marketOfferContent {position: absolute;left: 275px;top:63px;width: 428px;} .offerContTopHldr{color: #FFFFFF;} .offerContLargeHdr{font-family:"Interstate";font-size: 26px;font-weight: bold;padding:0 0 15px;} .offerContMediumHdr{font-family:"Interstate";font-size: 20px;padding:0 0 10px;} .offerContSmallHdr{font-family:"Interstate";} .offerContBotHldr{padding:0 0 15px;overflow:hidden;} .offerCardImg{float:left;margin-right: 12px;width: 30%;padding:0;} .offerCardTxt{font-family:"Interstate";float:left;font-size:14px;width:61%;padding-bottom:0;color:#FFF;} .offerCardTxtHldr{width:80%;} */ .offerContTopHldr{color: #FFFFFF;line-height: 28px;} .largeFont{font-size:24px;font-weight: bold;} .largeFontHdr{font-size:40px;line-height:50px;} .largeFontHdr1{font-size:30px;} .offerContLargeHdr{font-family:"Interstate";font-size: 26px;font-weight: bold;padding:0;} .offerContLargeHdrx{font-family:"Interstate";font-size: 24px;font-weight: bold;padding:0;} .offerContMediumHdr{font-family:"Interstate";font-size: 20px;line-height:28px;padding:0;margin-top:10px;} .offerContMediumHdr.margNone{margin:0;display:inline-block;} .offerContSmallHdr{font-family:"Interstate";} .offerContBotHldr{padding:15px 0 0 0;overflow:hidden;} .offerCardImg{float:left;margin-right: 12px;width: 30%;padding:0;} .offerCardTxt{font-family:"Interstate";float:left;font-size:20px;line-height:28px;width:61%;padding-bottom:0;color:#FFF;} .WorkAreaHldrVN .offerContLargeHdr, .offerContLargeHdrx, .WorkAreaHldrVN .offerContMediumHdr, .WorkAreaHldrVN .offerContSmallHdr, .WorkAreaHldrVN .offerCardTxt{font-family: arial;} .offerCardTxtHldr{width:80%;} .blueTxt {color: #05589D;} .whiteTxt {color: #FFFFFF;} .marketOfferContent a.greyBtn{width:auto !important; padding:6px 7px; font-size:11px;} .marketOfferContent a.blueBtn{width:auto !important; padding:6px 7px; font-size:11px;} .learnMoreBtn {margin: 15px 0 0;} .learnMoreBtn a:hover{text-decoration:none;} .offerContentList {position: absolute;right:-1px;top: 350px;z-index:1;font-size:11px;} .offerContentList ul {overflow: hidden;padding: 15px 0 0;} .offerContentList li {border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-left: 1px solid #FFFFFF;float: left;position: relative;width: 175px;list-style:none;} .offerContentList li.last{border-right: 1px solid #FFFFFF;} .offerContentList li .topArrow {background: url("/views/images/tab_arrow.png") no-repeat;height: 10px;display:none;position: absolute;top: -10px;right: -140px;width: 176px;} .offerContentList li.flex-active .topArrow{display:block;} .offerContentList li a {background: url("/views/images/bg-darkblue.png") repeat scroll 0 0 transparent;display: block;min-height:75px;padding: 8px 5px 8px 15px;position: relative;text-decoration: none;color:#FFF;line-height:15px;} .offerContentList li a span{display:block;} .offerContentList li.flex-active a {background:#fff;cursor: text;color: #000000;} .hideDisplay{display:none;} .offerListHdr{font-weight: bold;} .footerCont{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;margin:28px 0 0 0;padding:12px 15px;font-size: 11px;color:#000;} .footerCont .footerContTxt{text-align:center;padding-bottom:5px;} .homeBtmArea{overflow:hidden; padding: 20px 29px 0px 0;} .homeBtmArea ul{display:block; float:right;} .homeBtmArea ul li{float:left; padding:0 0 0 15px;} /* Home Page */ .showForm{display:none;} .formWrap{padding:10px;margin:15px 0 0;border:1px #ccc solid;} .formInner{padding:0 0 10px 0px;display: block;width: 100%;} .formInner lable{padding:0 10px 0 0;} .jqtransform lable{float:left;padding:3px 10px 0 0;} .jqtransform .jqTransformSelectWrapper{float:left;} .formInner.formThreeColumn lable{padding:0 0 10px 0;display:block;} .formInner.formThreeColumn .formRow{float:left;width:33.33333333333333%;padding:0 0 10px;} .formWrap .inputBox{border: 1px solid #CCCCCC;color: #555555;font-family: Arial;padding: 2px 6px 2px 7px;} .formInnerClr{clear:both;} .mandatory {color: #FE3434;} .thumbWrap{overflow:hidden;} .thumbWrap img{float:left;margin:0 10px 10px 0;} .filter {border-bottom:1px #ccc dotted;margin:0 0 25px;} .filterBtn {overflow: hidden;padding: 0 0 25px;} .filterLftBtn {float: left;} .filterRhtBtn {float: right;} .cardsTabHldr {margin: 0 0 15px;} .filterPromo {border-bottom: medium none;margin: 0;} ul.cardsTab {overflow: hidden;background:#EDEEF0;border-radius:5px;border:1px solid #ddd;box-shadow:0 0 5px #ddd;position:relative;} /*ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;width:19.7%;border: 1px solid #EDEEF0;}*/ ul.cardsTab li{float:left;cursor: pointer;height:46px;text-align:center;border: 1px solid #EDEEF0;padding: 0px 15px;} ul.cardsTab.deposits li{width:16.35%} ul.cardsTab.deposits li, ul.cardsTab.deposits li a{height:75px;} ul.cardsTab.discoverPreTab li {border: 1px solid #EDEEF0;cursor: pointer;float: left;height: 46px;text-align: center;width: 24.7%;} ul.cardsTab.discoverPreTab li, ul.cardsTab.discoverPreTab li a{height:50px;} ul.cardsTab.discoverPreTab li {border: 1px solid #EDEEF0;cursor: pointer;float: left;height: 46px;text-align: center;width: 24.7%;} ul.cardsTab.discoverPreTab li, ul.cardsTab.discoverPreTab li a{height:50px;} ul.cardsTab.preMilesTab li {border: 1px solid #EDEEF0;cursor: pointer;float: left;height: 65px;text-align: center;width: 19.7%;} ul.cardsTab.preMilesTab li, ul.cardsTab.preMilesTab li a{height:65px;} ul.cardsTab li a{color: #808589;display: block;font-size: 13px;font-weight: bold;height: 31px;padding-top: 15px;} ul.cardsTab li:hover, ul.cardsTab li.active{background:#FDFDFD;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FDFDFD), to(#F8F8F8));background: -webkit-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -moz-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -ms-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -o-linear-gradient(#FDFDFD, #F8F8F8 70%);background: linear-gradient(#FDFDFD, #F8F8F8 70%);border-radius:5px;box-shadow:0 0 5px #ddd;border:1px solid #ddd;position:relative;} ul.cardsTab li a.rewards {background: url("/views/images/credit_card/pc/rewards-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.rewards, ul.cardsTab li.active a.rewards{background:url("/views/images/credit_card/pc/rewards-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.travel {background: url("/views/images/credit_card/pc/travel-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.travel, ul.cardsTab li.active a.travel{background:url("/views/images/credit_card/pc/travel-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.cashRebate {background: url("/views/images/credit_card/pc/cash-rebate-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.cashRebate, ul.cardsTab li.active a.cashRebate{background:url("/views/images/credit_card/pc/cash-rebate-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.business {background: url("/views/images/credit_card/pc/business-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.business, ul.cardsTab li.active a.business{background:url("/views/images/credit_card/pc/business-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.showAll {background: url("/views/images/credit_card/pc/show-all-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.showAll, ul.cardsTab li.active a.showAll{background:url("/views/images/credit_card/pc/show-all-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.checkingAcc {background: url("/english/deposits/images/pc/current-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.checkingAcc, ul.cardsTab li.active a.checkingAcc{background:url("/english/deposits/images/pc/current-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.savingsAcc {background: url("/english/deposits/images/pc/saving-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.savingsAcc, ul.cardsTab li.active a.savingsAcc{background:url("/english/deposits/images/pc/saving-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.timeDeposit {background: url("/english/deposits/images/pc/time-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.timeDeposit, ul.cardsTab li.active a.timeDeposit{background:url("/english/deposits/images/pc/time-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.foreignCurrAcc {background: url("/english/deposits/images/pc/foreign-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.foreignCurrAcc, ul.cardsTab li.active a.foreignCurrAcc{background:url("/english/deposits/images/pc/foreign-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.fundTransfer {background: url("/english/deposits/images/pc/fund-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.fundTransfer, ul.cardsTab li.active a.fundTransfer{background:url("/english/deposits/images/pc/fund-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.showall {background: url("/english/deposits/images/pc/show-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.showall, ul.cardsTab li.active a.showall{background:url("/english/deposits/images/pc/show-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.travelInsur {background: url("/english/insurances/images/pc/travel-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.travelInsur, ul.cardsTab li.active a.travelInsur{background:url("/english/insurances/images/pc/travel-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.motorInsur {background: url("/english/insurances/images/pc/motor-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.motorInsur, ul.cardsTab li.active a.motorInsur{background:url("/english/insurances/images/pc/motor-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.savingProtect {background: url("/english/insurances/images/pc/savings-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.savingProtect, ul.cardsTab li.active a.savingProtect{background:url("/english/insurances/images/pc/savings-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.hospitalization {background: url("/english/insurances/images/pc/hospital-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.hospitalization, ul.cardsTab li.active a.hospitalization{background:url("/english/insurances/images/pc/hospital-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.homeProtect{background: url("/english/insurances/images/pc/home-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.homeProtect, ul.cardsTab li.active a.homeProtect{background:url("/english/insurances/images/pc/home-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.showallInsur{background: url("/english/insurances/images/pc/show-on.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.showallInsur, ul.cardsTab li.active a.showallInsur{background:url("/english/insurances/images/pc/show-off.png") no-repeat scroll center center transparent;} ul.cardsTab li a.whatPreMiles {background: url("/premiermiles/images/filter/what-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.whatPreMiles, ul.cardsTab li.active a.whatPreMiles{background:url("/premiermiles/images/filter/what-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.earnPreMiles {background: url("/premiermiles/images/filter/earn-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.earnPreMiles, ul.cardsTab li.active a.earnPreMiles{background:url("/premiermiles/images/filter/earn-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.redeemPreMiles {background: url("/premiermiles/images/filter/redeem-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.redeemPreMiles, ul.cardsTab li.active a.redeemPreMiles{background:url("/premiermiles/images/filter/redeem-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.soarPreMiles {background: url("/premiermiles/images/filter/soar-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.soarPreMiles, ul.cardsTab li.active a.soarPreMiles{background:url("/premiermiles/images/filter/soar-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.travelPri {background: url("/premiermiles/images/filter/travel-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.travelPri, ul.cardsTab li.active a.travelPri{background:url("/premiermiles/images/filter/travel-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.hotelPri {background: url("/premiermiles/images/filter/hotel-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.hotelPri, ul.cardsTab li.active a.hotelPri{background:url("/premiermiles/images/filter/hotel-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.shopPri {background: url("/premiermiles/images/filter/shopping-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.shopPri, ul.cardsTab li.active a.shopPri{background:url("/premiermiles/images/filter/shopping-off.png") no-repeat scroll center center transparent;} ul.cardsTab li a.diningPri {background: url("/premiermiles/images/filter/dining-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.diningPri, ul.cardsTab li.active a.diningPri{background:url("/premiermiles/images/filter/dining-on.png") no-repeat scroll center center transparent;} ul.cardsTab li a.exclusivePri {background: url("/premiermiles/images/filter/exclusive-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.exclusivePri, ul.cardsTab li.active a.exclusivePri{background:url("/premiermiles/images/filter/exclusive-on.png") no-repeat scroll center center transparent;} .clsTableWrap{padding:0 0 15px;width:100%;} .clsTableWrap.clsPadTopTb{padding:10px 0 10px 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.clsTblInner {padding:0;} .clsTable tr td.clsTblInner table{padding:0;margin:0;width:100%;} .clsTable tr td.clsTblInner table tr td.first {border-left:none;width:27.7%} .clsTable tr td.clsTblInner table tr.last td, .clsTable tr td.clsTblInner table tr td.bdrNone {border-bottom:none !important;} .clsTable2 td{padding:13px 8px 15px 8px;} span.clsTableInnTxt{float:left; padding:13px 10px 0 0;} .visible-phone {display:none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .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:482px;} ol.currencyWorks{margin:10px 0 0 10px;} ol.currencyWorks li{list-style-type:decimal; vertical-align:middle; padding: 0 0 8px 8px;} ul.bulLstDisc li{background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} ul.commonNumberList li{padding:0 0 8px 10px;} .bottomPromo .iconBlock{ width:100%;} .bottomPromo .iconBlock .iconBlkInnLft{float:left; padding-right:15px; width:25px;} .bottomPromo .iconBlock .iconBlkInnRgt{float:left; width:80%;} ul.bottomPromo li.right .iconBlock.clsPadTopWel{padding-top:32px;} .iconBlock{ width:100%;} .iconBlockInner{overflow:hidden; width:100%; padding-bottom:12px;} .iconBlkInnLft{float:left; padding-right:15px; width:25px;} .iconBlkInnLft.report{width:85px;} .iconBlkInnRgt{float:left; width:93%;} .iconBlkInnRgt .oneLine{margin-top:4px;} .iconBlkInnRgt.report{width:85%;} .iconBlkInnRgt ol.lowerAlpha li{margin: 0 0 0 16px;} .iconBlkInnLft2{float:left; padding-right:15px; width:38px;} .iconBlkInnRgt2{float:left; width:91%;} .iconBlkInnRgt2 ol.lowerAlpha li{ margin: 0 0 0 16px;} .iconBlockInnerWrap{float: left;overflow: hidden; padding: 0 0 12px 0;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: 85%;} .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;} .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;} .partHldr {overflow: hidden; margin-bottom:15px;} .partHldr.last{margin:0;} .lftPartLogo {float: left;width: 150px;} .lftPartLogoSmall {float: left;width: 50px;} .rhtPartCont {float: left;padding: 0 0 0 15px;width: 481px;} .rhtPartContSmall {float: left;padding: 0 0 0 15px;width: 625px;} /* Form Area */ .contInnerArea{padding:0px 0 20px 0;} .formDetails{display:block;width:100%;} .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;} .formDetails tr td input[type="radio"] {margin:-4px 5px 0 0;} 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} .firstDrop .sbHolder{z-index:99999999 !important} .secDrop .sbHolder{z-index:9999999 !important} .thirdDrop .sbHolder{z-index:999999 !important} .fourthDrop .sbHolder{z-index:99999 !important} .radioLabel{padding-right:10px;} /*Common Style for Terms ansd Condition*/ .termsCondScdLevel{margin-left:20px;} .termsCondScdLevel.cLsLstHolder{margin-left:40px;} .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:35px;} .termsConditionRgt.cLsLstHolder{margin-left:40px;} .termsConditionRgt.ScndLevel{margin-left:35px;} /* 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:5px;} /* Header Slider */ #slides {position: relative;left: -29px;width: 721px;height: 238px;} #Proslides {position: relative;left: -29px;width: 721px;height: 213px;} #slides .fullBanner {left: 0;} .slides .bannerProd{height:auto; position:relative; margin-bottom:0px;} .bannerSlider{position:relative;margin:0 0 25px; width:721px;} .flex-control-nav{bottom: 18px; z-index:99999;} .flex-control-paging li a, .flex-control-paging li a:hover {background: url("../images/off.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;color: #fff;} .flex-control-paging li a.flex-active {background: url("../images/on.png") 0 0 no-repeat;width: 14px;height: 14px;display: inline-block;} ul.headSlideArrow{padding:10px 0 10px;} ul.headSlideArrow li {background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} .headSlideArrowTop{padding-top:10px;} p.headSlideArrow{background: url("/views/images/head-slider-arrow.png") no-repeat scroll 0 3px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} /* 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 .inputBox{border:1px solid #ccc;font-family:Arial; padding:0 0 0 5px; color:#555;} ul.loanCal li .inputBoxTxtWid{width:140px;} ul.loanCal li .inputBoxTxtWidCal{width:250px;} .loanCalInn{overflow:hidden;} .loanCalInnLft{padding-bottom:15px; font-size:12px; color:#555;} .loanCalInnRgt{float:right;padding-bottom:15px;} .calcWrapper .calcProgress{height:8px;float:left;width:73%;background:#ADADAD;margin:5px 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%);} .formDetailsinnerCalc ul {display: block;width: 100%;} .formDetailsinnerCalc ul.cLsContactus li {float: left;padding-right: 20px;} .loanCalcWrapper {float: left;padding-bottom: 10px;width:245px;} .loanCalcWrapper .iconPlus, .loanCalcWrapper .iconMinus {width: 8%;float: left;} .loanCalcWrapper .iconPlus{margin-left:5px;} .loanCalcWrapper .iconMinus{margin-right:5px;} .loanCalcWrapper .calcProgress {width: 77%;} .formDetailsinnerCalc .cLsContactus li.noPadRgt{padding-right:0;} .interestRate {background:#E6E6E6;box-shadow: 0 0 5px #888888;float: left;margin: 0 6px 0 10px;padding: 2px 10px;} .progValue {clear: both;overflow: hidden;padding: 0 0 0;/*margin:0 12px;*/} .progValue > span{float: left;/*width:19.6666666666%;*/width:25%;text-align:center;} .inputSmall {float:left;} .formDetailsinnerCalc ul.cLsContactus li .inputBox {border: 1px solid #CCCCCC;font-family: Arial;padding: 2px 5px;width: 140px;} #tdAmorTable{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;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;} .facebShare{overflow:hidden; margin-bottom:15px;} /*.bannerSlider{width: 100%;margin:0;}*/ ul.slidesjs-pagination{ position:absolute;bottom:15px;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;left:-29px;width:721px;height:238px;} #slides .fullBanner{left:0;} /* PROGRESSIVE INVESTMENT PLAN */ .progresiveBlock{overflow:hidden; width:100%; margin-bottom:20px;} .progresiveDes{background:url("/english/investments/images/desktop/pip-chart-work-bg.png") 0 0 no-repeat; display:block; height:129px;} .progresiveDesInn{display:block; padding:10px 15px;} .progresiveDesInn ul{display:block; width:100%;} .progresiveDesInn ul li{float:left; padding-right:40px; width:180px;} /****************** Tooltip ***********************/ .tooltipWrap{position: relative;display:inline-block;} .tooltip{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;bottom: 21px;box-shadow: 0 0 10px #CCCCCC;display: none;left: 50%;margin: 0 0 0 -150px;padding: 10px 15px;position: absolute;width: 280px;z-index: 999;} .tooltip p{color:#555555;font-size:12px;} .tooltipInnerImg{ width: 88px; left: -30px; } .tooltip .tipClose{ display:inline-block; background:url("/views/images/close.jpg") no-repeat; width:14px; height:15px; float:right; margin:0 0 10px 10px; } .tooltip .arrow{ background:url("/views/images/toolTiparrow.png") no-repeat; bottom: -7px; height: 8px; left: 50%; margin: 0 0 0 -10px; position: absolute; width: 19px; } .clsInfoIcon{ background:url("/views/images/info-icon.png") no-repeat; width:12px; height:12px; display:inline-block; margin-left:5px; } .tooltip.left{ left:0; margin: 0 0 0 -14px; } .tooltip.left .arrow{ left:0; margin: 0 0 0 15px; } .tooltip.right{ left: auto; right: -15px; margin: 0; } .tooltip.right .arrow{ left: auto; right: 19px; margin: 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; } .tpFormBlock{ display:block; } .tpFormBlockInn ul{ width:100%; } .tpFormBlockInn ul li{ margin:0 0 20px 0 !important; width:280px; display:inline-block; } .tpFormBlockInn ul li span.formCont{ padding:0 15px 0 0; width:130px; float:left; } .tpFormBlockInn ul li span input.inputBoxSlide{ border:1px solid #ccc; padding:0 10px 0 5px; width:118px; height:20px; color:#555555; } .tpFormBlockInn ul li span.tooltipSelect select{ width:110px !important; } .tpFormBlockInn ul li div.jqTransformSelectWrapper .tooltipSelect{ float:left; padding:0 10px 0 0; width:100px !important; color:#555555; } .tpFormBlockInn ul li div.jqTransformSelectWrapper ul li{ margin:0 0 0px 0 !important; } .firstDrop .jqTransformSelectWrapper{z-index:100 !important} .secDrop .jqTransformSelectWrapper{z-index:99 !important} .thirdDrop .jqTransformSelectWrapper{z-index:98 !important} .fourthDrop .jqTransformSelectWrapper{z-index:97 !important} .newsAdCont{overflow:hidden; width:100%;} .newsAdContBtm{overflow:hidden; padding: 5px 0 0 0;} .newsAdLogo{float:left;padding:0 10px 0 0; width:95px;} ul.signOnBtn {float:right;} ul.signOnBtn li a{background:url("/views/images/sign-on.png") no-repeat; width:126px; height:26px; display:block; margin:0 8px 0 0;} /*========================Forms=====================*/ ul.cLsTabList li{background:url("/views/images/bullet.jpg") no-repeat 0 6px;padding:0 0 6px 10px} .headMarTop{margin-top:10px;} .formSteps{margin-bottom:15px;} .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 20px;background:url("/views/images/step_arrow.png") right center no-repeat;height:30px;} .formSteps ul li.last{background:none;} .formSteps ul.bulLst{padding:0 0 10px;border:none;background:none;} .formSteps ul.bulLst li {float:none;width:auto;background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding: 0 0 8px 10px;list-style: none;line-height: 17px;} .formSteps ul li span.formStepList{color: #C1E0F2;font-weight: bold;padding: 7px 10px 0 0;display: inline-block;float: left;} .formSteps ul li span.formStepCont{color: #C1C1C1;font-weight: bold;} .formSteps ul li span.formStepContPad{padding:7px 0 0;display:inline-block;} .formSteps ul li.active span.formStepList{color:#3398CC;} .formSteps ul li.active span.formStepCont{color:#333;} /*Contact us form */ .formDetailsBlock{display:block; width:100%;} .formDetailsinner{ margin:0 0 15px 0; width:100%; } .formDetailsinner.last{margin:0;} .formDetailsinner ul.cLsContactus{padding: 20px 0 20px 20px; width:97%;} .formDetailsinner ul.lightGreyBg{background:#F7F7F7; float:left;} .formDetailsinner ul.darkGreyBg{background:#EAEAEA; float:left;} .formDetailsinner ul.cLsContactus li{float:left;margin-right: 20px; width:200px;} .formDetailsinner ul.cLsContactus li.monthlyIncome{float:left;padding-right:26px;width:255px;} .formDetailsinner ul.cLsContactus.cLsContNoPadTop{padding-top:0px;} .formDetailsinnerCalc ul.cLsContactus li.clsInnPadTop{padding-top:10px !important;padding-right:0px;display:block;} .formDetailsinnerCalc ul.cLsContactus li.clsInnPadTop2 { padding-top:15px !important; padding-right:0px; display:block; } .formDetailsinner ul.cLsContactus li.clsPadTopInnForm{padding-top:24px;} .formDetailsinner ul.cLsContactus li.clsInnFormWid{width:417px !important;} select.innSmallWdh1{width:72px;} .redColTxt{color:#FE3434;} .formDetailsinner ul.cLsContactus li .rminput{width:160px !important;} .formDetailsinner ul.cLsContactus li .midSmallbox { margin-left: 10px;width: 111px !important; height:20px;} .formDetailsinner ul.cLsContactus li .smallbox { margin-left: 10px;width: 85px !important; height:20px;} .formDetailsinner ul.cLsContactus li .inputBox,.twoColumnSplitForm .inputBox{border: 1px solid #CCCCCC;font-family: Arial;width:188px;padding: 2px 6px 2px 7px;color:#555555; height:21px;} .formKanaPad{padding-top:15px;} .formDetailsinner ul.cLsContactusManual li .smallbox {width: 18px !important; padding:4.1px 5px;} .formDetailsinner ul.cLsContactus li div.jqtransform ul li {width:170px;} .formDetailsinner ul.cLsContactus li.noPadRgt{margin-right:0px;} .kanasmallfont{font-size:10px;} .formDetailsinner ul.cLsContactus li div.jqtransform ul li a {width:191px;} .cLsContactusManual{padding:20px; float:left; width:94.2%;} .cLsContactusManual .radioValueInn{width:auto; margin:0 0 10px 0;} .radioValueInn span{float:left; margin:0 8px 0 0;} .radioValueInn span.clsManPadTop{padding:6px 0 0 0;} .radioValueInn span.radioValueDis input.radioValueInnSpa{margin:0 5px 0 0; display:inline-block;} .radioValueInn span input.smallbox2{width:60px; display:inline-block;} .radioValueInn span.jqtransform .jqTransformSelectWrapper{float:inherit !important;} .clearForm{clear:both;} .selDropDown{padding-top:9px;} .selDropDown2{display: inline-block;padding-bottom: 10px;} .offsmall{width:15px !important;} .jqtransform select.cLsDropDownWidth { width:183px !important; } .jqtransform select.nametitle { width:183px !important; } .cLsTextAreaBlock { width: 100%; margin-top: 10px; margin-bottom:15px; } .cLsTextAreaBlock textarea { width: 97%; resize: none; border:1px solid #ccc; padding:10px; color:#555555; } .cLsSubmitArea { margin-top: 20px; width: 100%; float: right; padding-bottom:10px; } .cLsSubmitAreaLft { float:right; } .cLsSubmitAreaRgt { float:right; margin-left:20px; } .cLsSubmitAreaRgt.cLsSubmitAreaLft { float:left; margin-left:0px; } .contactReport { width:100%; margin-top:20px; } .contactReportInner { position:relative; background:none repeat scroll 0 0 #EDEDED; padding:15px; border-radius:15px; } .clsRadioBtnBlock { width:100%; overflow:hidden; } .clsRadioBtnBlock ul { display:block; width:100%; padding-bottom:10px; } .clsRadioBtnBlock ul li { display:inline-block; padding-right:5px; } .clsPadLftForm{padding-left:15px;} .compareTxt{ display: block; padding-bottom: 5px; text-align: center; } .outstandingCredit{width:218px !important;} #errorpage { margin: 200px auto; text-align: center; width: 100%; } #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; } .formSubmit { float: right; padding: 10px 30px 20px 0; } .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;} .tab-referrals { margin-top: 15px; } .tab-referrals span{ width: 184px; margin-right: 20px; margin-bottom: 15px; } .tab-referral { background: none repeat scroll 0 0 #009BD5; color: white; display: inline-block; font-size: 14px; font-weight: bold; padding: 5px 10px; width: 150px; } .tab-referral.active { color: #009BD5; } .tab-referral.on, .tab-referral.active { cursor: pointer; } .disclosure { margin-top: 20px; margin-right: 20px; } .formInner .formValue span{ float:left; } .formInner .formValue span.inputTxt{ display: inline-block; float: left; } .dropListSmallInn{width:auto !important; float:left;} /* Graph */ .barGraph{width:648px; height:334px;} .previous_creditlimit{width:468px; height:220px; position:absolute; overflow:hidden;display:none;} .effective_creditlimit{width:468px; 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;} /* Airasia .airAsiaTopMnu, .premDingMnu{width:721px;position:relative; left:-29px;} .airAsiaTopMnuInn, .premDingMnuInn{width:100%; overflow:hidden;background:url("/views/images/credit_card/desktop/airasia-menulst-bg.jpg") repeat-x 100% 100%; height:38px;} .airAsiaTopMnuInn .homeIcon, .premDingMnuInn .homeIcon{float:left; padding: 10px 0 10px 10px;} .airAsiaTopMnu ul, .premDingMnuInn ul{float:left;} .airAsiaTopMnu ul li, .premDingMnuInn ul li{float:left; padding: 12px 0 10px 29px;} .airAsiaTopMnu ul li a, .premDingMnuInn ul li a{font-weight:bold;} .airAsiaTopMnu ul li a.active, .premDingMnuInn ul li a.active{color:#000;} .airAsiaBlockInner {position: absolute; top: 122px; width: 100%; z-index: 999;} .airAsiaBlockInner .left{float:left; padding:73px 15px 0 0;width:194px;} .airAsiaBlockInner .left h3, .airAsiaBlockInner .right h3{color:#fff; font-family: "interstate"; font-weight:normal;} .airAsiaBlockInner .mid{float:left;padding:0 20px 0 0;width:253px;position:relative;} .airAsiaBlockInner .mid .first{position:absolute;} .airAsiaBlockInner .mid .second {left: 95px; position: relative;top: 57px; width:161px;} .airAsiaBlockInner .right{float:left; width:193px; padding:73px 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, .premierMiles .topBoxBtn{position:absolute; z-index:999; bottom:29px;} .airAsiaBlockList{overflow:hidden; width:100%; margin:0 0 20px 0;} .airAsiaBlockList ul{display:block; border:1px solid #dfdfdf; overflow:hidden; padding:0px 10px; background:url("/views/images/credit_card/desktop/airasia-bginner.jpg") repeat-x #EEEEEE;} .airAsiaBlockList ul li .mainLst{float:left; width:100%;} .airAsiaBlockList ul li .mainLst .left{float:left; padding:0 20px 0 0; width:205px;} .airAsiaBlockList ul li .mainLst .left .leftInn{float:left; padding: 15px 10px 21px 0; width:82px} .airAsiaBlockList ul li .mainLst .left .rightInn{padding: 15px 0 20px; float:left; width:107px;} .airAsiaBlockList ul li .mainLst .mid .leftInn{float:left; padding: 15px 10px 21px 0; width:82px} .airAsiaBlockList ul li .mainLst .mid .rightInn{ padding: 15px 0 20px 0; float:left; width:107px;} .airAsiaBlockList ul li .mainLst .right .leftInn{float:left; padding: 15px 10px 21px 0; width:82px} .airAsiaBlockList ul li .mainLst .right .rightInn{padding: 15px 0 0; float:left; width:107px;} .airAsiaBlockList ul li .mainLst .mid{float:left; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding:0 15px; width:199px;} .airAsiaBlockList ul li .mainLst .right{float:left; padding: 0 0 0 15px; width:199px;} .mainLst a.greyBtn, .mainLst a.blueBtn{width:auto !important; padding:6px 7px;} .airAsiaCardArea{overflow:hidden; width:100%; margin:0 0 20px 0; background:url("/views/images/airasia-blue-bg.jpg") repeat-x scroll 0 0 transparent;} .airAsiaCardAreaInn{overflow:hidden; padding: 1px 0 5px 10px;} .airAsiaCardAreaInn .left{float:left; width:88px; padding:3px 15px 0 0;} .airAsiaCardAreaInn .mid{float:left; padding:14px 15px 0 0; width:400px;} .airAsiaCardAreaInn .mid h3{color:#fff; font-family: "interstate"; font-weight:normal;} .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 !important; text-align:center; padding-left:25px !important;}*/ /*************************** 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 20px;} .calcWrap.calcInnerPad{padding-top:20px;} .calcInner{overflow:hidden;} .calcCategory{float:left;width:220px;} .calcCategory.giant{float:left;width:220px;} .calcCategory.readyCredit{float:left;width:250px;} .calcCategoryHdrTxt{width:170px;} .calcSpend{float:left;} .calcInnerHdr{color:#003C7B;} .calcInner{padding:23px 0 0;} .calcCategoryOL{float:left;} .calcCategoryHdr{display:block;padding:0 0 0 25px;} .calcSliderWrap{position:relative;} .calcSlider{position:relative; width:100%;} .calcShell .calcSpend{width:55%;} .calcShell .calcSpendShell{width:53.5%;} .calcShell div.ui-slider{width: 87%;} .calcSpendYear{float:left;} .otherIconsTxt{margin:0 5px 0 0;} .maxisDigiIcon, .astroIcon, .utilitiesIcon, .muniCounIcon, .giantIcon, .diningIcon, .travelIcon, .utilityIcon, .shoppingIcon, .everythingIcon, .FuelIcon, .mobileIcon, .preferredIcon, .repaymentIcon, .effectiveIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;float:left;} .FuelIcon{height:26px;} .maxisDigiIcon{background: url("/views/images/credit_card/icon/maxis-digi.png") no-repeat scroll 0 0 transparent;} .astroIcon{background: url("/views/images/credit_card/icon/astro.png") no-repeat scroll 0 0 transparent;} .utilitiesIcon{background: url("/views/images/credit_card/icon/utilities.png") no-repeat scroll 0 0 transparent;} .muniCounIcon{background: url("/views/images/credit_card/icon/municipal-councils.png") no-repeat scroll 0 0 transparent;} .diningIcon{background: url("/views/images/credit_card/icon/dining.png") no-repeat scroll 0 0 transparent;} .giantIcon{background: url("/views/images/credit_card/icon/giant-purchase.png") no-repeat scroll 0 0 transparent;} .travelIcon{background: url("/views/images/credit_card/icon/travel.png") no-repeat scroll 0 0 transparent;} .utilityIcon{background: url("/views/images/credit_card/icon/utility.png") no-repeat scroll 0 0 transparent;} .everythingIcon{background: url("/views/images/credit_card/icon/everything-else.png") no-repeat scroll 0 0 transparent;} .FuelIcon{background: url("/views/images/credit_card/icon/shell-fuel.png") no-repeat scroll 0 0 transparent;} .mobileIcon{background: url("/views/images/credit_card/icon/mobile.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, .cashAdvance, .education, .insurance, .dining, .overseasRetail{display: inline-block;height: 26px;width: 24px;vertical-align:middle;float:left; margin: 0 10px 0 0;} .education{background: url("/views/images/credit_card/icon/education.png") no-repeat scroll 0 0 transparent;} .shoppingIcon{background: url("/views/images/credit_card/icon/shopping.png") no-repeat scroll 0 0 transparent;} .cashAdvance{background: url("/views/images/credit_card/icon/cash-advance.png") no-repeat scroll 0 0 transparent;} .everythingElse{background: url("/views/images/credit_card/icon/every-else.png") no-repeat scroll 0 0 transparent;} .grocery{background: url("/views/images/credit_card/icon/grocery.png") no-repeat scroll 0 0 transparent;} .petrol{background: url("/views/images/credit_card/icon/petrol.png") no-repeat scroll 0 0 transparent;} .pharmaceutical{background: url("/views/images/credit_card/icon/pharmaceutical.png") no-repeat scroll 0 0 transparent;} .phoneBills{background: url("/views/images/credit_card/icon/phone-bills.png") no-repeat scroll 0 0 transparent;} .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:5px;width: 100%;} .calcProgress.readyCredit.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/views/images/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -17px;padding: 0 3px 2px;width: 24px;color:#003C78;font-weight:bold;text-align:center;text-decoration:none;font-size:13px;position:absolute;outline: none;border: 0;} .calcSpend {width:58%;margin-left:4%;} .calcSpend.giant{width:60%;margin-left:39px;} div.ui-slider {width:95%;left: 0;} .calcProgress{height:8px !important;float:left;width:89.6%;background:#ADADAD;margin:7px 0px 0;border:1px solid #ADADAD;border-top:1px solid #838383;border-radius:8px;background:#FFFFFF;background: -webkit-gradient(linear, 0 0, 0 70%, from(#9D9D9D), to(#FFFFFF));background: -webkit-linear-gradient(#9D9D9D, #FFFFFF 70%); background: -moz-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -ms-linear-gradient(#9D9D9D, #FFFFFF 70%);background: -o-linear-gradient(#9D9D9D, #FFFFFF 70%);background: linear-gradient(#9D9D9D, #FFFFFF 70%);-pie-background: linear-gradient(#9D9D9D, #FFFFFF 70%);} .sliderTxt {background:url("/views/images/calc-arrow.png") no-repeat scroll 0 0 transparent;position: absolute;top: -19px;left: -50%;color:#666666;font-weight:normal;font-size:11px;height:21px;width:56px;text-align:center;} .calcRate{background:#00B2F0;background: -webkit-gradient(linear, 0 0, 0 70%, from(#00B2F0), to(#01559D));background: -webkit-linear-gradient(#00B2F0, #01559D 70%);background: -moz-linear-gradient(#00B2F0, #01559D 70%);background: -ms-linear-gradient(#00B2F0, #01559D 70%);background: -o-linear-gradient(#00B2F0, #01559D 70%);background: linear-gradient(#00B2F0, #01559D 70%);-pie-background: linear-gradient(#00B2F0, #01559D 70%); padding:20px;margin:0 0 20px;color:#fff;overflow:hidden;position:relative;} .calcRateLft, .calcRateMid, .calcRateRht{float:left;} .calcRateLft{width:150px;padding:0 20px 0 0;} .calcRateMid{width:150px;padding:0 40px 26px 0;} .calcRateRht{width:171px;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;} .calcRateMidShell{padding-bottom:0;} .calcRate p.disclaimer{color:#fff;} .merchantIcon{float:left;} .calcCategoryHdrLft{padding-left:0;} .calcCategoryHdrLft.giant{padding-left:0;float:left;} .calcRateBtm{width:100%;} .calcRMlft{float:left;margin-right:20px;} .calcRMlft .calctxtmiddle{padding:10px 0 0 0;} .calcRMRgt{float:left;} .calcInnerWrapHdr, .calcInnerWrap{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:150px;} .calcInnerWrapHdr li.third, .calcInnerWrap li.third{width:250px;} .calcInnerWrapHdr li.fourth, .calcInnerWrap li.fourth{width:90px;padding-left:10px;} .calcInnerWrapHdr li.third > span, .calcInnerWrapHdr li.fourth > span{font-weight:normal;} .calcInnerWrap li.fourth.vnd{text-align:center;} .calcInnerWrap.last{padding-bottom:30px !important;} .diningIcon1{margin-right:10px;vertical-align:middle;float: none;} .calcRateWrap{overflow:hidden;} .calcRateRhtWrap{float:right;} .calcRateRhtWrap h3 {float: left;padding: 8px 10px 0 0;} .calcRateRhtWrap p{float:left;} .calcRateLftWrap{float:left;} .calcBtnSpacer{margin-right:10px;} .calcRMval{width:60%;float:left;} .calcAmt{margin-right:20px;} .calcInner.calcInnerClr{overflow:visible;} .calcACELft{float:left;} .calcACERgt{margin-left:2%;float:right;} .calcACELft input, .calcACERgt input{width:190px;} .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;} .calcRateWrap{padding:10px;} .calcRateRhtWrap{padding-right: 20px;} .calcRateRhtWrap p{padding:0;} .calcRateRhtWrap input{width:100px;font-size:14px;padding: 5px 0;} .calcInnerWrap div.ui-slider{width: 100% !important;} .calcInner input.RMVal{width:80px;font-size:14px;padding: 5px 0;border:1px solid #ccc;text-align:center;} .calcInner input.RMValNoBor{width:80px;font-size:14px;padding: 5px 0;border:none;text-align:center; background:none;} .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 0 0;height:19px;position: absolute;right:-9px;top:37%;width: 10px;} .tabsmenu li a {background: #F7F5F6;border-bottom: 1px solid #EBEBEB;padding:36px 15px;width: 130px;display: inline-block;} .tabsmenu li a.padHolder{padding:29px 15px;} .tabsmenu li.active a {background: #fff;font-weight: bold;} .tabmenuContainer {float: left;padding: 20px 20px 20px 30px;width: 480px;} .tabmenuContainer.readyCreditform{width:430px;} .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:center;} .tabInnerImg img{padding:0 10px 5px 0;} .iconHdrCont{padding:0 0 20px;} .cashIcon, .balanceIcon, .flexiIcon, .dialIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;} .cashIcon{background: url("/views/images/credit_card/icon/cash-advance.png") no-repeat scroll 0 0 transparent;} .balanceIcon{background: url("/views/images/credit_card/icon/balance-transfers.png") no-repeat scroll 0 0 transparent;} .flexiIcon{background: url("/views/images/credit_card/icon/flexi-payment.png") no-repeat scroll 0 0 transparent;} .dialIcon{background: url("/views/images/credit_card/icon/dial-for-cash.png") no-repeat scroll 0 0 transparent;} .fancybox-wrap {z-index:9999;} #declaration-bg {padding:20px 15px;} #declaration-bg .declareCont {height:400px; margin-bottom:15px; width: 100% !important;} #declaration-bg .declareCont.digitalServices{margin-left:5px;} #declaration-bg .declareCont .jspContainer, #declaration-bg .declareCont .jspPane{width: 98% !important; margin-right:10px;} #declaration-bg .declareCont .jspContainer, #declaration-bg .declareCont.digitalServices .jspPane{margin-right:10px;width:auto;} #declaration-bg .declareCont .termsCondtn {padding-right: 0px;} #fancybox-wrap {top: 50px !important;} /*****/ .fixed-btn { position: fixed; right: 0; top: 10px; z-index: 99; z-index: 999999999 !important; } [lang^="vi"] .fixed-btn {top: 10px;} /*****/ .socialMedia{position:fixed;right:-791px;top:370px;z-index: 999999999 !important;} .contactMedia {position: fixed;right: -791px;top:466px;z-index: 999999999 !important;} .creditcardIcon{position: fixed;z-index: 9999999999;top:508px;right:-791px;} [lang^="vi"] .creditcardIcon {top: 435px;} .promotionMedia {position: fixed;right: -791px;z-index: 9999999999 !important;top: 311px;} .Applyicon{position: fixed;right: 0;z-index: 999999;top:432px;right:-0px !important;} .FBiconx{position: absolute;right: 0;z-index: 999999999 !important;top:238px;right:-0px !important;} [lang^="en"] .CBiconx {position: absolute;right: 0;z-index: 999999999 !important;top: 350px;right: -0px !important;} [lang^="en"] .CGiconx {position: absolute;right: 0;z-index: 999999999 !important;top: 210px;right: -0px !important;} [lang^="en"] .FBiconx {top: 540px;} [lang^="vi"] .CBiconx {position: absolute;right: 0;z-index: 999999999 !important;top: 350px;right: -0px !important;} [lang^="vi"] .CGiconx {position: absolute;right: 0;z-index: 999999999 !important;top: 210px;right: -0px !important;} [lang^="vi"] .FBiconx {top: 530px;} .APP-CC{width: 100%;float: left;padding: 15px 0px;} .APP-CC .submit{width:178px;font-weight:bold;} .APP-CC .txtbox{width: 200px;padding: 4px 9px;color: #555;outline:none;} .app-colms{width:222px;float: left;border-right: 1px solid #ccc;padding:10px 20px;height: auto;margin-top:10px;} .app-colms.first{padding-left:0;}.app-colms.last{padding-right:0;} .app-colms .sbSelector{width:197px;} .APP-CC .no-Border{border-right: 0;} .app-colms-name{padding-right: 10px;width: 39px;float: left;} .APP-CC .pad-BTm{padding-bottom:20px;} .wDth26{width: 26% !important;} .fly_dropdown{width: 222px;height: 30px;color: #555;padding: 0 5px;} .middle-column{padding-top: 47px;} .cardCheck .sbHolder, .cardCheck .sbOptions{width: 220px !important;} .cardCheck .sbOptions {overflow-y: scroll;height: 95px;width: 222px;color: #555;} .dropDown-small .sbOptions{height: 64px !important;} .AYCC{top: -261px !important;height: 205px !important;} .tabWrap1{position: relative;left:-39px;top:0px;margin: 0;padding: 0;cursor:pointer;} .contentWrap-vn{top: -108px !important;} .contentWrap-vn h2{color: #05589D !important;padding: 10px 0;} .contentWrap-en{top: -108px !important;} .contentWrap-en h2{color: #05589D !important;padding: 10px 0;} .promotion-vn{float: left;border-right: 1px solid #ccc;} .promotion-vn li{padding: 0px 20px 0px 21px;width: 200px;} .promotion-vn li ul li{border-right: none;width:auto;padding:0;} .promotion-vn li ul li a{width:auto;float: left;margin: 10px 16px 5px 0px;padding: 5px 6px;} .promotion-vn li ul li.talk a{float: right;margin: 10px 0px 5px 0px;padding: 5px 6px;font-weight: bold;} .promotion-vn .noBrdr{border-right:0;} .promotion-en{float: left;border-right: 1px solid #ccc;} .promotion-en li ul li{border-right: none;width:auto;padding:0;} .promotion-en li ul li a{width:auto;float: left;margin: 10px 16px 5px 0px;padding: 5px 6px;} .promotion-en li ul li.talk a{float: right;margin: 10px 0px 5px 0px;padding: 5px 6px;font-weight: bold;} .promotion-en li{padding: 0px 20px 0px 21px;width: 200px;} .promotion-en .noBrdr{border-right:0;} .socialMediaIcons{position:fixed;right:0;top:192px;z-index: 999999;} .socialMediaIcons div.mediaIconsList {padding:0 0 7px;position:relative;} .socialMediaIcons div img{height:28px;width:31px;} .iconDesc{position:absolute;top:0;left:-110px;background:#fff;box-shadow:0 0 20px #ccc;border:1px solid #ccc;padding:7px 0;width:100px;text-align:center; display:none;} .iconDesc1 {top:50px;} .iconDesc2 {top:90px;} .iconDescArro {position: absolute;top: 7px;right: -8px;background: url("/views/images/socialarr.png") right center no-repeat;width: 8px;height: 16px;} .tabWrap{position: relative;left:-39px;top:0px;margin: 0;padding: 0;cursor:pointer;} #swiffycontainer {cursor:pointer;} .atIcon{cursor:pointer;width: 40px;height: 29px;} .atIcon1{width:40px;height:29px;} .atIcon2{width:40px;height:296px;cursor:pointer;float: left;} .contentWrap{margin:0;width: 750px;height:125px;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:10px 20px 20px;position: relative;top: -32px;} .contentWrap h2{color:#333;font-weight:normal;} .contentWrapLft{width:190px;float:left;} .contentWrapLft ul.mediaIcons{border:none;padding:0 0 0 15px;} .contentWrapMid{width:160px;float:left;border-left:1px solid #ccc;border-right:1px solid #ccc;margin-right:20px;padding:0 20px;} .contentWrapRht{width:100%;height:auto;} .promotionImg{float:left;width:85px;} .promotionCont{width:147px;float:left;padding-left:10px;} .closeIcon{background:url("/views/images/close.jpg") no-repeat; width:14px;height:15px;position:absolute;top: 10px;right: 10px;cursor:pointer;} .recentViewClose{background:url("/views/images/close.jpg") no-repeat; width:14px;height:15px;display:inline-block;cursor:pointer;} #promotionslides {position: relative;} .promotionWrap{overflow: hidden;width: 250px;float:left;} 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("/views/images/grayarrow.png") no-repeat scroll 0 3px;padding:0 0 10px 15px;} #promotionslides ul.slidesjs-pagination {position: absolute;top: 115px;left: 355px;overflow: hidden;z-index: 999;} #promotionslides ul.slidesjs-pagination li {float: left;margin-right: 5px;} #promotionslides ul.slidesjs-pagination li a {background: url("/views/images/gray-dot.png") 0 0 no-repeat;width: 8px;height: 8px;display: inline-block;} #promotionslides ul.slidesjs-pagination li a.active {background: url("/views/images/blueDot.png") 0 0 no-repeat;} .slideWrap{width:750px;float:left;} .contactMedia .contentWrap {height: 90px;} .contactCol {border-right: 1px solid #ccc;margin-right: 15px;overflow: hidden;width: 260px;float: left;} .contactCol.last {border: none;margin: 0;width: 180px;} /*******/ /* Kana form Light Bod */ .LightKanaForm{width:100%; overflow:hidden;} .LightKanaFormInn{width:100%; margin:15px 0;} .LightKanaFormInnLft{width:149px; margin:0 20px 0 0; float:left;} .LightKanaFormInnRgt{width:350px; float:left;} .LightKanaFormInnRgt ul{width:348px; float:left;} .LightKanaFormInnRgt ul li{width:348px; float:left; padding:0 0 20px 0;} .LightKanaFormInnRgt ul li .left{float:left; width:78px; padding:0 15px 0 0;} .LightKanaFormInnRgt ul li .right{float:left; width:255px;} .readyCreditTab{width:100%;overflow:hidden;margin-bottom:20px;border-left:1px solid #ccc;} .readyCreditTabOn{border-top:1px solid #05528A;border-left:1px solid #05528A;border-right:1px solid #05528A;height:22px;padding:15px;width: 44.1%;float:left;cursor:pointer;} .readyCreditTabOn .leftContent, .readyCreditTabOff .leftContent{width:200px;float:left;} .readyCreditTabOn .rightContent, .readyCreditTabOff .rightContent{float:right;} .readyCreditTabOff {background: url("/views/images/readycreditoff.jpg") repeat-x scroll 100% 0 #EBEBEB;border-left:none; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #05528A;height:21px;padding:15px;width: 44.1%;float:left;cursor:pointer;} .fader{height:143px;overflow:hidden;width:228px;} #fancybox-title {display:none !important;} /*Footer*/ /* Card Selector */ .cardsHldr{display:none;} .detailList{display:none;} .detailList.first{display:block;} .termsHldr{display:none;} #cardDetailsHolder{display:none;} .compareHdr{margin:10px 0 0;overflow:hidden;} .addCardHldr{border-top: 1px dotted #CCCCCC;margin: 20px 0 0;padding: 20px 0 0;border-top: 0px;padding: 0;} .addCard {background:url("/views/images/add-card-bg.jpg") repeat-x;overflow:hidden;padding: 20px 30px 0;box-shadow: 0 0 6px 4px #CCCCCC;margin-bottom:10px;} .addCard ul{float:left;} .lftStripBg{background:url("/views/images/credit_card/leftBg.png") no-repeat; width:13px;height:175px;float:left;} .rhtStripBg{ background:url("/views/images/credit_card/rightBg.png") no-repeat; width:13px; height:175px; float:right; } .addCard ul li{ width: 168px; float:left; text-align: center; } .addCardMort ul li{ width: 140px; } .addCardHdr{ font-weight:bold; font-size:12px; } .rangeHldrCompare{ border-right: 1px solid #CCCCCC; padding-left: 5px; width: 658px !important; } .rangeHldrLend{ width:760px !important; border-right:1px solid #ccc; } .compareAllBtnLend{ padding-right:10px; text-align: center !important; } .rangeHldrLend .rangeValue{ padding-right:20px !important; } .rangeHldrCompare .rangeValue{ margin-right:30px; } .rangeValueBot{ padding-bottom:0px !important; } .rangeHldrComp{ width:740px !important; border-right: 1px solid #CCCCCC; } .rangeHldrMort{ width:760px !important; border-right:1px solid #ccc; } .rangeHldrComp .rangeValue{ display: inline-block; padding: 0 5px 12px 0; } .rangeHldrMort .rangeValue{ display: inline-block; padding: 0 2px 12px 0; } .rangeHldrMort .rangeValueAll{ padding-left:6px; } .availableCards .compareAllBtn1{ float:none; text-align:left; margin:0; } .availableCardsComp{ width:220px !important; } .orHldr{ padding:0 20px; } .availableCardsCompare{ border:none; width:150px !important; } /*.selectedCardsComp ul li, .cardsDetailsComp ul li{ width:20% !important; }*/ .selectedCardsLend ul li, .cardsDetailsLend ul li{ width:25% !important; } .selectedCardsLend ul li p.cardHdr{ min-height:14px !important; } .cardCont sup{ vertical-align:3px; } .selectedCardsLend .cardCont{ min-height:55px !important; } .compareTabList span{ display:block; background: url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent; padding:0px 0 8px 10px; } .cardsDetailsComp ul li p{ min-height:28px; } #comapreHldr .TermsAndConditions{ margin:10px 0; } .selectCardsHldr{ border:1px solid #ccc; border-radius:3px 3px 3px 3px; position:relative; margin:20px 0 10px; padding:10px 0 10px 10px; overflow:hidden; color:#333; } .rangeHldr{ float:left; width:407px; } .selectCardsHdr{ padding:10px 0 12px; } .cardsSelectHdr{ padding-bottom:8px; } .selectCardsValue{ padding:0 0 10px; } .rangeHldr input, .cardSelectHldr input{ margin:0 5px 0 0; vertical-align: middle; } .cardSelectHldr input{ margin:0 6px 0 0; } .rangeValue{ padding:0 3px 0 0; } .cardSelectHldr{ padding: 0 10px 0 10px; border-right:1px solid #ccc; border-left:1px solid #ccc; float:left; width:330px; } .cardCompHldr{ padding: 0 15px 0 0; float:left; width:auto; border-right:0 none; border-left:0 none; } .cardSelectHldr .rangeValue{ padding:0 5px 0 0; } .availableCards{ float:right; padding:10px 10px 0; width: 135px; font-weight:bold; } .orCompare{ display:block; text-align:center; padding-bottom:5px; } .availableCompCards{ border-left:1px solid #ccc; width: 115px; } .availableCompCards .cardsList{ float:left; } .availableCompCards .cardsAvailable{ float:left; padding:16px 0 0 5px; } .cardsList{ float:left; padding-right: 5px; } .compareAllBtnWidth{ width:170px !important; } .compareAllBtn{ float:right; } .compareAllBtn1{ float:left; width: auto; } .selectedCards, .cardsDetails{ background:url("/views/images/bg-pattern.gif") repeat scroll 0 0; box-shadow: 0 0 6px 4px #ccc; margin:20px 0 10px; overflow:hidden; position:relative; clear: both; } .selectedCardsHldr{ margin-top:0; } .selectedCards ul{ width:100.1%; } .selectedCards ul li{ width:20%; float:left; padding:10px 0 0; text-align:center; } .cardsDetails{ margin:20px 0 10px; } .cardsDetails > ul > li{ text-align:left; width: 20%; float:left; } .cardsDetails ul li div{ border-bottom:1px solid #ccc; padding:10px 15px; font-size:11px; } .productName{ color:#05589D; } .cardsGrayBg{ background:#f3f3f3; } .cardsWhiteBg{ background:#ffffff; } .cardHdr{ min-height:34px; font-weight:bold; padding:0; } .selectedCardsComp .cardCont{ height:65px !important; } /* Card Comparison page updation */ .minStyleCmp{min-height:10px !important} /* Card Comparison page updation ends*/ .selectedCardsCompare .cardCont{ height:95px !important; } .cardImg{ position:relative; margin:10px 0; padding:0; } .closeIconHldr{ position: absolute; right: 10px; } .closeIconHldrLend{ right:60px !important; } .cardCont{ padding:10px 10px 0; height:40px; font-size:11px; } .cardsGrayBg .cardCont{ background:#EBEBEB; } .cardsWhiteBg .cardCont{ background:#F6F6F6; } .cardBtn .greyBtn{ padding:5px; } .compareAllBtn1.cardSelAppNow{width:150px; text-align:center;} .cardSelAppNow .greyBtn, .cardSelAppNow .blueBtn { color: #FFFFFF; display: inline-block; font-size: 11px; font-weight: bold; padding: 6px 7px; text-align: center; width: 75px; } .compareAllBtn .blueBtn{width:auto !important;padding: 5px 10px;} .cardBtn span{ margin:10px 0 0; display:block; min-height:25px; } .availableCardsLend{ width:130px !important; border:none; } .viewCardsList{ overflow:hidden; } .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{ border: 1px solid #EDEEEF; color: #768696; display: inline-block; font-size: 13px; font-weight: bold; padding: 15px 20.5px; } .viewCardsListLend ul li a{ padding: 15px 28.8px; } .viewCardsListMort ul li a{ padding: 15px 26.4px; } .viewCardsList ul li a:hover, .viewCardsList ul li a.active{ background: #F9F9F9; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #384553; position: relative; text-decoration: none; } .rewardsIcon, .lowRateIcon, .cardtravelIcon, .everydayIcon, .savingsIcon, .termIcon{ display: inline-block; height: 24px; margin-right: 5px; vertical-align: middle; width: 24px; } .rewardsIcon{ background: url("/views/images/credit_card/selectorCards/rewards.png") no-repeat scroll 0 0 transparent; } .lowRateIcon{ background: url("/views/images/credit_card/selectorCards/lowRate.png") no-repeat scroll 0 0 transparent; } .cardtravelIcon{ background: url("/views/images/credit_card/selectorCards/travel.png") no-repeat scroll 0 0 transparent; } .everydayIcon{ background: url("/english/deposits/images/compareAllAccounts/icons/everydayBanking.png") no-repeat scroll 0 0 transparent; } .savingsIcon{ background: url("/english/deposits/images/compareAllAccounts/icons/savingsAccount.png") no-repeat scroll 0 0 transparent; } .termIcon{ background: url("/english/deposits/images/compareAllAccounts/icons/termDeposits.png") no-repeat scroll 0 0 transparent; } .grayTick { background: url("/views/images/tick_arrow.png") no-repeat scroll 0 0 transparent; display: block; height: 12px; margin-bottom: 5px; width: 14px; } .grayClose{ background:url("/views/images/cross_img.png") no-repeat; width:10px; height:12px; display:block; margin-bottom:5px; } .Compare .cardCont{ height: 65px; } .firstEqual{ min-height:49px; } .secEqual{ min-height:30px; } .thirdEqual{ min-height:30px; } ul.bulLst li a.grayArrow { background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent; display: inline-block; margin: 0 0 0 10px; padding-left: 10px; text-align: left; } /*Free Stay*/ .freeStay .bannerTitle{color:#004a89;position:absolute;padding: 25px 20px 0 0px;left:0;width:500px;font-family: "interstate";} .smartDrive{margin:0 0 15px;} .smartDrive .bannerTitle{color:#fff;position:absolute;padding: 25px 20px 0 0px;font-family: "interstate"; left:32%; width:50%;} .freeStay .largeTitle, .smartDrive .largeTitle{font-size: 36px;padding:0 0 10px;} .freeStay .smallTitle{font-size: 16px;} .freeStay .beOurGuest{position:absolute;width:100%;overflow:hidden;top:81%;font-family: "interstate";left:0;} .freeStay .beOurGuest .left{float:left;width:555px;} .freeStay .beOurGuest .left .citiprivileges{width:63px;float:left;margin:5px 20px 0 0;} .freeStay .beOurGuest .left .beOurGuestText{overflow:hidden;} .freeStay .beOurGuest .left .beOurGuestText .largeText{font-size:26px;color:#fff;padding:0 0 5px;} .freeStay .beOurGuest .left .beOurGuestText .mediumText{font-size:14px;color:#fff;} .freeStay .beOurGuest .right{overflow:hidden;margin-top:30px;} .hotelDetails{background:#f6f6f6;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:30px;overflow:hidden;position:relative;z-index:1; margin-bottom:15px;} .hotelDetails .Wrapper{overflow:hidden;} .hotelDetails .left{float:left;width:507px;} .hotelDetails .left .promoImg{width:201px;float:left;margin:0 20px 0 0;} .hotelDetails .left .promoDetails{float:left; width:54%;} .hotelDetails .left .promoDetails ul { width: 82%; } .hotelDetails .left .promoDetails ul{width:92%;float:left;} .hotelDetails .left .promoDetails ul li{background:url("/views/images/green-checkmark.gif") no-repeat scroll 0 3px transparent;line-height:16px;padding:0 0 15px 25px;} .hotelDetails .right{margin:51px 0 0 0;} .hotelDetails .nightTag{position:absolute;left:0;left:572px;top:0;overflow:hidden;} .hotelContent{overflow:hidden;margin-top:15px;width:100%;} .hotelContent .outlet{width:224px;float:left; padding:0 15px 0 0;} .hotelContent .info{border-left:1px solid #ccc;overflow:hidden;padding:0 0 0 18px;} /*Free Stay*/ /* Welcome Page */ .phoneLst li{margin:5px 0px;clear:both;overflow:hidden;} .phoneLst li .txtLft{float:left; width:94px;} .phoneLst li .txtRgt{float:left;} /* End Welcome Page */ .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: 15px; border:none; font-size:10px;width:auto;} ul.dealsDetails li div.dealsDetLarge{height:230px;} /* premierMiles */ .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:right; 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:692px;overflow:hidden;height:275px;position:relative;} 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:694px;display:block;} .premierMilesLst{width:100%; overflow:hidden; margin:0 0 15px 0;} 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%;} .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.hgt{height:105px;} .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;} .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{height: 452px;position: relative;margin:0 0 25px;} .smartTravel .bannerTitle{color:#fff;position:absolute;padding:20px 20px 25px 10px;left:0;font-family: "interstate"; height:150px;} .smartTravel .largeTitle{font-size: 36px;padding:0 0 5px; line-height:37px;} .smartTravel .smallTitle{font-size: 16px;} .smartTravel .mediumTitle{font-size: 18px;padding:0px;line-height:30px;} .mythList{position: relative;top: -75px;left: -25px;} .mythListInner{background:url("/english/insurances/smarttraveller/images/desktop/blackBg.png") repeat-x;overflow:auto;position: relative;left: -4px;width: 721px;top:1px;} .smartTravel .smartTravelBluBg{background:url("/english/insurances/smarttraveller/images/desktop/blue-opacity.png") no-repeat; top:20px;} .mythListContent{background:#0097DC;color: #fff;padding:10px 20px;position: relative;left: -4px;width: 681px;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;display:none;height:185px;color: #fff; bottom:20px;} .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;} .greyBoxIcons a.greyBtn, .greyBoxIcons a.blueBtn, .popup a.blueBtn{width:auto; padding:6px 7px; float:right;} .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; } .productIcon { background: url("/mobile/images/icons/products-services.png") no-repeat scroll 0 0 transparent; padding: 0 10px 0 0; } .keybeneIcon, .productIcon, .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;} 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;} /* Micro site */ #microWrapper{padding:0 29px;} #microMain{overflow:hidden;width:100%;padding:20px 0 0;} #microLeftSide{float:left;width:600px;} #microSidebar{float:right;width:310px;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;} .icon_wrap{position:relative;padding:0 0 0 20px;} .icon{position:absolute;display:inline-block;left:-8px;} .gridWrap, .threeGrid{padding: 15px 0;} .gridWrap > ul, .threeGrid > ul{overflow:hidden;width:100%; border-bottom:1px #ccc solid;} .gridWrap > ul.last, .threeGrid > ul.last{border:none;} .gridWrap > ul > li{overflow:hidden;float:left;min-height:66px;padding:15px;width:269px;} .gridWrap > ul > li.left{border-right:1px #ccc solid;} .gridIcon{float:left;width:25%;} .gridContWrap{float:left;width:75%;padding:0 ;} .gridTitle{font-weight:bold;} .threeGrid > ul > li{width:179px;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:69%;padding-left: 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: -2px;} .list-radio-1 label { margin-right: 10px;} .input-1 { color:#666;width: 90%; padding: 6px 5px; background: #ffffff url("/views/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 { color:#666;width: 51.7%; padding: 5px 5px; background: #ffffff url("/views/images/input-box-bg.jpg") repeat-x top; margin-left: 10px; font-size:12px; border:1px solid #bfc3c6;} .input-3 { color:#666;width: 90%; padding: 6px 5%; background: #ffffff url("/views/images/input-box-bg.jpg") repeat-x top; margin-top: 5px;font-size:12px; border:1px solid #bfc3c6;} .input-4 { color:#666;width: 60%; padding: 6px 5%; background: #ffffff url("/views/images/input-box-bg.jpg") repeat-x top; margin-top: 5px;font-size:12px; border:1px solid #bfc3c6;} 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 5% 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 { padding: 5px 3%; width: 23%; background: #ffffff; margin: 5px 5% 0 0; font-size:12px; color: #666666; border:1px solid #bfc3c6;} .radioValueDis input[type="radio"] {margin-top:0} .btn-1 { width: 40%; padding:10px 10%; margin-left: 20%; background: url("/views/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: none;} .btn-3 { margin: 0 6px 0 0; padding:10px 20px; background: url("/views/images/submitBtn.jpg") repeat-x top; color: #ffffff; font-size: 1em; font-weight: bold;float:right; display: block; text-align: center;cursor: pointer;} #microSidebar h3 { background:#002d72; padding: 10px 25px; color: #ffffff; font-size: 1em; line-height: 18px;} #microSidebar h4 { background: url("/views/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;} .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:50px;} .width-3{width:534px;} .width-2 p{width:40%} .width-3 p{width:29%} .width-2 div{width:60%;} .width-3 div{width:70%;} .formWrap li p.note{padding:0;} /* Get Started */ .mobGetList ul{display:block; border:1px solid #dfdfdf; overflow:hidden; background:url("/views/images/credit_card/desktop/airasia-bginner.jpg") repeat-x #EEEEEE;} .mobGetList ul li{width:21.8%; float:left;} .mobGetList ul li.mobFrt{ border-right:1px solid #dfdfdf; padding:10px;} .mobGetList ul li.mobSec{ border-right:1px solid #dfdfdf; padding:10px;} .mobGetList ul li.mobTrd{ border-right:1px solid #dfdfdf; padding:10px;} .mobGetList ul li.mobFor{ padding:10px;} .mobGetList ul li h3{margin-bottom:10px;} .mobGetList ul li .greyBtn, .mobGetList ul li .blueBtn{width:auto; padding:6px 7px; font-size:11px;} /* Mobile Banking */ .mobileBanking{height: 452px;position: relative;margin:0 0 25px;} .mobileBanking .bannerTitle{position:absolute;padding: 25px 20px 0 0px;left:0;width:640px;font-family: "interstate";display:none;} .mobileBanking .bannerTitle.first{display:block;} .mobileBanking .largeTitle{font-size: 36px;padding:0 0 5px;line-height: 36px;} .mobileBanking .smallTitle{font-size: 16px;line-height:24px;} .mobileBanking .mediumTitle{font-size: 18px;padding:0px;line-height:30px;} .rotator img { position: absolute; } .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;height: 0;padding-top: 75px;outline: none;outline-style: none;} .timeLineTabs a.current{width: 135px;} /* Mobile Get Started */ .airasiaGetStart{height: 503px;position: relative; margin: 0 0 25px;background: url("/mobile/images/desktop/getstarted-bg.png") no-repeat;left: -29px;width:721px;} .airSlider .right{width:50%;float:left;} .airSlider .left{width:49%;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:hidden;padding-top:15px; width:100%;} .airSliderPagination .pagination li {float:left;} .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; margin:0px;} .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.clsPadLeft{padding-left:20px;} .feaLst ul li.noPadRgt{padding-right:0px;} /* Premium Dining */ .topMnuLst{overflow:hidden; width:100%; overflow-x:hidden; overflow-y:scroll; height:auto; max-height:180px;position: absolute;z-index: 100;background: #fff;} .topMnuLstInn{padding:15px;} .topMnuLstInn .left{float:left; width:48.4%;} .topMnuLstInn .right{float:left; width:48.4%; padding:0 0 0 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;} .addCompareBtn, .CompareNowBtn{display:none;} .topBoxBtnApp{display:none;} /* Usage */ .tabsRCNav{overflow:hidden;} .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.v-middle{padding-top:150px !important;} .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;} .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:38px;} .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;} .productsListDetails.micPadTop{padding-top:10px;} .tblColumnTen{width:6%;} .protectWrap {min-height:inherit !important;padding: 0 0 10px;overflow:hidden;} .protectDet{clear:both;min-height:inherit !important;} /*************** Error ******************/ .contWrap {padding: 20px 0;} .errorMessageInner {margin-bottom: 10px;overflow: hidden;} .errorMesInnLft {float: left;width: 60px;} .errorMesInnRgt {float: left;padding: 0 10px 10px 10px;width: 846px;} .errorMessageBot {width: 100%;border-top: 1px solid #cccccc;padding-top: 10px;} .disclaimerTxt {color: #666;font-size: 11px;} .TermsAndConditions .disclaimerTxt{color:#999;} .logoWrap{overflow:hidden;} .logoWrap .airasiaLogo{float:right;} .logoWrap .clsTableWrap{float:left;width:82%;} .closeIconHldr .closeIcon{top:0px;right:20px;} .tipCloseWrap{overflow:hidden;padding:0;} .topContentAplyBot{overflow:inherit;margin-bottom: 35px;} .protectDetWrap{float:left;width:70%;clear:both;} .addlstCards {float:left;width:96%;overflow:hidden;margin-top: 15px;} .addCard .addlstCards li {width:140px;} .addlstCards .addCardLink a {width:90px;padding:5px 0; font-size:11px;} .cardLftArro {float:left;background: url("/views/images/lt-arrow.png") no-repeat; width:8px; height:15px;position: absolute;top: 45%;left: 10px;cursor:pointer;} .cardRgtArro {background: url("/views/images/rt-arrow.png") no-repeat;width:8px; height:15px;position: absolute;top: 45%;right:10px;cursor:pointer;} .addCard, ul.hiddenval{position:relative;} .protectWrap .downArrow{float:right;text-align:right;width:24px;height:11px;background: url("/views/images/left-nav.png") no-repeat scroll right -14px transparent;cursor: pointer;} .protectWrap .downArrow.active {background:url("/views/images/left-nav.png") no-repeat scroll right -52px transparent} .protectDet{display:none;} #cardDetailsHolder ul li p.protectWrap{min-height:auto;overflow: hidden;} .selectType .blueBtn {width:auto !important; padding:5px 10px;} span.cardsAvailable{display:inline-block !important;} .addCard .addcloseIcon{top: 10px;right: 8px;background: url("/views/images/close.jpg") no-repeat;width: 14px;height: 15px;position: absolute;cursor: pointer;} /* Checkbox List */ .chkbxLst li{float:left;margin:3px 0;} .chkbxLst li input{float:left;} .chkbxLst li label{float:left;margin-left:3px} .openClose{float:right;width:35px;} .clsPlatGroPad{padding-top:25px !important;} .clsHomeFont{font-weight:normal;} .micKanaNoPad{padding-top:0px !important;} .clsCommPadTop{padding-top:20px;} .formSubmitMain{width:100%; overflow:hidden; margin:20px 0;display:inline-block;} .formSubmitMainLft{float:left;} .formSubmitMainRgt{float:right;} .clsCommMarBtm{margin-bottom:15px;} .chkbxAlign input[type="checkbox"]{margin-bottom:10px;margin-top:1px;float:left;} /******************* What's New **********************/ #whatnew{overflow:hidden;padding:0 29px;} .innerWrapCont{margin:25px 0 0;overflow:hidden;} .innerWrapLft{float:left;width:310px;padding-right:70px;} .innerWrapRht{float:left;width:540px;} .lineBg{background:url("/views/images/middle-bg.png") no-repeat;height:9px;margin:20px 0 0;} .contInnerAreaPad{padding:15px 0 0;} .appArea{overflow:hidden;padding:10px 0 0;background:url("/views/images/pattern.png") repeat;float:left;padding:20px;} .appAreaImg{margin-right:10px;width:5%;float:left;} .appAreaCont{float:left;width:93%;} /******************* 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 33px 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; float:left; width:600px; 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:159px;} .preMilesGridWrap > ul > li {float: left;overflow: hidden;padding: 15px 10px 3px;} .preMilesGridWrap .gridIcon {float: left;width: 21%;} .preMilesGridWrap .gridContWrap {float: left;padding: 0;width: 72%; padding-left:10px;} .preMilesGridWrap > ul > li.noPadlast{padding-right:0px;} .preMilesGridWrap > ul > li img.prArrowAmexPad{padding-top:13px;} /* SiteMap */ .siteMap{width:100%; margin:0 0 15px 0;} .siteMapLft{float:left; width:31%; padding:0 15px 0 0;} .siteMapMid{float:left; width:31%; padding:0 15px 0 0;} .siteMapRgt{float:left; width:32%;} /* New SiteMap */ .siteMap .downList {overflow: hidden;} .siteLft {float: left; padding: 0 15px 0 0;width: 45%;} .downList li {background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;} .downList li ul {margin: 10px 0 0;} .siteRgt {float: left;width: 45%;} .siteMap .downList li ul li, .siteMap .downList li ul.downListSub li ul li {background: none repeat scroll 0 0 transparent;list-style-type: none;padding-left: 0;} .noImgList li {padding: 0 0 10px;} .siteMap .downList li ul.downListSub li { background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent; padding: 0 0 10px 15px; } .siteMap .downList li ul.downListSub li.downListSub2{ background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent; padding: 0 0 10px 15px; } .siteMap .downList li ul.downListSub li ul li {font-size: 11px;} .siteMap .downList li ul.downListSub li.leftArrow{background: url("../images/grayarrow.png") no-repeat scroll 0 3px transparent;list-style: none outside none;padding: 0 0 10px 15px;} .siteMap ul.linkList{margin-bottom:10px;} .formDetailsinner .cLsContactus.addReferral li{width:96%;} .cLsContactus.addReferral p{float:left;padding-right:20px;} .cLsContactus.addReferral p.noPadRgt{padding-right:0;} .cLsContactus.addReferral .fndCount{width:10px;padding-right:10px;} .cLsContactus.addReferral .fndName, .cLsContactus.addReferral .fndNo{width:190px;} .formDetailsinner .cLsContactus.addReferral .fndName input,.formDetailsinner .cLsContactus.addReferral .fndNo input,.twoColumnSplitForm .inputBox{width:170px;} .cLsContactus.addReferral .fndCity{width:200px;} .loanCalc a.ui-slider-handle{background: url("/views/images/calculator_arrow1.png") no-repeat scroll bottom !important;padding:0;margin-top:-33px;width:18px;} .specialOfferDD .sbHolder, .specialOfferDD .sbOptions{width:200px;} .DOB .sbHolder, .DOB .sbOptions{width:64px;} .DOB .sbSelector{text-indent:7px;} .formDetailsinner ul li.cLsContactusFirst{float:left;width:218px;} .clsInnFormFullWid {width: 100% !important;} .bannerTitle.bannerTitleVN{font-family:arial;} .CheckListMarginBtm div,.RadioMarginBtm div{/*float:left;*/ margin-bottom:5px;} .PadBottom{padding-bottom:10px;float:left} .formDetailsinner ul.lastRow,.formDetailsinner .twoColumnSplitFormdarkGreyBg.lastRow,.twoColumnSplitForm.lastRow{margin-bottom:10px;} .twoColumnSplitForm{width: 98%;background:#F7F7F7;padding: 20px 0px 20px 20px;float: left;} .twoColumnSplitForm.darkGreyBg{background:#EAEAEA;} .twoColumnSplitFormdarkGreyBg{width: 98%;background:#EAEAEA;padding: 20px 0px 20px 20px;float: left;} .twoColumnSplitFormLft{float: left;width: 58%;padding: 0px 20px 0px 0px;} .twoColumnSplitFormRgt{float: left;width: 38%;} /* Form Landing Page */ .formLandBlk{width:448px; float:left;} .formLandBlk .formLandInn{width:100%; display:inline-block;} .formLandBlk .formLandInn ul.formLst{display:block; width:100%; float:left;} .formLandBlk .formLandInn ul.formLst li{width:100%; margin:0 0 20px 0; float:left;} .formLandBlk .formLandInn ul.formLst li .left{float:left; padding:0 20px 0 0; width:195px;} .formLandBlk .formLandInn ul.formLst li .right{float:left; width:233px;} .formLandBlk .formLandInn ul.formLst li .right .tooltip{width:280px;} .formLandBlk .formLandInn ul.formLst li .sbOptions li{margin-bottom:0px;} .formLandBlk h2 {border-bottom: 1px solid #CCCCCC;margin-bottom: 10px;} .inputBoxLarge2{width: 193px;height: 24px;padding:0 5px;border:1px solid #ccc; color:#555; line-height:24px;} .visible-app{display:none !important} .googleCode iframe{display:none;} .intro-main-hd{display:none !important} .app-visible{display:none !important} .clsTableWrap .lnTableWrap{width:95%!important;} .clsTableWrap .lnTableWrap td{word-break: break-all!important; border-right: 1px #ccc solid;} .clsTableWrap .lnTableWrap th{word-break: break-all!important; border-right: 1px #ccc solid;} .contentWrap.contentWrapTemp{height:auto;} /****** added the below class for the job Sub:Change % Cash Back on education_landing page **********************/ .calcInnerWrap .left{float:left;} .calcInnerWrap .right{float:left;width:66%;} .marginBottom{margin-bottom:5px;} .insurance{background: url("/views/images/credit_card/icon/insurance.png") no-repeat 0 0;} .dining{background: url("/views/images/credit_card/icon/dining.png") no-repeat 0 0;} .overseasRetail{background: url("/views/images/credit_card/icon/shop.png") no-repeat 0 0;} /****** Apply now page of Credit card (add Rewards card) **********************/ .formHldrWrap .sbSelector{width:215px;} .bannerSorry{position: relative;} .bannerSorry .bannerTitle{position: absolute;z-index:1;left:4%;width:55%;margin:0;top:42%;letter-spacing:-1px;} .bannerSorry .largeTitle, .bannerSorry .largeTitle1{font-size: 32px;color:#002C73;line-height:40px;} .bannerSorry .largeTitle1{padding:5px 0 0 5px;} #wrapperSorry{padding:29px 29px 5px; display:inline-block;} .bannerSorry .fullBanner{left:0;} .mobileApp{display:none !important;} /** 281 Ul Product page **/ p.padLeft16{padding-left: 16px;} /* 331*/ .MobileAppSection{overflow:hidden;} .MobileAppLink{float:left;width: 100%;} .MobileAppLink li{ float: left;padding-right: 2%;} .flexsliderWrap .flexslider{margin: 0 0 35px;position: relative;zoom: 1;} .flexsliderWrap .flex-control-paging li a.flex-active {background: #05589c;color:#fff !important;cursor: default;font-size:12px;} .flexsliderWrap .flex-control-paging li a {background:none;border: 0px #05589c solid;display: inline-block;color: #05589c !important;cursor: pointer;width: 20px;height: 20px;line-height: 20px;text-indent:inherit;border-radius:0;box-shadow:inherit;font-size:12px;} .flexsliderWrap .flex-control-nav{bottom: -32px;} /*20 years of citi*/ .twentyYrs{float:right;margin: 24px 29px 0 0;} .FBicon{position: fixed;right: 0;z-index: 9999999999;top:365px;} .graylftArrow { background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent; padding: 0 0 10px 12px; } .txt_color { background:#74A2D0; background:-webkit-gradient(linear,0 0,0 70%,from(#74A2D0),to(#1D6AA8)); background:-webkit-linear-gradient(#74A2D0,#1D6AA8 70%); background:-moz-linear-gradient(#74A2D0,#1D6AA8 70%); background:-ms-linear-gradient(#74A2D0,#1D6AA8 70%); background:-o-linear-gradient(#74A2D0,#1D6AA8 70%); background:linear-gradient(#74A2D0,#1D6AA8 70%); -pie-background:linear-gradient(#74A2D0,#1D6AA8 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74A2D0', endColorstr='#1D6AA8'); zoom: 1; } li.txt_color a { color: #fff !important; } /*citigold css 18-feb-15*/ h5 {font-size: 12px;font-weight: bold;padding: 0 0 3px;} .getDetailCG {padding: 0;} .citiGold .tabsBreak li a{height:35px;} .citiGold .tabsBreakWrap{margin-top:13px;} .condHolder{width:100%;padding:0 0 10px;} .leftContent{width:7px;float:left;text-align:center;} .leftContent.bigIcon{width:9px;} .rgtContent{width:97.6%;float:left;margin-left:1px;} .rgtContent.super{padding-top:2px;} .cf:before, .cf:after {content: " "; /* 1 */display: table; /* 2 */} .cf:after {clear: both;} .cf{*zoom: 1;} .citiGold .tabs li {-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:#b49859;background: -webkit-gradient(linear, 0 0, 0 70%, from(#b49859), to(#dac691));background: -webkit-linear-gradient(#b49859, #dac691 70%);background: -moz-linear-gradient(#b49859, #dac691 70%);background: -ms-linear-gradient(#b49859, #dac691 70%);background: -o-linear-gradient(#b49859, #dac691 70%);background: linear-gradient(#b49859, #dac691 70%);-pie-background: linear-gradient(#b49859, #dac691 70%);display: inline-block;float: left;margin-right: 4px;padding: 0;position: relative;} .citiGold .tabs li.active{background: -webkit-gradient(linear, 0 0, 0 90%, from(#F4F4F4), to(#FFFFFF));background: -webkit-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -moz-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -ms-linear-gradient(#F4F4F4, #FFFFFF 90%);background: -o-linear-gradient(#F4F4F4, #FFFFFF 90%);background: linear-gradient(#F4F4F4, #FFFFFF 90%);-pie-background: linear-gradient(#F4F4F4, #FFFFFF 90%);border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;top: 0;position: relative;} .citiGold .tabs li.active a{color: #b4975a;font-weight: bold;} .citiGold h2, .citiGold h3, .citiGold a {color: #b4975a;} .citiGold a.greyBtn, .citiGold a.blueBtn{color:#fff;} .citiGold ul.tabInnerListHolder li{background: url("/english/citigold/images/cg-checkmark.gif") no-repeat 0 3px;} .citiGold ul.mMenuList li a:hover {color: #b4975a;} .citiGold .show {background: url("/english/citigold/images/plus_cg.png") no-repeat scroll 0 3px transparent;} .citiGold .hide {background: url("/english/citigold/images/minus_cg.png") no-repeat scroll 0 3px transparent;} .citiGold .clsDisList .condHolder{padding:0 0 5px !important; color:#999999;} .citiGold .clsDisList .bulLst li{padding-bottom:5px !important;} .leftNavGold li a:hover, .leftNavGold li a.listActive{color: #a37543 !important;} .leftNavGold li a {color: #333 !important;} body#citiGold, body#CPC{color:#333;} .citiGold .productsList{padding:0px 19px 0 19px;width:204px;} .citiGold .productsList .thumbImg{padding:0 0 20px;display:inline-block;} .citiGold .productsList h2{padding:0 0 18px;} .citiGold .productsList h2 a.grayClr{color:#a37543 !important;font-size:18px;font-weight:normal;} .citiGold .productsList.left{padding-left:0;} .citiGold .productsList.right{padding-right:0;} .citiGold .productsListDetails{border-bottom:1px dotted #ccc;} .citiGold ul.tabInnerListHolder li{padding-bottom:22px;} .citiGold .productsListDetails{margin:0 0 16px;} .citiGold .grayArrow{vertical-align:middle;display:inline-block;background:url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;padding:0 0 0 12px;color:#b4975a;} .citiGold .bannerTitle{left:41.3%;} .citiGold .largeTitle{font-size:26px;} .citiGold .tabs li a{font-weight:bold;} .citiGold h2{font-size:18px;color:#333;font-weight:normal;} .citiGold h3{font-weight:14px;color:#504e4e;} .citiGold .tabContentWrap{padding:33px 22px 20px;} .citiGold .tableWrap tr th, .citiGold .tableWrap tr td{color:#555;} .citiGold .condHolder.last, .citiGold p.last{padding-bottom:0px;} .multiLogo li {width: 150px;height:80px;} .multiLogo li {float: left;margin:0 10px 10px 0;} .tabInnerWrap{overflow:hidden;border-bottom:1px dotted #ccc;margin-bottom:15px;padding-bottom:15px;} .tabInnerLogo {float: left;height: 80px;width: 150px;} .tabInnerCont {display: block;padding: 0 0 0 165px;} .tabInnerWrap.seperatePara{border-bottom:none;margin:0;} .goldTxt{color: #b4975a !important;} .impNotesCG{border:1px solid #b4975a;padding:10px;position:relative;box-shadow: 2px 2px 4px #CCCCCC;margin:0 0 20px;border-radius: 10px 10px 10px 10px;background:#fff;} #citiGold #nav{background:#b5995c;} #citiGold .mainNavList li a.activeTabHighlight, #citiGold ul.mainNavList li a:hover{background:#cbb88d;} #citiGold .mainNavSignOn{background:#926f35;} #citiGold .mainNavSignOn li a:hover{background:#cbb88d;} .citiGold .offerContentList{top:360px;} .citiGold .signOnGroupHldr{border-radius:initial;padding:0;width:202px;background:url("/english/citigold/home/images/signonBg.png") repeat scroll 0 0 transparent;} .citiGold .marketProductHldr{top:60px;left:0;} .citiGold .marketSignHolder{width:202px;} .citiGold .offerContentList li a{background:url("/english/citigold/home/images/tabBg-gold.png") repeat scroll 0 0 transparent;text-transform:uppercase;padding:15px 15px 0 15px;} .homeLeftNav #leftNav{padding:14px 0;margin:0;} .homeLeftNav li, .homeLeftNav #leftNav{border:none !important;} .homeLeftNav #leftNav li{padding:0 0 13px;margin:0 14px 14px 0;border-bottom:1px solid #b7995c !important;} .homeLeftNav #leftNav li.last{border-bottom:none !important;margin:0;} .homeLeftNav #leftNav li a{width:164px;padding:0;color:#b5985c;padding:0 0 0 14px;font-size:12px;} .homeLeftNav #leftNav li ul.leftNavSubLinks li{width:auto;padding:0 0 0 14px !important;margin:0;} .homeLeftNav #leftNav li ul.leftNavSubLinks li.first{padding-top:13px !important;border-top:1px solid #b7995c !important;} .homeLeftNav #leftNav li ul.leftNavSubLinks li.last a{padding:0 !important;} .homeLeftNav #leftNav li ul.leftNavSubLinks li{border:none !important;} .homeLeftNav #leftNav li ul.leftNavSubLinks li a, .homeLeftNav #leftNav li ul.leftNavSubLinks li{color:#fff;padding:0 ;} .homeLeftNav #leftNav li ul.leftNavSubLinks li a{padding:0;padding-bottom:13px;} .homeLeftNav #leftNav li ul.leftNavSubLinks{padding:0;padding:13px 0 0;} .homeLeftNav #leftNav li span.rightArrow {background: url("/english/citigold/home/images/right-arrow.png") no-repeat right bottom;height:9px;width:5px;margin:3px 0 0;} .homeLeftNav #leftNav li span.rightArrow.listActive {background:url("/english/citigold/home/images/drop-down-arrow.png") no-repeat 0 0;height:5px;width:9px;margin:3px 0 0;} .homeLeftNav #leftNav li span.rightArrow{padding:0;} .citiGold .offerContentList li.flex-active a{background:#fff !important;text-transform:uppercase;} .citiGold .marketOfferContent{top:97px;width:677px;} .leftNavGold li ul.leftNavSubLinks li a.listActive{color:#9b8768 !important;} .copyRight.CPC{text-align:left;width:87%;} .leftNavCPC li a:hover{color: #a37543 !important;} .leftNavCPC li a.listActive{color:#564639 !important;} .leftNavCPC li a {color: #333 !important;} #CPC .mainNavList li a.activeTabHighlight, #CPC ul.mainNavList li a:hover, #CPC .mainNavSignOn li a:hover {background:#d5cbc9;} #CPC #nav{background:#564639;} #CPC .mainNavSignOn{background:#433326;} #citiGold .goldBtn{color:#fff;} .goldBtn{background:#cbb88e;background: -webkit-gradient(linear, 0 0, 0 70%, from(#cbb88e), to(#b7995c));background: -webkit-linear-gradient(#cbb88e, #b7995c 70%);background: -moz-linear-gradient(#cbb88e, #b7995c 70%);background: -ms-linear-gradient(#cbb88e, #b7995c 70%);background: -o-linear-gradient(#cbb88e, #b7995c 70%);background: linear-gradient(#cbb88e, #b7995c 70%);-pie-background: linear-gradient(#cbb88e, #b7995c 70%);color:#fff;display: inline-block;font-size: 12px;font-weight: bold;padding:12px 10px;border:none; cursor:pointer;} #citiGold .offerContLargeHdr{padding:0 0 20px;color:#fff;margin:0 0 0 0;} #citiGold .offerContMediumHdr{color:#fff;margin:19px 0 20px 0;padding:0;font-size:14px;} #citiGold .offerListHdr {font-size: 11px;font-weight: bold;} /* 25mar15 */ .homeBannerClick{height: 65%; position: absolute; right: 3%; top: 5%; width: 69%; z-index: 99;} /* 16apr15 */ .paddbott20 { padding-bottom: 20px; } .paddbott10 { padding-bottom: 10px; } /* 27apr15 */ .contactEnquiry{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:15px 10px;margin:0 0 20px;background:#f6f6f6;} .contactEnquiry .iconBlkInnRgt{padding-top:5px;} /* 12 may 15 */ .getstart{margin-top:10px;margin-bottom:70px;} /* 09 may 15 */ span.moveleftx{margin-left:20px;} .bannerTitle.movex{padding-left:34px;} /* June 11 */ .contactEnquiry .iconBlkInnRgt.noPadTop{padding-top:0;} /* 16jun15 */ .offerContSmallHdr.padtopx{margin-top:10px;} /* 23jun15 */ ul.cardsTab.allPromoTabEN li {padding: 0 0 0 0;width: 96.5px;} ul.cardsTab.allPromoTabEN li a {padding: 15px 3px 0px;font-size:12px;} ul.cardsTab.allPromoTabVN li {padding: 0 0 0 0;width: 96.5px;} ul.cardsTab.allPromoTabVN li a {padding: 15px 3px 0px;font-size:12px;} .productsMain.scroll-pane{height:490px;padding-bottom: 20px !important;} .allPromotions.productsEqualHeight{margin-top: 20px !important;} .promoTopShadow {padding-top:15px;background: url("/views/images/scroll/shadowTopPromo.png") repeat-x top left;} .promoBtmShadow {padding-bottom:15px;background: url("/views/images/scroll/shadowBtmPromo.png") repeat-x bottom left;} .allPromotions .jspContainer{overflow: hidden;position: relative;width:100% !important;} .allPromotions .jspScrollable{width:100% !important;} .allPromotions .jspPane{position: absolute;width:100% !important;} .allPromotions .jspVerticalBar{position: absolute;top: 0;right: 0;width: 12px;height: 100%;} .allPromotions .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width:100%;height: 16px;} .allPromotions .jspVerticalBar *,.allPromotions .jspHorizontalBar *{margin: 0;padding: 0;} .allPromotions .jspCap{display: none;} .allPromotions .jspHorizontalBar .jspCap{float: left;} .allPromotions .jspTrack{background: #DDDDDF;position: relative;} .allPromotions .jspDrag{background: #999;position: relative;top: 0;left: 0;cursor: pointer;} .allPromotions .jspDrag.jspActive{background: #666;} .allPromotions .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;} .allPromotions .jspArrow{background: url("/views/images/scroll/jsp-arrows.png") repeat scroll -1px 0px;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;} .allPromotions .jspArrow.jspDisabled{cursor: default;background: #F7F7F7;} .allPromotions .jspVerticalBar .jspArrow{height: 0px;} .allPromotions .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .allPromotions .jspVerticalBar .jspArrow:focus{outline: none;} .allPromotions .jspCorner{background: #eeeef4;float: left;height: 100%;} .allPromotions .jspArrow{background: url("/views/images/scroll/jsp-arrows.png") no-repeat scroll 0px 0px;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;} .allPromotions .jspArrowDown{background: url("/views/images/scroll/jsp-arrows.png") no-repeat scroll -1px -28px;margin-top:2px;} .allPromotions .jspArrow.jspArrowDown.jspDisabled{background: url("/views/images/scroll/jsp-arrows.png") no-repeat scroll -1px -19px;} .allPromotions .jspArrow.jspArrowUp.jspDisabled{background: url("/views/images/scroll/jsp-arrows.png") no-repeat scroll -1px -9px;} .allPromotions .jspVerticalBar .jspArrow{height: 8px;} .allPromotions .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} * html .jspCorner{margin: 0 -3px 0 0;} .allPromotions .productsListContWrap h2 a{color: #1e6aa8} .allPromotions .productsListDetails {margin: 0px;} .allPromotions ul.tickList li.iconCalender{background: url("/views/images/promotions/calender.png") no-repeat 0 1px;padding-bottom:8px;} /* last */ #leftSide .inst-plan-img{width: 100%;float: left;} #leftSide{float:left;width:461px;background-color: #F6F6F6;} .redeRgtFormHldr{float:left;width:436px;margin-left:30px;} #rightSide #sidebarr{font-family: Arial;padding: 0 0 25px 25px;float: left;} .benefitPoints h5 {margin:0;padding:6px 8px 0 0;font-size:12px;font-family:Arial;font-weight:normal;} .redeRgtFormHldr .Form-design{overflow: hidden;padding: 0 0 30px;width: 100%;} .redeRgtFormHldr .design-label{color: #666666;float: left;font-size: 12px;font-weight: bold;padding: 8px 0 0;width: 180px;} .redeRgtFormHldr .design-type{float: left;overflow: hidden;} .redeRgtFormHldr .design-txtBox{border: 1px solid #ccc;color: #666666;height: 18px;padding: 5px 8px 5px 8px;width: 245px;} .redeRgtFormHldr .rowForm .formLabel{float: left;width: 150px;padding: 8px 18px 0 0;font-weight:bold;} .redeRgtFormHldr .rowForm .formFiled{float: left;width: 242px;} .redeRgtFormHldr .rowForm .formLabel.noTopSpace{padding-top:0;} .redeRgtFormHldr .pl-monthIncom, .sbHolder, .redeRgtFormHldr .sbOptions{width:260px !important;} .redeRgtFormHldr .sbSelector{width:237px !important;} .redeRgtFormHldr .submitBtn{padding: 20px 0;float: left;width:100%;padding-bottom: 25px;} .redeRgtFormHldr .rowForm, .redeRgtFormHldr .chkbxAlign{width: 100%;float: left;padding-bottom: 25px;line-height: 20px;} .redeRgtFormHldr .rowForm.rowTenor .formLabel{width:150px;} .redeRgtFormHldr .rowForm.rowTenor .formFiled{width:268px;overflow:hidden;} /* 268px */ .redeRgtFormHldr .rowForm.rowTenor .redeRadio-vn{width:268px;overflow:hidden;} .redeRadio input[type="radio"] {margin: 0;} .redeRadio-vn input[type="radio"] {margin: 0;} .redeRgtFormHldr .agree-cont{float: left;width: 92%;line-height: 18px;} .redeRgtFormHldr .rowForm .redeRadio label{padding:4px 2px 4px 4px;display: inline-block;} .redeRgtFormHldr .rowForm .redeRadio-vn label{padding-right:10px;padding-left: 4px;margin-bottom: 4px;} .redeRgtFormHldr #location1,.redeRgtFormHldr #location2,.redeRgtFormHldr #location3{margin: 0;} .redeRgtFormHldr .blueBtn.submit{width:90%;padding-left:5%;padding-right:5%;text-align:left;font-size: 14px;} .loanamount-tot{margin: 0 0 5px 0;overflow:hidden;clear:both;padding: 18px 20px;} .redeRgtFormHldr .pl-startIcon{border-bottom: 1px solid #ccc;margin-bottom: 13px;} .redeRgtFormHldr #agree{margin-right: 9px;margin-top: 3px;} .rede-tabHldr{float:left;width:460px;} .rede-formHldr{float:left;width:466px;} .rede-tabHldr .RCIP{float: left;width: 100%;margin-top: -90px;} .rede-tabHldr .RCIP h2{font:28px interstate;letter-spacing:-1px;color: #fff;text-align: center;padding: 29px 0;} .rede-tabHldr .RCIP.RCIP_VN h2{font-family:arial;} .rcIplan{padding:0;margin: 0;} .rcIplan li{padding: 6px 0 18px 40px;font-size:14px;} .rcIplan li.rede-loan{background: url('/views/images/icons/Loan-amount.png') no-repeat;} .rcIplan li.rede-preferen{background: url('/views/images/icons/preferential-interest.png') no-repeat;} .rcIplan li.rede-date{background: url('/views/images/icons/date.png') no-repeat;} .rcIplan li.rede-no-fee{background: url('/views/images/icons/no-fee.png') no-repeat 0 2px;padding-bottom:0;margin: 7px 0 19px;padding-top:0;} .rcIplan li.rede-support{background: url('/views/images/icons/supporting-documents.png') no-repeat;} .rcIplan li.rede-inst-call-back{background: url('/views/images/icons/instant-call-back.png') no-repeat;} /* 03jul15 */ .vertMiddle{vertical-align: middle;} .padLft16{padding-left:16px;} .clsTableWrap.padLft16{width:97.5%;} .hompage-overlay .cont-sec { box-sizing: border-box; float: left; padding: 50px; width: 100%; } .hompage-overlay .img-sec{float:left;width:136px;} .hompage-overlay .img-cont-sec { float: left; width: 535px; padding-left: 20px; } .hompage-overlay .img-cont-sec p{color:#fff;font-size:17px;padding-bottom:20px;} .hompage-overlay #fancybox-outer{background:#00c3f3} .hompage-overlay #fancybox-content{border:0} .hompage-overlay .iphone-icon{display:none;} .expertSoln .fullBanner{left:inherit;} .expertSoln .flexslider .slides > li{position:relative;} .expertSoln .bannerProd{left: -29px;width: 721px;} .expertSoln .flex-control-nav{bottom:20px;} .expertSoln .flex-control-nav li {margin: 0 3px;} .expertSoln .flex-control-paging li a{background: url("/views/images/insurance/slide-off.jpg") no-repeat 0 0 transparent;width:8px;height:8px;display:inline-block;} .expertSoln .flex-control-paging li a.flex-active{background:url("/views/images/insurance/slide-on.jpg") no-repeat 0 0 transparent;width:8px;height:8px;display:inline-block;} .expertSoln .padTp25{padding-top:25px;} .expertSoln .padtop15 {padding-top: 15px;} .expertSoln .bannerTitle{margin-top:-66px !important;} .expertSoln .greyBtn,.expertSoln .blueBtn{padding:6px 7px;font-weight:bold;font-size:14px;display:inline-block;width:auto;} .expertSoln .slides .largeTitle{line-height:27px;} .expertSoln .supsc {font-size: 8px;} .expertSoln .flex-control-paging li a{text-indent: -9999px !important;} .expertSoln ul.numLst li, .expertSoln ol.numLst li{line-height:14px;} .expertSoln .flex-control-paging li a {-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;} #easyPaymentPlan .productsList {width:42%;} #promoSlider .applybtn { font-size: 12px; right:14px; bottom: 0; width: 28%; position:absolute;font-weight: normal;text-transform: uppercase; background: #ff6600; border-radius:5px; margin: 6px;z-index:999999; } #promoSlider #applybtn:hover{background: #008ce6} #promoSlider .largeTitle{font-size:20px;line-height: 27px;} #promoSlider .mediumTitle{font-size:15px;} #promoSlider .bannerTitle { left:41.5%; } #promoSlider .btnSection { position: relative; } #promoSlider .flex-direction-nav{display:none;} #promoSlider .btnSection{position:relative;} #promoSlider .flex-control-paging li a.flex-active { background: url("/english/credit_card/images/promotion_campaigns/on.png") 0 0 no-repeat; width: 7px; height: 7px; display: inline-block; } #promoSlider .flex-control-paging li a, .flex-control-paging li a:hover { background: url("/english/credit_card/images/promotion_campaigns/off.png") 0 0 no-repeat; width: 7px; height: 7px; display: inline-block; color: #fff; } #promoSlider .flex-control-nav li {margin: 0 3px;} #promoSlider .flexslider .slides img {width: auto !important} #wrapper #promoSlider .flex-control-nav { bottom: 5px !important; } #promoSlider .flexslider{margin-left: -29px;} .debit-card h2 {font-size: 16px;padding: 0 0 10px;font-weight: bold;} .visible-desktop-debit-card{display: block;} .debit-card .tabInnerWrap.noBrderBtm{overflow: hidden;border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} .debit-card .tabsWrapper{margin: 20px 0;} .masterpromoBox {width: 48%;float: left;margin-bottom: 15px;} .masterpromoBox_img {margin-bottom: 10px;} .masterpromoBox_con {padding-bottom: 5px;} .pullRight {float: right;} .tabContentWrap h3 {font-size: 16px;font-weight: bold;} .debit-card p {line-height: 16px;} .lastRow{margin-bottom: 0;} .debit-card .mediaIcons {border-left: 1px solid #ccc;margin: -17px 0 0 95px;padding: 0 0 0 7px;line-height: 0;} #citigold .grayBtn:hover{background: #B5995C;} .debit-card .bannerProd {height: 215px;position: relative;margin: 0 0 25px;} .debit-card .bannerTitle {color: #FFFFFF;display: block;padding: 0 20px 0 0;position: absolute;z-index: 1;left: 42%;font-family: arial;} .debit-card .fullBanner {left: -29px;max-width: none;position: relative;} .debit-card .smallTitle {font-size: 14px;color: #FFFFFF;padding: 0 0 10px;} .debit-card .largeTitle{font-size:28px;line-height:30px;color: #FFFFFF;padding: 0 0 10px;} .debit-card .largeTitle sup{ font-size:14px; font-weight:normal;} .debit-card .overview{padding: 0;} .debit-card-vn .smallTitle {font-family: arial;} .debit-card-vn .largeTitle{ font-family: arial; font-size: 29px;} ul.bulLst li ul{margin:10px 0 0 0;} ul.bulLst li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 7px transparent;padding: 0px 0 10px 10px;} /* W-2017-288 starts */ .card-activation .bannerTitle{font-family: arial;} .headingRow{padding-bottom: 5px;} .card-activation ul.bulLstIn li{line-height:14px;} /* W-2017-288 end */ .orgBtn { color: #ffffff; display: inline-block; font-size: 12px; font-weight: bold; background: #ff6600 none repeat scroll 0 0; padding: 10px 0; text-align: center; width: 175px; margin-left: 30px; } .blueBtn { background: #00BDF2; } .greyBtn:hover, .blueBtn:hover { background: #008ce6; } /* Instant Rewards */ @font-face { font-family: 'InterstateRegularVNU'; src: url('/views/fonts/InterstateRegularVNU.eot'); src: url('/views/fonts/InterstateRegularVNU.woff') format('woff'), url('/views/fonts/InterstateRegularVNU.ttf') format('truetype'), url('/views/fonts/InterstateRegularVNU.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'InterstateLightVNU'; src: url('/views/fonts/InterstateLightVNU.eot'); src: url('/views/fonts/InterstateLightVNU.woff') format('woff'), url('/views/fonts/InterstateLightVNU.ttf') format('truetype'), url('/views/fonts/InterstateLightVNU.svg') format('svg'); font-weight: normal; font-style: normal; } .instantWrapper { clear: both; position: relative; box-sizing: border-box; display: block; } .instantBox { width: 100%; position: relative; display: block; clear: both; padding-bottom: 50px; } .leftInstantBox { width: 300px; background-color: #3c79ba; color: #ffffff; position: relative; bottom: 0px; line-height: 0; margin: 0; padding: 0; z-index: 99; } .leftInstantBox img { max-width: 100%; position: relative; -webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28); -moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28); box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.28); } .rightInstantBox { width: 392px; background-color: #f8f8f8; color: #555; position: relative; overflow: hidden; display: block; top: 30px; padding: 68px 0; } .rightInstantBox h3 { color: #016cb0; font-size: 18px; font-family: 'interstate', arial; padding: 0 68px 15px; line-height: 22px; } .rightInstantBox p { color: #555; padding: 0 68px 0; font-size: 14px; line-height: 18px; } .instantBox:after { content: ""; display: table; clear: both; } .headingStyle { color: #016cb0; font-size: 26px; line-height: 34px; font-family: "InterstateRegularVNU"; padding-bottom: 30px; } .fLeft { float: left; } .fRight { float: right; } .instantBox.box-one .rightInstantBox { padding: 39px 0; } .instantBox.box-two .rightInstantBox { padding: 61px 0; } .instantBox.box-three .rightInstantBox { padding: 61px 0; } .instantBox.box-four .rightInstantBox { padding: 70px 0; } .instantBox.box-five .rightInstantBox { padding: 71px 0; } .instantBox.box-six .rightInstantBox { padding: 53px 0; } .contactless { background-color: #f8f8f8;border-bottom: 4px solid #ececec; padding: 0 10px 30px; margin-bottom: 10px; } .stepsHighlight {font-family:'InterstateLightVNU';} .padngtp { padding-top: 30px; } .fs14 { font-size: 14px; line-height: 18px;color: #555;} .vnm .instantBox.box-two .rightInstantBox { padding: 52px 0; } .vnm .instantBox.box-three .rightInstantBox { padding: 52px 0; } .vnm .rightInstantBox h3, .vnm .stepsHighlight, .vnm .headingStyle { font-family: arial; } .vnm .instantBox.box-one .rightInstantBox {padding: 43px 0; } /* 262 */ .productWrap.twoCol .productsList{width: 50%;box-sizing: border-box;} @media(max-width: 1024px) { .productWrap.twoCol .productsList{width:100%;} } @media only screen and (max-device-width: 767px){ .rightForYou{height: auto !important;}