.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,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;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} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} del{text-decoration:line-through} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} table{border-collapse:collapse;border-spacing:0;table-layout: fixed;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} .fntSize15{font-size:15px;font-weight:bold;color:#05589d;} .fntSize16{font-size:16px;font-weight:bold;} .fntwgt700{font-weight:700;} .fntSize21{font-size:21px;} .fntSize30{font-size:30px;} sup {font-weight: normal;} .vAlignTxt{vertical-align:middle;} .commontxtCenter{margin-top:3px !important;} .iconCenter{padding-top:5px !important;} .commontxtBig{padding-top:6px !important;} #familymembers{width:100%;} .txtIndent{margin-left:25px;} .txtLeft{text-align:left !important;} .titletxtClr{color:#555;} .whiteTxt{color:#fff;} .lineStrike{text-decoration:line-through;} sup.headrTxt{line-height:6px;} sup.bread{line-height:3px;} /* Common */ @font-face {font-family: 'interstate';src: url('/views/fonts/interstaterom-webfont.eot');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#interstateromregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'interstate-light';src: url('/views/fonts/interstate-light.eot');src:url('/views/fonts/interstate-light.eot?#iefix')format('embedded-opentype'),url('/views/fonts/interstate-light.woff') format('woff'),url('/views/fonts/interstate-light.ttf') format('truetype'),url('/views/fonts/interstate-light.svg#interstateromregular') format('svg');font-weight: normal;font-style: normal;} .promoImg{padding:0;margin:0;line-height:0;} .padngtp{padding-top:30px;} .tabInnerLogoa{float: left;width: 57px;} .tabInnerLogof{float: left;width: 57px;} .pullLeft{float:left;} .pullRight{float:right;margin-right:0 !important;} .clear{clear:both;} .txtCenter{text-align:center !important;} .txtRight{text-align:right !important;} .midAlign{vertical-align:middle !important;} .noAlignTxt{vertical-align:inherit !important;} .redTxt{color:red;} .grayTxt{color:#333;} .goldTxt{color:#9B8768 !important;} .darkGoldTxt{color:#4A3F3A !important;} .boldTxt {font-weight: bold;} a {color: #3399CC;outline: medium none;text-decoration: none;} img, textarea {max-width:100%;} h1 {color: #000000;font-size: 20px;font-weight: normal;line-height: 20px;} h1 sup {font-size: 12px;} 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;} .overHidden {overflow:hidden; } p{padding:0 0 10px;} .first{padding-top:0!important;} .last{padding-bottom:0!important;} .lastMargin{margin-bottom:0!important} .divider {border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;} .divider.reduceSpace{margin-bottom:15px;} .dividerLine{border-bottom: 1px dotted #CCCCCC;margin-bottom: 20px;padding-bottom:10px;} .commonspaceHoldr{padding:15px 0;} .tabInnerbull{margin-top:10px;} .clsMarg0{margin-bottom:0 !important;} .termPadbot { padding:0 0 20px 0;text-align:right; } /* Common */ /* Layout */ body {background:url('/views/images/bg-pattern.gif') repeat;color: #555555; font-family: arial,verdana,times New Roman;font-size: 12px;overflow-x:hidden;} #container{ background:#FFFFFF; margin: 10px auto; width: 984px;overflow:visible;} #container.selectBox{overflow:visible !important;} #header {} .topMenu{background:#000 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;} /*CSS Changes*/ ul.topMenuLeft li{padding:4px 0 0 0;float:left; line-height: 13px;} ul.topMenuRight li.commonSpacer{margin-left:7px; line-height: 13px;} /*CSS Changes*/ ul.topMenuLeft li a{color:#fff;} ul.topMenuRight {float:right;} ul.topMenuLeft li, ul.topMenuRight li {float: left;margin: 0 8px 0 0;} /*CSS Changes*/ ul.topMenuRight li a {color: #FFFFFF;display: inline-block;padding: 4px 0 0;} /*CSS Changes*/ ul.topMenuLeft li.divideBar, ul.topMenuRight li.divideBar {font-size: 10.5px;padding: 4px 0 0;} ul.topMenuLeft li.divideBar, ul.topMenuRight li.divideBar{margin:0;padding:0;margin:3px 8px 0 0;} /*CSS Changes*/ ul.topMenuRight li.flyout a.mainLinks {background: url("/views/images/mainLinks.png") no-repeat 8px 8px;cursor: pointer;display: inline-block;margin: 0;padding:4px 8px 5px 24px;line-height: 13px;} /*CSS Changes*/ 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;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:#004988 url("/views/images/banner.jpg") repeat-x 0 0;height: 86px;} .logoCG{background: url("/views/images/logo.png") no-repeat 0 0;width:131px;height:37px;float: left;margin:22px 0 0 29px;} .logoCGtxt{background: url("/views/images/citi-cg-txt.png") no-repeat 100% 100%;width:101px;height:37px;float:left;margin:25px 0 0 0;padding:0;/*border-left:1px solid #f7f7f7;*/} .logoWrap span.citiGold{float:left;border-left:1px solid #f7f7f7;height:32px;margin:29px 10px 0 10px;} .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 0 0;float: right;height: 44px;margin: 20px 29px 0 0;width: 75px;} /*Header css Update*/ #nav{background: url("/views/images/nav.jpg") repeat-x 0 0; height: 26px;position:relative;z-index:998;} 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 29px 0 0;position:relative;} .mainNavSignOn .flyout{cursor: pointer;} .mainNavSignOn li{list-style:none;} .mainNavSignOn li a{height: 16px;margin: 0;padding: 5px 12px 5px 12px;} .mainNavSignOn li a:hover {background: url("/views/images/nav_hover.jpg") repeat-x 0 0;} .mainNavSignOn li span.lockSign {background: url("/views/images/lockIcon.png") no-repeat 2px 3px;display: inline-block;float: left;height: 20px;width: 14px;} .mainNavSignOn li span.txtSign {display: inline-block;float: left;} .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: 10px;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:-270px;width: 941px;font-size:11px;} .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: 5px 0;width: 694px;} ul.mMenuList li {border-right: 1px dotted #333333;float: left;height: 210px;list-style: none outside none;margin: 0 0 0 25px;width: 205px;} ul.mMenuList li ul{overflow:hidden;} ul.mMenuList li.last {border-right:none;} ul.mMenuList li.mMenuListSpace ul{padding-top:25px;} ul.mMenuList li h4.mMenuListHdr{padding: 6px 0;} ul.mMenuList li h4.mMenuListHdr a{padding:0;} ul.mMenuList li h4.mMenuListSubHdr{padding:0;} ul.mMenuList li a {display: inline-block;padding: 2.3px 0;text-decoration: none;color:#333;} ul.mMenuList li a:hover {color: #00589D;text-decoration: underline;} ul.mMenuList.CG li a:hover{background:none !important;} ul.mMenuListGold li a:hover {color:#9B8768;} ul.mMenuList li ul li {border: medium none;height: auto;margin: 0;} .mmOffer {background: url("/views/images/megamenu_tile.gif") repeat scroll 0 0 transparent;border-radius: 0 10px 0 0;float: right;height: 185px;padding: 23px 17px 0;position: relative;text-align: right;width: 200px;} .mmBottomArea {background: none repeat scroll 0 0 #EDEDED;height: 19px;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{padding: 0 29px; background:#FFF;} .heading {border-bottom: 2px solid #C5C5C5;overflow: hidden;padding: 16px 0 12px;} .heading.noBrdr {border-bottom:none;} #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 a.btnApplyCard{color:#fff;font-weight:bold;} #leftNav li a.btnApplyCard:hover{color:#fff;} #leftNav li span{display:block;float:right;} #leftNav li span.rightArrow {background: url("/views/images/leftNav.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/leftNav.png") no-repeat scroll right -38px transparent;} #leftNav li span.rightArrowSub {background: url("/views/images/leftNav.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/leftNav.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: 238px;position: relative;margin:0 0 25px;} .bannerHolder.bigHeight{height: 271px;position: relative;margin:0 0 25px;} .bannerProd{height: 213px;position: relative;margin:0 0 25px;} .fullBanner {left: -29px;max-width: none;position: relative;} .largeBanner{max-width: none;position: relative;} .bannerTitle{color: #FFFFFF;display: block;font-family: "interstate";padding: 0 20px 0 0;position: absolute;z-index: 1;left:42%;*width:50%;} .largeTitle{font-size: 24px;line-height: 30px;padding: 0;} .largeTitle.largeBannerTxt{width:65%;float:left;margin-right:25px;} .mediumTitle{font-size: 18px;line-height: 24px;padding: 8px 0 0;} .bannerHolder.groupOn, .bannerHolder.bannerSpacer{margin:0 0 10px;} .bannerHolder.groupOn .bannerTitle{margin-top:0 !important;top:25% !important;} .bannerHolder.groupOn .bannerTitle .largeTitle{font-size:28px;line-height:40px;font-weight:normal;} .bannerHolder.groupOn .bannerTitle .largeTitle .dollar{font-size:40px;} .bannerHolder.groupOn .bannerTitle .mediumTitle .dollar{font-size:35px;} .bannerHolder.groupOn .bannerTitle .mediumTitle{font-size:24px;line-height:24px;*line-height:26px;font-weight:normal;} .bannerHolder.groupOn .bannerTitle .mediumTitle.lnhght{line-height:40px;*line-height:40px;font-weight:normal;} .bannerTitle .bannerTitlewrap{width:492px;} .bannerTitle.bannerTitleCh{font-family:微软雅黑;} .bannerTitle.bannerTitleCh2{font-family:黑体;} .grouponLogo{padding:10px 0;float:left;width:235px;} .overview {padding: 0 0 20px;} .overviewimg{background: url('../landing_page/combined_ny/images/Promo.jpg') no-repeat;height: 121px;} .overviewBotImg{margin-top:10px;} .topContentArea{margin: 0 0 25px;overflow: hidden;} .topContentArea h2{padding-bottom:15px;} .topContentWrap{border-bottom:1px dotted #ccc;overflow: hidden;padding-bottom: 15px;} .topContentThump{width: 180px;float: left;} .topContentImgInner{margin:0 0 0 200px;} .topContentAplyWrap{overflow:hidden;padding:15px 0 0;clear:both;min-height:35px;} .topContentAplyWrap a{width: 175px;text-align: center;padding: 10px 0;font-size: 12px;} .tabtmBtn{overflow:hidden;padding:0 0 15px;} .tabtmBtn a.blueBtn, .overviewBtn a{float:right;width: 175px;text-align: center;padding: 10px 0;font-size: 12px;} .topContentBtn, .btnLandingForms{overflow:hidden;padding:0 0 10px;} .topContentBtn a.blueBtn, .btnLandingForms a.blueBtn, .topContentBtn a.grayBtn{float:right;width: 175px;text-align: center;padding: 10px 0;font-size: 12px;} .topContentBtn2 a.blueBtn, .btnLandingForms2 a.blueBtn{float:right;width: 175px;text-align: center;padding: 10px 0;font-size: 15px;} .topContentBtn a.blueBtn.btnLarge{width:205px;} .topContentBtn.largeBtn a.blueBtn{width:205px;} .topContentAplyWrap .topContentBtn a.pullLeft, .overviewBtn .topContentBtn a.pullLeft{float:left;} .topContentAplyWrap .topContentBtn a.pullRight, .overviewBtn .topContentBtn a.pullRight{float:right;} .ctaTxt{float:right;padding:10px 0 0;} .ctaTxt a, .topContentAplyWrap p a{float:none;} .topContentWrapLine{border-bottom:none;} ul.tickList {list-style-type: none;margin: 0;padding: 0 0 11px 0px;} ul.tickList li{background: url("/views/images/blue-checkmark.png") no-repeat 0 3px;list-style: none;padding: 0 0 15px 25px;} ul.tickList li ul{padding-top:10px;} .filter{overflow:hidden;border-bottom: 1px dotted #ccc;margin-bottom: 25px;} .cardsTabHldr{padding: 0 0 20px;} 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: 16.37%;border: 1px solid #EDEEF0;} ul.cardHldr li{width:16.37%;} ul.cardsTab li a {display: block;height: 31px;color:#808589;font-weight:bold;font-size:13px;padding-top: 15px;} /*Credit Cards overview Page*/ /*Credit Cards overview Page*/ ul.cardsTab.smallFont li a{font-size:12px;} ul.cardsTab li:hover, ul.cardsTab li.active{background:#FDFDFD;background: -webkit-gradient(linear, 0 0, 0 70%, from(#FDFDFD), to(#F8F8F8));background: -webkit-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -moz-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -ms-linear-gradient(#FDFDFD, #F8F8F8 70%);background: -o-linear-gradient(#FDFDFD, #F8F8F8 70%);background: linear-gradient(#FDFDFD, #F8F8F8 70%);border-radius:5px;box-shadow:0 0 5px #ddd;border:1px solid #ddd;position:relative;} ul.cardsTab.investments li{width:24.7%;} .filterBtn, .filterBtnWrap{overflow:hidden;padding:0 0px 20px 0;} .filterBtn, .filterBtnWrap.padNone{overflow:hidden;padding:0 0 20px 0;} .filterLftBtn{float:left;padding-right: 10px;} .filterRhtBtn{float:right;} .filterBtnWrap .filterRhtBtn.last{margin:0 !important;} .filterBtnWrap .filterLftBtn, .filterBtnWrap .filterMidBtn, .filterBtnWrap .filterRhtBtn{float:left;margin-right:57px;} .filterBtnWrap.btnAlign .filterLftBtn, .filterBtnWrap.btnAlign .filterMidBtn, .filterBtnWrap.btnAlign .filterRhtBtn{padding-right:8px;} .filterBtnWrap .filterRhtBtn.pullRight{float:right;} .filterBtnWrap a.blueBtn{width: 220px;text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 12px;} .filterBtnWrap a.blueBtn.cards, .filterBtnWrap a.grayBtn.cards{width: 175px !important;text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 12px;} .filterBtnWrap.smallFont a.blueBtn{width:210px;} .filterBtnWrap.smallFont .filterRhtBtn{padding:0;} .productsMain, .productsCategory{overflow:hidden;clear:both;} .productWrap, .productsCategoryWrap{border-bottom:1px #ccc dotted; padding:0 0 20px;margin:0 0 20px;overflow:hidden;} .twoColumn .productsList{width:290px;} .productsList, .productsCategoryItems {float: left;width: 176px; padding: 0 27px;} .productsList.center, .productsCategoryItems.center { border-left: 1px solid #CCCCCC;} .productsList.right, .productsCategoryItems.right { border-left: 1px solid #CCCCCC;} .productWrap.last, .productsCategoryWrap.last{border-bottom:none;} /*.productsList.lastCard{padding:0 0 20px !important;border:none !important;}*/ .addCompare{padding:10px 0 0;font-weight: bold;} .addCompare input[type="checkbox"] {margin:0 8px 0 0;vertical-align:middle;} .checkList li{background: url("/views/images/green-checkmark.gif") no-repeat 0 3px;line-height: 16px;list-style: none;padding: 0 0 10px 25px;} .checkListBg li{background: none;line-height: 16px;list-style: none;padding: 0 0 10px 0;} .checkList li.checkListBg{background: none;line-height: 16px;list-style: none;padding: 0 0 10px 0;} .getDetail{padding:15px 0 0;overflow:hidden;} .getDetail li{list-style: none;} .getDetail li.arrowLink{float:left;} .getDetail.ch li.arrowLink a{width:63px;text-align:center;} .getDetail li.btnLink{float:right;} .getDetail li.btnLink a{width:69px;} .getDetail li a{text-align:center;} .blueBtn, .grayBtn, .goldBtn, .darkGoldBtn {color: #FFFFFF;display: inline-block;font-size: 11px;font-weight: bold;padding: 6px 7px 6px;border:none; cursor:pointer;} .grayBtn.gold:hover{background:#BCA677 !important;} .blueBtn.btnMedium{width:90px;} .blueBtn {background:#00BDF2;} .grayBtn {background:#97999B;} .blueBtn:hover, .grayBtn:hover {background:#008CE6;} .goldBtn{background:#BCA677;background: -webkit-gradient(linear, 0 0, 0 70%, from(#BCA677), to(#998459));background: -webkit-linear-gradient(#BCA677, #998459 70%);background: -moz-linear-gradient(#BCA677, #998459 70%);background: -ms-linear-gradient(#BCA677, #998459 70%);background: -o-linear-gradient(#BCA677, #998459 70%);background: linear-gradient(#BCA677, #998459 70%);-pie-background: linear-gradient(#BCA677, #998459 70%);color:#fff;position:relative;} /*.grayBtn.grayBtn {background:#97999B;}*/ ul.bottomLinksWrap{border-top:1px #ccc dotted; padding:20px 0 0;margin:0 0 10px;overflow:hidden;} ul.bottomLinksWrap.cal2Action{border-top:none;padding:0;margin:0 0 10px;} ul.bottomLinksWrap.noPromo{border-bottom:1px dotted #ccc;padding-bottom:10px;margin:0 0 20px;} ul.bottomLinksWrap li{list-style:none;} ul.bottomLinksWrap li.left {padding: 0 10px 0 27px;width: 193px;float:left;} ul.bottomLinksWrap li.center{border-left:1px #ccc solid;padding: 0 10px 0 27px; width: 193px;float:left;} ul.bottomLinksWrap li.right{border-left:1px #ccc solid;padding: 0 0px 0 27px; width: 193px;float:left;} 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.down li{background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;list-style:none;} ul.bottomPromo {overflow: hidden;padding:23px 24px 23px 27px;border-top:1px dotted #CCCCCC;} ul.bottomPromo li.left {float: left;padding: 0 25px 0 0;width: 295px;list-style:none;} ul.bottomPromo li.right {border-left: 1px dotted #CCCCCC;float: right;padding: 0 0 0 25px;width: 295px;list-style:none;} .listcontentFooter {border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin: 0 0 10px;overflow: hidden;clear:both;} .listcontentFooter ul li {border-right: 1px dotted #999999;float: left;padding: 15px 8px 15px 43px;position: relative;width: 25.8%;list-style:none;} .listcontentFooter span {height: 24px;left: 6px;position: absolute;top: 10px;width: 24px;} .listcontentFooter ul li.right {border: medium none;} .iconPhone {background: url("/views/images/footerList.png") no-repeat 0 0;} .iconMail {background: url("/views/images/footerList.png") no-repeat 0 -25px;} .iconVisit {background: url("/views/images/footerList.png") no-repeat 0 -51px;} #footer {padding: 20px 29px 0;font-size: 11px;} .footerMenu{border-bottom: 2px solid #CCCCCC;overflow: hidden;padding: 7px 0 5px;width: 100%;} .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 4px 0 0;} .followTxt{float:left;padding:2px 0 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.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.faceIcon{width: 30px;height: 30px;} .mediaIcons li a.facebookIcon, .mediaIcons li a.faceIcon{background-image:url("/views/images/facebookIcon.png");} .footerLinksList {float: right;padding: 0;margin-top: 3px;} .footerList li{float:left;padding-left:18px;list-style: none;} .footerDisclaimer {overflow: hidden;padding: 16px 0 35px;} .footerLogo {background:url("/views/images/citi-logo-pc.png") no-repeat;width:31px;height:18px;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: 34px;margin-bottom: 0;transition: all 1s ease 0s;width: 35px;z-index: 9999;cursor: pointer;} .CommonWrapper{padding:0 0 20px 0;} .tabsWrapper{padding-bottom:20px;} .tabsContainer{padding: 28px 0 0; position: relative;} .tabsContainer.hugeTabFrst{padding: 58.5px 0 0; position: relative;} .tabsContainer.hugeTabSec{padding: 45.5px 0 0; position: relative; padding-top: 45.2px\9; /*IE8only*/} .tabs{position: absolute;top: 0;} .tabs.small{font-size:11px;} .tabs.small.tabsmall{font-size:10px;} .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;} .tabsGold li {background:#BA9D65;background: -webkit-gradient(linear, 0 0, 0 70%, from(#BA9D65), to(#846F40));background: -webkit-linear-gradient(#BA9D65, #846F40 70%);background: -moz-linear-gradient(#BA9D65, #846F40 70%);background: -ms-linear-gradient(#BA9D65, #846F40 70%);background: -o-linear-gradient(#BA9D65, #846F40 70%);background: linear-gradient(#BA9D65, #846F40 70%);-pie-background: linear-gradient(#BA9D65, #846F40 70%);} .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;} .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.active a{color: #00589D;font-weight: bold;} .tabBotBtn {padding: 15px 0 0;overflow:hidden;} .tabContentWrap {border: 1px solid #C1C1C1;padding: 21px 22px 15px;} .tabContentWrap.fixbdrBtm{padding: 21px 22px 124px;} .tabLftContent{width:100%;} .tabContent {display: none;} .active_content{display:block;} .tickList li h2, .tickList li h3, .tickList li h4{padding:0;} .tabInnerContWrap{overflow:hidden;padding:0 0 0 25px;} .tabInnerContWrap.innerpg{padding:0;} .tabInnerContWrap .tabInnerCont{width:455px;} .tabInnerWrap{overflow:hidden;border-bottom:1px dotted #ccc;margin-bottom:15px;padding-bottom:15px;} .tabInnerWrap.seperatePara{border-bottom:none;padding:0 0 10px;margin:0;} .tabInnerWrapnodot {border-bottom:none;overflow: hidden;padding-bottom: 15px;} .tabInnerLogo{float:left;width:150px;height:80px;} .tabInnerLogo.small{height:50px;} .tabInnerLogo.sizeViewer{width:100px;}/*CC-143*/ .tabInnerLogos{float:left;width:57px;} .tabInnerTxt{float:left;width:358px;padding-right:5px;} .tabInnerTxtLogos{float:left;width:57px;} .tabInnerLwd{float:left;width:154px;text-align:center} .tabInnerCont{padding: 0 0 0 165px;display: block;} .tabInnerCont.sizeViewerFix{padding: 0 0 0 115px;} .tabInnerConts{padding: 0 0 0 57px;display: block;} .tabInnerWrap.last{border-bottom:none;padding:0;margin:0;} .grayArrow{background: url("/views/images/grayarrow.png") no-repeat scroll 0 4px transparent;padding: 0 0 10px 12px;} .grayArrow.align{display:inline-block;} .grayArrow.small{background: url("/views/images/grayarrow.png") no-repeat scroll 0 2px transparent;} .tabContWrap{overflow:hidden;padding-bottom:15px;} .tabInnerContLink{overflow:hidden;} .viewDetails{overflow:hidden;clear:both;margin-top:10px;display:none;} .logoViewSec ul{overflow:hidden;padding-bottom:10px;} .logoViewSec ul li{float:left;margin-right:10px;} .scrollPane {width: 100%;height: 70px;overflow: auto;} .TermsAndConditions p{padding-bottom:5px !important;} .TermsAndConditions p strong b{font-weight:700;} .contViewSec .scrollArea{padding:0;} .plusTxt{font-size:14px;} 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.roman{margin:0;padding:0;} ul.bulLst li ul.romanList{margin:0;padding:0;} ul.bulLst li ul.romanList li{padding: 0 0 5px 0;list-style:lower-roman;line-height: 17px;margin:0 0 0 25px;background:none;} ul.bulLst li ul.roman li{padding: 0 0 5px 0;list-style:upper-roman;line-height: 17px;margin:0 0 0 25px;background:none;} ul.bulLst li.noBulLst{background:none;padding-left:0;} ul.bulLst li ul{margin:10px 0 0 0;padding: 0;} ul.bulLst li.noBulLst > ul.subnoBulLst{margin:10px 0 0 10px;} ul.bulLst li ul.numLst{margin:10px 0 0 0;} ul.bulLst li ul.numLst li{padding:0 0px 5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;background:none;} ol.numLst li ul.bulLst li ul li, ul.bulLst li ul li{background: url("/views/images/squareBullet.jpg") no-repeat scroll 0 9px transparent;padding: 0px 0 10px 10px;} ul.bulLst li sup{line-height:10px;*line-height:5px;line-height:5px \9;} ol.numLst li.hdrTxt{font-size:14px;font-weight:bold;} ol.numLst li.hdrTxt .splitColumn p, ol.numLst li.hdrTxt p.fntFix{font-size:12px;font-weight:normal;} /*03072014*/ ol.numLst li ul.alphaLst {margin:0;padding:0;} ol.numLst li ul.alphaLst li {padding: 0 0 5px 0;list-style: lower-alpha;line-height: 17px;margin:0 0 0 25px;background:none;} /*03072014*/ ul.alphaLst.last {margin-left: 20px;} ol.alphaLst li, ul.alphaLst li {padding: 0 0 8px 0;list-style:lower-alpha;line-height: 17px;} ol.alphaLst li 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.upperAlphaLst.last {margin-left: 20px;} ul.upperAlphaLst li {padding: 0 0 8px 0;list-style:upper-alpha;line-height: 17px;} ol.romanList, ol.romanList li ol, ol.romanList li ol li ol{padding:0 !important;margin:0 !important;} ol.romanList p{padding:0 0 5px !important;} ol.romanList li{padding: 0 0 5px 0;list-style:upper-roman;line-height: 17px;margin:0 0 0 25px;} {padding:0;margin:0;} ol.romanList li ol li{padding:0 0px 5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;} ol.romanList li ol li ol li{padding: 0 0 5px 0;list-style:lower-alpha;line-height: 17px;} ul.numLst, ol.numLst{padding-bottom:10px;} ul.numLst li, ol.numLst li {padding:0 0px 5px;margin:0 0 0 25px;list-style:decimal;line-height: 17px;} ol.numLst li.title{font-weight:bold;font-size:16px;} ol.numLst li.title.small{font-size:14px;} ol.numLst li.title li{font-weight:normal;font-size:12px;} ol.numLst li.title .commonSteps, ol.numLst li.title p{font-weight:normal;font-size:12px;} ul.numLst li.numLsthide {list-style:none;padding:5px 0 10px;margin:0;} ol.numLst li ol.romnLst, ul.numLst li ul.romnLst{padding:0;margin:0;} ol.numLst li ol.romnLst li, ul.numLst li ul.romnLst li{padding: 0 0 5px 0;list-style:lower-roman;line-height: 17px;margin:0 0 0 15px;} ol.numLst li ol.romnLst li ol.alphaLst, ul.numLst li ul.romnLst li ul.alphaLst{padding:0;margin:0;} ol.numLst li ol.romnLst li ol.alphaLst li, ul.numLst li ul.romnLst li ul.alphaLst li{padding: 0 0 5px 0;list-style:lower-alpha;line-height: 17px;} ul.numLst li ul.alphaLst{margin:10px 0 0;} ul.numLst li ul.alphaLst.last{margin:0;} ul.numLst li ul.alphaLst li ul.roman{padding:0;margin:0;} ul.numLst li ul.alphaLst li ul.roman li{padding: 0 0 5px 0;list-style:lower-roman;line-height: 17px;} ul.numLst li ul.alphaLst li ul.roman li ul.alpha{padding:0;margin:0;} ul.numLst li ul.alphaLst li ul.roman li ul.alpha li{padding: 0 0 5px 0;list-style:lower-alpha;line-height: 17px;} ul.numLst li ul.alphaLst li {padding: 0 0 5px 0;list-style:lower-alpha;line-height: 17px;} ul.numLst li ul.tickList {padding:10px 0 0;} ul.numLst li ul.tickList li{background: url("/views/images/blue-checkmark.png") no-repeat 0 3px;list-style: none;padding: 0 0 15px 25px;margin:0;} ol.numLst li ul.bulLst, ul.numLst li ul.bulLst{padding:0 0 10px;} ol.numLst li ul.bulLst li, ul.numLst li 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;margin:0;} ol.numLst.boldTxt li{font-weight:bold;} ol.numLst.boldTxt li ul.bulLst li{font-weight:normal;} ul.bulLst.txtIndent, ol.alphaLst.txtIndent{margin-left:25px;} /*23062014*/ ul.numLst .deciLst li {margin:0;list-style:none;} ul.deciLst, ol.deciLst {padding-bottom: 10px;list-style:none;} ul.deciLst li, ol.deciLst li {padding:0 0px 5px;margin:0 0 0 25px;line-height: 17px; } ul.deciLst li span.secDeci, ol.deciLst li span.secDeci{display: block; float: left; width: 25px;} ul.deciLst li p, ol.deciLst li p {float: left;width: 600px;margin: 0;} ul.numLst .deciLst li > ul li {list-style:decimal;} ul.numLst .deciLst li > ol.romnLst li {clear:both; padding: 0 0 5px 0;list-style:upper-roman;line-height: 17px;margin:0 0 0 25px;} /*23062014*/ /*28_07_2014*/ ol.numLst .bulLst li > ol.romnLst li{clear:both; padding: 0 0 5px 0;list-style:lower-roman;line-height: 17px;margin:0 0 0 25px;background:none;} /*28_07_2014*/ /*30_07_2014*/ ol.numLst li ul.bulLst li ul.alphaLst li{list-style: lower-alpha;background: none;padding: 0 0 5px 0;margin: 0 0 0 25px;} /*30_07_2014*/ .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 3px transparent;} .hide {background: url("/views/images/minus.png") no-repeat scroll 0 3px transparent;} .showHideHdr{padding:0 0 10px;} .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.tblLayout table{table-layout:initial !important;} .tableWrap.tblCont{padding:0 0 10px;} .tableWrap.cellsCenter table tr th, .tableWrap.cellsCenter table tr td{text-align:center;} .tableWrap table.noBxShadow{box-shadow:2px 0px 4px #ccc;} .tableWrap table.noBorder{border-top:none;} .tableWrap tr td.bdrNone, .tableWrap tr th.bdrNone{border-bottom:none;} .tableWrap tr td.bdrlftNone{border-left:none;} .tableWrap table{border-right: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;width: 99.8%;box-shadow: 2px 2px 4px #CCCCCC;position:relative;} .TermsAndConditions .tableWrap table{width: 98.7%;} .tableWrap table tr{vertical-align:top;} .tableWrap tr.whiteBg, .tableWrap tr.grayBg, .tableWrap tr.blueBg{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.darkgrayBg{background-color:#e0e0e0;} .tableWrap tr.grayBg td.grayBg, .tableWrap tr.whiteBg td.grayBg{background:#ececec;} .tableWrap tr.blueBg {background-color:#4F81BD;} .tableWrap tr.bluBg {background-color:#c6d9f1;} .tableWrap tr.blueBg th{color:#fff;} .tableWrap tr th, .tableWrap tr td {border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;line-height: 17px;padding: 10px 8px;text-align:left;word-wrap:break-word;vertical-align:middle;} .tableWrap tr td a{word-wrap:break-word;} .tableWrap tr th.tableLftBrdr{border-left:none;} .oneColumn{width:100%;} .tblColumn15{width:15%;} .tblColumn70{width:70%;} .tblColumn80{width:80%;} .tblColumn75{width:75%;} .tblColumn40{width:40%;} .tblColumn60{width:60%;} .tblColumn65{width:65%;} .tblColumn35{width:35%;} .tblColumn55{width:55%;} .tblColumn44{width:44%;} .tblColumn47{width:47%;} .tblColumn6{width:6%;} .tblColumn14{width:14%;} .tblColumn42{width:42%;} .tblColumn25{width:25%;} .tblColumn13{width:13%;} .tblColumn10{width:10%;} .tblColumn34{width:34%;} .tblTwoColumn{width:50%;} .tblTwoColumn30{width:30%;} .tblThreeColumn{width:33.33333333333333%;} .tblFourColumn{width:25%;} .tblFiveColumn{width:20%;} .tblSixColumn{width:16.66666666666667%;} .tblColumnSeven{width:14.25714285714286%} .breakTxt{word-wrap:break-word;} .contInnerWrap{padding-bottom:10px;} .contInnerWrap.para{padding-bottom:15px;} .contInnerHldr{padding:10px 0;} .contInnerList{overflow:hidden;} .contInnerList ul{float:left; padding-right:30px;} .contInnerBox{padding-bottom:20px;} .contInnerBox h3{padding-bottom:5px;} .contInnerBox p, .contInnerBox ul{padding-left:34px;} .visaIcon, .signIcon, .trackIcon, .phoneIcon, .branchIcon, .cardIcon, .eStateIcon, .eAlertIcon, .realIcon, .setupIcon, .digitalIcon, .serviceIcon, .comprehensiveIcon, .atmIcon, .payrollIcon, .profileIcon, .applyserviceIcon, .rewardsIcon, .eventsIcon, .luxuryIcon, .golfBeneitsIcon, .unlimitedIcon, .privilegesIcon, .cashback1Icon, .cashback2Icon, .preferentialHkdTimeIcon, .morePreferentialIcon, .shopIcon, .hasleeIcon, .twoinOneIcon, .octopusIcon, .octopusvalueIcon, .dining-Icon, .shellIcon, .platDriveIcon, .Icon-1, .Icon-2,.Icon-3,.Icon-4, .Icon-5,.Icon-6, .Icon-7,.Icon-8,.Icon-9,.Icon-10,.Icon-11,.Icon-12, .Icon-12, .Icon-13,.Icon-14,.Icon-15,.Icon-16,.Icon-17,.Icon-18,.Icon-19,.Icon-20, .Icon-21, .Icon-22,.Icon-23, .Icon-24, .formprofileIcon, .formapplyserviceIcon, .Icon-25, .Icon-26, .Icon-27, .Icon-28, .Icon-29,.Icon-30,.Icon-31,.Icon-32, .Icon-33, .Icon-34, .Icon-35, .Icon-36, .Icon-37, .Icon-38, .Icon-39, .Icon-40, .Icon-41, .Icon-42, .Icon-43, .Icon-44, .Icon-45, .Icon-46, .Icon-47, .Icon-48, .Icon-49, .Icon-50, .Icon-51, .Icon-52, .Icon-53, .Icon-54, .Icon-55, .Icon-56, .Icon-57, .Icon-58, .Icon-59, .Icon-60, .Icon-61, .Icon-62, .Icon-63, .Icon-64, .Icon-65, .Icon-66, .Icon-67, .Icon-68, .Icon-69, .Icon-70, .Icon-71, .Icon-72, .Icon-73, .Icon-74, .citibankIcon, .Icon-75, .Icon-76, .Icon-77, .Icon-78{display: inline-block;height: 24px;width: 24px;vertical-align:middle;margin-right:10px;} .visaIcon{background: url("/views/images/icons/visa-icon.png") no-repeat scroll 0 0 transparent;} .signIcon{background: url("/views/images/icons/sign-to-confirm.png") no-repeat scroll 0 0 transparent;} .trackIcon{background: url("/views/images/icons/track-your-transaction.png") no-repeat scroll 0 0 transparent;} .phoneIcon{background: url("/views/images/icons/phone.png") no-repeat scroll 0 0 transparent;} .branchIcon{background: url("/views/images/icons/branch.png") no-repeat scroll 0 0 transparent;} .cardIcon{background: url("/english/banking/images/icons/credit-card.png") no-repeat scroll 0 0 transparent;} .eStateIcon{background: url("/english/banking/images/icons/enroll-e-statement.png") no-repeat scroll 0 0 transparent;} .eAlertIcon{background: url("/english/banking/images/icons/enroll-citi-alerts-service.png") no-repeat scroll 0 0 transparent;} .realIcon{background: url("/english/banking/images/icons/make-real-time-online-fund-transfer.png") no-repeat scroll 0 0 transparent;} .setupIcon{background: url("/english/banking/images/icons/set-up-standing-instruction.png") no-repeat scroll 0 0 transparent;} .digitalIcon{background: url("/english/banking/images/icons/digital.png") no-repeat scroll 0 0 transparent;} .serviceIcon{background: url("/english/banking/images/icons/service.png") no-repeat scroll 0 0 transparent;} .comprehensiveIcon{background: url("/english/banking/images/icons/comprehensive.png") no-repeat scroll 0 0 transparent;} .atmIcon{background: url("/english/banking/images/icons/citibank-atm-card.png") no-repeat scroll 0 0 transparent;} .payrollIcon{background: url("/english/banking/images/icons/payroll-account.png") no-repeat scroll 0 0 transparent;} .profileIcon{background: url("/form/banking/images/icons/profile.png") no-repeat scroll 0 0 transparent;} .formprofileIcon{background: url("/views/images/icons/profile.png") no-repeat scroll 0 0 transparent;} .applyserviceIcon{background: url("/form/banking/images/icons/apply-service.png") no-repeat scroll 0 0 transparent;} .formapplyserviceIcon{background: url("/views/images/icons/apply-service.png") no-repeat scroll 0 0 transparent;} .citibankIcon{background: url("/views/images/icons/citibank-online.png") no-repeat scroll 0 0 transparent;} .rewardsIcon{background: url("/english/credit-cards/images/icons/citibank-rewards.png") no-repeat scroll 0 0 transparent;} .eventsIcon{background: url("/english/credit-cards/images/icons/global-events.png") no-repeat scroll 0 0 transparent;} .luxuryIcon{background: url("/english/credit-cards/images/icons/luxury-hotel-collection.png") no-repeat scroll 0 0 transparent;} .golfBeneitsIcon{background: url("/english/credit-cards/images/icons/golf.png") no-repeat scroll 0 0 transparent;} .unlimitedIcon{background: url("/english/credit-cards/images/icons/unlimited-complimentary.png") no-repeat scroll 0 0 transparent;} .privilegesIcon{background: url("/english/credit-cards/images/icons/american-express-privileges.png") no-repeat scroll 0 0 transparent;} .cashback1Icon{background: url("/english/credit-cards/images/icons/cash-rebate-01.png") no-repeat scroll 0 0 transparent;} .cashback2Icon{background: url("/english/credit-cards/images/icons/cash-rebate-02.png") no-repeat scroll 0 0 transparent;} .preferentialHkdTimeIcon{background: url("/english/banking/images/icons/preferential-hkd-time.png") no-repeat scroll 0 0 transparent;} .morePreferentialIcon{background: url("/english/banking/images/icons/more-preferential-time.png") no-repeat scroll 0 0 transparent;} .shopIcon{background: url("/english/credit-cards/images/icons/globale-shop.png") no-repeat scroll 0 0 transparent;} .hasleeIcon{background: url("/english/credit-cards/images/icons/hassle-free-rebate.png") no-repeat scroll 0 0 transparent;} .twoinOneIcon{background: url("/english/credit-cards/images/icons/2in1.png") no-repeat scroll 0 0 transparent;} .octopusIcon{background: url("/english/credit-cards/images/icons/enjoy-octopus-rewards.png") no-repeat scroll 0 0 transparent;} .octopusvalueIcon{background: url("/english/credit-cards/images/icons/octopus-automatic-add-value-service.png") no-repeat scroll 0 0 transparent;} .dining-Icon{background: url("/english/credit-cards/images/icons/year-round-dining-and-shopping-offers.png") no-repeat scroll 0 0 transparent;} .shellIcon{background: url("/english/credit-cards/images/icons/shell.png") no-repeat scroll 0 0 transparent;} .platDriveIcon{background: url("/english/credit-cards/images/icons/platinum_driving.png") no-repeat scroll 0 0 transparent;} .Icon-1{background: url("/english/credit-cards/images/icons/3-business-days.png") no-repeat scroll 0 0 transparent;} .Icon-2{background: url("/english/credit-cards/images/icons/phone-call.png") no-repeat scroll 0 0 transparent;} .Icon-3{background: url("/english/credit-cards/images/icons/monthly-flat-rate.png") no-repeat scroll 0 0 transparent;} .Icon-4{background: url("/english/credit-cards/images/icons/tenor.png") no-repeat scroll 0 0 transparent;} .Icon-5{background: url("/english/credit-cards/images/icons/approved.png") no-repeat scroll 0 0 transparent;} .Icon-6{background: url("/english/credit-cards/images/icons/no-docs.png") no-repeat scroll 0 0 transparent;} .Icon-7{background: url("/english/credit-cards/images/icons/comprehensive-protection.png") no-repeat scroll 0 0 transparent;} .Icon-8{background: url("/english/credit-cards/images/icons/global-credit-card-service.png") no-repeat scroll 0 0 transparent;} .Icon-9{background: url("/english/credit-cards/images/icons/widest-redemption-choice.png") no-repeat scroll 0 0 transparent;} .Icon-10{background: url("/english/credit-cards/images/icons/year-round-medical-benefits.png") no-repeat scroll 0 0 transparent;} .Icon-11{background: url("/english/credit-cards/images/icons/premiums-autopay-service.png") no-repeat scroll 0 0 transparent;} .Icon-12{background: url("/english/credit-cards/images/icons/superior-travel-privileges.png") no-repeat scroll 0 0 transparent;} .Icon-13{background: url("/english/credit-cards/images/icons/financial-flexibility.png") no-repeat scroll 0 0 transparent;} .Icon-14{background: url("/english/credit-cards/images/icons/tailor.png") no-repeat scroll 0 0 transparent;} .Icon-15{background: url("/english/credit-cards/images/icons/1.5x-rewards-program.png") no-repeat scroll 0 0 transparent;} .Icon-16{background: url("/english/credit-cards/images/icons/global-purchase-protection.png") no-repeat scroll 0 0 transparent;} .Icon-17{background: url("/english/credit-cards/images/icons/free-access-to-regus.png") no-repeat scroll 0 0 transparent;} .Icon-18{background: url("/english/credit-cards/images/icons/access-to-airport-lounges.png") no-repeat scroll 0 0 transparent;} .Icon-19{background: url("/english/credit-cards/images/icons/upto-15-discount.png") no-repeat scroll 0 0 transparent;} .Icon-20{background: url("/english/credit-cards/images/icons/free-download.png") no-repeat scroll 0 0 transparent;} .Icon-21{background: url("/english/credit-cards/images/icons/no-pre-set-spending-limit.png") no-repeat scroll 0 0 transparent;} .Icon-22{background: url("/english/credit-cards/images/icons/0-interest.png") no-repeat scroll 0 0 transparent;} .Icon-23{background: url("/english/credit-cards/images/icons/points-that-never-expire.png") no-repeat scroll 0 0 transparent;} .Icon-24{background: url("/english/credit-cards/images/icons/annual-fee-waiver-privilege.png") no-repeat scroll 0 0 transparent;} .Icon-25{background: url("/english/ways-to-bank/images/icons/bill-payments.png") no-repeat scroll 0 0 transparent;} .Icon-26{background: url("/english/banking/images/icons/e-statement.png") no-repeat scroll 0 0 transparent;} .Icon-27{background: url("/english/ways-to-bank/images/icons/search.png") no-repeat scroll 0 0 transparent;} .Icon-28{background: url("/english/ways-to-bank/images/icons/payments_transfers.png") no-repeat scroll 0 0 transparent;} .Icon-29{background: url("/english/ways-to-bank/images/icons/usage-tips.png") no-repeat scroll 0 0 transparent;} .Icon-30{background: url("/english/ways-to-bank/images/icons/guide.png") no-repeat scroll 0 0 transparent;} .Icon-31{background: url("/english/ways-to-bank/images/icons/stock-services.png") no-repeat scroll 0 0 transparent;} .Icon-32{background: url("/english/ways-to-bank/images/icons/time-deposit.png") no-repeat scroll 0 0 transparent;} .Icon-33{background: url("/english/ways-to-bank/images/icons/message.png") no-repeat scroll 0 0 transparent;} .Icon-34{background: url("/english/loans/images/icons/referal.png") no-repeat scroll 0 0 transparent;} .Icon-35{background: url("/english/banking/images/icons/set-up-standing.png") no-repeat scroll 0 0 transparent;} .Icon-36{background: url("/english/insurance/images/icons/enter.png") no-repeat scroll 0 0 transparent;} .Icon-37{background: url("/english/credit-cards/images/icons/cinema.png") no-repeat scroll 0 0 transparent;} .Icon-38{background: url("/english/credit-cards/images/icons/citi-alerts.png") no-repeat scroll 0 0 transparent;} .Icon-39{background: url("/english/credit-cards/images/icons/priority-show.png") no-repeat scroll 0 0 transparent;} .Icon-40{background: url("/english/credit-cards/images/icons/widest-choice.png") no-repeat scroll 0 0 transparent;} .Icon-41{background: url("/english/credit-cards/images/icons/club.png") no-repeat scroll 0 0 transparent;} .Icon-42{background: url("/english/credit-cards/images/icons/dual-currency.png") no-repeat scroll 0 0 transparent;} .Icon-43{background: url("/english/credit-cards/images/icons/earn-point.png") no-repeat scroll 0 0 transparent;} .Icon-44{background: url("/english/ways-to-bank/images/icons/wave-icon.png") no-repeat scroll 0 0 transparent;} .Icon-45{background: url("/english/ways-to-bank/images/icons/security.png") no-repeat scroll 0 0 transparent;} .Icon-46{background: url("/english/ways-to-bank/images/icons/wallet.png") no-repeat scroll 0 0 transparent;} .Icon-47{background: url("/english/credit-cards/images/icons/save-time.png") no-repeat scroll 0 0 transparent;} .Icon-48{background: url("/english/credit-cards/images/icons/enjoy-peace-of-mind.png") no-repeat scroll 0 0 transparent;} .Icon-49{background: url("/views/images/icons/person.png") no-repeat scroll 0 0 transparent;} .Icon-50{background: url("/english/ways-to-bank/images/icons/vip-02.png") no-repeat scroll 0 0 transparent;} .Icon-51{background: url("/english/credit-cards/images/icons/upto-shipments.png") no-repeat scroll 0 0 transparent;} .Icon-52{background: url("/english/credit-cards/images/icons/complimentary-concierge-service.png") no-repeat scroll 0 0 transparent;} .Icon-53{background: url("/english/credit-cards/images/icons/free-us-uk-shipping.png") no-repeat scroll 0 0 transparent;} .Icon-54{background: url("/english/credit-cards/images/icons/free-package-consolidation.png") no-repeat scroll 0 0 transparent;} .Icon-55{background: url("/english/credit-cards/images/icons/free-repacking.png") no-repeat scroll 0 0 transparent;} .Icon-56{background: url("/english/credit-cards/images/icons/air-miles.png") no-repeat scroll 0 0 transparent;} .Icon-57{background: url("/english/banking/images/icons/build-wealth.png") no-repeat scroll 0 0 transparent;} .Icon-58{background: url("/english/banking/images/icons/invest.png") no-repeat scroll 0 0 transparent;} .Icon-59{background: url("/english/banking/images/icons/product-build-wealth.png") no-repeat scroll 0 0 transparent;} .Icon-60{background: url("/english/banking/images/icons/protection.png") no-repeat scroll 0 0 transparent;} .Icon-61{background: url("/english/banking/images/icons/high-interest.png") no-repeat scroll 0 0 transparent;} .Icon-62{background: url("/english/citibusiness/images/icons/fee.png") no-repeat scroll 0 0 transparent;} .Icon-63{background: url("/english/citibusiness/images/icons/time.png") no-repeat scroll 0 0 transparent;} .Icon-64{background: url("/english/citibusiness/images/icons/business-consultant.png") no-repeat scroll 0 0 transparent;} .Icon-65{background: url("/english/investment/images/icons/visit.png") no-repeat scroll 0 0 transparent;} .Icon-66{background: url("/english/banking/images/icons/document.png") no-repeat scroll 0 0 transparent;} .Icon-67{background: url("/english/mortgages/images/icons/fire-insurance.png") no-repeat scroll 0 0 transparent;} .Icon-68{background: url("/english/mortgages/images/icons/cash-rebate.png") no-repeat scroll 0 0 transparent;} .Icon-69{background: url("/english/mortgages/images/icons/cash.png") no-repeat scroll 0 0 transparent;} .Icon-70{background: url("/english/mortgages/images/icons/discounts.png") no-repeat scroll 0 0 transparent;} .Icon-71{background: url("/english/credit-cards/images/icons/key.png") no-repeat scroll 0 0 transparent;} .Icon-72{background: url("/english/credit-cards/images/icons/car.png") no-repeat scroll 0 0 transparent;} .Icon-73{background: url("/english/credit-cards/images/icons/home.png") no-repeat scroll 0 0 transparent;} .Icon-74{background: url("/english/credit-cards/images/icons/travel-policy-number.png") no-repeat scroll 0 0 transparent;} .Icon-75{background: url("/english/credit-cards/images/icons/points-cash.png") no-repeat scroll 0 0 transparent;} .Icon-76{background: url("/english/credit-cards/images/icons/2d-movie-ticket.png") no-repeat scroll 0 0 transparent;} .Icon-77{background: url("/english/credit-cards/images/icons/3d-movie-ticket.png") no-repeat scroll 0 0 transparent;} .Icon-78{background: url("/english/credit-cards/images/icons/pop-corn.png") no-repeat scroll 0 0 transparent;} /*25062014*/ /*.orIcon{background: url("/english/credit-cards/images/icons/or.png") no-repeat scroll 0 0 transparent;display: block;height: 14px;width: 24px;vertical-align: middle;left: 295px;position: absolute;top: 168px;}*/ /*25062014*/ .printSmallIcon{background: url("/views/images/icons/print_icon.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 20px;width: 20px;vertical-align:middle;} .bottomBox{background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px;margin:0 0 10px;overflow:hidden;} .bottomBoxHdr{padding:0 0 15px;} .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;} .listBoxStep li{width:16.6%;} .listBox li.rhtArro{background:url("/views/images/rht-arrow.png") center center no-repeat;width:18px;border:none;box-shadow:none;} .bottomBoxBtn{float:right;} .stepListCont{padding:0 5px 0 0;} ul.stepHldr{overflow:hidden;} ul.stepHldr li .stepHldrWrap{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:auto;} .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;} .discList ol li ul{margin:10px 0 0;padding:0;} .discList ol li ul li{padding: 0px 0 10px 0;list-style:none;} .discList ol li ul.alphaLst{margin-left: 15px;} .discList ol li ul.alphaLst li {padding: 0 0 5px 0;list-style:lower-alpha;line-height: 17px;} .discList ol li ul.alphaLst li ol.romanLst{padding:10px 0 0;} .discList ol li ul.alphaLst li ol.romanLst li {padding:0 0px 5px;margin:0 0 0 20px;list-style:lower-roman;line-height: 17px;} .tick{background:url("/views/images/tick_arrow.png") no-repeat;width:14px;height:12px;display:inline-block;vertical-align:middle;} .greenTick{background:url("/views/images/green-tick.png") no-repeat;width:16px;height:16px;display:inline-block;} .grayClose{background:url("/views/images/close-arrow.png") no-repeat;width:14px;height:12px;display:inline-block;} .formReset{/*overflow:hidden;*/width:100%;min-height:25px;} .formReset span {width:30%;float:left;display:inline-block;} .formReset span select, .formReset span input {width:192px;} .formReset span input {height:15px;} .formField{padding-top:5px;} /* Home Page */ .contentBody {position: relative;} .WorkAreaHldr {overflow: hidden;position: relative;width: 100%;} .bannerRotate{position:relative;height: 498px;} .marketProductHldr {left: 29px;position: absolute;top: 20px;z-index: 99;} .marketSignHolder {float: left;position: static;width: 209px;} .signOnGroupHldr {background: url("/views/images/signonBg.png") repeat scroll 0 0 transparent;border-radius: 10px 10px 0 0;padding: 16px 0 10px;position: relative;width: 209px;font-size:11px;} .signOnGroupHldrDarkGold {background: url("/views/images/sign-on-bg.png") repeat scroll 0 0 transparent;border-radius: 10px;padding: 16px 0 10px;position: relative;width: 209px;font-size:11px;} .signOnGroupHldr p{color: #FFFFFF;display: block;font-weight: bold;margin: 0 0 4px;padding:0;} .signOnAccount{width:171px;margin: 0 0 6px;padding: 0 19px;} .signOnHldr {position: relative;} .selectTxt, .applyTxt, .listItem, .kitlistItem {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:11px;color:#000;} .selectDiv, .applyDiv, .listView, .kitlistView {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, .listView a, .kitlistView a {display: block;margin: 0 !important;padding: 5px 7px;text-decoration: none;font-size:12px;color:#333;} .applyDiv li ul a, .listView li ul a, .kitlistView li ul a{padding-left:15px;} .selectDiv a:hover, .applyDiv a:hover, .listView a:hover, .kitlistView a:hover{background:#f7f7f7;color:#000;} .signOnLinkList li{padding-bottom: 5px !important;list-style:none;} .signOnLinkList li.last{padding-bottom:0 !important} .signOnLinkList li a {background: url("/views/images/arrow_white.gif") no-repeat scroll 0 4px transparent;padding-left: 10px;color:#FFF;} .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 5px;position: static;width: 171px; z-index: 99;} .newsAdBlueTxt {color: #05589D;font-weight: bold;padding:0 0 5px;} .newsAdGrayTxt {color:#333;} .newsAdLink a {font-size: 12px;background: url("/views/images/grayarrow.png") no-repeat scroll 0 3px transparent;color: #00589D;padding: 0 0 0 10px;display: block;} .cS-signOnLinkHldr{z-index: 99;overflow:initial !important;} .cS-signOnLinkHldr ul{padding:0 19px;} .cS-holderGeneralInfo {border-radius: 10px 10px 10px 10px;position: relative;z-index: 2;} .cS-holderGeneralInfo .cS-headTxt {border-radius: 0 10px 0 0;z-index: 99999;padding: 3px 0px 3px 20px;} .cS-holderGeneralInfo.avoidFlow{overflow:initial !important;} .cS-holderGeneralInfo.avoidFlow.fixZindex{position:relative;z-index:4;} .cS-headTxt{width:185px;background-position:left top;} .cS-whiteArrow {background: url("/views/images/arrow_white.gif") no-repeat scroll 0 2px 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;} .showFullCont{padding:10px 0 0 19px;} .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;} .cS-generalInfoHolder.generalInfo{height:300px !important;} .cS-generalInfoHolder.announce{height:75px !important;} #generalInfoMenu{padding:0 0 0 10px;} .cS-signOnLinkHldr ul li {display: block;overflow: hidden;} .cS-signOnLinkHldr .cS-generalInfoHolder ul{padding:0;} .cS-generalInfoHolder h4{padding-left:12px;} .cS-generalInfoHolder ul li{float:none;font-size:12px;} .cS-generalInfoHolder ul li a{color:#333;} .cS-generalInfoHolder ul li a:hover {text-decoration: underline;color: #02589d;} .cS-generalInfoHolder ul li a.active {background-color: #e5e5e5 !important;text-decoration: none;color: #333;} .cfRegion, .cfCountry, .cfLanguage{float:left;} .cfCountry, .cfLanguage{border-left:1px dotted #999;padding:0 0 0 10px;margin:0 0 0 10px;display:none;} ul.cfRegionList{overflow: auto !important;height:150px;width:180px;} ul.cfCountryList{overflow: auto !important;height:150px;width:180px;} ul.cfLanguageList{overflow: hidden;height:150px;width:180px;} .cS-generalInfoHolder ul li.cS-listSecB ul {padding: 0 15px;} .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: 458px;} .cS-generalInfoHolder ul li.cS-listSecC {width: 200px;} .cS-generalInfoHolder ul li ul li strong a {color: #3399CC;} .cS-generalInfoHolder ul li a.more{background:url("/views/images/tick-flyout-item.png") no-repeat 150px 9px transparent;display:block;} .cfCountry, .cfLanguage, .cfCountryList, .cfLanguageList{display:none;} 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: 278px;top:55px;width: 435px;} .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;} .offerContMediumHdr{font-family:"Interstate";font-size: 20px;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:14px;width:61%;padding-bottom:0;color:#FFF;} .offerCardTxtHldr{width:80%;} .homeBlueTxt {color: #05589D;} .learnMoreBtn{margin:15px 0 0;} .learnMoreBtn.hmgbanner{margin:25px 0 0;} .learnMoreBtn a:hover{text-decoration:none;} .offerContentList {position: absolute;right:-1px;top: 350px;z-index: 99;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;position: absolute;top: -10px;right: -140px;width: 176px;display:none;} .offerContentList li a {background: url("/views/images/bg_darkblue.png") repeat scroll 0 0 transparent;display: block;min-height: 45px;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;} .offerContentList li.flex-active .topArrow {display:block;} .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;} .homeBtmArea ul li{float:left; padding:0 0 0 15px;} /* Home Page */ .showForm{display:none;} .formWrap{padding:10px;border:1px #ccc solid;} .showForm .formWrap{margin:15px 0 0;} .formInner{padding:0 0 10px;display: block;width: 100%;} .formInner.row:before, .formInner.row:after {content: " ";} .formInner.row:after {clear: both;}.formInner.row {*zoom: 1;} .formInner lable{padding:0 5px 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;} .visible-phone {display:none !important;} .visible-tablet {display: none !important;} .hidden-desktop, .hidden_desktop{display: none !important;} /*.visible-desktop {display: inherit !important;}*/ .visible-phone-port{display:none !important;} /**************************** Forms *****************************/ .formSteps{min-height:80px;border-bottom: 1px dotted #CCCCCC;margin-bottom:15px;} .formSteps.last{border:none;} .formSteps.last ul li{width:44%;*width:43.5%} .formSteps.last ul li span.formStepCont{padding:7px 0 0;display:inline-block;} .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;width:29%;*width:28.5%;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;*float:left;} .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;} .innerCont{padding-bottom:25px;} .innerContForm{padding:0 0 15px;overflow:hidden;} .cardSelectScroll{height:425px; 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;width:100%;} .cardSelectList.last {border-bottom:none;} .cardCheck{float:left;margin-right:5px;} .cardImg{float:left;margin-right:10px;width: 100px;cursor:pointer;} .cardName{float:left;width: 210px;} .cardName h3{font-weight:bold;cursor:pointer;} .cardDetails{width:200px;display:none;} .openArrow {background: url("/views/images/tablet/show.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;} .closeArrow {background: url("/views/images/tablet/hide.png") no-repeat scroll 0 0 transparent;background-size: 31px 31px;} .openArrow, .closeArrow{cursor: pointer;width: 31px;height: 31px;position: absolute;right:5px;top: 0;z-index: 999;display: block;} /*Steps*/ .stepBox{overflow:hidden;width:100%;padding:0 0 10px;} .stepBox li{background:#fff;border:1px solid #ccc;padding:10px;list-style:none;} .stepBox li ul li{float:left;background:url("/views/images/bg-pattern.gif") repeat;width:25%;} .stepBox.eNets li{width:80%;} .stepBox.eNets li ul li{background:none;float:none;background:url("/views/images/bullet.jpg") no-repeat scroll 0 6px transparent} .stepBox li ul li.noBox{border:none;background:none;width:3%;padding-top: 16px;} .stepBoxInner li{overflow:hidden;} .stepBox li.downArro{background:url("/views/images/down-arrow.png") center center no-repeat;height:13px;border:none;box-shadow:none;} .stepBox li.downOr{background:url("/views/images/or.png") center center no-repeat;height:13px;border:none;box-shadow:none;} .stepBox li.downPlus{background:url("/views/images/sep_plus.png") center center no-repeat;height:13px;border:none;box-shadow:none;} ul.alphaLst li div.bottomBox{margin:10px 0;} ul.alphaLst li ul.stepBox li{list-style:none;margin:0;padding: 10px;} /*Tooltip*/ .tooltipWrap {position: relative;display: inline-block;} .tooltipIcon{background:url("/views/images/infoIcon.png") no-repeat;width:12px;height:12px;display:inline-block;margin-left:5px;*margin-top:18px;vertical-align:middle;} .tooltipForm{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;top:21px;box-shadow: 0 0 10px #CCCCCC;display: none;left: 50%;margin: 0 0 0 -150px;padding: 10px;position: absolute;width: 280px;z-index: 999;} .tooltipInnerImg{width: 88px;left: -30px;} .tooltipForm .tipClose{display:inline-block;background:url("/views/images/close.jpg") no-repeat;width:14px;height:15px;float:right;margin:0 0 10px 10px;} .tooltipForm .arrow{background:url("/views/images/toolTipToparrow.png") no-repeat;top: -15px;height:15px;left: 50%;margin: 0 0 0 -10px;position: absolute;width: 19px;} .tooltipForm.left{left:0;margin: 0 0 0 -14px;} .tooltipForm.left .arrow{left:0;margin: 0 0 0 15px;} .tooltipForm.right{left: auto;right: -15px;margin: 0;} .tooltipForm.right .arrow{left: auto;right: 19px;margin: 0;} .tooltipForm.bottom{bottom: auto;top:18px;left: 50%;margin: 0 0 0 -150px;} .tooltipForm.bottom .arrow{left: 50%;margin: 0 0 0 -10px;top: -7px;} .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;position: absolute;width: 280px;z-index: 999;} .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: 7px;left: 50%;margin: 0 0 0 -10px;position: absolute;width: 19px;} .tooltip.left{left:0;margin: 0 0 0 -14px;} .tooltip.left .arrow{left:0;margin: 0 0 0 15px;} .tooltip.right{left: auto;right: -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;} .tooltip .scroll-pane{width: 100%;height: 100px;overflow: auto;} .topContent{overflow:hidden;border-bottom: 1px dotted #CCCCCC;margin-bottom:25px;clear: both;} .topContent.bdrNone{border:none;} .topContent .topBannerForm{width:464px;float:left;} .topContentAreaBg{background:#EDEDED;border-bottom: 1px dotted #999999;border-top: 1px dotted #999999;margin: 0 23px 25px 0;overflow: hidden;padding: 15px 20px;float:left;width:43%;} .topContentAreaBg.topReason{width:92%;} .topContentAreaBg .topContentWrap{border-bottom:none;} #errorpage{margin: 200px auto;width: 100%;text-align: center;} #realpage{visibility:hidden;} #wrapperHldr{background:#fff;padding:0 29px;} .offerBanner{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:20px 0 0;padding:20px 0;} .discList ol.romanLst{padding:0 0 10px;} .discList ol.romanLst li {padding:0 0px 5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;} ol.romanLst{padding:0 0 10px;} ol.romanLst li {padding:0 0px 5px;margin:0 0 0 25px;list-style:lower-roman;line-height: 17px;} ol.romanLst ul.alphaLst{padding:10px 0 0;} ol.romanLst li ul.alphaLst li {padding:0 0px 5px;margin:0;list-style:lower-alpha;line-height: 17px;} ol.romanlstUpper li{padding:0 0px 10px;margin:0 0 0 25px;list-style:upper-roman;line-height: 17px;font-size:16px;font-weight:bold;} .socialMedia{position:fixed;right:-791px;top:365px;z-index: 99999;} .socialMedia.applyForms{position:fixed;right:-791px;top:215px;z-index: 999999;} .socialMedia.applyForms .reward{z-index: 999999;} .contactMedia{position:fixed;right:-791px;top:324px;z-index: 999999;} .socialMediaIcons{position:fixed;right:0;top:242px;z-index: 999999;} .socialMediaIcons div.mediaIconsList {padding:0 0 7px;position:relative;display:block;cursor:pointer;} .socialMediaIcons div a img{height:33px;width:42px;max-width:none;} .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;} .iconDesc.applyform{position:absolute;top:15px;} .iconDescPos{right:10px;} .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:-42px;top:-43px;margin: 0;padding: 0;cursor:pointer;} .tabWrap.applyTab{width:42px;} #swiffycontainer {cursor:pointer;} .atIcon, .fbIcon{cursor:pointer;width: 42px;height: 33px;} .atIcon.atIconform{cursor:pointer;width: 42px;height: 61px;} .contentWrap{margin:-77px 0 0;width: 750px;height:100px;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;moz-box-shadow:10px 0 10px #666;padding:10px 20px 20px;} .contentWrap.applyforms{margin:-105px 0 0;height:120px;} .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:130px;float:left;padding-left:10px;} .promotionCont.bdr{border-right:1px solid #ccc;height:100px;padding-right:10px;} .closeIcon, .closeIcon1{background:url("/views/images/big-close.jpg") no-repeat; width:17px;height:18px;position:absolute;top:-30px;right: 10px;cursor:pointer;} .recentViewClose{background:url("/views/images/close.jpg") no-repeat; width:14px;height:15px;display:inline-block;cursor:pointer;} #slides {position: relative;} .promotionWrap, .contactCol{overflow: hidden;width: 250px;float:left;} .contactCol{border-right:1px solid #ccc;width:165px;margin-right: 20px;height:90px;} .contactCol.last{border:none;margin:0;} 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;} .contactMedia .contentWrap{height:110px;} ul.slidesjs-pagination {position: absolute;top: 120px;left: 355px;overflow: hidden;z-index: 999;display: none;} ul.slidesjs-pagination li {float: left;margin-right: 5px;} ul.slidesjs-pagination li a {background: url("/views/images/grayDot.png") 0 0 no-repeat;width: 8px;height: 8px;display: inline-block;} ul.slidesjs-pagination li a.active {background: url("/views/images/blueDot.png") 0 0 no-repeat;} .contHeader{border-bottom: 2px solid #C5C5C5;height: 52px;} .contHeader.spaceAlign{margin:0 0 15px;} .contHeader .heading{float:left;border:none;padding: 16px 0 12px;} .recentViewCards{float:right;position:relative;} .recentViewTitle{position:absolute;top:0;right:0;width:140px;margin:10px 0 0;padding:8px 8px 10px 37px;font-weight:bold;background:url("/views/images/arrow.png") 13px 9px no-repeat;} .recentViewTitle.active{background:#f3f3f3 url("/views/images/close.jpg") 13px 9px no-repeat; height:15px;display:inline-block;cursor:pointer;;border:1px solid #ddd;border-bottom:none;box-shadow: 0px 2px 5px #999;} .recentViewWrap{overflow:hidden;position:absolute;top:44px;right: 0;width:250px;border:1px solid #ddd;z-index: 9;box-shadow: 0 3px 8px #999;} .recentViewHdr{border-bottom:1px solid #ccc;background:#F3F3F3;padding:10px 10px 3px;overflow: hidden;} .recentViewCardList{background:url("/views/images/bg-pattern.gif") repeat;padding:15px;} .listCards{overflow:hidden;padding-bottom:10px;} .cardImage{float:left;} .cardHdr{padding-left:85px;display:block;} .cardHdr p{padding-bottom:5px;} .cardHdr input[type="checkbox"] {margin-right:7px;} .formStepsWrap{min-height:inherit;border:none;margin-bottom:25px;} .tabHldr{float:left;width:438px;} .tabHldr.instantCard{width:464px;} .cardName h4{padding-right:10px;cursor:pointer;} .innerBoxWrap{padding-left:34px;} .formValueCheck{display:block;padding-bottom:5px;} .overviewBtn{padding:0 0 25px;overflow:hidden;} .contImgWrap{background:url("/views/images/bg-pattern.gif") repeat;overflow:hidden;border:1px solid #ccc;border-radius:3px 3px 3px 3px;padding:15px 15px 0;margin-bottom:25px;position:relative;} .contImgWrap.nobg{background:none;} .contBgWrap{background:url("/views/images/bg-pattern.gif") repeat;overflow:hidden;border:1px solid #ccc;border-radius:3px 3px 3px 3px;padding:10px;margin-bottom:10px;position:relative;} .contImgWrap h2{font-family:"interstate";font-weight:normal;font-size:16px;} .contListWrap{background:url("/views/images/bg-pattern.gif") repeat;overflow:hidden;border:1px solid #ccc;border-radius:3px 3px 3px 3px;padding:10px;float:left;overflow:hidden;margin:0 10px 10px 0;width:20%;position:relative;} .contListWrap.nobg{background:none;} .contIconWrap{background:url("/views/images/bg-pattern.gif") repeat;overflow:hidden;border:1px solid #ccc;border-radius:3px 3px 3px 3px;padding:10px 15px;margin-bottom:15px;position:relative;} .contImgWrap.lastMarg, .contIconWrap.lastMarg{margin-bottom:0;} .contIconWrap .contSec{padding:0 0 0 35px;} .imageSec{float:left;} .contSec{padding:10px 20px 0 190px;} .contSec h2{font-family:"interstate";font-weight:normal;font-size:18px;padding:0 0 5px;} .contSec h4{font-size:12px;padding:0;} .innerBoxCont{border:1px solid #ccc;border-radius:3px;padding:15px;box-shadow:0px 3px 5px #ccc;margin-bottom:25px;position:relative;background:#fff;} .innerBoxCont h2{font-family:"interstate";font-weight:normal;font-size:18px;line-height:24px;padding:0 0 5px;} .innerBoxCont h2 sup, .innerBoxTabCont h2 sup{font-size:10px;} .innerBoxCont h4, .innerBoxTabCont h4{font-family:"interstate";font-weight:normal;font-size:14px;} .innerBoxTabWrap{width:22%;} .innerBoxTabCont{padding:0 5px;box-shadow: 1px 1px 5px #ccc;margin: 0 0 10px;border: 1px solid #ccc;border-radius: 3px;position: relative;background: #fff;} .innerBoxTabCont h2{font-family:"interstate";font-weight:normal;font-size:12px;line-height:24px;padding:0 0 5px;} .innerBoxLink{display: block;padding-left: 35px;} .formHldrWrap{margin-top:27px;} .mandFields{padding-top:12px;} .offerBannerMarg{margin:0;} .mandatoryTxt{font-size:11px;color:#666;} .formInner .formFieldPad{padding-top:5px;} .detailsWrap{display:none;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;} .firstDrop{z-index:100 !important;} .secDrop{ z-index:99 !important;} .thirdDrop{ z-index:9 !important;} .tabFormHldr{width:auto;float:none;margin:0;} .tabFormHldr .formInner .formValue{width:auto;} .showHideCont .alphaLst{margin-left:20px;} .partnerImgWrap{overflow:hidden;padding:0 0 10px;} .partnerImgWrap li{float:left;margin:0 10px 0 0;} .tabsBreakWrap {margin-top: 13px;} .tabsBreakWrap.hugeTab{margin-top: 31px;} .tabsBreak li a {height: 35px;} .tabsBreak.welcome li a{height:49px;} .tabsBreak.hugeTab li a{height:53px;} .tabsBreak.hugeTabFrst li a{height:53px;} .tabsBreak.hugeTabSec li a{height:40px;} .tabsBreak.hugeTab li a{height:57px;padding:6px 5px 0;} .tabsBreakWrap.hugeTab{margin-top:35px;} .tabsBreakWrap.welcome{margin-top:27px;} .tabs.tabsBreak.hugeTabFrst li a{height:53px;} .twoSideList, .threeSideList{overflow:hidden;} .twoSideList ul{float:left;overflow:hidden;width:49%;} .threeSideList ul{float:left;overflow:hidden;width:33%;} .lightBox{padding:20px;} .twoSideCont, .threeSideCont, .fourSideCont{overflow:hidden;} .twoSideCont .lftSide{width:50%;float:left;} .twoSideCont .rhtSide{width:50%;float:left;} .threeSideCont .lftSide, .threeSideCont .midSide, .threeSideCont .rhtSide{width:33%;float:left;} .fourSideCont .first, .fourSideCont .second, .fourSideCont .third, .fourSideCont .fourth{width:25%;float:left;} .offerContWrap{position:relative;background: url("/views/images/bg-pattern.gif") repeat;border: 1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #ccc;padding:10px 15px;margin:0 0 10px;} .offerNewImage{position:absolute;top:-10px;left:-7px;} .slideWrap{width:750px;float:left;} .contInnerIcon .toolTipHldr{padding-left:35px;} #FlashCont {width:692px;height:540px;margin-top: -25px;} #FlashCont.noMarg{margin:0;height:400px;} .toolTipHldr{padding:0 0 10px;} .tooltipLink{color:#333;text-decoration:underline;} /**************************** Citigold ********************************/ .citiGoldLogo{background: url("/citigold/images/citigold_logo.png") no-repeat 0 0;width: 133px;height: 37px;margin:34px 0 0 29px;float: left;} /*.bannerGold{background:url("/views/images/banner-gold.jpg") repeat-x 0 0;height: 86px;}*/ .bannerGold{background:url("/views/images/banner.jpg") repeat-x 0 0;height: 86px;} .navGold{background:#B5985C !important;} .navGold ul li a:hover{background:#926F35;} .navGold ul li a.activeTabHighlight {background:#926F35;} .navGold .mainNavSignOn{background:#926F35;} .leftNavGold li a:hover, .leftNavGold li a.listActive, ul.mMenuList.CG li a:hover{color:#9B8768 !important;} .leftNavGold li a{color:#333 !important;} .productsMainGold h2{color:#9B8768;} .productsMainDarkGold h2{color:#564639;} .tabsGold li.active a{color: #9B8768;font-weight: bold;} .bluebold12{color: #000066;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: bold;} .globe-text12{color: #555555;font-family: Arial,Helvetica,sans-serif;font-size: 12px;line-height: 16px;} .tab-list ul li {background-image: url("/views/images/bullet.jpg");background-position: 0 7px;background-repeat: no-repeat;color: #555555;font-family: Arial,Helvetica,sans-serif;font-size: 12px;line-height: 17px;padding: 0 0 7px 8px;} .commonul li {background-image: url("/views/images/bullet.jpg");background-position: 0 7px;background-repeat: no-repeat;clear: both;color: #555555;font-family: Arial,Helvetica,sans-serif; font-size: 12px;line-height: 16px;margin-bottom: 6px;overflow: hidden;padding-left: 7px;text-align: left;} .body-dot {background-image: url("/views/images/hor_dot.gif");background-position: 0 0;background-repeat: repeat-x;height: 1px;} .learnMoreDetail{padding:10px 0 0;display:none;} .lightBoxLogo{overflow:hidden;padding:0 0 10px;} .citibankGoldLogo{float:left;background: url("/views/images/citibank-logo-cg.gif") no-repeat;width:145px;height:42px;} .citigoldLogo{float:right;background: url("/views/images/citiban-cg2.gif") no-repeat;width:59px;height:17px;margin:22px 0 0;} .citibankBlueLogo{float:left;background: url("/views/images/citi_logo.png") no-repeat;width:124px;height:33px;} .aceLogo{float:right;background: url("/views/images/ace_logo.gif") no-repeat;width:192px;height:25px;} #fancybox-wrap {width:450px !important;} .fancyBoxOpen{padding:15px 15px 15px;overflow: hidden;} .fancyBoxOpen.newfund{overflow-x:hidden;overflow-y:scroll;height:350px;} .lightBoxBtn a.goldBtn, .lightBoxBtn a.grayBtn, .lightBoxBtn a.darkGoldBtn{min-width:80px;padding:6px 7px 6px;text-align:center;font-size:12px;margin:0 10px 0 0;} .findWrap{background:#B5995C;border-radius:5px;padding:20px;color:#fff;overflow:hidden;margin:0 0 10px;} .findWrapZone, .findWrapBranch{float:left;width:35%;} .findWrapLink{float:left;padding:30px 0 0;} .findWrapLink a{color:#fff;} .tableWrap tr.goldBg th, .tableWrap tr.goldBg td {background: #B99D65;color: #fff;} .tableWrap tr.darkGoldBg th, .tableWrap tr.darkGoldBg td {background: rgb(86, 70, 55);color: #fff;} .preActive{display:none;} .signOnGroupGold{background: url("/views/images/signon-gold-bg.png") repeat scroll 0 0 transparent;border-radius: 10px;} p.dividerGold{margin:4px 19px 10px;} .homeBlueBanner{background: #004988 url("/views/images/home-blue-bg.jpg") repeat-x 0 0;height: 64px;margin:20px 0 0;} .homeBlueBanner .logo{background: url("/portal/home_english/images/citibank-logo.png") no-repeat 0 0;width: 106px;height: 27px;float: left;display:inline-block;margin:20px 0px 14px 15px;} .homeBlueBanner .citiLogo{background: url("/portal/home_english/images/citi-logo.png") no-repeat 0 0;width: 66px;height: 37px;float: right;display:inline-block;margin:10px 15px 14px 0px;} .offerContentListGold li a {background: url("/views/images/bg_darkgold.png") repeat scroll 0 0 transparent;padding: 13px 5px 0 15px;min-height: 45px;} .offerContentListDarkGold li a {background: url("/views/images/cpc-darkgold.png") repeat scroll 0 0 transparent;padding: 13px 5px 0 15px;min-height: 45px;} .bannerTitleGold{background: url("/views/images/citigold_px.png") repeat scroll 0 0 transparent;width:310px;height:110px;left:0;padding: 20px;border-radius:0 0 10px 0;color: #FFFFFF; display: block;font-family: "interstate";position: absolute;z-index: 1;top:19%;} .bannerProd .bannerTitleGold{top:14%;} .darkGold{background: url("/cpc/images/sign-on-bg-cpc.png") repeat scroll 0 0 transparent;} .grayBgContainer{background-color:#f2f2f2;padding:15px;} .checkIcon{float:left;padding-right:10px;width:8%;} .checkIconTxt{float:left;width:88%;} .iconRgtBrdr .rhtSide{width: 46%;float: left;border-left: 1px solid #ccc;padding-left: 20px;} /**************************** Insights ********************************/ .bannerDarkGold{background:url("/views/images/banner-dark-gold.jpg") repeat-x 0 0;height: 86px;} .navDarkGold{background:#564639 !important;} .navDarkGold ul li a:hover{background:#D5CBC9;color:#564639;} .navDarkGold ul li a.activeTabHighlight {background:#D5CBC9;color:#564639;} .navDarkGold .mainNavSignOn{background:#433326;} .darkGoldBtn {background:#BCA677;background: -webkit-gradient(linear, 0 0, 0 70%, from(#866F5D), to(#59493C));background: -webkit-linear-gradient(#866F5D, #59493C 70%);background: -moz-linear-gradient(#866F5D, #59493C 70%);background: -ms-linear-gradient(#866F5D, #59493C 70%);background: -o-linear-gradient(#866F5D, #59493C 70%);background: linear-gradient(#866F5D, #59493C 70%);-pie-background: linear-gradient(#866F5D, #59493C 70%);color:#fff;} #leftNav li a.listActive.darkGoldNav { color:#564639 !important;} #leftNav li ul.leftNavSubLinks.darkGoldNav li a.listActive {color:#564639 !important;} .tabsDarkGold li {background:#b19780;background: -webkit-gradient(linear, 0 0, 0 70%, from(#b19780), to(#5e4c3e));background: -webkit-linear-gradient(#b19780, #5e4c3e 70%);background: -moz-linear-gradient(#b19780, #5e4c3e 70%);background: -ms-linear-gradient(#b19780, #5e4c3e 70%);background: -o-linear-gradient(#b19780, #846F40 70%);background: linear-gradient(#b19780, #5e4c3e 70%);-pie-background: linear-gradient(#b19780, #5e4c3e 70%);} .tabsDarkGold li.active a{color:#564639;font-weight: bold;} .signOnGroupDarkGold{background: url("/views/images/signon-gold-bg.png") repeat scroll 0 0 transparent;} .cpcLogo{background: url("/views/images/cpc-logo.png") no-repeat 0 0;width:271px;height: 30px;margin: 30px 0 0 29px;float: left;} .bannerDarkGold .pageTitle{margin: 0 265px;} /******************************* Calculator ********************************/ .calculatorWrap{padding:20px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 20px;} .calculatorWrap.noBorder{border:none;padding:10px 0;} .calculatorBgWrap{background:#00A9E2;background: -webkit-gradient(linear, 0 0, 0 90%, from(#00A9E2), to(#00569F));background: -webkit-linear-gradient(#00A9E2, #00569F 90%);background: -moz-linear-gradient(#00A9E2, #00569F 90%);background: -ms-linear-gradient(#00A9E2, #00569F 90%);background: -o-linear-gradient(#00A9E2, #00569F 90%);background: linear-gradient(#00A9E2, #00569F 90%);-pie-background: linear-gradient(#00A9E2, #00569F 90%);padding:15px;} .whiteCalcIcon{background: url("/views/images/calc.png") no-repeat scroll 0 0 transparent;width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:10px;} .calculatorBgWrap a{color:#fff;font-size:14px;background: url("/views/images/white-arrow.png") no-repeat scroll right center transparent;display:inline-block;width:100%;} .calcHdr{font-size:20px;font-family:"interstate";font-weight:normal;color:#000;} .calcTopContent{padding:20px 0 0;overflow:hidden;} .calcTopContent .topContentImgInner{padding:25px 0 0;font-size:14px;font-family:"interstate";font-weight:normal;} .calcArea{overflow:hidden;margin:20px 0 0;border:1px solid #D9D9D9;} .calcFields{background:#D9D9D9;padding:10px;overflow:hidden;} #fancybox-content, #fancybox-content-inner{width: auto !important;background: #fff;} .calcFields, .calcValues{color:#000;} .calcFields .first, .calcValues .first{width:18%;float:left;} .calcFields .second, .calcValues .second{width:20%;float:left;} .calcFields .third, .calcValues .third{width:37%;float:left;} .calcFields .fourth, .calcValues .fourth{width:25%;float:left;} .calcValues .first, .calcValues .fourth{text-align:center;} .calcValues{padding:20px 10px 30px;overflow:hidden;} .calcValuesWrap{padding:20px 0;clear: both;} .shopLocIcon, .shopOverIcon, .storesIcon, .diningIcon, .spendIcon{padding-left: 34px;display:inline-block;vertical-align:middle;margin-right:10px;height: 24px;} .shopLocIcon{background: url("/views/images/calculator/onlineshop.png") no-repeat scroll 0 0 transparent;} .shopOverIcon{background: url("/views/images/calculator/globebag.png") no-repeat scroll 0 0 transparent;} .storesIcon{background: url("/views/images/calculator/departmentStores.png") no-repeat scroll 0 0 transparent;} .diningIcon{background: url("/views/images/calculator/dinning.png") no-repeat scroll 0 0 transparent;} .spendIcon{background: url("/views/images/calculator/otherSpends.png") no-repeat scroll 0 0 transparent;} .calcTxtBox{border-radius:5px;box-shadow:0 0 5px #ccc inset;border:1px solid #ccc;padding:6px 0;width:100px;text-align:center;} .calcValues div.ui-slider {width: 90% !important;margin-top: 10px;} .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%);} .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;} .calcProgress.ui-controlgroup a.ui-slider-handle, a.ui-slider-handle {background: url("/views/images/calculator/slider-button.png") no-repeat 50% bottom;height: 24px !important;margin-left: 0px !important;margin-top: -15px;padding: 0 3px 2px;width: 24px !important;color: #003C78;font-weight: bold;text-align: center;text-decoration: none;font-size: 13px;position: absolute;outline: none;border: 0;} .sliderTxt {background: url("/views/images/calculator/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;} .calcSliderHldr.sliderAlign .sliderTxt{background: url("/views/images/calculator/calc-arrow2.png") no-repeat scroll 0 0 transparent;width:66px;left:-18px;} .calcTotal{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 15px 10px;margin: 0 10px 20px;overflow: hidden;} .calcTotalTxt{float: left;font-size:14px;} .calcTotalValue{float: right;padding-right: 73px;font-size:14px;} .calcBtn{overflow:hidden;padding:0 10px 20px 0;} .calcBtn a.blueBtn{float:right;} .topContentTotal{background:url("/views/images/calculator/total-rewards.jpg") no-repeat;height:71px;float:left;margin:10px 0 0 50px;padding: 20px 50px 0 62px;text-align:center;} .topContentTotal h2, .topContentTotal h4{font-family:"interstate";font-weight:normal;} .topContentTotal h2{font-size:40px;} .topContentTotal h4{font-size:14px;padding-bottom: 0;} .rewardsWrap{border:1px solid #ccc;padding:20px;overflow:hidden;margin:20px 0 0;} .rewardsWrap h2{font-family:"interstate";font-weight:normal;font-size:18px;border-bottom:1px solid #ccc;color: #333;} .rewardsWrap ul{overflow:hidden;padding:20px 0;border-bottom:1px solid #ccc;margin:0 0 20px;} .rewardsWrap ul li{float:left;width:20%;border-left:1px solid #ccc;padding:0 20px;} .rewardsWrap ul li.first{border-left:none;padding-left:0;} .rewardsWrap ul li.last{padding-right:0;} .rewardsWrap ul li span{display:block;color: #333;} .rewardsWrap ul li span.rewardsType{font-size:16px;padding-bottom: 5px;font-family: "interstate";} .rewardsWrap ul li span.rewardsAmt{font-size:30px;font-weight:bold;font-family: "interstate";} /*Calculator*/ .calcHolder{width:100%;position:relative;} .calcWrapper{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:26px 20px;} .calcHeaderTxt{color:#003C7B;} .calcWrapper ul{overflow:hidden;} .calcWrapper ul li{float:left;width:50%;} .calcWrapper ul li .calcIcon{float:left;width:34px;} .calcWrapper ul li .calccontHolder{padding:0 0 20px 0;} .calcWrapper ul li .calcIconTxt{font-size:16px;margin:0 20px;font-weight:bold;float:left;} .filterPromo{border-bottom:none;margin:0;} .filterPromo ul.cardsTab li{width: 16.37%;} .filterPromo.two ul.cardsTab li{width:49.57%;} .filterPromo.five ul.cardsTab li{width:19.70%;}/*16_07_2014*/ .discountsIcon1{float:left;} .iconWrap p{overflow:hidden;padding:0 0 15px;} .blueHd{color: #1BB6E2;font-size: 20px;} .blueTxt{color: #00589D;font-weight:bold;} .blueTxt.normal{font-weight:normal;} ul.bulLst li ul.alphaDoubleLst li{background:none;} .stepPlus{font-size:18px;} .contPadWrap{background:url("/views/images/bg-pattern.gif") repeat;overflow:hidden;border:1px solid #ccc;border-radius:3px;padding:2px 10px 2px;display:inline-block;} .contPadWrapAdj{overflow:hidden;padding:3px;display:inline-block;margin-left: 5px;} .footerLinksList a.activeTabHighlight {color: #3399CC;text-decoration: underline;} .siteMap { width:100%;} .siteLft{ width:45%; float:left; padding: 0 15px 0 0;} .siteRgt { width:45%; float:left;} .bulLst li.breakTxt{word-wrap:break-word;} .siteMap .downList {overflow: hidden; } .downList li { background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;} .downList li ul { margin: 10px 0 0;} .siteMap .downList li ul.downListSub li { background: url("/views/images/downgrayarrow.png") no-repeat scroll 0 5px transparent;padding: 0 0 10px 15px;} .siteMap .downList li ul li, .siteMap .downList li ul.downListSub li ul li{background: none repeat scroll 0 0 transparent;list-style-type: none;padding-left: 0;} .siteMap .downList li ul.downListSub li ul li{font-size:11px;} .noImgList li{padding:0 0 10px;} .thumbImage{margin:0 10px 0 0;} .levelHdr, .levelIcon, .levelTxt{display:inline-block;float:left;padding:0 5px 0 0;text-align: center;} .levelTxt2{width:29%;text-align: center;} .levelTxt3{width: 27%;} .levelIcon{margin-top: 10px;} .equalIcon, .plusIcon{display: inline-block;height: 12px;width: 12px;vertical-align:middle;margin-right:10px;} .equalIcon{background: url("/images/equalto.png") no-repeat scroll 0 0 transparent;} .plusIcon{background: url("/images/plus.png") no-repeat scroll 0 0 transparent;} .tableWrap tr.levelWrap th{border-left:none;} .orTxt{padding:2px 5px 0;} .loginSwitchIcon, .calculatorIcon, .smsTxtIcon, .otpbutIcon, .transIcon{display: inline-block;height: 24px;width: 24px;vertical-align:middle;} .loginSwitchIcon{background: url("/images/login.png") no-repeat scroll 0 0 transparent;} .calculatorIcon{background: url("/images/calculator.png") no-repeat scroll 0 0 transparent;} .smsTxtIcon{background: url("/images/sms.png") no-repeat scroll 0 0 transparent;} .otpbutIcon{background: url("/images/otp.png") no-repeat scroll 0 0 transparent;margin-left:5px;} .transIcon{background: url("/images/transaction.png") no-repeat scroll 0 0 transparent;} .iconImg{float:left;} .iconTxt{padding-top:3px;} .contInnerIconWrap{padding:0 0 10px;overflow:hidden;} .lftSideWrap{float:left;} .rhtSideWrap{display:block;padding-left:34px;} .rhtSideWrap.merchant{padding-left:46px;} .rhtSideWrap.smallIcon{padding-left:20px;} .rhtSideWrap h4 {padding-top:5px;} ol.numLst li {padding: 0 0 5px 0;list-style:decimal;line-height: 17px;margin:0 0 0 25px;} .ClsCatList {display:none;padding:5px 0 0;} .contInnerStep{float:left;background:#fff;padding:10px;border:1px solid #ccc;width:19.5%;min-height:20px;margin:0 15px 15px 0;} .contInnerIcon{float:left;background:#fff;padding:10px;border:1px solid #ccc;width:28.4%;min-height:100px;margin:0 15px 15px 0;} .contInnerIcon.lastChild, .contInnerStep.lastChild{margin-right:0;} .contInnerWrap.first{margin-top:12px;} .ClsSelectCategoryLft {padding-right:10px;} .ClsSelectCategory {float: left;margin-bottom: 10px;width: 100%;} .cS-offersContImgHldr {padding-top:12px;} .filterBtnWrap .filterBtnList {width: 23.9%;float: left;margin-right: 10px;} .filterBtnWrap .filterBtnList.last {margin-right:0;} .filterBtnWrap .filterBtnList a.blueBtn {width: 150px;} .filterBtnWrap .filterBtnList a.blueBtn.active{background:#008CE6;} .locationWrap{padding-bottom:10px;} .stepBox ul.bulLst li {border:none;} .tabLogos img{margin:0 8px 10px 0;} .tableWrap sup {vertical-align: top;top: -0.4em;position: relative;} .tableWrap sup.promo{top: -0.2em;} .grayBg {background-color: #ececec;} .iconBlock{ width:100%;} .iconBlockInner{overflow:hidden; width:100%; padding-bottom:12px;} .iconBlkInnLft{float:left; padding-right:10px; width:25px;} .iconBlkInnLft.report{width:85px;} .iconBlkInnRgt{float:left; width:92%;} .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;} .threeListBox li{width: 26%;min-height: 48px;} /*Home Page Luggage*/ .newAddCont{overflow:hidden;} .newAddContLeft{width:74px;float:left;display:inline-block;} .newAddContRight{float:left;width:50%;} .forminputVal {width: 18%;float: left;} .inputBox25 {width: 25px;height: 23px;padding: 0 0 0 5px;border: 1px solid #ccc;} /****************************** Compare Cards **************************/ .compareHdr {padding: 10px 0 0;overflow: hidden;} .selectCardsHldr {border: 1px solid #ccc;border-radius: 3px 3px 3px 3px;position: relative;margin: 10px 0 20px;overflow: hidden;color: #333;} .rangeHldr{float:left;width:407px;} .selectCardsHdr{padding:10px 0 12px;} .cardsSelectHdr{padding-bottom:8px;} .selectCardsValue{padding:0 0 10px;} .selectCardsHldr .selectType {float: left;width: 36.235%;border-left: 1px solid #ccc;margin:10px 0;padding:0 0 0 30px;min-height: 120px;} .selectCardsHldr .selectType.first{border:none;width: 37%;} .selectCardsHldr .selectType span {display: block;padding-bottom: 7px;} .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;} .selectCardsHldr .selectType.last {background: url('/views/images/bg-pattern.gif') repeat;margin: 0;padding:5px 10px 10px;border: none;box-shadow:3px 0px 10px #ccc inset;height: 138px !important;width: 18%;text-align: center;} .cardsAvailable{font-weight:bold;margin:0;padding:0 0 8px;text-align:center;} .selectCardsHldr .selectType.noBrdr{border:none;} #cardsList{font-size:50px;padding:0;-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 20%, rgba(0,0,0,1));-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 20%, rgba(0,0,0,1));color: #000;position:relative;} #cardVal {display: inline-block;padding: 0;} .recommedBtn{float:right;overflow:hidden;padding-bottom: 10px;width:100%;} .detailBtn {width:auto;} .compareAllBtn {float: right;width: 180px;text-align: center;} .orCompare {display: block;text-align: center;padding-bottom: 5px;} .selectCardsHldr .selectType span input[type="radio"] {margin: 0 5px 0 0;vertical-align: middle;} .recommedBtn a.grayBtn, .recommedBtn a.blueBtn, .cardWrapBtn a.blueBtn{width:175px;padding:10px 0;text-align:center;} .recommedBtn .recBtn{padding-left:10px;} .addCardHldr {border-top: 1px dotted #CCCCCC;margin: 20px 0 0;padding: 20px 0 0;} .cardWrap{clear: both;padding:20px 0 0;} .cardWrapTop{background:#f0f0f0;padding:20px;box-shadow:0 0 10px #aaaaaa;} .cardWrapBot{background:#fefefe;padding:20px;box-shadow:0 0 10px #aaaaaa;overflow:hidden;} .cardWrapList{overflow:hidden;} .cardWrapList li{float:left;width:47.6%;border-right:1px solid #ccc;padding:0 10px 0 0;margin-right: 20px;display:none;} .cardWrapList li.last{border:none;margin:0;} .cardImgWrap{float:left;} .cardcontWrap{display:block;padding:0 0 0 100px;} .cardWrapList li .cardcontWrap ul.checkList li{float:none;border:none;width: auto;padding:0 0 10px 25px;margin:0;display:block;} .cardWrapBtn{float:left;padding:10px 0 0;} .iconWrapImg{float:left;} .iconWrapCont{padding:0 0 0 15px;float:left;} .iconWrapCont ul.bulLst{overflow:hidden;} .iconWrapCont ul.bulLst li{float:left;padding:0 10px 0 10px;margin:0 10px 0 0;line-height: inherit;} .compareFilter{padding:0 0 20px;} ul.compareFilterTab {overflow: hidden;background: #EDEEF0;border-radius: 5px;border: 1px solid #ddd;box-shadow: 0 0 5px #ddd;position: relative;} ul.compareFilterTab li {float: left;cursor: pointer;height: 46px;text-align: center;width:24.785%;border: 1px solid #EDEEF0;} ul.compareFilterTab li:hover, ul.compareFilterTab 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.compareFilterTab li a {height: 45px;display: block;} ul.compareFilterTab li a.ourCards {background: url("/views/images/compare-pc-filter/compare-cards-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.ourCards, ul.cardsTab li.active a.ourCards{background: url("/views/images/compare-pc-filter/compare-cards-on.png") no-repeat scroll center center transparent;} ul.compareFilterTab li a.rightCard {background: url("/views/images/compare-pc-filter/right-card-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.rightCard, ul.cardsTab li.active a.rightCard{background: url("/views/images/compare-pc-filter/right-card-on.png") no-repeat scroll center center transparent;} ul.compareFilterTab li a.studentCard {background: url("/views/images/compare-pc-filter/student-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.studentCard, ul.cardsTab li.active a.studentCard{background: url("/views/images/compare-pc-filter/student-on.png") no-repeat scroll center center transparent;} ul.compareFilterTab li a.creditLine {background: url("/views/images/compare-pc-filter/credit-card-off.png") no-repeat scroll center center transparent;} ul.cardsTab li:hover a.creditLine, ul.cardsTab li.active a.creditLine{background: url("/views/images/compare-pc-filter/credit-card-on.png") no-repeat scroll center center transparent;} .addCard, ul.hiddenval {position: relative;} .addCard {background: url("/views/images/compare/add-card-bg.jpg") repeat-x;overflow: hidden;padding: 20px 30px 0;box-shadow:0 0 10px #999;} .addCard .addcloseIcon {top: 10px;right: 8px;background: url("/views/images/closeIcon.png") no-repeat;width: 12px;height: 12px;position: absolute;cursor: pointer;} .cardLftArro {float: left;background: url("/views/images/compare/lt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;left: 10px;cursor: pointer;} .addlstCards {float: left;width: 96%;overflow: hidden;position:relative;} .addCard ul {float: left;} .addCard .addlstCards li {width: 139px;} .addCard ul li {float: left;text-align: center;} .addCardHdr {font-weight: bold;font-size: 12px;} .addCardLink{padding:0;} .addlstCards .addCardLink a {width: 90px;padding: 5px 0;font-size: 11px;} .cardRgtArro {background: url("/views/images/compare/rt-arrow.png") no-repeat;width: 8px;height: 15px;position: absolute;top: 45%;right: 10px;cursor: pointer;} .lftStripBg {background: url("/views/images/compare/leftBg.png") no-repeat;width: 13px;height: 175px;float: left;} .rhtStripBg {background: url("/views/images/compare/rightBg.png") no-repeat;width: 13px;height: 175px;float: right;} .selectedCards, .cardsDetails {background: url("/views/images/bg-pattern.gif") repeat scroll 0 0;box-shadow:0 0 10px #999;margin: 20px 0;overflow: hidden;position: relative; clear: both;} .selectedCards ul {width: 100.1%;} .selectedCards ul li {width: 20%;float: left;padding: 10px 0 0;text-align: center;} .selectedCards ul li .cardHdr{min-height: 34px;font-weight: bold;padding: 0;} .selectedCards ul li .cardImg {position: relative;margin: 10px 0;padding: 0;float: none;width: auto;} .cardsGrayBg {background: #f3f3f3;} .cardsWhiteBg {background: #ffffff;} .cardHdrAdd {min-height: 34px;font-weight: bold;padding: 0;} .cardImgAdd {position: relative;margin: 10px 0;padding: 0;} .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;} .detailList {display: none;} .cardsDetails {margin:20px 0 10px;} #cardDetailsHolder {display: none;} .cardBtn span {margin: 10px 0 0;display: block;min-height: 25px;} .closeIconHldr {position: absolute;right: 10px;} .closeIconHldr .closeIcon {top: 0px;right: 20px;} .addCardImg {position: relative;margin: 10px 0;padding: 0;} .closeIconHldr .closeIcon {background: url("/views/images/close.jpg") no-repeat;width: 14px;height: 15px;cursor: pointer;} .productName {color: #05589D;} .formbtnAlign{margin:0px 0 15px;} .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 22.5px;} .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;} /*WhatsNew page*/ #whatnew {overflow: hidden;padding: 0 29px;} .innerWrapCont {margin: 25px 0 0;overflow: hidden;} .lineBg {background: url("/whatsnew/images/middle-bg.png") no-repeat;height: 9px;margin: 20px 0 0;} .innerWrapDet{overflow:hidden;padding:20px 0 0;} .innerWrapLft, .innerWrapMid, .innerWrapRht{width:30%;padding:0 20px 0 0;margin:0 20px 0 0;float:left;text-align:center;} .innerWrapRht{padding:0;margin:0;} .innerWrapDet .thumbImg{margin:0 0 10px 0;} .thumbHdr h2{padding-bottom: 0;font-size: 24px;font-weight: normal;} .greenTxt{color:#61b11e;} .orangeTxt{color:#ec890a;} .orangeText{color:#D46F0D;} .greenText{color:#339966;} .thumbCont{background:url("/whatsnew/images/pattern.png") repeat;padding:15px;height: 135px;} .thumbCont{text-align:left;} .diningIconMar{margin:0;} .marketOfferContentGold{top:55px;} .thumbImageWrap img{margin:0 8px 5px 0;} .offerGoldBg{background: url("/citigold/images/citigold_px.png") repeat scroll 0 0 transparent;padding:10px;border-radius: 0 0 10px 0;} .prodWrapBtn{float:right;padding:20px 27px 0;} .prodWrapBtn a.grayBtn{width:175px;padding:10px 0;text-align:center;} .cardmember{color:#02589d;font-size:14px;} .cardmember.fnt12{color:#02589d;font-size:12px;} ul.eBrokLst{overflow:hidden; width:100%; margin:0 0 15px 0;} ul.eBrokLst li{float:left; padding:0 10px 0 0;width:118px;} ul.eBrokLst.bonus li{width:154px;margin-right:10px;padding:0;} ul.eBrokLst.bonus li.last{margin:0;padding:0;} .topContentThumpApp{display:none;} .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.twoReason{padding-bottom:15px;} .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:445px;} .topBox .topBoxInner .right.fWidth{float: left; margin-left:20px; width:100%;} .topBox .topBoxInner .right.noThumb{margin-left:0;width:100%;} .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 30px 0;} .topBox .topBoxBtn.noBorder{border:none;} .topBox.margNone{margin:0 0 15px;padding-bottom:0;} .topBox.ctrlSpacer{margin:0 0 15px;} .productsMain.topBox{padding:20px 0 0 0;} .productsMain.topBox .productWrap{border-bottom:none; margin:0px;} .visible-app{display:none;} .formInnerWrap{overflow:hidden;} .errorMsg{font-size:11px;color:#FE3434;text-align:left;} .blockElement{display:block;} .breakTxtLink{word-wrap:break-word;} .printSection tr td{word-wrap:break-word !important;} .commonspacer{display:block;padding:3px 0;} /*float:left;*/ .innerBoxContCalc .formInner .formValue{width: 210px;} .fancyBoxScroll{height:300px;overflow-y:auto;} .addCompareBtn, .CompareNowBtn{display:none;} .contactEnquiry{overflow:hidden;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:15px 10px;margin:0 0 20px;background:#f6f6f6;} .contactEnquiry.twoBtn{background:none;border:none;padding:0;margin:0 0 20px;} .contactEnquiry.last{padding:0;border:none;background:none;} .callActionLft{float:left;} .callActionLft.icon p{padding:0;margin-top:5px;} .callActionLft.split{width:72%;padding-top:2px;} .callActionLft.split.download{width:67%;} .triangleIcon{background:url("/english/ways-to-bank/images/icons/triangle.png") no-repeat 0 0;} .starIcon{background:url("/english/ways-to-bank/images/icons/star.png") no-repeat 0 0;} .squareIcon{background:url("/english/ways-to-bank/images/icons/square.png") no-repeat 0 0;} .triangleIcon, .starIcon, .squareIcon{width:12px;height:12px;display:inline-block;vertical-align:middle;} .callActionRgt{float:right;} .multiplecallAction li.center a.blueBtn, .callActionRgt a.blueBtn, .callActionLft a.blueBtn, .callActionRgt a.grayBtn, .callActionLft a.grayBtn, .topBoxBtn a.blueBtn, .topBoxBtn a.grayBtn, .tabBtn a.blueBtn, .tabBtn a.grayBtn{font-size: 12px;padding: 10px 0;text-align: center;width: 175px;} .callActionRgt a.blueBtn.download{width: 210px;} .contactEnquiry.twoBtn a.blueBtn.mediumBtn, .contactEnquiry.twoBtn a.grayBtn.mediumBtn{width:190px;} a.grayBtn.mediumBtn1{width:230px;} .contactEnquiry.contactTxt .callActionRgt{width:28%;padding-top:6px;} .contactEnquiry.contactTxt .callToAction li{width:auto;} .contactEnquiry.contactTxt .callToAction li span.iconRgt{width:90%;} .callActionRgt a.blueBtn.mediumBtn, .callActionLft a.grayBtn.mediumBtn{width:190px;} .callActionLft.huge a.grayBtn{width:385px;} .callAction{margin-left:33px;} .callAction li{float:left;border-right:1px dotted #ccc;} .callAction li.left{padding-right:20px;} .callActionLft .contInnerIconWrap.enquiry{margin-top:5px;padding:0;} .callActionLft .contInnerIconWrap.enquiry.super p{margin:0;padding:0;} .callActionLft .contInnerIconWrap.enquiry.super .shortTxt{margin-top:3px;} .callActionLft .contInnerIconWrap.enquiry.super{margin-top:8px;} .callActionLft .contInnerIconWrap.enquiry p{padding:0;margin-top:4px;} .callActionLft .contInnerIconWrap.enquiry.super.One{margin-top:6px;} .callAction li.right{border:none;} .callAction li.center, .callAction li.right{padding:0 25px;} .callToAction li{float:left;/*width:85%;*/} .callToAction li span.iconLft, .callToAction li span.iconRgt{float:left;display:inline-block;} .callToAction li span.iconLft{width:24px;} .callToAction li span.iconRgt{width:77%;} .callToAction li span.iconRgt.auto{width:auto;} .commonSteps{background:#e8e8e8;padding:10px;border-bottom:2px solid #ccc;} .stepLft{width:45px;float:left;font-weight:bold;} .curveHolder.ch .stepLft{width:55px;} .stepRgt{float:left;width:90%;} .stepIcon{background:url("/english/banking/images/icons/steps-mob.png") center center no-repeat;height:14px;position:relative;top:-4px;} .multiplecallAction{border-bottom:1px dotted #ccc;margin:0 0 15px;} .multiplecallAction li{border-right:1px dotted #ccc;width:192px;float:left;margin:0 0 15px;} .multiplecallAction li li{border-right:0;} .multiplecallAction li.left{padding-right:29px;} .multiplecallAction li.center, .multiplecallAction li.right{padding-left:29px;} .multiplecallAction li.last{border:none;} .multiplecallAction.last{border:none;margin:0;} .multiplecallAction.last li{margin:0;} .twoColumnCTA{margin:15px 0 0 10px;} .existNonCTA{margin:15px 10px 0;} .existNonCTA .leftAction{float:left;width:48%;border-right:1px dotted #ccc;} .existNonCTA .rightAction{float:right;} .twoColumnCTA.last{margin-top:0;} .twoColumnCTA li{float:left;width:285px;} .twoColumnCTA.default li{width:100%;} .twoColumnCTA li.left{padding-right:29px;border-right:1px dotted #ccc;} .twoColumnCTA li.right{padding-left:29px;} .twoColumnCTA li.oneCol li{width:400px;} /*Clear Fix*/ .cf:before, .cf:after {content: " "; /* 1 */display: table; /* 2 */} .cf:after {clear: both;} .cf{*zoom: 1;} /*Clear Fix*/ .aIcon{background: url("/english/banking/images/icons/a.png") no-repeat scroll 0 0 transparent;} .bIcon{background: url("/english/banking/images/icons/b.png") no-repeat scroll 0 0 transparent;} .cIcon{background: url("/english/banking/images/icons/c.png") no-repeat scroll 0 0 transparent;} .d-Icon{background: url("/english/banking/images/icons/d.png") no-repeat scroll 0 0 transparent;} .aIcon, .bIcon, .cIcon, .d-Icon{display:inline-block;vertical-align:middle;height:19px;width:19px;} .rewardsmallIcon1{background: url("/english/credit-cards/images/icons/dollar-s.png") no-repeat scroll 0 0 transparent;} .rewardsmallIcon2{background: url("/english/credit-cards/images/icons/gift-s1.png") no-repeat scroll 0 0 transparent;} .a-Icon{background: url("/english/investment/images/icons/a.png") no-repeat scroll 0 0 transparent;margin:-5px 0 0;} .b-Icon{background: url("/english/investment/images/icons/b.png") no-repeat scroll 0 0 transparent;margin:-5px 0 0;} .rewardsmallIcon1, .rewardsmallIcon2, .a-Icon, .b-Icon{display:inline-block;vertical-align:middle;height:18px;width:18px;} .hdTxt{font-size:24px;color:#00589d;line-height:22px;} .hdMidTxt{font-size:20px;color:#00589d;line-height:20px;} .hdSmallTxt{font-size:16px;color:#00589d;} .promotionLstItems{margin:0 0 10px 0;} .promotionLstItems.last{margin:0;} .promotionLstItems li{float:left;margin-right:20px;} .promotionLstItems.lastPromo li{padding-bottom:10px;} /*forms*/ .col1{width:24px;margin:29px 22px 0 0;} .colcheckIcon{width:24px;margin:0 22px 0 0;} .col2{width:185px;} .col2.profile, .col3.profile{width:300px;} .colBig{width:285px;} .colBig.profile input{width:283px;} .col2.calcCol1{width:270px;} .colBig.MrgnNone{margin-right:0;} .col3.profile, .col3.profile input{width:205px;} .colBig.profile input.tiny{width:70px;} .colBig.profile input.mediumtxtBox{width:197px;} .colfull{width:534px;} .colfull.terms.calc{width:100%;} .colfull.terms.calc #errormsg{margin:5px 0 0;display:block;} .colfull.terms{width:600px;} .col2, .col3, .colBig{margin-right:30px;} .col3, .col4{width:177px;} .commonForm.last{margin:0;} .commonForm{width:100%;margin:0 0 15px;} .commonForm ul{padding:22px;} .commonForm ul.remark{padding:12px 22px 22px 22px;} .commonForm ul li{float:left;} .commonForm ul li input{width:177px;border:1px solid #ccc;height:26px;text-indent:10px;color:#666;} .commonForm ul li input.first{width:184px;} .commonForm ul li textarea{width:599px;border:1px solid #ccc;height:80px;color:#666;resize:none;max-width:none !important;overflow-y:hidden;} .commonForm ul li .formField{padding:0 0 10px;color:#666;font-weight:bold;} .commonForm ul li input.checkBox{width:24px;padding:0;margin:0;height:auto;border:none;} .commonForm li.calcCol1 input{width:244px;} .commonRow1{background:#f2f2f2;} .commonRow2{background:#EAEAEA;} .discAlert{padding:5px 0;} .TermsAndConditions.bg{background:#fff;} .TermsAndConditions ul{padding:0;} .TermsAndConditions .condHolder{color:#999;} .TermsAndConditions .termsInnCont{padding:0;} .greyClr{color:#666 !important;} a.greyClr{color:#555;} .commonForm ul li .formField, .commonForm ul li .formValue{float:left;} .commonForm ul li .formField.fixWidth{width:300px;} .commonForm ul li.colfull.terms {padding-bottom: 20px;} /*forms*/ .multiLogos, .multiLogo{padding:0;margin:0 0 10px !important;} .multiLogo.last{margin:0 !important;} .multiLogos li, .multiLogo li{padding:0 !important;background:none !important;margin-right:10px;float:left;} .multiLogos.business li, .multiLogo.business li{margin-right:3px;} .multiLogos li{width:100px;} .multiLogo li{width:150px;} /*TC content Splitter*/ .condHolder{width:100%;padding:0 0 5px;} .leftContent{width:7px;float:left;text-align:center;} .leftContent.bigIcon{width:9px;} .leftContent.hugeIcon{width:12px;} .rgtContent{width:97.6%;float:left;margin-left:1px;} .rgtContent.gIcontxt{margin-left:5px;width:94%;} .condHolder .gIcon{margin:2px 0 0 !important;} .productsListCont .rgtContent.gIcontxt{width:89%;} .rgtContent.category{width:94%;} .rgtContent.super{padding-top:2px;} .doubleCol{margin:0 0 15px 28px;} .doubleCol .single{float:left;padding-right:20px;width:230px;} .doubleCol .double{float:left;width:275px;border-left:1px dotted #ccc;padding-left:20px;} .videoAd{line-height:8px;} .TermsAndConditions.cardbgTerms { height:55px;background:#fff;} .TermsAndConditions.cardbgTerms .scroll-pane { height:55px;} .callActionRgt .LargeBtn{width:auto !important;padding:10px !important;} .expand-title {color: #999999;font-size: 11px;font-style: italic;} .titleTxt{font-size:16px;font-weight:bold;display:block;padding:0 0 10px;} .tblHeaderCont.info{} .tblHeaderCont.info .left{width:46%;padding-right:20px;border-right:1px dotted #ccc;} .tblHeaderCont.info .right{width:46%;padding-left:20px;} .tblHeaderCont.branch{margin:0 0 10px;} .tblHeaderCont.branch .left{width:46%;padding-right:20px;border-right:1px dotted #ccc;} .tblHeaderCont.branch .left .rgtContent{width:88%;} .tblHeaderCont.branch .right{padding-left:20px;width:42%;} .tblHeaderCont .left, .tblHeaderCont .center, .tblHeaderCont .right{float:left;} .tblHeaderCont .leftContent {width:auto;margin-right:10px;} .tblHeaderCont .left{width:28%;} .tblHeaderCont .center{margin-right:6%;} .tblHeaderCont .center{width:29%;} .tblHeaderCont .center .rgtContent, .tblHeaderCont .right .rgtContent{width:88%;} .tblHeaderCont .right{width:37%;} ul.iconList{float:left;width:100%;} .iconList li{float:left;margin-right:5px;} .leftBlock{float:left; padding: 0 15px 0 0;line-height:20px;} .leftBlock h2{line-height:32px;} .rightBlock{float:left;} .dIcon, .yIcon, .c-Icon, .iIcon, .pIcon, .gIcon{width:12px;height:12px;display:inline-block;vertical-align:middle;} .dIcon{background:url("/english/ways-to-bank/images/icons/deposit-service.png") no-repeat 0 0;} .yIcon{background:url("/english/ways-to-bank/images/icons/renminbi-cash-withdrawal.png") no-repeat 0 0;} .c-Icon{background:url("/english/ways-to-bank/images/icons/c.png") no-repeat 0 0;} .iIcon{background:url("/english/ways-to-bank/images/icons/i.png") no-repeat 0 0;} .pIcon{background:url("/english/ways-to-bank/images/icons/p.png") no-repeat 0 0;} .gIcon{background:url("/english/ways-to-bank/images/icons/g.png") no-repeat 0 0;margin:0 3px;} .tblHeaderCont.branch .gIcon, .tableWrap table .gIcon{margin:0;} .whatsNew{border:1px solid #ccc;padding:15px;position:relative;box-shadow: 2px 2px 4px #CCCCCC;margin:0 0 10px;border-radius: 10px 10px 10px 10px;background:#fff;} .whatsNew .welcomeOffer{color:#666;font-size:18px;font-weight:normal;text-align:center;font-family: "interstate";} .whatsNew .welcomeOffer span.blueTxt{font-weight:bold;} .whatsNew .welcomeOffer span.smallTxt{font-size:14px;} .blkWrap{width:100%;position:relative;} .blkWrap .leftWrap{float:left;width:10px;} .blkWrap .rightWrap{float:left;width:90%;margin-left:10px;} .blkWrapNext{clear:both;margin-left: 20px;} .blkWrapNext .leftWrap{float:left;width:15px;} .blkWrapNext .rightWrap{float:left;width:85%;margin-left:15px;} /* !# Edited 6/5/2014 - XML CBOL Page #! */ /*.mrktinsgt-tabs-wrapper{padding:0;}*/ .mrktinsgt-tabs-wrapper .tabsContainer{padding:0;} .mrktinsgt-tabs{overflow:hidden;} .mrktinsgt-tabs li{float:left;background:#b4b4b4;text-align:center;line-height:28px;} .mrktinsgt-tabs li a{width:246px;display:inline-block;padding:6px 0;font-family:"interstate-light";font-size:14px;color:#fff;} .mrktinsgt-tabs li a > img{border: none;vertical-align: middle;margin-right: 10px;width:18px;} .mrktinsgt-tabs li a > img.on{display: none;} .mrktinsgt-tabs li a > img.off{display: inline-block;} .mrktinsgt-tabs li.active a > img.on{display: inline-block;} .mrktinsgt-tabs li.active a > img.off{display:none;} .mrktinsgt-tabs li.active{background:#fff;} .mrktinsgt-tabs li.active a{color:#0196da;} .mrktinsgt-tabs-wrapper .tabContentWrap{border: none;padding: 20px 30px 0 30px; } .mrktinsgt-tabs-wrapper .tabsWrapper{padding-bottom:0;} /* 9Jun14 S */ #footer{clear:both;} .mrktinsgt-wrapper{clear:both;} .mrtins-tabcontent {display: none;margin: 0 auto;overflow: hidden;} .mrtins-tabcontent.first{display:block;} .mrtins-adds { padding: 20px 30px 0;overflow:hidden;clear:both;} .colm-container {clear: both;overflow: hidden;} .mrtins-adds-col1 {float: left;margin: 10px 27px;width: 202px;font-size:15px;} .mrtins-adds-col2 {float: left;margin-left: 16px;width: 728px;border:1px solid #DCDCDC;} .mrtins-adds-col1 a {display: block;margin-bottom: 20px;} .mrtins-on {float: left;padding: 5px 0 0;} .mrtins-tfrow1 { background-color: #f8f8f8;overflow: hidden;padding: 10px 30px;} .mrtins-adds-col1 span {float: left;padding: 0 0 0 10px;} .col2-inner {clear: both;overflow: hidden;padding: 18px;} .col2-inner-blk {float: left;width: 49%;} .col2-inner-blk img {margin: 0 20px 0 0;float:left;} .col2-inner-blk span{} .blk2{border-left:1px solid #DCDCDC;} .blk2 img{margin:0 20px 0 30px;} .slh {margin-top: 8px;} .mrtins-add-tit {color: #386DA3;font-size: 1.27em;padding: 18px 0 0 18px;} .mrtins-remark-disc {clear: both; margin: 30px 0 0;} ul#mrtins-nav li a, ul#mrtins-tfocus-nav li.tfocuslst > a{background-image: url("/english/investment/images/icons/market-insight/plus.png");background-position: 892px center;background-repeat: no-repeat;color: #0195DF;display: block;font-size: 1.2em;margin:0;padding: 10px 0;} ul#mrtins-tfocus-nav li.tfocuslst > a{background-position: 892px center;} ul#mrtins-nav li a{border-top:1px dotted #DCDCDC;border-bottom:1px dotted #DCDCDC;} ul#mrtins-tfocus-nav li.tfocuslst > a {color:#686868;font-size: 1.26em; padding:18px 0 18px 58px;} ul li a.mrtins-nav-tminus {background-image: url("/english/investment/images/icons/market-insight/minus.png") !important;border-bottom:none !important;} ul#mrtins-nav li div, #mrtins-tfocus-nav li > div{display:none; font-family: Arial,Helvetica,sans-serif;font-size: 12px;color: #666666;} ul#mrtins-nav li a#mrtins-bn{border-top:none;} #mrtins-nav ul {/* margin-left: 3%;width: 97%;*/} #mrtins-remarks{margin-left:26px;} h1.mrtins-heading {color: #185E9C;float: left;margin: 16px 0 0 0;} .mrtins-tfrow1 img { float: right;margin:0;} .tabContentWrap{clear:both;overflow:hidden;} #container ul#mrtins-tfocus-nav li.mrtins-bn1{border-top:none;} .tfocusli1 > img, li.tfocusli2 > img, li.tfocusli3 > img { float: left;margin-left: 10px;margin-top: 12px;} .tfocusli1 span {font-size: 1.1em;} .mrtins-comment{color:#185f9f;font-size: 2em;margin:10px 0;} #mrtins-tfocus-nav ul{} .tftab-inner1{margin: 0 18px;clear:both;overflow:hidden;} #mrtins-tfocus-nav li > div{overflow:hidden;} ul#mrtins-tfocus-nav li.tfocuslst{border-top:2px solid #EEEEEE; border-bottom:2px solid #EEEEEE;clear:both;} .tftab-inner2 > p {float: left;} .mrtins-tftab-login {float: right;} .tf-readmore, .tf-login {background-color: #00BEF2;float: left;padding: 5px 14px;} .tf-login span, .tf-readmore span{color: #FFFFFF;float: left;font-size: 1.2em;padding: 0 0 0 8px;} .tf-login{ background-color: #CDCDCD;padding: 5px 32px;margin:0 0 0 10px} .mrtins-tftab-login img {float: left;padding-top: 1px; max-width: inherit;} .tftab-inner2,.tftab-inner3 {margin: 10px 18px;overflow: hidden;clear:both;} .mrtins-tableleft{} .tog-border{border-top:2px solid #eeeeee !important;padding-top:0 !important;} .tog-border2{margin:0 0 12px 0;padding:10px 0 0 0;border-top:1px dotted #DCDCDC;} .mrtins-tfrow3 {clear: both;margin: 22px 0 0;} .mo-stock-banner {clear: both;display: inline-block;margin: 0 0 22px;overflow: hidden; } .mrtins-banner {margin:0;overflow: hidden;} /* carosel css S */ .videoWrap {overflow: hidden;} .videoImg {float: right;height:285px;margin-left:-10px;overflow:hidden;position:relative;background-color: #000000;} .videoList {float: left;overflow: hidden;} .videoCont {overflow: hidden;width: 235px;} .arrowList {background: #12a1e7; /* Old browsers */background: -moz-linear-gradient(top, #12a1e7 0%, #0488d0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12a1e7), color-stop(100%,#0488d0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #12a1e7 0%,#0488d0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #12a1e7 0%,#0488d0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #12a1e7 0%,#0488d0 100%); /* IE10+ */ background: linear-gradient(to bottom, #12a1e7 0%,#0488d0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a1e7', endColorstr='#0488d0',GradientType=0 ); /* IE6-9 */ overflow: hidden;width:225px; } .videoList ul { height: 258px;overflow: hidden;} .videoList li:hover, .videoList li.active { background: #51d7fd; /* Old browsers */ background: -moz-linear-gradient(top, #51d7fd 0%, #20beed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51d7fd), color-stop(100%,#20beed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #51d7fd 0%,#20beed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #51d7fd 0%,#20beed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #51d7fd 0%,#20beed 100%); /* IE10+ */ background: linear-gradient(to bottom, #51d7fd 0%,#20beed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51d7fd', endColorstr='#20beed',GradientType=0 ); /* IE6-9 */ color:#fff; } .videoList li { border-bottom: 1px solid #CCCCCC;cursor: pointer;height: auto;overflow: hidden;/*height:87px;*/} .videoList li:hover div.videoThumbImg, .videoList li.active div.videoThumbImg {opacity: 1;} .videoThumbImg {float: left;width:80px;} .videoThumbImg img {float: left;height:85px;} .videoThumbCont {float:left;width:145px;padding-right: 10px;position: relative;} .videoList li:hover .videoThumbCont, .videoList li.active .videoThumbCont{/*background: rgba(0, 0, 0, 0) url("../../english/investment/images/active-video-arrow.png") no-repeat 145px 45px;*/background-image:url("../../english/investment/images/active-video-arrow.png");background-repeat:no-repeat;background-position:145px 45px;} .videoThumbCont-iiner{padding: 15px;} .videoList li { cursor: pointer; background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ } .videoThumbCont p {font-family: "interstate";} .mrtins-car-container li.active .goldTxt {color: #ffffff !important;} .arrowList a.topArro, .arrowList a.downArro {border-right: 1px solid #0488C9;display: block;float: left;text-align: center;width: 49.5%;padding:6px 0;} .arrowList a.topArro:hover, .arrowList a.downArro:hover{opacity:0.46;} .arrowList a.downArro {border: medium none;width: 50%;} .mrtins-car-container {float: left;} /* carosel css E */ a.mrtins-cssov {display: inline !important;padding: 0 !important;} /* 9Jun 14 E*/ /* manual edit S*/ .bbcorner {top:0;right:0;position:absolute;z-index:1;} .mrtins-flex-container{overflow:hidden;float: right;width: 240px;} .mrtins-flex{float:left;overflow:hidden;} .mrktins-slider{width:239px;} .mrtins-flex > a {background-color: #02BDF0;color: #FFFFFF;float: left;text-align: center;width: 119px;height:55px;} .mrtins-flex > a > span {padding:12.5px 0;display:block;border-left:1px solid #00d3f8;} .mrtins-flex > a.one {border:0;border-right:1px solid #00a8e6;} .mrtins-flex > a.one > span {padding:20px 0;} .mrtfs-xml {font-weight: bold;margin-left: 26px;margin-top: 15px;} .mrtfs-xml-acctyp {color: #FFFDC2;font-size: 1.7em;} .mrtfs-xml-acccountry {color: #F4F9FF;font-size: 1.3em;} .mrtfs-xml-acc-percon {margin:34px 0 0 18px;} .mrtfs-xml-upto, .mrtfs-xml-week {color: #F4F9FF;font-size: 1.3em;} .acc-per {color: #FFFFFF;margin-top: -12px;} .pc-large {font-size: 5.7em;} .pc-small {font-size: 2.3em;} .pc-tiny {font-size: 1.4em; padding-left: 4px;} .mrtfs-xml p {padding: 3px 0 0;font-weight: 100;} ul#mrtins-tfocus-nav li a.mrtins-cssov:hover{background: none repeat scroll 0 0 #008CE6;} .mrtins-tftab-login .tf-readmore:hover, .mrtins-tftab-login .tf-login:hover {background:#008CE6;} .mrtins-bor{border-top:1px dotted #DCDCDC;border-bottom:1px dotted #DCDCDC;} ul#mrtins-nav li div{padding-top:10px;} .tf-inner1-row1-c1 {float: right;width: 178px;} .tf-inner1-row1-c2 {float: left;width: 690px;} span.mi-fltRt{float: right;} .tf-inner1-row1-c1.fx-week-insight1{width: 428px;margin: 0 0 0 0;} .tf-inner1-row1-c2.fx-week-insight2{width:438px;} #mrtins-remarks-ef-markcom-posts{line-height: 2;padding: 0 0 10px;} /* 26Jun14 S */ .mrtins-mediatab {clear: both;margin: 20px 0 0;overflow: hidden;} .mt-col1, .mt-col2 {background-color: #ffffff;float: left;height: 172px;margin: 20px 0 0;width: 440px;border:2px solid #f4f4f4;} #mrtins-foreignexchange .mt-col1, #mrtins-foreignexchange .mt-col2{height:202px;} .mt-col2{border-left:none;} .mt-col1 ul,.mt-col2 ul{margin:0 8px 8px;} .mt-col1 > h4,.mt-col2 > h4{ background-color: #3399cc;color: #ffffff;margin: 0 0 8px;padding: 4px 0;text-align: center;font-size:1.3em;} #mrtins-marketoverwiew .mt-col1 > h4 {padding: 11.5px 0;} .mt-col1 h3 , .mt-col2 h3 {margin: 0 8px;} #fearticle-2 ul {padding:0;margin:0 8px;} .tf-chart {display: block;margin: 0 auto;} .mrtins_inv-ide{ padding:10px 20px 0; } .ii-desc {float: left;width: 298px;} .mt-cols-inner1 > img {float: right;padding:14px 0;} .mt-cols-inner1 {margin: 24px auto;overflow: hidden;width: 84%;} #mrtins-investmentideas .mt-col1, #mrtins-investmentideas .mt-col2{ height: inherit;} #mrtins-investmentideas .mt-col1 h2, #mrtins-investmentideas .mt-col2 h2{margin:0;color:#185f9f;} .ii-desc span {font-size: 8px;vertical-align: super;} .mrtins-ii-invthemes {float: left;margin: 0 38px 0 0;width: 190px;} .invt-last{margin:0} ul.mrtins-ii-invt-LstIS li {background-image:url("/english/investment/images/icons/market-insight/small-arrow.png");background-repeat:no-repeat;background-position:0 17px;padding:4px 0 2px 10px;} .mrtins-ii-invthemes ul.mrtins-ii-invt-LstIS li{background-position:0 9px;} ul.mrtins-ii-invt-LstIS {margin:10px 0;font-size:1.1em;} .mrtins-ii-invt-LstIS a {color: #45cef8;} ul.ii-left{margin:18px 0 0;line-height:2.5;} img.ii-logos{float:left;} .ii-logos-tab {overflow: hidden;padding: 18px 0;} /******* Right slider new*******/ .slides ,.slides2{position: relative;overflow: hidden;} .slides ul , .slides2 ul{position: relative;margin: 0;padding: 0;list-style: none;width:960px;} .slides ul li, .slides2 ul li{position: relative;display: block;float: left;margin: 0px;padding: 0;width: 239px;height: 230px;} .slides2 ul li{height: 270px;} .control_prev, .control_next {position: absolute;bottom: 0;z-index: 999;display: block;padding: 5px;width: auto;height: auto;background: #2a2a2a;color: #fff;text-decoration: none;font-size: 18px;opacity: 0.8;cursor: pointer;margin:5px;} .control_prev:hover, .control_next:hover {opacity: 1;-webkit-transition: all 0.2s ease;} .control_prev {right:50;border-radius: 0 2px 2px 0;} .control_next {right: 0;border-radius: 2px 0 0 2px;} .square , .squarem{display:inline-block;list-style:none;} .square a, .squarem a{ background-image: url("/english/investment/images/icons/market-insight/blue-circle.png");background-repeat: no-repeat; /*background: none repeat scroll 0 0 #01bff1;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;*/float: left;height: 9px;margin: 0 5px;position: relative;width: 9px;z-index:999;list-style:none;} .mrtins-slider-round{border-radius: 20px;} .square.active a, .squarem.active a{background-image: url("/english/investment/images/icons/market-insight/white-circle.png");background-repeat: no-repeat;} #mrtins-desktopflex .flexslider { position: relative;background-image: url("/english/investment/images/icons/market-insight/msflexbg.jpg");background-repeat: repeat;} .nav-dots, .nav-dots2{width:100%;text-align:center;position:absolute;bottom:10px;} .nav-dots2 {bottom:20px;} .market-insight .lftNavMo{display:none;} .mrtins-aastocks {clear: both;margin: 0 0 10px;overflow: hidden;width: 453px;float:left;} .mrtins-tfrow1 {background-color: #f8f8f8;overflow: hidden;padding: 10px 30px;} .aastock-display li{ background-color: #5287BB;float: left;} .aastock-display li a{ color: #ffffff;display: inline-block;padding: 4px 56px;} .aastock-display li.active{background-color:#376193;} .aadeclaimers {clear: both;overflow: hidden;margin:2px 0;} .aadeclaimers > img {float: left;max-width: inherit;} .mt-row-inner2 {clear: both;margin: 0 0 20px;overflow:hidden;} .mrtins-adds-col2{margin-left:0;width:auto;} .mrtins-open-acc{float:right;} .mrrins-market-snapshot {background-color: #808080;border-bottom: 1px solid #ffffff;clear: both;overflow: hidden;padding: 8px} .mrrins-market-snapshot > img {float: left;} .mrtins-mksp {color: #ffffff;font-size: 1.3em;font-weight: bold;padding: 2px 0 0 0;text-align:center;} #mrtins-videotit {background-color: #0791d4;color: #ffffff;font-size: 1.4em;padding: 10px;} #mrtins-videotit span{font-size:12px;} /* 26Jun14 */ /* 30jun14 */ .mrtins-mediatab{margin:0;} .mrtins-mediatab .mt-row-inner2 .mrtins_inv-ide{padding:0;margin-top:18px;} .ii-desc .disclaimer {padding: 0;} .mrtins-aastock-tabdesc{border:1px solid #808080;} .tftab-inner3 {border-top: 1px dotted #dcdcdc;padding-top: 10px;} .sub_tit {font-size: 12px;padding:0;} .mrtins-tfrow3.inh-margin {margin: 0;} .tableWrap tr.blueBg{background-color:#5187bb;} .aastock-display {background-color: #5287bb;overflow: hidden;} .declaimers-pad{padding:0 0 0 10px;} .mrtins-aastocks-container {clear: both;overflow: hidden;} div.tftab-inner1-row2{clear:both;} img.zoom, img.zoom1, img.zoom2 {float: right;clear: both;overflow: hidden;display: none;} #video-pop > object {position: relative;z-index: 0;} .black-background{ display:none;} .mrtins-popupimage{ display:none;} /* 07.07.14 */ .mrtins-tf-mobile-table1{display:none;} div.mrtins-mblWarmsg {display:none !important;} .mrktinsgt-tabs-wrapper{clear:both;} #MI-heading{display:none;} .mrtins-mblvideoslt{display:none;} img.mrtins_flip,.black-background,.mrtins-popupimage{display:none;} .mrtins-mblFontsize{display:none;} .mrtins-vidcomm{display:none;} /*22/09/14 */ .mrtfs-xml p{display:block;} .mimobbgpower{text-align: center;background-color: #1A5D9C;} .mrtins-astock-info{float:left;padding:3px;font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#000;} .mrtins-asdecolor{color:#216492;} .mrtins-asdecolor2{color:#3399cc;} .mrtins-asdecolor3{color:#888888;} .mrtins-asdecolor4{color:#3399cc;width:auto;} .mrtins-asdecoloratag {color:#888888; text-decoration:underline;} .mrtins-asdecolor5{color:#3399cc;width:auto;} /* manual edit E*/ /* !# Edited 6/5/2014 - XML CBOL Page #! */ .patternBg{background:url("/views/images/form-bg.jpg") repeat 0 0;padding:15px 0 15px 10px;margin:15px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;} .patternBg.margNone{margin-top:0;} .patternBg .titleText{font-size:24px;font-family:"interstate";} .upArrowIcon{background:url("/views/images/icons/up-arrow.png") no-repeat 0 0;} .downArrowIcon{background:url("/views/images/icons/down-arrow.png") no-repeat 0 0;} .upArrowIcon, .downArrowIcon{width:15px;height:24px;display:inline-block;vertical-align:middle;margin-right:5px;} .goldBtn:hover{background:#BCA677 !important;} /*Credit Card Overview*/ ul.cardsTab.credit li {width:10.79%;height:96px;} ul.cardsTab.credit li a{height: 80px;display:block;padding:10px 0;} ul.cardsTab.credit li a.dailyShoppingOffers { background: url("/english/credit-cards/images/pc/daily-shopping-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.dailyShoppingOffers, ul.cardsTab.credit li.active a.dailyShoppingOffers { background: url("/english/credit-cards/images/pc/daily-shopping-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.diningOffers { background: url("/english/credit-cards/images/pc/dining-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.diningOffers, ul.cardsTab.credit li.active a.diningOffers { background: url("/english/credit-cards/images/pc/dining-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.dualCurrencyConvenience { background: url("/english/credit-cards/images/pc/dual-currency-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.dualCurrencyConvenience, ul.cardsTab.credit li.active a.dualCurrencyConvenience { background: url("/english/credit-cards/images/pc/dual-currency-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.fashionAndCulture { background: url("/english/credit-cards/images/pc/fashion-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.fashionAndCulture, ul.cardsTab.credit li.active a.fashionAndCulture { background: url("/english/credit-cards/images/pc/fashion-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.fuelOffers { background: url("/english/credit-cards/images/pc/fuel-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.fuelOffers, ul.cardsTab.credit li.active a.fuelOffers { background: url("/english/credit-cards/images/pc/fuel-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.lifeStyleOffers { background: url("/english/credit-cards/images/pc/lifestyle-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.lifeStyleOffers, ul.cardsTab.credit li.active a.lifeStyleOffers { background: url("/english/credit-cards/images/pc/lifestyle-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.octopus { background: url("/english/credit-cards/images/pc/octopus-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.octopus, ul.cardsTab.credit li.active a.octopus { background: url("/english/credit-cards/images/pc/octopus-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.onlineShoppingOffers { background: url("/english/credit-cards/images/pc/online-shopping-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.onlineShoppingOffers, ul.cardsTab.credit li.active a.onlineShoppingOffers { background: url("/english/credit-cards/images/pc/online-shopping-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.travelOffers { background: url("/english/credit-cards/images/pc/travel-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.travelOffers, ul.cardsTab.credit li.active a.travelOffers { background: url("/english/credit-cards/images/pc/travel-off.png") no-repeat scroll center center transparent; } /* Chinese */ ul.cardsTab.credit li a.dailyShoppingOffersChi { background: url("/chinese/credit-cards/images/pc/daily-shopping-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.dailyShoppingOffersChi, ul.cardsTab.credit li.active a.dailyShoppingOffersChi { background: url("/chinese/credit-cards/images/pc/daily-shopping-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.diningOffersChi { background: url("/chinese/credit-cards/images/pc/dining-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.diningOffersChi, ul.cardsTab.credit li.active a.diningOffersChi { background: url("/chinese/credit-cards/images/pc/dining-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.dualCurrencyConvenienceChi { background: url("/chinese/credit-cards/images/pc/dual-currency-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.dualCurrencyConvenienceChi, ul.cardsTab.credit li.active a.dualCurrencyConvenienceChi { background: url("/chinese/credit-cards/images/pc/dual-currency-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.fashionAndCultureChi { background: url("/chinese/credit-cards/images/pc/fashion-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.fashionAndCultureChi, ul.cardsTab.credit li.active a.fashionAndCultureChi { background: url("/chinese/credit-cards/images/pc/fashion-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.fuelOffersChi { background: url("/chinese/credit-cards/images/pc/fuel-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.fuelOffersChi, ul.cardsTab.credit li.active a.fuelOffersChi { background: url("/chinese/credit-cards/images/pc/fuel-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.lifeStyleOffersChi { background: url("/chinese/credit-cards/images/pc/lifestyle-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.lifeStyleOffersChi, ul.cardsTab.credit li.active a.lifeStyleOffersChi { background: url("/chinese/credit-cards/images/pc/lifestyle-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.octopusChi { background: url("/chinese/credit-cards/images/pc/octopus-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.octopusChi, ul.cardsTab.credit li.active a.octopusChi { background: url("/chinese/credit-cards/images/pc/octopus-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.onlineShoppingOffersChi { background: url("/chinese/credit-cards/images/pc/online-shopping-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.onlineShoppingOffersChi, ul.cardsTab.credit li.active a.onlineShoppingOffersChi { background: url("/chinese/credit-cards/images/pc/online-shopping-off.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li a.travelOffersChi { background: url("/chinese/credit-cards/images/pc/travel-on.png") no-repeat scroll center center transparent; } ul.cardsTab.credit li:hover a.travelOffersChi, ul.cardsTab.credit li.active a.travelOffersChi { background: url("/chinese/credit-cards/images/pc/travel-off.png") no-repeat scroll center center transparent; } /* Chinese */ .asiaMilesIcon{background:url("/english/banking/images/icons/asia-logo-s.png") no-repeat 0 0;width:16px;height:15px;display:inline-block;vertical-align:middle;margin-right:5px;} /* 18062014 */ .blueColor{color:#59527c;} .redColor{color:#FE3434;} .grayBgCTA{background:#F6F6F6;padding:15px 10px;overflow:hidden;} .filterBtnWrap.grayBgCTA .filterLftBtn, .filterBtnWrap.grayBgCTA .filterMidBtn, .filterBtnWrap.grayBgCTA .filterRhtBtn{margin-right:47.5px;} /* 18062014 */ a.previous_link.no_more, a.first_link.no_more, a.last_link.no_more, a.next_link.no_more { background: #97999B !important; } .next_link, .last_link{baackground:#00BDF2;} .ellipse{ float: left; } .page_navigation , .alt_page_navigation{ padding-bottom: 10px; } .page_navigation a, .alt_page_navigation a{ color:white; text-decoration:none; float: left; font-size: 11px; background-color:#00BDF2; display: inline-block; font-weight: bold; padding: 6px 7px 6px; border: none; cursor: pointer; margin:2px; } .page_navigation a:hover , .alt_page_navigation a:hover{background: #008CE6;} .active_page{ background-color: #97999B !important; color: white; } .content li, .alt_content li,.content > p{ padding: 5px } .rewards .rhtSideWrap h4{padding-top:3px !important;} .activateService.lftSideWrap{width:80%} .commonSteps.noCurve{padding:15px;border:none;margin:15px 0;} .commonSteps.noCurve .curveHolder{margin:0 0 15px;} .commonSteps.noCurve .curveHolder.last{margin:0;} .citiWalletIcon{background:url("/english/ways-to-bank/images/citi-wallet.png") no-repeat 0 0;width:162px;height:32px;display:inline-block;vertical-align:middle;margin:-10px 0 0;} .getDetail li.btnLink.enquireBtn a{width:auto;} .activateService .lftSideWrap{width:73%;} .activateService .rhtSideWrap{width:50px;float:left;padding:0;} .associationPrivileges{border-bottom:1px dotted #ccc;margin:0 0 20px 0;} .associationPrivileges li.first{padding:0 17px 0 0;border:none;} .associationPrivileges li{width:146px;padding:0 17px;float:left;border-left:1px dotted #ccc;margin:0 0 20px;} .associationPrivileges li.last{padding-right:0;} .multiLogos li.last{margin-right:0 !important;} .multiLogos.association li{margin:0 2.64% 0 0;} .multipleCard{border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;padding:20px 0;} .multipleCard li{float:left;margin-right:20px;} .multipleCard li .cardRight{width:100px;margin-left:20px;} .multipleCard li .cardRight p{padding:0;} .multipleCard li.last .cardRight{width:120px;} .multipleCard li .cardRight p.last{font-size:11px;font-weight:bold;text-align:center;} .multipleCard li .cardLeft, .multipleCard li .cardRight{float:left;} .multipleCard li .cardLeft input{padding:0;margin:0;margin-top:25px;} /*26062014*/ .tabLftCont{float:left;display: block;padding-right:15px;} .tabRhtCont{float: right;width: 150px;height: 80px;padding-right: 5px;} /*26062014*/ /*27062014*/ .subPtsTC .leftContent{width: 5%;} .subPtsTC .rgtContent{width: 94%;} /*27062014*/ /*30_06_2014*/ .numTerm{float:left;width:20px;padding-bottom:10px;} .contTerm{float:left;width:590px;padding: 0 0px 10px 10px;} .contTerm ol.romanLst li {padding:0 0px 5px;margin:0 0 0 20px;list-style:lower-roman;line-height: 17px;} .termWrap {display:block;width:635px;} /*30_06_2014*/ .callActionRgt a.goldBtn, .tabBtn a.goldBtn{font-size: 12px;padding: 10px 0;text-align: center;width: 175px;} /*02_07_2014*/ .rgtContent.rgtContMarLeft10{margin-left:10px} /*02_07_2014*/ /*07072014*/ .OrIcon{background: url("/english/credit-cards/images/icons/or.png") no-repeat scroll 0 0 transparent;display: block;height: 14px;width: 24px;vertical-align: middle;} .Position{position:relative;} .bottomPos{left: 300px;position: absolute;top: 168px;} .bottomPos.business{left:288px;top:82px;} .plusPos{left: 308px;position: absolute;top:170px;} .bottomPos.plus{left: 308px;position: absolute;top: 106px;} .topPos{left: 295px;position: absolute;top: 95px;} /*07072014*/ .contactEnquiry.twoBtn.last{margin:0;} #fancybox-wrap{left:403px !important;top:838px !important;} /*09072014*/ .groupPhoto li{float:left;margin-left:10px;} .tabInnerLogo.leftContPhoto{width:auto;height:auto;} .tabInnerCont.rightContPhoto{padding:0 0 0 190px;} /*09072014*/ .plus-Icon{background: url("/english/insurance/images/icons/plus.png") no-repeat scroll 0 0 transparent;width:27px;height:27px;display:inline-block;} /*14072014*/ .tabInnerCont.tabTxtValign{margin-top:4%;} /*14072014*/ /*14_07_2014*/ .leftThumb{float:left;width:48px;} .rightData{float:left;margin-left:20px;width:624px;} .rightData p{padding:2px 0 10px;} .wrapData{padding: 0 0 20px;} /*14_07_2014*/ /*17_70_2014*/ .overViewProd{padding: 0 0 20px;overflow:hidden;} .overViewProd.last{padding-bottom: 0;} .overViewThumb{float:left;width:70px;height: 50px;} .overViewThumbBig{float:left;width:132px;} .overViewCont{float:left;margin-left:15px;width: 86%;} .overViewContBig{float:left;margin-left:15px;width:78%;} .overViewThumb_120{float:left;width:120px;} .overViewCont_120{float:left;margin-left:15px;width: 80%;} /*17_70_2014*/ /*17_70_2014*/ .awardsProd{padding: 0 0 15px;border-bottom: 1px dotted #CCCCCC;margin-bottom: 15px;overflow: hidden;} .awardsProd.noMarg{margin:0;} .awardsProd.last{border:none;} .awardsThumb{float:left;width:150px;} .awardsCont{float: left;margin-left:20px;width:72%;} /*17_70_2014*/ /*18_07_2014*/ .splitStep{padding: 0 0 10px;overflow:hidden;} .splitStep.last{padding:0;} .splitLeft{float:left;width:40px;} .splitLeft.Ch{width:48px;} .splitRight{float:left;margin-left:10px;width: 84%;} /*18_07_2014*/ /*21_07_2014*/ .splitColumn{overflow: hidden;border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;} .splitColumn.last{border-bottom: none;} .splitOne{float: left;width: 150px;height: 80px;padding-right:15px;} .splitTwo{float: left;width: 340px;} .splitThree{padding: 0 0 0 520px;display: block;} /*21_07_2014*/ /*21_07_2014*/ .splitPrimaryIcon{float:left;width:70px;height:50px;} .splitPrimaryCont{display:block;padding:0 0 0 85px;} /*21_07_2014*/ /*23_07_2014*/ .hgt50{height:50px;} .addSpacer{padding-bottom:15px;} /*23_07_2014*/ /*24_07_2014*/ .nobdr{border-bottom:none;padding-bottom: 0px;} .remHt{height: 30px;} .tabInnerLogo.tabAdjust{width:136px;} .tabInnerCont.tabAdjust{padding: 0 0 0 151px;} /*24_07_2014*/ /*28_07_2014*/ .addPadBot{padding: 10px 0 0;} /*28_07_2014*/ .absPos{position: absolute;display: inline-block;padding: 70px 0 0 217px;z-index: 2;} .fixImgBlk{display:inline-block;height: 148px;} /*HK videos*/ .comnSpacer{margin:10px 0 0px 0;} ul.video-tabz {margin:0;padding:0;display:inline-block;margin:0 0 10px;} .video-tabz li {float:left;} .video-tabz a {color:#fff;padding: 5px 9px;margin-right: 4px;font-size: .875em;font-weight: bold;text-decoration: none; border: solid 1px #c0c0c0;background: #b4b4b4;text-align: center;} .videoTabz-tabcontent {clear:both;} .video-tabz li.active a{background:#fff;color:#0196da;} ul.video-tabz1 {margin:0;padding:0;display:inline-block;margin:0 0 10px;} .video-tabz1 li {float:left;} .video-tabz1 a {color:#fff;padding: 5px 9px;margin-right: 4px;font-size: .875em;font-weight: bold;text-decoration: none; border: solid 1px #c0c0c0;background: #b4b4b4;text-align: center;} .videoTabz-tabcontent1 {clear:both;} .video-tabz1 li.active a{background:#fff;color:#0196da;} /*HK videos*/ /*30_07_2014*/ ol.numLst li ul.autoPay {margin:0;padding:0;display:inline-block;clear:both;width:100%;} ol.numLst li ul.autoPay li {float:left;list-style:none;margin-left:0px;} ol.numLst li ul.autoPay li.leftCont {width:46%; } ol.numLst li ul.autoPay li.midCont {margin-right:2%;} ol.numLst li ul.autoPay li.rightCont {width:45%;} .positionFit{position:relative;top:0;left: 34.6%;display: inline-block;} .positionFit.Ch{left:40.6%;} .txtCenter.posChng{margin-left:39px;text-align:initial !important;} /*30_07_2014*/ /*30_07_2014*/ .rhtSideWrap.splitBill{overflow:hidden;position:relative;padding-left:0px;} .splitLeftPos{width:47%;float:left;} .splitRightPos{width:47%;float:left;margin-left:6%;} ul.discountProd{margin:0;padding:0;display:inline-block;clear:both;} ul.discountProd li{list-style: none;float: left;padding: 0 5px 10px 5px;} /*30_07_2014*/ /*31_07_2014*/ .ImgPosition{position: relative;} .fixImgPos_1, .fixImgPos_2, .fixImgPos_3, .fixImgPos_4, .fixImgPos_5{position: absolute;display:inline-block;z-index:20;} .fixImgPos_1{top: 77px;left: 307px;} .fixImgPos_2{top: 175px;left: 307px;} .fixImgPos_3{top: 82px;left: 307px;} .fixImgPos_4{top: 189px;left: 307px;} .fixImgPos_5{top: 300px;left: 307px;} .blackTxt{color:#555555;} .over_leftThumb{width:230px;float:left;} .over_leftMidThumb{width:115px;float:left;} .over_rightCont{float:left;width:66%;} ul.cardAlignHorz{overflow:hidden;} ul.cardAlignHorz li{float:left;list-style:none;padding-right: 15px;} .signOnLinkList li a.cL-signOnBottomListBg{padding:0;background:none;} /*31_07_2014*/ /* 12082014 */ .threeBlock{float:left;width:100%;border-bottom:1px dotted #CCC;padding:15px 0;} .threeBlock > ul{float:left;width:100%;} .threeBlock li.firstBlock,.threeBlock li.SecondBlock,.threeBlock li.lastBlock{float:left;width:25%;margin-right:5%;} .threeBlock li.lastBlock{margin-right:0;} .threeBlock ul.bulLst li {width:93%;} .threeBlock.noBorderBtm{border-bottom:none;} .ImageBlock{width:150px;} .ImageBlock li{width:150px;padding:0px 0 10px 0px;} .ImageBlock li.lastBlock{padding-right:0;} .marginBtm{margin-bottom:10px;} .noPaddingTop{padding-top:0;} /* 12082014 */ /* Interstitial banner Start */ .appAlertWrap{display:none;} #colorbox{height:180px !important;} #cboxLoadedContent{height: 180px !important;} #appAlertTab1{overflow:hidden;padding:30px 0 25px 0;} #appAlertTab1 .lftWrap{float:left;width:13%;margin-left:7%;} #appAlertTab1 .rhtWrap{float:left;width:75%;margin:0 5% 0 0;} #appAlertTab1 .rhtWrap > h2{color:#fff;font-size:18px;font-family:"interstate";font-weight: normal;line-height: 26px;padding:0 60px 5px 0;} #appAlertTab1 .rhtWrap > p{color:#fff;font-size:14px;font-family:"interstate";font-weight: normal;line-height: 18px;padding:0 0 15px 0;} #cboxClose {height: 24px;position: absolute;right: 10px;text-indent: -9999px;top: 10px;width: 24px;background: url("/views/images/close-img.png") no-repeat;} /* Interstitial banner End */ .cgLogos{display:none !important;} /*Site Map*/ ul.colLinksWrap { border-top: 1px dotted #ccc; margin: 0 0 10px; overflow: hidden; padding: 20px 0 0; } ul.colLinksWrap > li { float: left; list-style: none outside none; width: 28%; } ul.colLinksWrap li.left { padding: 0 20px 0 0; } ul.colLinksWrap li.center { border-left: 1px solid #ccc; padding: 0 20px; } ul.colLinksWrap li.right { border-left: 1px solid #ccc; padding: 0 20px; } .downList li ul li{background:none;padding-left:0px;} /*15/10/2014*/ .signOnAccount.last { margin: 0px 0 3px; } .signOnGroupHldr.citibusiness { border-radius: 10px; } .cS-generalInfoHolder.citibusiness { height: 190px !important; } /*15/10/2014*/ /* 16/10/14 */ .aastock-display li a:lang(zh){padding:4px 80px;} .pc-tiny:lang(zh){font-size:1.1em;} /* 11112014 */ .filterBtnWrapHolder { position: absolute; top: 77%; left: 63%; z-index: 999; display: inline-block; } .btnOvwHldr { overflow: hidden; padding: 0 20px 20px 26px; } .btnOvwHldr a.blueBtn { width: 200px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 12px; } /* 11112014 */ /*Error page*/ .contWrap { padding: 20px 0; } .errorMessageInner { margin-bottom: 10px; overflow: hidden; } .errorMessageInner.last { margin-bottom: 0; } .errorMesInnLft { float: left; width: 60px; } .errorMesInnRgt { float: left; padding: 0 10px 10px; width: 846px; } /*Error page*/ /*16/10/2014 new start*/ .ImgPosition1{position: relative;} .fixImgPos1_1, .fixImgPos1_2, .fixImgPos1_3, .fixImgPos1_4, .fixImgPos1_5{position: absolute;display:inline-block;z-index:20;} .fixImgPos1_1{top: 49px;left: 307px;} .fixImgPos1_2{top: 98px;left: 307px;} .fixImgPos1_3{top: 52px;left: 307px;} .fixImgPos1_4{top: 110px;left: 307px;} .fixImgPos1_5{top: 160px;left: 307px;} /*16/10/2014 new end*/ /*31/10/2014 new start*/ .plusPosnew{left: 308px;position: absolute;top:110px;} /*31/10/2014 new end*/ /* 11112014 - overivewbanner button*/ .filterBtnWrapHolder { position: absolute; top: 77%; left: 77%; z-index: 999; display: inline-block; } .btnOvwHldr { overflow: hidden; padding: 0 20px 20px 26px; } .btnOvwHldr a.blueBtn { width: 100px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 12px; } /* 11112014 - overivewbanner button*/ #navCH{background: url("/views/images/nav.jpg") repeat-x 0 0; height: 26px;position:relative;z-index:998;} /*21/7/2015*/ .talk_remainme{padding-left: 170px;padding-top: 155px;float:left;} .talk_remainme > li{background:url("../../views/images/grayarrow.png") no-repeat 2px 14px;} .remaind.remani_talk{font-size:12px !important;font-weight:bold;} /* 24/7/2015 */ .bodyHomeBg #fancybox-wrap{ top:70px !important; width: 581px !important; left: 50% !important; margin-left: -290px !important; padding: 0 !important; } .bodyHomeBg #fancybox-content { width: 100% !important; border: 0 none !important; } .bodyHomeBg #fancybox-content img{ width: 100%; height: auto; } .bodyHomeBg .lightBoxContainer { color: #555; right: 0; position: absolute; top: 50px; width: 57.8%; } .bodyHomeBg .lightBoxContainer h2 { color: #05589d; font-size: 30px; font-weight: lighter; padding: 0 60px 10px 0; } .bodyHomeBg .lightBoxContainer p { font-size: 20px; } .bodyHomeBg .homedetails{ margin-top: 15px; float: left; padding: 10px; font-weight: bold; text-transform: uppercase; } .bodyHomeBg .remaindme_show { font-size: 12px !important; font-weight: bold; border: 0; color: #333; cursor: pointer; font-size: 11px; display: inline-block; padding-left: 10px; line-height: 16px; position: absolute; bottom: 7%; left: 71%; background: url("/views/images/grayarrow.png") no-repeat 0 4px; } .bodyHomeBg #lightbox1{ height: 448px; } .bodyHomeBg #lightbox1 img{ margin-bottom: -4px; } /* slider desktop css */ .main-container.chinese{ position:fixed; top:150px; right:-821px; width:865px ; z-index:999999;} .visible-icon{ left: -36px; position: absolute; width: 49px; } .bx-viewport{left:0; } .bx-wrapper{float:left;} .close-icon{width:100%; } .close-icon img{float:right;} .slide{width:200px ; border-right:1px solid #cccccc; padding-right:10px; height:125px; padding-top: 10px;} .slide:last-child{border-right:none;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-9px !important;} .inner-container{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; height: 170px; width: 100%; padding:10px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; zoom: 1; filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#cccccc); } .slide.two img{float:right;} .slide.two span:first-child{color:#0070CA; font-size:16px; width:100%; display:inline-block;} .slide.two span:last-child{color:#404040; font-size:11px; width:42%; display:inline-block;} .slide.three img {float:left; margin-right:10px;} .slide.three span:last-child{color:#404040; font-size:11px; width:45%; display:inline-block; border:1px solid red;} a.gradiant { background-color: rgb(0, 176, 240); color: rgb(255, 255, 255); display: inline-block; margin: 14px 0; padding: 3px 7px; text-decoration: none; } a.gradiant.red{background-color:red;} .carrot{ background:url("/slider/bx-slider-images/arrow1.png") no-repeat 0 3px; padding-left:15px; color:#558EE3; margin:14px 0; display:inline-block; } .main-container3.chinese .carrot{ margin: 0; margin-top:3px; display:block;} .slide.three{margin-top:20px; } .content-part{width:56%; float:left;} .main-container1.chinese{position:fixed; top:233px; right:-940px; width:865px ; z-index:999999;} .main-container2.chinese{position:fixed; top:317px; right:-560px; width:600px ; z-index:999999;} .main-container3.chinese{position:fixed; top:400px; right:-560px; width:600px ; z-index:999999;} .main-container2.chinese .inner-container{height:157px;} .main-container3.chinese .inner-container{height:157px;} .double-colum {width:44%; float:left; border-right:1px solid #cccccc; margin-right:10px; padding-right:10px; height:130px;} .double-colum:last-child{border-right:none;} .double-colum span{font-weight:bold; width:100%; display:inline-block;} .bold{font-weight:bold; color:#0070D5;} .inner-container .bx-wrapper .bx-pager.bx-default-pager a, .bx-pager-item{border-radius: 8px !important;-ms-border-radius: 8px !important;behavior:url(../views/js/PIE.js) !important;position:relative;} .img-section{float:left; width:46% !important;} .content-section{float:left; width:54% !important;} .heading-slider{color:#0070CA; font-size:14px; width:100%; display:inline-block; padding-bottom:5px; line-height:18px; font-weight:bold;} .content-slider {display: inline-block; padding-bottom: 10px; width: 100%; font-size:12px; line-height:14px;} .bx-wrapper{max-width:802px !important;} .visible-icon, .close-icon img{cursor:pointer;} .last{border-right:none;} .main-container3 .carrot{ margin: 0; margin-top:3px;display:block;} .main-container{ position:fixed; top:150px; right:-821px; width:865px ; z-index:999999;} .main-container1{position:fixed; top:247px; right:-940px; width:865px ; z-index:999999;} .main-container2{position:fixed; top:346px; right:-560px; width:600px ; z-index:999999;} .main-container3{position:fixed; top:435px; right:-560px; width:600px ; z-index:999999;} .main-container2 .inner-container{height:157px;} .main-container3 .inner-container{height:157px;} /* slider desktop cssend */ /* Mega menu Work CreditCards tab Start*/ .mmconten{float:left;border:1px solid green} .mmcontn{float:left;width:100%;margin-left:12px;height:330px;} .mmoffer-round{width:100%;float:left;padding:10px;} .mmoffer-round > h2{float:left;color:#1d8bcc} .mmoffer-round span{border:1px solid #EEEEEE;float:left;width:54%;margin-left: 15px;margin-top: 9px;} .mmoffer-parent{float:left;padding:8px;width:66%;} .mmoffer_subpare{width:24%;float:left;margin-right:4px;} .mmoffer-p{color:#717171;text-align:center} .mmoffer_subpare .mmoffer-p_last{color:#1d8bcc;text-align:center;font-weight:bold;} .mmoffer-parent1{float:left;width:27%;padding:8px;/* padding-bottom:24px; */} .mmoffer-parent1 .mmoffer-li{background-color:#017DC7;padding:5px;color:#fff;margin-bottom:8px;} .mmoffer-parent1 .mmoffer-li1{background-color:#B4BFC5;padding:5px;color:#fff;margin-bottom:8px;} .mmoffer-parent1 .mmoffer-li2{background-color:#B4BFC5;padding:5px;color:#fff;} .mmoffer-parent1 li p{text-align:center;font-weight:bold;padding:5px;} .mmoffer_subpare_para{float:left;} .mmoffer_subpare_para p span{color:#1D8BCC;font-weight:bold;font-size:14px;} .mmoffer_subpare_para > p{font-size:12px;} .refer-offer span{width:67%;} .mmoffer-parent1 li a{color:#fff;} .mmoffer_round{background-color:#DADADA !important;float: left; margin-top: 8px; padding: 8px; width: 100%;} .mmoffer_round_new{background-color:#EDEDED ;float: left;margin-left: 29px;padding: 7px 9px 9px;width: 217px;padding-bottom:0px;height:193px;} /* .mmoffer-round{background-color:#F3FAFF;} */ .mmoffer-round1{background-color: #f3faff;margin-top: 10px;padding: 10px;text-align:center;} .mmoffer_round_new li p a{color:#A3A5A8;font-weight:bold;} .mmoffer_newupdate{float:left;width:103%;background-color:#EDEDED;padding:10px 13px 0px;height: 45px;/* margin-top:6px; */} .mmoffer_ullifooter{float:left;width:66%;} .mmoffer_ullifooter li{display: inline-block;padding-left:9px;} .mmcontent_innerpage{} .mmoffer_rightpage{float:left;width:263px;} .mmcontn-parent{float:left;width:72%;} .mmoffer-ullifoore_right{float:left;width:34%;} .mmoffer-list1{float:left;width:16%;margin-top:7px;} .mmoffer-list2{float: left;width: 79%;} .mmoffer_ullifooter a,.mmoffer-list2 p{color:#959595;font-weight:300;} .mnmoffer_round span{width:68%;} /* #CreditSubMenu{display:none;} */ .mmoffer-round1 > p{padding-bottom:0px;} .mmOffer_credit_col{background:#EDEDED !important;height: 162px;margin-right:-1px;width: 201px;} .mmoffer-round_credit{padding:5px;} .mmoffer-round_credit > h2{padding:1px;} /* .stop_creditcards{position:initial !important;} */ /* .mmoffer_maintab{float:left;height:250px;} */ .mmoffer_ullifooter > ul{ display: inline-block; width: 90%;} @-moz-document url-prefix() { .mmoffer_ullifooter > ul{ display: inline-block; width: 88%;} } .credit-card-sec #fancybox-content { border: 0; width: 293px!important; height: 141px !important; } .credit-card-sec { width: 293px!important; top:50% !important; left:615px !important; } /* Mega menu Work CreditCards tab End*/ .gstl_50.gssb_c { margin-left: -21px !important; width: 168px !important; } .lgt_btn input{cursor:pointer;} li.social { margin: 0px !important; padding: 0px !important; width: 80px; } .social9{display:none;} ul.icon_center img { width: 22px; height: 22px; } .social_icons_add{color:red;float:right !important;} .style1 { text-decoration: underline; } .social_icons_add ul li{cursor:pointer;} .btmText{background-color:red;} input#showBox { position:relative; top:10px; left:20px; } div#lightbox { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 9999; overflow:hidden; display:none; } div#lightbox1{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 9999; overflow:hidden; display:none; } div#lightbox div#lightbox_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; opacity:0.8; -ms-filter:'progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8)'; filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8); } div#lightbox1 div#lightbox_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000000; opacity:0.8; -ms-filter:'progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8)'; filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=0.8); } div#lightbox div#lightbox_fg { position:absolute; top:30%; left:0; right:0; margin:0 auto; width:500px; max-width:100%; padding:25px; border-radius:5px; background:#ffffff; border:solid thin #b9a1a1; } div#lightbox1 div#lightbox_fg { position:absolute; top:30%; left:0; right:0; margin:0 auto; width:500px; max-width:100%; padding:25px; border-radius:5px; background:#ffffff; border:solid thin #b9a1a1; } .lgt_btn{left: 0; right: 0; width: 45%; margin: 0 auto;} .lgt_btn input{border-radius:none !important;} .submit_cta, .submit_cta1, .submit_cta2, .submit_cta3, .submit_cta4, .submit_cta5, .submit_cta6, .submit_cta7{padding: 2px 30px; margin-right: 10px;} .cancel_cta, .cancel_cta1,.cancel_cta2{padding: 2px 30px;} #lightbox_fg p{line-height:20px;} h1.headcon { text-align: center; font-family: Tahoma, Arial, sans-serif; color: #000; font-size: 30px; font-weight: bold; margin-bottom: 42px; margin-top: 25px; } h3.headcon { text-align: center; font-family: Tahoma, Arial, sans-serif; color: #000; font-size: 30px; font-weight: bold; margin-bottom: 42px; margin-top: 25px; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.85); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; width: 50%; position: relative; background: #ffffff; color: black; text-align:center; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup .close-copy { position: absolute; top: 0; right: 10px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #000; cursor:pointer; } .popup .close-copy:hover { color: #06D85F; } .popup .open { position: absolute; top: 0; right: 10px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #000; cursor:pointer; } .popup .open:hover { color: #06D85F; } .popup .content { max-height: 30%; overflow: auto; } .inpufld{ width:100%; padding: 5px 10px; font-size: 15px; } .dfltbtn{ cursor: pointer; padding: 10px 25px; font-size: 15px; color: #FFF; background-color: #0294FD; border: none; border-radius: 5px; margin-top: 35px; position: relative; } .apndsec{ text-align:center; font-size:13px; color:#FFF; padding-bottom: 15px; line-height: 17px; } .inform{ text-align:center; color:#000; font-size:14px; } .rotation-banner-slide .second-slide{ position:relative; display:block; } .rotation-banner-slide .second-slide-desc span{ font-size: 12px; color: #fff; line-height: 18px; } .rotation-banner-slide .second-slide-desc p { text-align: justify; font-size: 24px; color: #fff; } .rotation-banner-slide .second-slide-desc{ width: 50%; position: absolute; top: 25%; left: 300px; } .rotation-banner-slide .first-slide-desc { width: 50%; position: absolute; top:30%; left: 300px; } .rotation-banner-slide .first-slide-desc p { padding-bottom:0px; text-align: justify; font-size: 24px; color: #fff; } .rotation-banner-slide li.first-slide { /* width: 100%; */ position: relative; display: block; } .rotation-banner-slide li.second-slide { /* width: 100%; */ position: relative; display: block; } .rotation-banner-slide br.visible-mobile { display: none; } .rotation-banner-slide { margin-left: -29px; width:721px; margin-bottom:20px; } .rotation-banner-slide p{cursor:default;} .rotation-banner-slide .devieBrk{display:none} .rotation-banner-slide .second-slide-desc p{padding-bottom:0} .rotation-banner-slide .lSPager.lSpg{display:block} .rotation-banner-slide #lightSlider .largeTitle{font-size: 22px !important;line-height: 30px;} .rotation-banner-slide #lightSlider .bann-smallTitle{font-size: 16px;line-height: 24px;} .rotation-banner-slide .topapp{width: 376px;margin-top:36px} .rotation-banner-slide .righttext{margin-top: 43px; width: 379px;} .rotation-banner-slide .blueBtn, .rotation-banner-slide .grayBtn, .rotation-banner-slide .goldBtn, .rotation-banner-slide .darkGoldBtn {color: #FFFFFF;display: inline-block;font-size: 15px;font-weight: bold;border:none;padding: 9px 25px 8px; cursor:pointer; padding-top: 10px; padding-bottom: 10px;} .ctapos{position:absolute; right:20px; bottom:24px;} #searchTerm { height:16px !important; }