@charset "utf-8";
@import "reset.css";
@import "template.css";
@import "post-it.css";
@import "/js/fancybox/jquery.fancybox.css";
@import "theme_chi.css";
@import "/js/jqtransform/jqtransform.css";

/* CSS Document */
body { line-height:1.4em; font-family:Arial, Helvetica; font-size:12px; color:#5e5e5e;}
body.sc { font-family:Arial, PMingLiu, Helvetica, sans-serif;}
a { color:#a0111f; text-decoration:none;}
a:hover { color:#ED171F; text-decoration:none;}
a:focus { outline:1px dotted #333;}
a:active {outeline:0;}

h1 { font-size:200%; line-height:28px; font-weight:bold; margin:20px 0;}
h2 { font-size:160%; line-height:110%; font-weight:normal; color:#A6192E; margin:20px 0;}
h3 { font-size:130%; line-height:110%; font-weight:bold; color:#A6192E; margin:15px 0;}
h4 { font-size:116%; line-height:110%; font-weight:bold; color:#A6192E; margin:10px 0;}
h5 { font-size:100%; line-height:110%; font-weight:normal; color:#A6192E; margin:10px 0;}
p { margin:10px 0;}
table.fullwidth { width: 100%;}
table td,table th { vertical-align:top; padding:5px; line-height: 110%;}
table td.highlight { background-color:#ff9e1b; color:#fff;}
b { font-weight: 900; }
.hiddenTxt{position:absolute;left:-200%;top:auto;width:1px;height:1px;overflow:hidden;}
.message{color:#FF0000!important;}

/* START: z-index */
.rainbowBg { z-index:0;}
.headerBtm .menu, .index .mainContent { z-index:1;}
.banner .cornerL { z-index:5; *z-index:-1;}
.banner { z-index:6;}
.loginBox .loginfield, .loginBox .txt li, .index .mainContent { z-index:22;}
.loginBox .bannerBtm { z-index:23;} 
.inner .loginBox .txt { z-index:24;}
.banner .nav { z-index:25;}
.scrollTips { z-index:30;}
.banner .cornerL, .banner .cornerR, .banner .bannerBtm, .mainContent dt, .mainContent dd, .loginBox .cornerL, .loginBox .cornerR { z-index:20;} 
.loginBox #selection-box .selection, .loginBox #selection-box, .loginBox { z-index:101;} 
.overlayMask { z-index:299;}
.header { z-index:300;}
.headerBtm { z-index:301;}
/* END: z-index */

.outer, .header, .footer { width:100%; position:relative;}
.outer { background:url(../images/bg-repeat.jpg) repeat-x left top #fefefe;}
.rainbowBg { background:url(../images/rainbow-bg.jpg) repeat-x left top; height:41px; width:0; position:absolute; left:0; top:333px;}
.inner .rainbowBg { width:100%; top:170px;}
.overlayMask { width:100%; background-color:#606060; position:absolute; left:0; top:0; opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70);}

/* START: TOP MENU */
.mobile .header{position:relative !important;}
.mobile .mainContainer{padding-top:13px !important;}
.mobile .inner .rainbowBg {top: 65px;} 
.printForm .rainbowBg {top: 170px !important;} 
.mobile .outer {background-position: 0px -100px !important;}
.header { position:fixed; height:107px; background-color: #ED171F; min-width:980px;}
.header * li { list-style:none;}
.header .headerTop { width:980px; position:relative; margin:0 auto}
.header .headerTop { height:68px; width:980px; background:url(../images/header-top.jpg) no-repeat left top;}
.header .headerTop .containerLeft { width:193px; height:35px; padding:16px 0 0 20px; float:left;}
.header .headerTop .containerRight { width:510px; padding-top:32px; float:right;}
.header .headerTop .containerRight li { float:left; margin:0 4px; padding-left:8px; border-left:1px solid #dddddd;}
.header .headerTop .containerRight li a { font-size:13px; color:#838383;}
.header .headerTop .containerRight li a:hover { color:#ED171F; text-decoration:none;} 
.header .headerTop .containerRight li.headerSearch { border:none;}
.header .headerTop .containerRight .fontSize a { margin:0 2px;}
.header .headerTop .containerRight .headerSearch input { background: url("../images/header-search-txt-container.jpg") no-repeat scroll left top transparent; float: left; height: 18px; line-height: 18px; padding: 1px 4px; width: 142px; border:none; color:#999999;}
.header .headerTop .containerRight .headerSearch .cutomizedVaule { color:#5E5E5E;}
.header .headerTop .containerRight .headerSearch a { background: url("../images/header-search-btn.gif") no-repeat scroll left top transparent; float: left; height: 20px; width: 26px;}

#styleL {display: none;}
.en #styleL.selected {display: block; top: 48px; z-index:1001;position: absolute;background-color: white;text-align: center;width: 125px; left:67.96%;height:100px;border:1px solid #dddddd; border-top:0px;}
.tc #styleL.selected, .sc #styleL.selected {display: block; top: 48px; z-index:1001;position: absolute;background-color: white;text-align: center;width: 125px; left:71.1%;height:100px;border:1px solid #dddddd; border-top:0px;}

.header .headerBtm { width:100%; position:relative; padding-top:4px; height:35px; background:url(../images/menu-btm-shadow.png) repeat-x left bottom; padding-bottom:19px;}
.header .headerBtm .menu { width:980px; margin:0 auto; position:relative;}
.header .headerBtm .menu>li { display:inline-block;margin-right: -1px; background:url(../images/menu-btn-line.jpg) no-repeat left 8px; height:35px; position:relative; *float:left; *margin-right:0 !important;}
.header .headerBtm .menu>li:first-child { background:none;}
.header .headerBtm .menu>li:hover, .header .headerBtm .menu li.selected , .header .headerBtm .menu li.hover { background:url(../images/menu-btn-bg-l.jpg) no-repeat left top;}
.header .headerBtm .menu>li span { background:url(../images/menu-arrow.png) no-repeat left top; width:19px; height:10px; display:block; position:absolute;}
.header .headerBtm .menu>li a { color:#fff; display:block; padding:8px 0px 0 0px; height:27px; min-width:26px; font-weight: bold; /*text-align:center;*/}
.header .headerBtm .menu>li.selected>a, .header .headerBtm .menu>li.hover>a, .header .headerBtm .menu>li>a:hover { text-decoration:none; color:#fbdd00; background:url(../images/menu-btn-bg-r.jpg) no-repeat right top;} 
.header .headerBtm .menu>li.selected a { cursor:default;}
.mac .header .headerBtm .menu>li>a { padding:8px 6px 0 6px; }

/*AlertBUTTON*/
.btnMoreAlert { top:15px;right:25px;position:absolute; display:block;text-indent:-9999px;width:19px;height:19px;}

/* START: TOP MENU - submenu for Web Accessibility 17/2/2014 */
.header .headerBtm .menu li>ul{position:absolute; left:0; top:-800px; display:block; width:950px; background:red; /*background:url(../images/submenu-bg.jpg) repeat-x left top #f8f8f8 !important; */padding-top:20px; padding-left:20px;}
.header .headerBtm .menu li ul li{display:inline-block; padding:5px 0; width:100%;}
.header .headerBtm .menu li ul ul{width:250px;}
.header .headerBtm .menu li ul a{font-weight:normal; padding:0; height:auto;}
.header .headerBtm .menu li .links{background-image:none;}
.subMenuBg{background:url(../images/submenu-bg.jpg) repeat-x left top #f8f8f8; position:fixed; left:0; top:107px; width:100%; display:block; z-index:299}

.mobile .header .headerBtm { height:34px;}
.mobile .header .headerBtm .menu>li { height:34px;}
.mobile .header .headerBtm .menu>li a { height:26px;}

.header .headerBtm .submenu { height:0; overflow:hidden; background:url(../images/submenu-bg.jpg) repeat-x left top #f8f8f8; position:absolute; left:0; top:0; width:100%;}
.header .headerBtm .submenu > ul{ margin:0 auto; width:950px;}
.header .headerBtm .submenu > ul > li{ display:none; padding:20px 0;}
.header .headerBtm .submenu > ul > li a { display:block;}
.header .headerBtm .submenu > ul > li div, .header .headerBtm .menu li ul div{ float:left; width:260px; min-height:230px; padding:0 20px; vertical-align:top; background:url(../images/submenu-sep-line.jpg) no-repeat left top; position:relative;}
.header .headerBtm .submenu > ul > li div.links, .header .headerBtm .menu li ul { background:none;}
.header .headerBtm .submenu > ul > li div.ansLinks h1,  .header .headerBtm .menu li ul div.ansLinks h1{ font-weight:normal; margin-bottom:10px; padding-top:30px;}
.header .headerBtm .submenu > ul > li div.promo,  .header .headerBtm .menu li ul div.promo{ padding-right:0; width:296px;}
.header .headerBtm .submenu > ul > li div.promo .defaultBtn,  .header .headerBtm .menu li ul div.promo .defaultBtn{ float:right; margin-top:5px;}
.header .headerBtm .submenu > ul > li div li,  .header .headerBtm .menu li ul div li{ border-top:1px solid #cecece; padding:5px 0;}
.header .headerBtm .submenu > ul > li div li:first-child,  .header .headerBtm .menu li ul div li:first-child{ border:none;}
.header .headerBtm .submenu > ul > li div a,  .header .headerBtm .menu li ul  div a{ font-size:116%; line-height:18px; color:#5e5e5e;}
.header .headerBtm .submenu > ul > li div a:hover,  .header .headerBtm .menu li ul div a:hover{ color:#ED171F;}
/* END: TOP MENU */

.bannerContainer, .mainContainer, .footer .footerContainer { width:1004px; margin:0 auto; }
.mainContainer { padding-top:120px;}
.breadcrumb { padding-top:8px; width:500px;}
.breadcrumb a { color:#838383;}
.breadcrumb a:hover { color:#a0111f;}
.breadcrumb .current { color:#a0111f; font-weight:bold;}

h2.pageTitle { width:490px;}
h1.pageTitle { width:490px; font-size:160%; line-height:110%; font-weight:normal; color:#A6192E; margin:20px 0;}

.banner { position:absolute; width:1024px; left:50%; margin-left:-512px; overflow:hidden; padding-bottom:22px;}
.banner .cornerL, .banner .cornerR, .banner .bannerBtm { position:absolute; top:90px;}  
.banner .cornerL { left:0; width:22px; height:50px;} 
.banner .cornerR { right:0; height:50px;} 
.banner .bannerBtm { top:120px; left:0; height:41px;}  
.banner ul { width:980px; height:323px; background-color:#fff; margin:0 auto;}
.banner ul li { width:980px; height:323px; list-style:none; position:relative;}
.banner .nav { position:absolute; left:50%; top:250px; width:auto; height:23px; background:url(../images/banner-bubble-bg.png) no-repeat right top; padding-right:4px;}
.banner .nav span { background:url(../images/banner-bubble-bg.png) no-repeat left top; display:block; height:23px; margin-left:-5px; padding-left:4px;}
.banner .nav a { background:url(../images/banner-bullet.jpg) no-repeat left top; width:31px; height:7px; float:left; text-indent:-9999px; margin:8px 2px 0 2px;}
.banner .nav a:hover, .banner .nav a.activeSlide { background-position:left bottom;}
.bannerBubble { background:url(../images/banner-bubble.png) no-repeat left bottom; position:absolute; left:612px; bottom:90px; width:390px; height:208px; overflow:hidden; }
.bannerBubble .bubbleMsg { padding:20px 40px 50px 40px;}
.bannerBubble h1 { text-transform:uppercase; font-size:18px; line-height:24px; margin:0; color:#ff761b;}
.bannerBubble p { line-height: 14px; font-size:12px; font-weight:bold; color:#3b3b3b; margin:0;}
.bannerBubble .bannerBtn { position:absolute; left:265px; bottom:55px;}

.footer { background:url(../images/btm-footer-repeat.jpg) repeat-x left 18px; height:100px; overflow:hidden;}
.footer * li { list-style:none;}
.footer .footerContainer { width:1004px; margin:0 auto; text-align:center; position:relative;}
.footer .footerContainer .leftContainer { width:305px;}
.footer .footerContainer .leftContainer img { float: left;}
.footer .footerContainer .leftContainer img.logoHeart { padding-top:10px;}
.footer .footerContainer .leftContainer img.logoCaring { padding:16px 0 0 8px;}
.footer .footerContainer .rightContainer { width:693px; padding-top:30px;}
.footer .footerContainer .rightContainer li { float:left; border-left:1px solid #cfcfcf; padding:0 7px;}
.footer .footerContainer .rightContainer li:first-child { border-left:none;}
.footer .footerContainer .rightContainer a { color:#747474;}
.footer .footerContainer .rightContainer a:hover { color:#a0111f; text-decoration:none;}
.footer .copyrightContainer{position:absolute; left:5px; top:80px;}

.scrollTips { position:fixed; left:50%; bottom:0; margin-left:-73px; height:71px; width:146px;}
.scrollTips a { display:block; position:relative; background-image:url(../images/en/scroll-tips.png); height:71px; width:146px;}
.scrollTips .scrollBg {}
.scrollTips .scrollArrow { position:absolute; left:62px; top:15px;}
.scrollTop { position:absolute; right:14px; bottom:10px; display:none;  background:url(../images/btn-back-top.gif) no-repeat left top; padding-left:25px; color:#a3a3a3; font-size:130%; line-height:20px; }
.scrollTop:hover { opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70); text-decoration:none; color:#a3a3a3;}

/* START: advisor */
.content-grid-2-1 .floatL.advisorContainer { position:relative; width: 744px;}

.advisorContainer li { list-style: none !important;float:right;}
.advisorContainer .questions { background:url(../images/advisor-question-bg.jpg) no-repeat left top; width:742px; height:210px; position:relative; margin-top:5px; margin-bottom:20px; overflow:hidden;}
.advisorContainer .questions li { float:left; width:742px; height:210px; position:relative; margin-left: 0;}
.advisorContainer .questions .questionBox { background:url(../images/advisor-question-box.png) no-repeat left top; width:342px; height:144px; padding:0 50px 10px 40px; position:absolute; left:30px; top:30px; overflow:hidden; z-index:1}
.advisorContainer .questions .questionBox h3{color:#fff;padding-top:5px; font-size: 160%; font-weight: normal}
.advisorContainer .questions .questionBox td { vertical-align:top; height:124px; background-color:transparent;}
.advisorContainer .questions .visual { position:absolute; right:2px; top:-10px;}

.advisorContainer .btmContainer { position:relative;}
.advisorContainer .stepNav { position:absolute; right:15px; top:0px;}
.advisorContainer .stepNav li { float:left; margin-left:5px;}
.advisorContainer .stepNav a { border-bottom:6px solid #e1e1e1; color:#e1e1e1; display:inline-block; *display:inline; zoom:1; padding-top:6px; text-align:center; width:42px; cursor:default; line-height:1.5em; font-size:12px;}
.advisorContainer .stepNav a span { width:10px; display:inline-block; *display:inline; zoom:1; font-weight:bold;}
.advisorContainer .stepNav a:hover { text-decoration:none; cursor:pointer;}
.advisorContainer .stepNav .selected a { text-decoration:none; color:#ED171F; border-color:#ED171F; padding-top:0;}
.advisorContainer .stepNav .selected a span { font-size:20px; line-height:24px;}

.advisorContainer .choiceHistoty { margin-bottom:20px; padding-top:10px; min-height:18px; width:560px;}
.advisorContainer .choiceHistoty li { background:url(../images/small-tick.gif) no-repeat left top; padding-left:25px; float:left; margin-right:20px; list-style:none;}
.advisorContainer .answers { position:relative;}
.advisorContainer .answers .answerSet {display:none;}
.advisorContainer .answers .answerSet.selected {display:block;}
.advisorContainer .answers a.btnTick {margin-left:8px;cursor:pointer;}
.advisorContainer .answers a.btnTick:first-child { margin:0;}
.advisorContainer .answers .grid-1-1 { background:url(../images/advisor-ans-bg-top-grid-1-1.jpg) no-repeat left top; width:365px; }
.advisorContainer .answers .grid-1-1 .content { width:335px; min-height:120px; padding:15px 15px 45px 15px; position:relative;}
.advisorContainer .answers a:hover .grid-1-1 { background-image:url(../images/advisor-ans-bg-top-grid-1-1-hover.jpg);}
.advisorContainer .answers h3 { color:#ED171F; font-size: 160%; font-weight: normal}
.advisorContainer .answers h3 span { color:#ed171f; font-size: 100%; font-weight: normal}
.advisorContainer .answers p { font-size:14px; line-height:16px; color:#5E5E5E; line-height:1.3em;}
.advisorContainer .answers .btnApplyFloat { display:none; position:absolute; right:-7px; top:110px;}
.advisorContainer .answers.result .btnApplyFloat { display:block;}

.advisorContainer .enquiryBox { background:url(../images/advisor-btm-area-bg.jpg) no-repeat left top; width:745px; height:203px; margin-left:-13px;}
.advisorContainer .enquiryBox dt { width:502px; height:198px; margin:0; overflow:hidden; padding:2px 4px 0 3px; float:right;}
.advisorContainer .enquiryBox dt img{margin-left:3px; margin-top:3px;}
.advisorContainer .enquiryBox ul { overflow:hidden; width:1010px;}
.advisorContainer .enquiryBox ul li { float:left; position:relative; width:502px; height:196px; margin-left:3px; }
.advisorContainer .enquiryBox ul li .spacer1 { position:absolute; left:285px; top:70px;}
.advisorContainer .enquiryBox ul li .spacer1 img { width:140px; height:25px;}
.advisorContainer .enquiryBox ul li .spacer2 { position:absolute; left:240px; top:105px;}
.advisorContainer .enquiryBox ul li .spacer2 img { width:110px; height:20px;}
.advisorContainer .enquiryBox dd { position:relative;}
.advisorContainer .enquiryBox dd .btnApply { position:absolute; left:45px; top:30px;}
.advisorContainer .enquiryBox dd .backStep1 { position:absolute; left:40px; top:130px;}

.resultBlock{width:725px;background:url(../images/advisor-top-area-bg.jpg) no-repeat;padding:10px 10px 0; display:none; margin-left:-4px;}
.resultBlock .resultVisual{margin-bottom:25px;}
.resultBlock .clearfix{width:742px;height:6px;background:#ED171F;margin-left:-8px;}
.resultBlock .resultTop h3{float:left;line-height:1.2em; color:#5e5e5e; margin-top:.5em; font-size:200%; font-weight:bold;}
.resultBlock .resultTop h3 span{color:#ED171F; font-size:100%; font-weight:bold;}
.resultBlock .resultTop a{float:right;margin-top:10px;}
.resultBlock .resultMdl p{font-weight:bold;font-size:13px;padding-top:10px;}
.resultBlock .resultBtnApply{display:inline-block;width:88px;height:56px;float:right;margin:-45px -16px 0 0;}
.en .resultBtnApply{background:url(../images/en/btn-floating-apply.png) no-repeat 0 0;}
.tc .resultBtnApply{background:url(../images/tc/btn-floating-apply.png) no-repeat 0 0;}
.sc .resultBtnApply{background:url(../images/sc/btn-floating-apply.png) no-repeat 0 0;}
.resultBlock .resultBtnApply:hover{background-position:0 -56px;}
#result3 .resultBtnApply{margin-top:-25px;margin-bottom:-30px;position:relative;z-index:0;}
.resultBlock .resultBtm{padding:3px 0 0 3px;}
/* END: advisor */

/* START:home page */
.index .bannerContainer { height:323px;}
.index .banner { padding-bottom:15px;}
.index .banner .cornerL, .index .banner .cornerR, .index .banner .bannerBtm { top:263px; width:0;} 
.index .banner .cornerL { display:none;left:22px; width:22px;}  
.index .banner .bannerBtm { top:293px; left:0; height:41px;} 

.index .loginBox { position:relative; width:255px; height:131px; right:16px; margin-bottom:30px;}
.index .loginBox .loginfield { position:relative; left:18px; top:0;}
.index .loginBox .cornerL, .loginBox .cornerR, .loginBox .bannerBtm { position:absolute; top:71px;}  
.index .loginBox .cornerL { left:22px; width:10px; height:15px;} 
.index .loginBox .cornerR { right:11px; height:15px; width:0;} 
.index .loginBox .bannerBtm { top:86px; left:11px; height:41px; width:0;} 
.inner .loginBox { position:absolute; right:15px; top:28px;}
.inner .loginBox .loginfield { position:relative;}
.inner .loginBox #selection-box { left: 45px; top: 14px;}
.inner .loginBox .txt { color:#fff; font-size:14px; line-height: 18px; width: 32px; position: absolute; left:10px; top: 12px;}
.inner .loginBox li { list-style: none;}

.loginBox .txt li { color:#fff; font-size:14px; line-height: 18px; position:absolute; width:185px; top:7px; left:31px;}
.loginBox #selection-box { position:absolute; width:195px; top:38px; left:30px; font-size:116%; line-height: 105%;}
.loginBox .selection-title { background: url(../images/select_left.png) no-repeat scroll left top transparent; display: block; height: 31px; position: relative;}
.loginBox .selection-title span {cursor: pointer; float: none; font-size: 12px; font-weight: normal; height: 23px; line-height:15px; overflow: hidden; padding: 8px 5px 0 8px; position: absolute; width:150px; text-align:left; right:31px; white-space: nowrap;}

.loginBox #selection-box a.openBtn { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background-image:url(../images/select_right.jpg);}
.loginBox #selection-box a.openBtn.fieldFocus, .loginBox #selection-box:hover a.openBtn, .loginBox #selection-box.selected a.openBtn  { background-position:left bottom;}

.loginBox #selection-box .selection { display:none; position:absolute; border:1px solid #dddddd; background-color:#f1f1f1; left:0; width:193px; padding-bottom: 5px;}

.loginBox #selection-box.selected .selection  { display:block; top: 30px;}
.loginBox #selection-box.selected .selectLocation  { background-color: #7d7d7d; color: #fff; font-weight: bold; padding: 8px 7px; margin-bottom: 4px;}

.loginBox #selection-box.selected .selection .locationHK li { background-repeat: no-repeat; background-position: 3px 9px; padding: 8px 0 8px 3px; margin-left: 2px; border:0;}
.loginBox #selection-box.selected .selection li a { color: #565656;}
.loginBox #selection-box.selected .selection li a:hover,
.loginBox #selection-box.selected .selection li a:focus, 
.loginBox #selection-box.selected .selection ul li:hover a, 
.loginBox #selection-box.selected .selection ul li:focus a {color: #EE171F;}

.locationOther li {padding: 4px 0 4px 3px; margin-left: 2px; border:0; float: left; min-width: 68px}

.grid-1-1 { width:50%; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.grid-2-1 dt, .grid-2-1 dd { float:left; position:relative;}

.index .floatL { width:725px; margin-top:21px;}
.index .floatR { width:225px; margin-top:-90px; margin-right:10px;}

.hsiTop {margin-bottom:10px; width: 223px; overflow: hidden;}
.hsiBtm {min-height:90px; padding:10px;}
.hsiBtm h4 {color:#ed171f; margin-top:0; font-size:15px; font-weight:normal; line-height:18px;}
.hsiBtm .price { display:inline-block; display:inline; zoom:1; color:#565656; font-weight:bold; font-size:20px; vertical-align:middle; margin:0 5px 0 0; line-height:22px;}
.hsiBtm .changes, .hsiBtm .changes h4, .hsiBtm .changes img { display:inline-block; *display:inline; zoom:1; font-weight:bold; color:#118f00; font-size:15px; vertical-align:middle; line-height:18px; margin-bottom:0;}
.hsiBtm img { margin-right:4px;}
.hsiBtm .update { font-size:11px; margin-top:6px; line-height:14px; -webkit-transform : scale(0.9); [;width: 110%; ;margin-left:-11px;]  -o-transform : scale(1); *margin-left:0;}
.hsiBtm .provider { font-size:11px; color:#939393; margin-top:3px; line-height:14px; -webkit-transform : scale(0.85);  [;width: 110%; ;margin-left:-17px;]  -o-transform : scale(1); *margin-left:0;}
.hsiBtm ul { font-size:11px; line-height:14px; margin-left:110px; -webkit-transform : scale(0.85);  [;width: 110%; ;margin-left:100px;]  -o-transform : scale(1); *margin-left:110px;}
.hsiBtm li { float:left; border:none; margin:0; padding:0; margin-left:4px; border-left:1px solid #ddd; padding-left:4px; margin-top:5px; width:auto;}
.hsiBtm li:first-child { margin-left:0; border:0; padding:0;}
.hsiBtm li a { color:#b96d06;}
.hsiBtm li a:hover { color:#EE171F;}
.hsiBtm .hsiRefresh { background:url(../../images/hsi-refresh.gif) no-repeat left top; padding-left:18px;}
.hsiBtm .hsiRefresh:hover { background-position:left -24px;}

.index .subHeader h2 { margin-top:10px;}
.index .subHeader .defaultBtn { float:right;}
.index .rightPromoCol .freeTextArea td h5 { margin:0; margin-bottom:3px; color:#ED171F;}
/* END:home page */

/* inner page */
.inner .grid-2-1 dt { width:744px;}
.inner .grid-2-1 dd { width:236px; text-align:center; margin-top:10px;}
.inner .bannerContainer { height:161px;}
.inner .banner  { text-align:center;}

/* faq */
.outer-grid-1-2 .faq .greyContainerBtm { padding-bottom:15px !important;}
.faq .greyContainerBody ol > li { font-size:116%; margin-left:35px; padding:15px 10px 0 0;}
.faq .greyContainerBody ol > li > h4 { margin:0; background:url(../images/faq-icon01.gif) no-repeat right 3px; padding-right:25px;}
.faq .greyContainerBody ol > li > h4:hover{ background-image:url(../images/faq-icon01-hover.gif); cursor:pointer;}
.faq .greyContainerBody ol > .selected > h4, .faq .greyContainerBody ol > .selected > h4:hover { background-image:url(../images/faq-icon01-collapse.gif); cursor:pointer;}
.faq .greyContainerBody ol > li > h4 > a { display:block; padding-bottom:15px; }
.faq .greyContainerBody ol > li, .faq .greyContainerBody ol > li > h4 > a { color:#5e5e5e; line-height:130%; font-weight:bold;}
.faq .greyContainerBody ol > .selected, .faq .greyContainerBody ol > li:hover, .faq .greyContainerBody ol > .selected > h4 > a, .faq .greyContainerBody ol > li:hover > h4 > a { color:#ED171F;}
.faq .greyContainerBody ol > li .subQues { background:#f0f0f0; margin-right:-9px; margin-left:-34px; border-bottom:1px solid #e1dfdf; background:url(../images/faq-bg-btm.jpg) repeat-x left bottom #f0f0f0;}
.faq .greyContainerBody ol > li:last-child .subQues { border:none;}
.faq .greyContainerBody ol > li .subQues > ul { display:none; font-size:85%; line-height:140%; padding:25px 12px 25px 0; background:url(../images/faq-bg-top.jpg) repeat-x left top; border-top:1px solid #e1dfdf; margin:0;}
.faq .greyContainerBody ol > li .subQues > ul > li:hover, .faq .greyContainerBody ol > li .subQues > ul > li.selected, .faq .greyContainerBody ol > li .subQues > ul > li:hover > h5 > a, .faq .greyContainerBody ol > li .subQues > ul > li.selected > h5 > a { color:#ED171F; cursor:pointer;}
.faq .greyContainerBody ol > li .subQues > ul > li { font-size:116%; margin-left:30px;color:#5e5e5e; padding-bottom:10px;}
.faq .greyContainerBody ol > li .subQues > ul > li > h5 { margin:0; font-weight:bold; background:url(../images/faq-icon02.png) no-repeat right 3px; padding-right:20px;}
.faq .greyContainerBody ol > li .subQues > ul > li > h5 a { color:#5e5e5e;}
.faq .greyContainerBody ol > li .subQues > ul > li a { color:#a0111f;}
.faq .greyContainerBody ol > li .subQues > ul > li a:hover { color:#ED171F;}
.faq .greyContainerBody ol > li .subQues >  ul >  li > h5:hover, .faq .greyContainerBody ol > li .subQues > ul >  li.selected > h5 { background-image:url(../images/faq-icon02-hover.png); background-position:right 4px; cursor:pointer;}
.faq .greyContainerBody ol > li .subQues > ul > li > div { display:none; color:#5e5e5e; font-weight:normal; font-size:85%; padding-right:20px; cursor:default;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li { list-style-type:square;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li ul li { list-style-type:disc;}
.faq .greyContainerBody ol > li .subQues > ul > li > div ul li ul li ul li{margin-left:17px;}

/* site map */
.sitemap .greyContainerBtm > ul > li { margin:25px 10px 0 20px; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:290px; list-style:none;}
.sitemap li li { list-style-type:square !important; margin-top:10px;}
.sitemap li h4 { margin-top:0;}
.sitemap li h4 a { color:#9a000f;}
.sitemap li h4 a:hover { color:#ED171F;}
.sitemap li li a { color: #5E5E5E;}
.sitemap li li a:hover { color:#a0111f;}

#yearScroll li a { text-align:center; display:block; background:url(../images/year-scroll-sep-line.jpg) no-repeat right center; width:78px; height:20px; padding:12px 10px; color: #5E5E5E; line-height: 20px;}
#yearScroll li:hover a, #yearScroll li.selected a { background:#ED171F; color:#fff;}
#yearScroll li:hover, #yearScroll li.selected { background:url(../images/menu-arrow.png) no-repeat center bottom;}

/* google map */
#map-canvas { height: 366px; width: 738px; margin:10px 0 20px 0;}
#map-canvas h4 { color:#fff; margin:0; margin-bottom:5px;}
#map-canvas .infoBox { padding-bottom:12px;}
.locationSelect td { background:none; padding-left:7px;}
.locationSelect td h4 { margin-top:0;}
.googleMap td, .googleMap th { background:none;}
.googleMap .jqTransformSelectWrapper li { list-style:none; margin-left:0; margin-bottom:0;}
.googleMap .jqTransformSelectWrapper ul { padding-bottom:5px; width:169px !important;}
.googleMap .jqTransformSelectWrapper div span { width:126px !important; overflow:hidden; padding-right:7px;}
.googleMap .jqTransformSelectWrapper { width:171px !important;} /* + 45 */

.branchDetails th, .branchDetails td { padding-left:0;}
.branchDetails table { border-collapse:collapse; margin-top:5px; width:100%;}
.branchDetails table th { width:140px;}
.branchDetails table th, .branchDetails table h4 { color:#5e5e5e;}
.branchDetails table th, .branchDetails table td { font-weight:normal; padding:0 3px 3px 0; font-size:100%;}
.branchDetails table tr:first-child th, .branchDetails table tr:first-child td { border-top:1px solid #e1e1e1;}

/* fancyBox page */
.popBox{width:700px;height:400px;*width:auto; overflow:auto; -webkit-overflow-scrolling: touch; display:none;}
.popBox h1{font-size:16px;color:#ed171f; border-bottom:5px solid #ed171f;padding:15px 15px 9px 15px;}
.popBox .holder{padding:20px 28px 0 20px;}
.leftCol{float:left;margin-left:0px;}
.rightCol{width:520px;*width:450px;float:right;}
.rightCol p{font-weight:bold;line-height:1.6em; color:#565656;}
.rightCol .redTxt{color:#ed171f;}
.fancybox-inner { float:left !important;}

/* General Form */
/*Step Holder*/
.stepholder{dispaly:block; text-align:center;font-size:130%;color:#565656;margin:5px 0 10px 0; text-transform:uppercase;}
.stepholder span{padding:4px 9px;background-color:#fbdd00;color:#ed171f;}

/*Global*/
.generalForm table { width:auto; border-collapse: collapse; border-spacing: 0;}
.generalForm .redTxt, .applicationTb .redTxt{color:#9f0d1b;margin-left:0 !important;}
.generalForm .subHeader{border-bottom:5px solid #ed171f;padding:5px 15px 9px 15px;margin-left:1px;width:746px;}
.generalForm .subHeader h2{color:#ed171f;float:left;width:625px;font-wieght:bold;margin:0;}
.generalForm .subHeader span{display:block;font-size:12px;text-align:right;}

.generalForm .widthA { width:240px;}
.generalForm .widthB { width:200px;}
.generalForm .widthD { width:300px;}
.generalForm .widthE { width:333px;}
.generalForm .widthC .jqTransformInputWrapper { width:330px !important;}
.generalForm .widthC .jqTransformInputWrapper input { width:320px;}

/*General Section*/
.generalForm .generalTb {*width:680px !important;}
.generalForm td, .generalForm th { background-color:transparent; color:#5E5E5E;}
.generalForm .generalTb, .generalForm .applicationTb{margin:20px;}
.generalForm .generalTb td, .generalForm .applicationTb td {vertical-align:middle; padding:6px 13px 6px 0;}
.generalForm .generalTb > tbody > tr > td, .generalForm .applicationTb > tbody > tr > td {font-size:110%; font-weight:bold;}
.generalForm .generalTb .remarks { font-weight:normal !important; color:#939393;}
.generalForm .greyContainerBtm{margin-bottom:20px;}
.generalForm td h5, .generalForm th h5 { margin:0;}


.generalForm .generalTb th {padding:6px 13px 6px 0;line-height:35px;}
.generalForm .generalTb > tbody > tr > th {font-size:110%; font-weight:bold;}
.generalForm .generalTb > tbody > tr > th > #cfglabel13.creditcalc02{line-height: 27px;*line-height:33px;}
.generalForm .generalTb > tbody > tr > th > .btnQuestion.imgBtn{margin-bottom:3px;}
.creditcalc01 #cfglabel8{margin-right:0px;}.en .creditcalc01 #cfglabel8{margin-right:0;}.en .creditcalc01 .lineH33.cfgdollar + label + div{margin-left:21px !important;}

.calRet th{line-height:1.6em !important;}
#cfglabel7{vertical-align:top;}
#cfglabel7 > div{margin-top:-7px;}
.en #cfglabel7 > div{margin-top:-3px;}

/* credit card balance repayment 01 & 02 */
/** en **/
.en .Small .creditcalc01 .currencyTD {width: 80px;}
.en .Medium .creditcalc01 .currencyTD {width: 100px;}
.en .Large .creditcalc01 .currencyTD {width: 120px;}
.en .Small .generalForm .creditcalc01 .widthB {width: 180px;}
.en .Medium .generalForm .creditcalc01 .widthB {width: 220px;}
.en .Large .generalForm .creditcalc01 .widthB {width: 240px;}
.en .Small .creditcalc02 .currencyTD {width: 80px;}
.en .Medium .creditcalc02 .currencyTD {width: 100px;}
.en .Large .creditcalc02 .currencyTD {width: 120px;}
.en .Small .generalForm .creditcalc02 .widthB {width: 180px;}
.en .Medium .generalForm .creditcalc02 .widthB {width: 200px;}
.en .Large .generalForm .creditcalc02 .widthB {width: 220px;}
/** tc **/
.tc .Small .creditcalc01 .currencyTD {width: 90px;}
.tc .Medium .creditcalc01 .currencyTD {width: 115px;}
.tc .Large .creditcalc01 .currencyTD {width: 135px;}
.tc .Small .generalForm .creditcalc01 .widthB {width: 170px;}
.tc .Medium .generalForm .creditcalc01 .widthB {width: 180px;}
.tc .Large .generalForm .creditcalc01 .widthB {width: 190px;}
.tc .Small .generalForm .creditcalc01 .innerMinPayTD {width: 200px;}
.tc .Medium .generalForm .creditcalc01 .innerMinPayTD {width: 240px;}
.tc .Large .generalForm .creditcalc01 .innerMinPayTD {width: 260px;}
.tc .Small .creditcalc02 .currencyTD {width: 90px;}
.tc .Medium .creditcalc02 .currencyTD {width: 115px;}
.tc .Large .creditcalc02 .currencyTD {width: 135px;}
.tc .Small .generalForm .creditcalc02 .widthB {width: 170px;}
.tc .Medium .generalForm .creditcalc02 .widthB {width: 175px;}
.tc .Large .generalForm .creditcalc02 .widthB {width: 180px;}
/** sc **/
.sc .Small .creditcalc01 .currencyTD {width: 90px;}
.sc .Medium .creditcalc01 .currencyTD {width: 115px;}
.sc .Large .creditcalc01 .currencyTD {width: 135px;}
.sc .Small .generalForm .creditcalc01 .widthB {width: 170px;}
.sc .Medium .generalForm .creditcalc01 .widthB {width: 180px;}
.sc .Large .generalForm .creditcalc01 .widthB {width: 190px;}
.sc .Small .generalForm .creditcalc01 .innerMinPayTD {width: 200px;}
.sc .Medium .generalForm .creditcalc01 .innerMinPayTD {width: 240px;}
.sc .Large .generalForm .creditcalc01 .innerMinPayTD {width: 260px;}
.sc .Small .creditcalc02 .currencyTD {width: 90px;}
.sc .Medium .creditcalc02 .currencyTD {width: 115px;}
.sc .Large .creditcalc02 .currencyTD {width: 135px;}
.sc .Small .generalForm .creditcalc02 .widthB {width: 170px;}
.sc .Medium .generalForm .creditcalc02 .widthB {width: 175px;}
.sc .Large .generalForm .creditcalc02 .widthB {width: 180px;}

.tc .generalForm .creditcalc01 #cfgparagraph3 {margin-bottom: 8px;}

.generalForm .creditcalc02 .btnQuestionTD {vertical-align: top; padding-top: 13px;}
.generalForm .creditcalc02 .btnQuestion.imgBtn {display: block;}
.generalForm .generalTb.creditcalc02 > tbody > tr > th > #cfglabel13{line-height: 27px;*line-height:33px;}

/*Input, Select & textarea style*/
input.hkidBox{width:176px !important;}
input.shortBox{width:25px !important;text-align:center;}
.generalForm .generalTb td textarea{resize:none;overflow:hidden;height:70px;width:400px; font-weight:normal;}
.generalForm .generalTb td input{padding:2px; font-weight:normal;}
.generalForm .generalTb td input.width400 {width:400px;}
.generalForm .generalTb td input.midBox{width:240px}
.generalForm .generalTb td select{min-width:80px; margin-right:5px;}
.generalForm .jqTransformInputInner input { line-height:28px;}

.applicationTb input.radioBtn{margin-top:1px;}
.applicationTb td input{padding:2px;}

/*TextArea*/
.generalForm table.jqTransformTextarea{width:413px;}
.generalForm table.jqTransformTextarea td{padding:0;}
.generalForm table.jqTransformTextarea td#jqTransformTextarea-tr{width:2px;}

/*Radio*/
.generalForm .jqTransformRadioWrapper{margin:0 !important;}
.generalForm .radioMarginT .jqTransformRadioWrapper{margin-top:6px !important;}
.generalForm .jqTransformSelectWrapper{margin-right:2px; max-width: 400px;}
.generalForm .jqTransformSelectWrapper span {max-width: 366px;}
.generalForm .jqTransformSelectWrapper ul {max-width: 398px;}

.radioTb{padding-top:6px !important;padding-bottom:0 !important; font-size:100% !important;}
.radioTb td{line-height:140% !important;}
.en .radioTb td{line-height:160% !important;}

/*Select*/
.generalForm .jqTransformSelectWrapper ul { padding-bottom:3px;}
.generalForm .jqTransformSelectWrapper li{margin-left:0;list-style:none; font-weight:normal; margin-bottom:0;}

/*Case for Other Style of CheckBox Button */
td.checkBoxStyleA{ padding-right:3px !important;}
td a.jqTransformCheckbox{ background:url(../js/jqtransform/img/checkbox_style2.gif) no-repeat 0 0; height: 17px; width: 17px; display:block;}
td a.jqTransformCheckbox:focus{ background-position:left -34px;}
td a.jqTransformCheckbox.jqTransformChecked{ background-position:left -17px;}
td a.jqTransformCheckbox.jqTransformChecked:focus{ background-position:left -51px;}

/*Remarks*/
.remarksHolder{color:#939393;}
.remarksHolder table{margin-top:47px;}
.remarksHolder table td.first{font-weight:bold;}

/* calculator */
.calResult { display:none;}
.generalForm.calcRetire .generalTb { width:700px;}
.generalForm.calcRetire .generalTb  th { padding-top:13px; padding-bottom:0;}
.calcRetire .freeTextArea h3 { padding-top:20px; border-top:1px solid #dddddd;}
.calcRetire .freeTextArea h3:first-child { padding:0; border:none; margin-top:5px;}
.calcRetire .bulletTick > li h4 { margin:0 0 3px 0; font-size:100%; color:#5E5E5E;}
.calcRetire .bulletTick > li ol li { list-style-type:lower-roman;}
.calcRetire .calResult table { width:100%;}
.calcRetire .calResult li .redTxt { font-weight:bold;}
.calcRetire .calResult .staffImg { width:200px; vertical-align:bottom; text-align:center; line-height:0; padding:0;}
.calcRetire .calResult .redBox { background-color:#b10014; color:#fff; padding:10px 8px;}
.calcRetire .calResult .redBox h4 { color:#fff; font-size:100%; margin:0;}
.calcRetire .calResult .redBox span { font-weight:bold;}
.calcRetire .calResult .redBox p { margin:5px 0;}
.calmortgage .lowerMenuContent { padding-bottom: 20px;}
.inner .calmortgage #menuFilters a, .inner .calmortgage .postArrowUp { width: 220px;}

/* news */
.news.recordListing .greyContainerBody > ul { margin: 0;}
.news.recordListing li { list-style: none; margin-left: 0;}
.news.recordListing li > div { float: left;}
.news.recordListing li .newsPic { width: 140px;}
.news.recordListing li .newsTxt { width: 598px; position: relative;}
.news.recordListing li .link { color:#a0a0a0; margin:15px 0 0 0;}
.news.recordListing li .date { font-weight:bold; color:#838383; position:absolute; right:5px; top:0; margin:0;}
.news.recordListing li h3 { margin-top:0;}
.news.recordListing li h3 a { font-weight:normal; display:inline; -moz-text-size-adjust:100%;}
.news.recordListing li { border-top:1px dashed #ff9e1b; background:none; padding: 15px 0;}
.news.recordListing li:first-child { border:none;}
.news.recordListing .noImage .newsPic { display: none;}
.news.recordListing .noImage .newsTxt { width: 738px;}

.hiddenQuestion { display: none;}
.hiddenQuestion td { padding-top: 15px !important; padding-bottom: 15px !important;}
.hiddenQuestion h5, .generalForm .hiddenQuestion td h5 { color: #ff9e1b; font-weight:bold;}

/* For Mastercard */
.beaMasterCard{width:525px;background:url(../images/en/credit-card/world-mastercard/mastercard-bg.jpg) repeat;color:#fff;font:14px/16px normal Arial,Helvetica,sans-serif;text-align:justify;padding-bottom:10px;}
.beaMasterCard td, .beaMasterCard th{background-color:transparent;vertical-align:auto;}
.beaMasterCard .blueBtns{margin:6px 0;padding-left:1px;}
.beaMasterCard .blueBtns a{float:left;margin:0 1px 2px 1px;}
/*sup line height reset*/
.beaMasterCard sup{font-size:.8em;position:relative;top:-0.5em;vertical-align:baseline;}
/*fix sup in IE7/8/9/10*/
.beaMasterCard .supFix{*display:inline;*position:relative;*border-bottom:1px solid #fff;*padding-bottom:.2em;*text-decoration:none!important;text-decoration:underline;}
/*fix sup in Firefox*/
@-moz-document url-prefix(){.beaMasterCard .supFix{display:inline;position:relative;border-bottom:1px solid #fff;padding-bottom:.2em;text-decoration:none;}}
/*fix sup in Chrome and Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){.beaMasterCard .supFix{display:inline;position:relative;border-bottom:1px solid #fff;padding-bottom:.3em;text-decoration:none;}}
.beaMasterCard .block{padding:0 20px;margin-bottom:20px}
.beaMasterCard .block p{font-size:14px;letter-spacing:1px;margin:0;}
.beaMasterCard .block a{color:#fff;}
.beaMasterCard .block a:hover{color:#fff;} 
.beaMasterCard .block span{font-size:13px;}
.beaMasterCard .block table{color:#fff;font-size:13px;}
.beaMasterCard .block > table{margin:10px 0;}
.beaMasterCard .block table th{padding:2px 0;width:15px;text-align:left;vertical-align:top;font-size:13px;}
.beaMasterCard .block table td{padding:2px 0;line-height:1.3em}
.beaMasterCard .tbBox{position:relative;}
.beaMasterCard .tbBox img{display:block;}
.beaMasterCard .tbBox table{background-color:#545454;margin:0;border-spacing:1px;}
.beaMasterCard .tbBox td{background-color:#000;vertical-align:middle;*border:1px solid #545454;}
.beaMasterCard .tbBox .tbBoxTop{position:absolute;top:0;height:10px;}
.beaMasterCard .tbBox .tbBoxBtm{position:absolute;bottom:0;height:10px;}
.btnApplyFloat{z-index:1000;} 

.H1_STYLE{ font-size:200%; line-height:28px; font-weight:bold; margin:20px 0;}
.H2_STYLE{ font-size:160%; line-height:110%; font-weight:normal; color:#A6192E; margin:20px 0;}
.H3_STYLE{ font-size:130%; line-height:110%; font-weight:bold; color:#A6192E; margin:15px 0;}
.H4_STYLE{ font-size:116%; line-height:110%; font-weight:bold; color:#A6192E; margin:10px 0;}
.H5_STYLE{ font-size:100%; line-height:110%; font-weight:normal; color:#A6192E; margin:10px 0;}

.offscreen{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} 

.eformSubtitleBar{background-color:#EC1824;height: 20px;color:#FFFFFF;padding-left:10px;padding-left:1%;padding-top:5px;padding-bottom:5px;width: 99% !important;font-weight: bold;font-size: 120%;text-transform: uppercase;}
#declarationContainer {width: 93%;        height: 380px;overflow: auto;-webkit-overflow-scrolling: touch;border: 1px solid #cccccc;margin: 12px 0px 0px 20px !important;}
#declarationWarningMsg{ margin: 15px 0px 0px 20px !important;width: 92%;background-color: #FFFCE2;border: 1px solid #cccccc;padding-top:1%;padding-left:1%;padding-bottom: 5px;}

.saveAsPDFBtn.en{width:170px;height: 25px;}
.saveAsPDFBtn.tc,.saveAsPDFBtn.sc{width:120px;height: 20px;}
.saveAsPDFBtn{background: url(https://www.hkbea.com/images/default-btn-lll.png);
background-size: 1px 400px left top; color: #fff !important; text-align: center;display: inline-block; zoom: 1; font-size: 105%;   padding-top: 8px;}
.saveAsPDFBtn:hover{background-position: left bottom;}
.saveAsPDFBtn:active{background-position: left bottom;}


div#preload { display: none; }
.loginfield {
	content: url("/images/login.png");
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	/* Good browsers */
	opacity:0;
 } 
.non_transparent{
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	/* IE 5-7 */
	filter: alpha(opacity=100)!important;
	/* Netscape */
	-moz-opacity: 1!important;
	/* Safari 1.x */
	-khtml-opacity: 1!important;
	/* Good browsers */
	opacity: 1!important;
}
.en .containerRight{width:510px!important;}
.tc .containerRight, .sc .containerRight{width:480px!important;}

#processbar_e1{background-image:url('../../images/eform/theme1/form_action_btn_e2.gif');}
#processbar_e2{background-image:url('../../images/eform/theme1/form_action_btn_e3.gif');}	
#processbar_e3{background-image:url('../../images/eform/theme1/form_action_btn_e4.gif');}
#processbar_e4{background-image:url('../../images/eform/theme1/form_action_btn_e5.gif');}

#processbar_c1{background-image:url('../../images/eform/theme1/form_action_btn_c2.gif');}
#processbar_c2{background-image:url('../../images/eform/theme1/form_action_btn_c3.gif');}	
#processbar_c3{background-image:url('../../images/eform/theme1/form_action_btn_c4.gif');}
#processbar_c4{background-image:url('../../images/eform/theme1/form_action_btn_c5.gif');}

#processbar_o1{background-image:url('../../images/eform/theme1/form_action_btn_o2.gif');}
#processbar_o2{background-image:url('../../images/eform/theme1/form_action_btn_o3.gif');}	
#processbar_o3{background-image:url('../../images/eform/theme1/form_action_btn_o4.gif');}

.processbarTable{	
	width:776px!important;
	height:42px!important;
	margin:23px 0px 10px 0px!important;
}
/*START: Career Landing Page*/
.center{text-align: center;}
.justify{text-align: justify;}
.careerLandTbHolder.noBg tr td, .asAnTbHolder.noBg tr td, .mtProgTbHolder.noBg tr td, .mtBannerTbHolder.noBg tr td, 
.sharingTbHolder.noBg tr td, .managementTbHolder.noBg tr td, .iconTbHolder.noBg tr td, .landdTbHolder.noBg tr td,
.jobOppTbHolder.noBg tr td, .puzzleTbHolder.noBg tr td{background-color: transparent;}
.careerLandTbHolder tr td{padding: 0 10px 30px 0; text-align: left;}
.careerLandTbHolder tr td img{padding-bottom: 10px; max-width: 240px;}
.careerLandTbHolder tr td a{color: #ed171f; font-size: 130%; font-weight: bold; line-height: 110%;}
.iconWebForAll.careerPg{margin: 25px 0 73px 40px;}
.backtotopHolder {position: relative; bottom: -13px; right: 8px;}
/*END: Career Landing Page*/

/*START: BEA As An Employer Page*/
.asAnTbHolder tr td{padding: 0 10px 8px 0; text-align: left;}
.asAnTbHolder tr td img{max-width: 358px;}
.managementTbHolder {margin: 0 auto; text-align: center; padding-left: 30px;}
.paraImgHolder{float:right; padding: 0 0 0 18px;}
.iconTbHolder{width: 100%; text-align: center;}
.landdTbHolder{margin-left: -2px;}
.landdTbHolder tr td.desc{padding: 4px 12px 0 0; line-height: 140%; text-align: justify;}
/*END: BEA As An Employer Page*/

/*START: Trainee Programmes Page*/
.mtProgTbHolder tr td{padding: 0 15px 3px 10px; text-align: left;}
.mtProgTbHolder tr td img{max-width: 358px;}
.greyArrow{height: 22px; background:url('../images/ico_grey_arrow.png') no-repeat left; background-size: 75px 22px; color: #ffffff; font-size: 120%; padding: 5px 0px 0 8px;}
.mtBannerTbHolder {margin-left: -3px;}
.mtBannerTbHolder tr td{padding: 0 18px 6px 0; text-align: left;}
.mtBannerTbHolder tr td .bannerHolder{height: 275px; background-color: #ff9e1b;}
.mtBannerTbHolder tr td .bannerHolder:hover{background-color: #ed171f;}
.mtBannerTbHolder tr td .bannerHolder .tit{width: 231px; height: 46px; color: #ffffff; text-align: center; font-size: 150%; font-weight: 400; line-height: 130%; display: table-cell; vertical-align: middle;}
.btmBtn.left{text-align: left !important;}
.btmBtn .defaultBtn{margin-left: 0 !important;}
.imgHolder{padding: 30px 0 20px 0;}
h5.h4FontSize{font-size: 116% !important;}
.sharingTbHolder, .sharingContent{margin: 0 auto;}
.sharingHolder{padding-bottom: 35px;}
.sharingContent{width: 570px; text-align: justify;}
.sharingTbHolder tr td {vertical-align: middle;}
.sharingTbHolder tr td.alumniProfile{padding: 0; border: 1px solid #959595; line-height: 0%;}
.sharingTbHolder tr td.desc{padding-left: 35px; line-height: 150%;}
.sharingTbHolder tr td.desc .alumniName{font-weight: bold; font-size: 116%; line-height: 150%;}
/*END: Trainee Programme Page*/

/*START: Puzzle on Trainee Programme Page*/
.progStruct{height: 715px;}
.puzzleHolder{height: 426px; margin: 30px 0 20px 50px; background: url('../images/career_puzzle.png') no-repeat center; background-position: 0 -1705px;}
.puzzle1, .puzzle2, .puzzle3, .puzzle4, .puzzle5, .puzzle6, .puzzle7{display: table-cell; height: 160px; vertical-align: middle; color: #ffffff; font-size: 120%; line-height: 120%;}
.puzzle1:hover, .puzzle2:hover, .puzzle3:hover, .puzzle4:hover, .puzzle5:hover, .puzzle6:hover, .puzzle7:hover {color: #fbdd00; cursor: pointer;}
.puzzle4.yellowFont{color: #fbdd00;}
.puzzleTbHolder.row2{margin-top: -78px;}
.puzzleTbHolder.row3{margin-top: -60px;}
.puzzleContent.hide{display: none;}
/*END: Puzzle on Trainee Programme Page*/

/*START: FAQ Page*/
.faqTit h4{padding-bottom: 5px;}
/*END: FAQ Page*/

/*START: Job Opportunities Page*/
.jobOppTbHolder{margin-left: -2px;}
.jobOppTbHolder tr td.desc{padding: 4px 50px 0 0; line-height: 140%; text-align: justify;}
.jobOppTbHolder tr td.desc h4{margin-top: 0;}
p.redFont {color: #a0111f;}
/*END: Job Opportunities Page*/

.bigBtnL{background-image: url(../images/biggerBtn1.png)!important;}

.InfoTableTh{
	float:left;
	background-color:#ED171F;
	color:white;
	text-align:center;
	font-weight:bold;
	border-left:white 1px solid;
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	vertical-align:top; 
	line-height: 200%;
}
.InfoTableSpace{width:1%;}
.InfoTableTd{
	float:left;
	background-color:#e2e2e2;
	text-align:center;
	font-weight:bold;
	border-left:white 1px solid;
	padding-bottom: 99999px;
    margin-bottom: -99999px;
	vertical-align:top; 
	line-height: 200%;
}
.InfoTable{overflow:hidden;}	