/* Mortgages 3 stage form - - - - - - - - - - - - - - - - - - - - */ #mortgages{width: 880px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden;} #mortgages h1 {font-size: 14px; font-weight: normal; padding:15px 0 0 0;} #mortgages #pageTitle{padding: 0 0 28px 0;} #mortgages #trustHead{margin:10px 0 0 0;padding: 0 0 0 64px;} #mortgages h2{font-size:15px; color: #444; padding:0 0 10px 0;} #mortgages #halfPageProduct .inner h2 {font-size: 21px;font-weight: bold;color: #000000;padding: 10px 0pt 10px 0pt;} #mortgages .left{width: 364px;padding:0;} #mortgages .right{width: 500px;padding:0;} #mortgages #halfPageProduct{float: left; position: relative; width: 484px; min-height: 314px; margin:0; padding: 4px; border: 4px #5daf08 solid; background: #fff; z-index: 1;} #mortgages #halfPageProduct .inner{float: left; width: 424px; min-height: 278px; padding: 20px 30px 40px 30px; background: #f0f5fd url(/img/common/halfpage-product-bg.gif) repeat-x;} #mortgages #halfPageProduct select, #loans #halfPageProduct input{background:none;background-color: #ffffff;border:1px solid #bbbbbb;} #mortgages .form2{width: 420px; padding: 0; margin: 0; float: left; position: relative; width: 100%; height: auto;} #mortgages span #halfPageInfo .inner .left{width: 300px;} #mortgages #info .box{height:206px;} #mortgages #halfPageProduct .landing{margin: 10px 0 0 0;} #mortgages #halfPageProduct .landing .form{width: 364px; margin: 0 0 15px 0; padding: 0 20px 0 20px;} #mortgages .form{padding: 0;} #mortgages .formcol1{float:left; width:200px;} #mortgages #halfPageProduct .security{margin: 0 auto;} #mortgages #halfPageProduct .security td{text-align: center;} #mortgages #halfPageProduct .security .midlight{font-size: 10px; font-weight: bold; float: none;} #mortgages #halfPageProduct .smallPrint{color:#666; font-size: 11px;} #mortgages .securitybox2{width: 410px; margin: 0; padding: 0;} #mortgages .securitybox2 p{margin: 0; padding: 0; margin: 0;} #mortgages #info .box{height:206px;} #mortgages .getQuote{padding: 0;} #mortgages .right .center{font-size: 10px; font-weight: bold; color: #666; margin: 20px 0 0 0;} #mortgages .repayments{float: left;width: 360px;padding-top: 15px;padding-right: 0pt;padding-bottom: 10px;padding-left: 10px;font-size: 23px;} .percentcaption{margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: 700;color: #000000; text-align:center;} #percent_large_one {margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;font-family: Arial,Helvetica,sans-serif;font-size: 36px;font-weight: 700;color: #0187c6;} #percent_large_two {margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;font-family: Arial,Helvetica,sans-serif;font-size: 36px;font-weight: 700;color: #ff6002;} .rates_apply_text{font-family: Arial,Helvetica,sans-serif;font-size: 10px;font-weight: 700;color: #333333;} .fulltitle{font-size: 25px; font-weight: bold; margin:5px;} #mortgages .ratetable_col1{float:left;width:130px;color:#006600;font-weight:bold;} #mortgages .mod_picture{margin-top:0;padding:0;} #mortgages .mod_picture2{width: 364px; margin:0 0 0 6px; padding:0;} #mortgages #halfPageInfo{width:346px;} #mortgages #halfPageInfo .inner {width:331px;} /* Mortgages 2/3 - Right Column Form - - - - - - - - - - - - - - - - - - - - */ #mortgages2, #mortgages3{width: 880px; margin: 0 auto; overflow: hidden; padding-top:0;} #mortgages2 #pageTitle, #mortgages3 #pageTitle{width:880px;font-size:42px;margin:0;padding:10px 0 24px 0;} #mortgages2 #pageTitle strong, #mortgages3 #pageTitle strong{font-size:42px;} #mortgages2 #pageTitle p, #mortgages3 #pageTitle p{font-size:20px;padding-top:2px;padding-left:10px;color:#777777;} #mortgages2 .mod_picture5b, #mortgages3 .mod_picture5b{margin-top:20px;} #mortgages2 #halfPageProduct .inner h2{float: left; width:430px; font-size:14px; font-weight:bold; padding:10px 0 10px 0;} #mortgages2 .form2 .padlock2{padding:0; visibility:hidden;} #mortgages2 .form2 .legaltext{float:right; text-align:left; padding:2px 0 0 10px; font-size:11px;} #mortgages2 .right #halfPageInfo{margin: 0; padding: 0; border: none; z-index: 1;} #mortgages2 .right #halfPageInfo .inner {padding: 5px 10px 5px 15px; background: none;} #mortgages2 #halfPageInfo, #debt5 #halfPageInfo{width:430px;} #mortgages2 #halfPageInfo .inner .tick, #debt5 #halfPageInfo .inner .tick{width:30px;} #mortgages2 #halfPageInfo .inner .text, #debt5 #halfPageInfo .inner .text{width:380px;} #mortgages2 .titlebar-form, #mortgages3 .titlebar-form{width:438px; padding-left:18px; padding-right:10px;} #mortgages2 .stagetwo .titlebar-form, #mortgages3 .stagetwo .titlebar-form{width:432px; padding-left:24px; padding-right:10px;} #mortgages3 .bluesmall{float:left; width: 100px;} /* Mortgages 4 - Buttons / Overlaying form - - - - - - - - - - - - - - - - - - - - */ #mortgages4{width: 880px; margin: 0 auto; padding-top:0; overflow:visible;} #mortgages4 #pageTitle{width:880px;font-size:32px;margin:0;padding:20px 0 0 0;} #mortgages4 #pageTitle h1{font-size:32px;} #mortgages4 #pageTitle strong{font-size:32px;} #mortgages4 #pageTitle p{font-size:20px;padding-top:2px;padding-left:3px;color:#777777;} #mortgages4 .mod_picture5b{margin:20px 0 0 0;height:313px;} #mortgages4 .mod_picture5{margin:20px 0 0 0;height:303px;} #mortgages4 .right p{padding:0 0 0 15px; height:240px;} #mortgages4 .right select{background:#ffffff;} #mortgages4 .right #scroller{width:243px; height:246px; padding:0;} #mortgages4 .right .scroller_row{float:left; width:243px; padding-left:94px;} #mortgages4 .right #scroller_top1{float:left; width:16px; height:30px; background: url(/img/common/scroller_top1.gif) no-repeat;} #mortgages4 .right #scroller_top2{float:left; width:211px; height:27px; background: url(/img/common/scroller_top2.gif) repeat-x; font-size:14px; font-weight:bold; color:#ffffff; padding:3px 0 0 0; text-align:center;} #mortgages4 .right #scroller_top3{float:left; width:16px; height:30px; background: url(/img/common/scroller_top3.gif) no-repeat;} #mortgages4 .right #scroller_left{float:left; width:16px; height:154px; background: url(/img/common/scroller_left.gif) repeat-y; padding-bottom:6px;} #mortgages4 .right #scroller_list{float:left; width:211px; height:154px; padding-bottom:6px;} #mortgages4 .right #scroller_list select.scroller{width: 210px; font-size:21px; font-weight:bold;} #mortgages4 .right #scroller_right{float:left; width:16px; height:154px; background: url(/img/common/scroller_right.gif) repeat-y; padding-bottom:6px;} #mortgages4 .right span #scroller_left, #mortgages4 .right span #scroller_right{height:39px; padding-bottom:0;} #mortgages4 .right #scroller_button{float:left; width:211px; height:39px;} #mortgages4 .right #scroller_btm1{float:left; width:16px; height:16px; background: url(/img/common/scroller_btm1.gif) no-repeat;} #mortgages4 .right #scroller_btm2{float:left; width:211px; height:16px; background: url(/img/common/scroller_btm2.gif) repeat-x;} #mortgages4 .right #scroller_btm3{float:left; width:16px; height:16px; background: url(/img/common/scroller_btm3.gif) no-repeat;} #mortgages4 .right h1{font-size: 25px; height:32px; font-weight:bold; padding-left:15px; padding-top:5px; color:#444444; overflow:hidden;} #mortgages4 .right h3{font-size: 18px; height:24px; font-weight:bold; padding-left:15px; margin-bottom:8px; color:#666666; overflow:hidden;} #mortgages4 .right .center h1{padding-left:0; color:#3d7a01;} #mortgages4 .right .center h3{padding-left:0; color:#333333;} #mortgages4 select {z-index:0;} #mortgages4 .form2{width: 430px;} #mortgages4 .form2 .smallPrint .center{height:39px;} #mortgages4 .thinkCarefullyText{padding-left:0; text-align:center; font-size: 11px; font-weight:bold;} #mortgages4 .footertext{float:left; margin:0; padding:0;} #mortgages4 .freetext{width:880px;} #mortgages4 .lenderImg_wide{padding-left:0; padding-right:7px; padding-bottom:11px;} #mortgages4 .padlock_large{height:51px;} #mortgages4 .bluesmall{float:left; width: 100px;} /* Mortgage Calculator */ #mortgages4 .right #mortgagecalc{padding-left:15px; width:400px; height:369px; font-size:14px; color:#555555; background: url(/img/mortgages/calculator_bg.jpg) no-repeat;} #mortgages4 .right #mortgagecalc_flash{margin:10px 0 0 0; padding-left:15px; width:425px; height:374px; font-size:14px; font-weight:bold; color:#555555;} #mortgages4 .right #mortgagecalc h2{float:left; font-size: 21px; width:370px; height:38px; padding-left:0; margin-top:20px; font-weight:bold; color:#444444; overflow:hidden;} #mortgages4 .right #mortgagecalc .slider{float: left; width: 352px; padding:9px 8px 2px 10px;} #mortgages4 .right #mortgagecalc .label{width: 352px; height:20px; padding:4px 0 4px 0;} #mortgages4 .right #mortgagecalc .label strong{font-size:16px; color:#0066ff;} #mortgages4 .right #mortgagecalc .row{float: left; width: 350px; margin:30px 0 8px 8px;} #mortgages4 .right #mortgagecalc .payment{float: left; width:175px; padding:5px 0 0 0; line-height:22px; font-size:14px; font-weight:bold; color:#666666;} #mortgages4 .right #mortgagecalc #monthlyinterestonly{font-size:20px; font-weight:bold; color:#0066ff;} #mortgages4 .right #mortgagecalc #monthlyrepayment{font-size:20px; font-weight:bold; color:#0066ff;} #mortgages4 .right #mortgagecalc .payment .smallPrint{font-size:12px; font-weight:bold; color:#666666;} #mortgages4 .right #mortgagecalc .form2{margin-top:-21px;} #mortgages4 .right #mortgagecalc .btntext{float:left; margin:-10px 0 10px -40px;} /* Overlaying form */ #mortgages4 .right #formoverlayhide{position: absolute; width: 937px; height:1400px; margin-left:-478px; margin-top:-220px; background: #333333; filter:alpha(opacity=80); opacity: 0.8; visibility:hidden;} #mortgages4 .right #formoverlay{position: absolute; width: 520px; height:120px; margin-left:-270px; margin-top:-170px; visibility:hidden;} #mortgages4 .right #formoverlay #formoverlay_hdr{float: left; width: 520px; height:22px; background: url(/img/common/formoverlay_hdr.gif); font-size:12px; color:#438402; padding: 8px 0 0 0;} #mortgages4 .right #formoverlay #formoverlay_hdr #closebox{float: left; width: 460px; visibility:hidden;} #mortgages4 .right #formoverlay #formoverlay_hdr #closebox #closetxt{float: left; width:275px; padding-left:20px; font-size:12px; font-weight:bold; color:#fe4c01; padding-top:3px;} #mortgages4 .right #formoverlay #formoverlay_hdr #closebox .yesSmall{float: left; padding-right:10px;} #mortgages4 .right #formoverlay #formoverlay_hdr #closebox .noSmall{float: left;} #mortgages4 .right #formoverlay #formoverlay_hdr #btn{float: left; width:60px; font-size:13px; font-weight:bold; color:#438402; padding-top:5px; padding-left:460px;} /* width:60px; and no left padding if closebox back in */ #mortgages4 .right #formoverlay #formoverlay_ftr{float: left; width: 520px; height:20px; background: url(/img/common/formoverlay_ftr.gif);} #mortgages4 .right #formoverlay #formoverlay_inner{float: left; width: 520px; background: url(/img/common/formoverlay_inner.gif) repeat-y;} #mortgages4 .right #halfPageProduct{width:500px; margin-left:20px;} #mortgages4 .right #halfPageProduct .inner{width:500px;} #mortgages4 .right #halfPageProduct .inner h1{float: left; width:390px; font-size:17px; font-weight:bold; color:#333333; height:45px; padding-left:40px;} #mortgages4 .right #halfPageProduct .inner .titlebar-form{margin-left:20px;width:410px;} #mortgages4 .right #halfPageProduct .inner .form2 .smallPrint{padding-left:70px;} #mortgages4 .right .nobgborder #halfPageInfo{width: 360px; height:100px; min-height:100px; margin:8px 0 0 70px; padding:0; border:none;} #mortgages4 .right .nobgborder #halfPageInfo .inner{width: 420px; height:100px; min-height:100px; margin:0; padding: 0 10px 0 10px; overflow: hidden;} #mortgages4 .right .nobgborder #halfPageInfo .inner p{margin:0; padding: 0;} #mortgages4 .right .nobgborder #halfPageInfo .padlock2{float: left; width:20px; padding: 8px 5px 0 5px; margin:0;} #mortgages4 .right .nobgborder #halfPageInfo .legaltext{float: left; width:160px; padding: 8px 0 0 0; margin:0; text-align:left; font-size: 11px; line-height:14px;} /* Mortgages 5/6 - Full form, full clean page (with and without validation - same styles) - - - - - - - - - - - - - - - - - - - - */ #mortgages5, #mortgages6{width: 900px; margin: 0 auto; overflow: hidden; padding-top:0;} #mortgages5 #pageTitle, #mortgages6 #pageTitle{width:898px; font-size:23px; height:20px; font-weight:bold; margin:0; padding:40px 0 0 3px; text-align:center;} #mortgages5 .left, #mortgages6 .left{width: 880px; margin:0 0 0 10px;} #mortgages5 .left h1, #mortgages6 .left h1{width: 880px; font-size:23px; height:35px; font-weight:bold; margin:0; padding:30px 0 0 0; text-align:center;} #mortgages5 .form2, #mortgages6 .form2{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto;} #mortgages5 #halfPageInfo, #mortgages6 #halfPageInfo, #mortgages6c #halfPageInfo{margin-left:240px;} #mortgages5 .form2 .smallPrint, #mortgages6 .form2 .smallPrint{width:513px; margin-bottom:5px; padding-left:160px; text-align:center; font-size: 10px; font-weight:normal;} #mortgages5 .titlebar-form, #mortgages6 .titlebar-form{width:410px;padding-left:20px;} #mortgages5 .stagetwo .titlebar-form, #mortgages6 .stagetwo .titlebar-form{width:400px;padding-left:30px;} /* New style similar to above*/ #mortgages6b {width: 900px; margin: 0 auto; overflow: hidden; padding-top:0; border-bottom:1px solid #dddddd; padding-bottom:30px;} #mortgages6b #pageTitle{width:898px; height:20px; font-weight:bold; margin:0; padding:35px 0 0 3px; text-align:center;font-size:24px;} #mortgages6b .left{width: 880px; margin:0 0 0 10px;} #mortgages6b .left h1{width: 880px; font-size:23px; height:35px; font-weight:bold; margin:0; padding:30px 0 0 0; text-align:center;} #mortgages6b .form2{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto;} #mortgages6b .form2error{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto; background: url(/img/general/formerror2.gif) left top no-repeat;} #mortgages6b .form2 .smallPrint{width:513px; margin-bottom:5px; padding-left:160px; text-align:center; font-size: 10px; font-weight:normal;} #mortgages6b .formcol1labelonlybold{width:215px;padding-left:35px;text-align:left;} #mortgages6b .formcol1labelonlybolderror{width:215px;margin-left:35px;padding-left:0;text-align:left;} #mortgages6b .formcol1labelonlybold_wide{width:323px;padding-left:35px;text-align:left;} #mortgages6b .formcol1labelonlybold_wideerror{width:323px;margin-left:35px;padding-left:0;text-align:left;} #mortgages6b .formcol2inputonly{width:330px;} #mortgages6b .formcol2inputonlyerror{width:330px;} #mortgages6b .formcol2inputonlyb{width:330px;} #mortgages6b .formcol2inputonlyberror{width:330px;} #mortgages6b .formcol2inputonlyb_narrow, #mortgages6b .formcol2inputonlyberror_narrow{width:242px;} #mortgages6b #halfPageInfo{float:left;width:860px;margin:0 0 0 20px;padding:0;height:auto;} #mortgages6b #halfPageInfo .form2{float:left;width:auto;height:auto;} #mortgages6b .centerformtext{float:left;width:850px;padding:10px 0 0 30px;margin:0;} #mortgages6b .privacyBoxLeft{float:left;width:850px;padding:25px 0 0 30px;margin:0;} #mortgages6b .fsaPrint{float:left;width:auto;padding-left:0;margin:-20px 0 0 80px;} #mortgages6b .thinkCarefullyText{float:left;width:850px;padding:0 0 0 30px;margin:0;} #mortgages6b .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_Textbox, #mortgages6b .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlLastName_Textbox, #mortgages6b .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_Textbox, #mortgages6b .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlLastName_Textbox{width:100px;} #mortgages6b .form2 select, #mortgages6b .form2error select, #mortgages6b .form2error_hlf select{width:59px;} #mortgages6b .form2 select.oversize, #mortgages6b .form2error select.oversize, #mortgages6b .form2error_hlf select.oversize{width:183px;} #mortgages6b .form2 input[type="text"], #mortgages6b .form2error input[type="text"], #mortgages6b .form2error_hlf input[type="text"]{width:175px;} #mortgages6b .titlebar-form, #mortgages6b .titlebar-green{width:851px; margin:35px 0 10px 10px; padding:4px 10px 6px 21px; font-size:13px; font-weight:bold; color:#FFFFFF; background: url(/img/common/title_form_full3b.gif) left no-repeat;} #mortgages6b .stagetwo .titlebar-form, #mortgages6b .stagetwo .titlebar-green{width:844px; padding-left:28px;} #mortgages6b .titlebar-form .smallPrint, #mortgages6b .titlebar-green .smallPrint{padding-left:405px;} #mortgages6b .validation, #mortgages6b .validationok, #mortgages6b .validationerror{padding-right: 30px;} #mortgages6b .formcol1labelonlybold ul {list-style:inside;font-weight:normal;padding-top:5px;font-size:11px;} /* New style similar to above*/ #mortgages6c {width: 900px; margin: 0 auto; overflow: hidden; padding-top:0; padding-bottom:0;} #mortgages6c #pageTitle{width:898px; height:35px; font-weight:bold; margin:0; padding:35px 0 0 3px; text-align:center;font-size:24px;} #mortgages6c .left{width: 880px; margin:0 0 0 10px;} #mortgages6c .left h1{width: 880px; font-size:23px; height:35px; font-weight:bold; margin:0; padding:30px 0 0 0; text-align:center;} #mortgages6c .form2{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto;} #mortgages6c .form2error{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto; background: url(/img/general/formerror2.gif) left top no-repeat;} #mortgages6c .form2 .smallPrint{width:513px; margin-bottom:5px; padding-left:160px; text-align:center; font-size: 10px; font-weight:normal;} #mortgages6c .formcol1labelonlybold{width:222px;padding-left:195px;padding-right:0;text-align:left;} #mortgages6c .formcol1labelonlybolderror{width:222px;margin-left:195px;margin-right:0;padding-left:0;text-align:left;} #mortgages6c .formcol1labelonlybold_wide{width:318px;padding-left:195px;text-align:left;} #mortgages6c .formcol1labelonlybold_wideerror{width:318px;margin-left:195px;padding-left:0;text-align:left;} #mortgages6c .formcol2inputonly{width:205px;} #mortgages6c .formcol2inputonlyerror{width:205px;} #mortgages6c .formcol2inputonlyb{width:205px;} #mortgages6c .formcol2inputonlyberror{width:205px;} #mortgages6c .formcol2inputonlyb_narrow, #mortgages6c .formcol2inputonlyberror_narrow{width:242px;} #mortgages6c .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #mortgages6c .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #mortgages6c .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #mortgages6c .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #mortgages6c .form2 select, #mortgages6c .form2error select, #mortgages6c .form2error_hlf select{width:59px;} #mortgages6c .form2 select.oversize, #mortgages6c .form2error select.oversize, #mortgages6c .form2error_hlf select.oversize{width:183px;} #mortgages6c .form2 input[type="text"], #mortgages6c .form2error input[type="text"], #mortgages6c .form2error_hlf input[type="text"]{width:175px;} #mortgages6c .titlebar-form, #mortgages6c .titlebar-green{width:685px; margin:15px 0 10px 10px; padding:4px 10px 6px 186px; font-size:13px; font-weight:bold; color:#FFFFFF; background: url(/img/common/title_form_full3c.gif) left no-repeat;} #mortgages6c .stagetwo .titlebar-form, #mortgages6c .stagetwo .titlebar-green{width:677px; padding-left:195px;} #mortgages6c .titlebar-form .smallPrint, #mortgages6c .titlebar-green .smallPrint{padding-left:245px;} #mortgages6c .formcol1labelonlybold ul {list-style:inside;font-weight:normal;padding-top:5px;font-size:11px;} #mortgages6c .genericbtn_hldr2 .genericbtn a{padding: 7px 46px 0 3px;font-size:15px;} #mortgages6c .genericbtn_hldr2 {margin-bottom:15px;} #mortgages6c .formcol2inputonly label, #mortgages6c .formcol2inputonlyerror label{ position: absolute; top: 5px; margin-left:4px; font-size:11px; color:#666666; cursor:text;} /*#mortgages6c #halfPageInfo{float:left;width:625px;margin:10px 255px 0 0;padding:0;min-height:inherit;height:auto;} #mortgages6c #halfPageInfo .inner{margin:0;padding:0;min-height:inherit;height:auto;} #mortgages6c #halfPageInfo .form2{float:left;width:auto;height:auto;} #mortgages6c #halfPageInfo .padlock2{display:none;} #mortgages6c #halfPageInfo .legaltext{padding-top:25px;padding:0 20px 0 185px;width:315px;} #mortgages6c #halfPageInfo .securitybox2{width:85px;} #mortgages6c .privacyBoxLeft{float:left;width:315px;padding:5px 0 0 0;margin:0;color:#666666;} #mortgages6c .thinkCarefullyText{float:left;width:460px;padding:10px 250px 0 170px;margin:0;color:#666666;} #mortgages6c .fsaPrint{float:left;width:460px;padding:10px 250px 0 170px;margin:0;color:#333333;} #mortgages6c .fsaPrint#equityreleaseftr{padding-top:5px;}*/ #mortgages6c .centerformtext{float:left;width:420px;padding:15px 270px 15px 190px;margin:0;font-size:11px;color:#666666;} #mortgages6c #mortgages6c #contactftr{display:none;} #mortgages6c #contactftr{font-size:11px;font-weight:normal;color:#666666;padding:5px 10px 10px 0;} .footertext, .footerText{margin-top:0;padding:0;} #mortgages6c .formtext, #mortgages6c .formsecurity, #mortgages6c .formsecurityp{padding-right:60px;} /* Mortgages 7 - Simple Bounce pages - - - - - - - - - - - - - - - - - - - - */ #mortgages7{width: 880px; margin: 0 auto; padding-top:0; overflow:visible;} #mortgages7 #pageTitle{width:820px;font-size:40px;font-weight:bold;margin:0;padding:16px 0 0 40px;color:#333333;} #mortgages7 #pageTitle sup{font-size:12px;font-weight:normal;margin-top:-8px;padding-left:5px;} #mortgages7 .titleeffect{float:left; width: 880px; height:20px; margin:-35px 0 0 0; background-color:#ffffff; filter:alpha(opacity=40); opacity: 0.4;} #mortgages7 .left{width: 400px; margin-left:30px; padding-bottom:0;} #mortgages7 .left h1{font-size: 23px; height:29px; font-weight:bold; padding-left:15px; padding-top:23px; color:#444444; overflow:hidden;} #mortgages7 .left h2{font-size: 23px; height:29px; font-weight:bold; padding-left:15px; padding-top:33px; color:#444444; overflow:hidden;} #mortgages7 .left h3{font-size: 17px; height:24px; font-weight:bold; padding-left:17px; margin-bottom:0; color:#666666; overflow:hidden;} #mortgages7 .left p{height:226px;padding:10px 0 0 8px;} #mortgages7 .left .list{height:250px;padding:14px 0 0 28px;} #mortgages7 .left .list ul{list-style: none; list-style: url(/img/icons/mid-tick.gif) outside;margin:0;padding:0 0 0 16px;} #mortgages7 .left .list li{margin:0; padding:0 0 14px 2px; font-size:16px; line-height:22px; color:#444444;} #mortgages7 .left .list .genericbtn_hldr2{margin-left:16px;margin-top:0;} #mortgages7 .right{width: 430px; margin-top:5px;} #mortgages7 .right .mod_picture5b{width:340px; height:300px; padding:0 50px 0 0; background-position:right; background-image:url(/img/general/woman_image_fullform_m3.jpg);} #mortgages7 .left #halfPageInfoWrapper .lenderImg_wide{padding-bottom:16px; padding-right:0; padding-left:5px;} #mortgages7 .footertext{float:left; margin:0; padding:0;} #mortgages7 .halfPageContent h3{padding:0 6px 8px 6px;font-size:18px;color:#666666;} #mortgages7 .halfPageContent h3 .orange, #mortgages7 .halfPageContent h3 .blue{font-size:18px;} /*** Vary button style to test ***/ #mortgages7 .remortgage, .firsttimebuyer, .movinghouse, .buytolet{margin:0 0 2px 0;} #mortgages7 .remortgage a{width: 358px; padding:0; height:50px; background: url(/img/buttons/button-map7.gif) 0 0;} #mortgages7 .remortgage a:hover, #mortgages7 .remortgage a:active{background: url(/img/buttons/button-map7.gif) 360px 0;} #mortgages7 .firsttimebuyer a{width: 358px; padding:0; height:50px; background: url(/img/buttons/button-map7.gif) 0 -51px;} #mortgages7 .firsttimebuyer a:hover, #mortgages7 .firsttimebuyer a:active{background: url(/img/buttons/button-map7.gif) 360px -51px;} #mortgages7 .movinghouse a{width: 358px; padding:0; height:50px; background: url(/img/buttons/button-map7.gif) 0 -102px;} #mortgages7 .movinghouse a:hover, #mortgages7 .movinghouse a:active{background: url(/img/buttons/button-map7.gif) 360px -102px;} #mortgages7 .buytolet a{width: 358px; padding:0; height:50px; background: url(/img/buttons/button-map7.gif) 0 -153px;} #mortgages7 .buytolet a:hover, #mortgages7 .buytolet a:active{background: url(/img/buttons/button-map7.gif) 360px -153px;} /*** Adjust widths for CMS modules (left column wider) ***/ #mortgages7 #halfPageInfoWrapper{width:818px;margin-left:13px;} #mortgages7 #halfPageInfoDeco{width:821px;} #mortgages7 .halfPageContent{width:805px;height:120px;margin-bottom:0;} #mortgages7 .halfPageContent h3{text-align:center;padding-bottom:15px;} #mortgages7 #endroundstyle{background: none;height:1px;} /*** Adjust widths for CMS modules ***/ /* New Mortgage Landing Pages - - - - - - - - - - - - - - - - - - - - */ #mortgages8{width: 880px; margin: 0 auto; padding: 0; overflow: hidden;} #mortgages8 #pageTitle{height:65px;padding-top:15px; padding-left:5px; width:870px;} #mortgages8 #pageTitle h1{font-size:36px;} #mortgages8 #pageTitle strong{font-size:36px;} #mortgages8 .midtitle{height:56px; padding:0 5px 8px 5px;} #mortgages8 .midarrow{padding-top:6px;} #mortgages8 .left h1{padding:13px 0 0 6px; font-size:23px; font-weight:bold; color:#333333;} #mortgages8 .right h1{font-size: 25px; height:30px; font-weight:bold; padding-left:30px; padding-top:0; color:#444444; overflow:hidden;} #mortgages8 .right h3{font-size: 18px; height:24px; font-weight:bold; padding-left:30px; margin-bottom:0; color:#666666; overflow:hidden;} #mortgages8 .mod_picture5{margin:10px 0 0 0;height:298px;} #mortgages8 .mod_picture5b{margin:0 0 17px 0; background-image:url(/img/general/woman_image_fullform_m.jpg); background-position:left; height:270px; } #mortgages8 .right p{padding:0 0 0 30px; height:240px;} #mortgages8 #nobgborder #halfPageInfoWrapper, #mortgages8 #nobgborder #halfPageInfoWrapper #halfPageInfoDeco{width:440px;} #mortgages8 #nobgborder #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{margin:0;} #mortgages8 .lenderImg_wide{padding-left:0; padding-right:7px; padding-bottom:12px;} #mortgages8 .right #nobgborder #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .lenderImg_wide{padding-left:0;padding-right:4px;} #mortgages8 span .lenderImg_wide{padding-left:0;padding-right:0;} #mortgages8 .fullwidth h3{float:left; width:880px; height:32px; font-size:16px; font-weight:bold; color:#444444; text-align:center; background: url(/img/common/h3bg.gif) no-repeat } #mortgages8 .fullwidth .lenderImg_wide{padding-left:10px;padding-right:2px;} #mortgages8 #roundstyle #halfPageInfoWrapper #halfPageInfoDeco{background: #ebebeb url(/img/common/title_green_cms3wide_ltr.gif) no-repeat;} #mortgages8 #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{padding-top:3px; padding-bottom:5px;} #mortgages8 #endroundstyle{height:11px;background-position:bottom;margin-bottom:20px;} #mortgages8 .mod_scroller{height:237px; margin-top:10px;} #mortgages8 .padlock_large{height:51px;} #mortgages8 .mod_buttons{width:385px;height:266px; margin-left:45px;} #mortgages8 .mod_buttons h3{font-size: 17px; margin-bottom:0; color:#666666;} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn, #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn_r{height:60px;} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn a{height:41px;} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn a.magicon{width:210px; background: url(/img/buttons/genbutton_leftc_mag.gif);} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn a.cashicon{width:210px; background: url(/img/buttons/genbutton_leftc_cash.gif);} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn a.moneyenvicon{width:210px; background: url(/img/buttons/genbutton_leftc_moneyenv.gif);} #mortgages8 .mod_buttons .genericbtn_hldr3 .genericbtn a.docicon{width:210px; background: url(/img/buttons/genbutton_leftc_doc.gif);} #mortgages8 .progress3 {padding-bottom:39px;} #mortgages8 .footerText {float:right;width:880px;padding-top:20px; text-align:left;} #mortgages8 .mod_scroller{width:380px; margin:5px 20px 20px 30px; padding-top:12px; height:248px; background: url(/img/common/form_scroller_bg.gif) no-repeat;} #mortgages8 .mod_scroller .scroller_row{width:315px; padding-left:62px;} #mortgages8 span .mod_scroller{width:380px; height:248px; padding-top:10px; background: url(/img/common/form_scroller_bg2.gif) no-repeat;} #mortgages8 span .mod_scroller #scroller_middle{height:154px;} #mortgages8 span .mod_scroller #scroller_left, #mortgages8 span .mod_scroller #scroller_list, #mortgages8 span .mod_scroller #scroller_right{height:112px;} #mortgages8 span .mod_scroller span #scroller_left, #mortgages8 span .mod_scroller span #scroller_right{height:39px;} #mortgages8 span .mod_scroller .smallPrint{text-align:center;color:#333333;font-weight:bold;} #mortgages8 .bluesmall{float:left; width: 100px;} #mortgages8 .mod_picture5d .midtitle{padding-bottom:8px; padding-top:0;} #mortgages8 .mod_picture5d .midarrow{padding-top:6px;} /* Fix iPhone glitch if size="7" not there in scroller */ #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #mortgages8 .mod_scroller .scroller_row #scroller_list select, #mortgages8 .mod_scroller .scroller_row #scroller_list select, #mortgages8 .mod_scroller .scroller_row #scroller_list #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #mortgages8 .mod_scroller .scroller_row #scroller_list #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller{height:130px;} @media screen and (max-device-width: 480px){ #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #mortgages8 .mod_scroller .scroller_row #scroller_list select, #mortgages8 .mod_scroller .scroller_row #scroller_list select, #mortgages8 .mod_scroller .scroller_row #scroller_list #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller, #mortgages8 .mod_scroller .scroller_row #scroller_list #ctl00_ContentPlaceHolder_ctl08_MortgageSelectScroller{height:auto;} } /* mortgages - Full form, full clean page (with validation) - - - - - - - - - - - - - - - - - - - - */ #mortgages9{width: 900px; margin: 0 auto; overflow: hidden; padding: 20px 0 0 0;} #mortgages9 #brandheader{float:left; width:880px; border-bottom:solid 1px #CCC;} #mortgages9 #halfPageProduct .inner {width: 885px !important;} #mortgages9 #pageTitle{width:898px; height:104px; font-size:23px; margin:0; padding:10px 0 0 3px; text-align:center; float:left; margin-top:10px;} #mortgages9 #pageTitle .titleleft {float:left; padding:0; margin:0; height:70px; width:17px; background-image:url(/img/debt/title_green_left.png); background-repeat:no-repeat;} #mortgages9 #pageTitle .titlemain {color:#FFF; float:left; width:845px; font-size:27px; font-weight:400; height:53px; margin:0; padding:17px 0 0 15px; text-align:center; background-image:url(/img/debt/title_green_main.png); background-repeat:repeat-x;} #mortgages9 #pageTitle .titleright {float:left; padding:0; margin:0; height:70px; width:12px; background-image:url(/img/debt/title_green_right.png); background-repeat:no-repeat;} #mortgages9 #pageTitle .formtop {float:left; padding:0; margin:0; height:34px; width:608px; background-image:url(/img/debt/form_top.png); background-repeat:no-repeat;} #mortgages9 #pageTitle .titleshadow {float:left; padding:0; margin:0; height:34px; width:268px; background-image:url(/img/debt/title_green_shadow.png); background-repeat:repeat-x;} #mortgages9 #pageTitle .titleshadowcorner {float:left; padding:0; margin:0; height:34px; width:12px; background-image:url(/img/debt/title_green_shadow_corner.png); background-repeat:no-repeat;} #mortgages9 .left {width: 440px; margin-left:0; padding:0; } #mortgages9 .left #halfPageProduct {padding:0; margin:0;} #mortgages9 .left #halfPageProduct .form-situation {padding:0; margin:0 0 0 3px; width:608px; height:100%; background-image:url(/img/debt/form_body.png); background-repeat:repeat-y;} #mortgages9 .left #halfPageProduct .form-join {padding:0; margin:0 0 0 3px; width:608px; height:44px; background-image:url(/img/debt/form_join.png); background-repeat:no-repeat;} #mortgages9 .left #halfPageProduct .form-details {padding:0; margin:0 0 0 3px; width:608px; height:100%; background-image:url(/img/debt/form_body.png); background-repeat:repeat-y;} #mortgages9 .left #halfPageProduct .form-partner {padding:0; margin:0 0 0 3px; width:608px; height:100%; background-image:url(/img/debt/form_body.png); background-repeat:repeat-y;} #mortgages9 .left #halfPageProduct .form-button {padding:0; margin:0 0 0 3px; width:608px; height:100%; background-image:url(/img/debt/form_body.png); background-repeat:repeat-y;} #mortgages9 .left #halfPageProduct .form-bottom {padding:0; margin:0 0 0 0; width:608px; height:31px; background-image:url(/img/debt/form_bottom.png); background-repeat:no-repeat;} #mortgages9 .button_space {float:left; margin:0px; padding:0px; height:78px;} #mortgages9 .left #halfPageProduct .title-form {width:545px; margin:0 0 0 24px; padding:5px 0 5px 10px; font-size:22px; color:#3f7e01; border-bottom:#dadada solid 1px;} #mortgages9 .left #halfPageProduct .title-form .smallPrint{margin-left:242px;} #mortgages9 .left #halfPageProduct .form-line {width:555px; margin:0 0 12px 24px; padding:0; border-top:#fff solid 1px;} #mortgages9 .form2{float: left; width: 555px; padding: 2px 0 1px 0 !important; margin:0 0 0 24px; position: relative; left:24px; height: auto; border:1px solid #f5f5f5; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;} #mortgages9 .form2:hover{padding:2px 0 1px 0; background-color:#fff1ce; border:1px solid #f9edd1; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/img/debt/highlight.gif); background-repeat:repeat-x;} #mortgages9 .formhover{float: left; background-color:#fff1ce; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/img/debt/highlight.gif); background-repeat:repeat-x; width:556px; padding:3px 0 2px 0;} #mortgages9 .formerror2{float: left; background-color:#ffcece; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/img/debt/error_highlight.png); background-repeat:repeat-x; width:556px; padding:3px 0 2px 0;} #mortgages9 .form2error{float: left; width: 555px; padding: 2px 0 1px 0 !important; margin:0 0 0 24px; position: relative; left:24px; height: auto; background-color:#ffcece; border:1px solid #f9d1d1; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/img/debt/error_highlight.png); background-repeat:repeat-x} #mortgages9 .form2select{padding:2px 0 1px 0; background-color:#fff1ce; border:1px solid #f9edd1; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:url(/img/debt/highlight.gif); background-repeat:repeat-x} #mortgages9 .error-notify{font-size:15px; font-weight:bold; color:#a40000; margin-left:35px; width:550px; margin-bottom:15px; padding-top:15px} #mortgages9 .infovalidation .infoheader{position:absolute; top:-5px; left:546px; width:273px; height:54px; margin:0; padding:17px 10px 0 27px; background: url(/img/debt/tooltip_top.gif) no-repeat !important; font-size:15px; font-weight:bold; color:#407f01;} #mortgages9 .infovalidationerror .infoheader{position:absolute; top:-5px; left:546px; width:273px; height:54px; margin:0; padding:17px 10px 0 27px; background: url(/img/debt/tooltip_error_top.gif) no-repeat; font-size:15px; font-weight:bold; color:#a40000;} #mortgages9 .errorheader{font-weight:bold; color:#a40000;font-size:15px;} #mortgages9 .infovalidation .infobody{position:absolute; top:42px; left:549px; width:271px; margin:0 0 0 10px; padding:0 10px 20px 14px; background-image:none !important; background-color:#fff2d2; font-size:14px; color:##555555 !important; border-bottom:#f0cd7a 1px solid !important; border-right:#f0cd7a 1px solid; border-left:#f0cd7a 1px solid; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;} #mortgages9 .infovalidationerror .infobody{position:absolute; top:42px; left:549px; width:271px; margin:0 0 0 10px; padding:0 10px 20px 14px; background-color:#ffc4c4; background-image:none !important; font-size:14px; color:##555555 !important; border-bottom:#e9aaaa 1px solid !important; border-right:#e9aaaa 1px solid; border-left:#e9aaaa 1px solid; border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;} #mortgages9 .formcol1labelonlybold{width:233px; padding-left:10px; padding-right:5px; text-align:left; font-weight:normal !important; color:#555555 !important; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:24px; visibility:visible !important;} #mortgages9 option {background-color:#ffffff;} #mortgages9 .left h1{width: 880px; font-size:23px; height:35px; font-weight:bold; margin:0; padding:30px 0 0 0; text-align:center;} #mortgages9 input.oversize {height:24px; line-height:24px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; background-color:#FFF !important; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} #mortgages9 input.oversize_name {width:127px !important; height:24px; line-height:24px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; background-color:#FFF !important; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} .life-footer {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#999; width: 873px; margin: 0 auto; padding: 7px 20px 0 20px;} #mortgages9 select.oversize {height:30px;line-height:30px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; background-color:#FFF !important; vertical-align:middle; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} #mortgages9 span.oversize input {height:35px;line-height:35px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; vertical-align:middle; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} #mortgages9 span.oversize label {height:24px;line-height:24px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; vertical-align:middle; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} #mortgages9 select.oversize_sml {height:30px;line-height:30px;-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; background-image:none !important; background-color:#FFF !important; vertical-align:middle; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#535353 !important; visibility:visible !important;} #mortgages9 .formsecurity .seclogos{position:absolute; top:-27px; left:725px; width:25%;} #mortgages9 .formsecurity {width:100%;} #mortgages9 #halfPageInfo{margin-left:210px;margin-right:260px;} #mortgages9 .form2 .smallPrint{width:513px; margin-bottom:5px; padding-left:160px; text-align:center; font-size: 10px; font-weight:normal;} #mortgages9 .padlock {position: relative;display: inline;float: left;padding-left: 40px;} #mortgages9 .validationok{float: left; width: 23px; height: 20px; padding: 0; background: url(/img/icons/mid-tick.gif) no-repeat; margin-top:5px;} #mortgages9 .validationerror{float: left; width: 23px; height: 21px; padding: 0; background: url(/img/debt/error.gif) no-repeat; margin-top:5px;} #mortgages9 .formcol2inputonly label, #debt8 .formcol2inputonlyerror label{ position: absolute; top: 12px; margin-left:4px; color:#aaaaaa; cursor:text; font-family:Tahoma, Geneva, sans-serif; font-size:11px;} #mortgages9 .formsecurity .legal, .formsecurityp .legal{float:left;width:258px !important; margin-top:8px; margin-left:6px; padding:0;color:#666666;text-align:left;} #mortgages9 .formsecurity .legal_check{float:left;width:13px; margin-left:276px; margin-top:8px; padding:0;color:#666666;text-align:left;} #mortgages9 .genericbtn_hldr2 .genericbtn a{padding: 7px 46px 0 3px;font-size:15px;} #mortgages9 .genericbtn_hldr2 {margin:10px 0 15px 251px;} #mortgages9 .dataprotect {float:left; margin:0px; padding:0; width:265px; font-size:11px; color:#666666;} #mortgages9 .form_wrap {float:left; margin:0; padding:0; } #mortgages9 .toolclose {position:absolute; top:1px; left:833px; width:16px; height:16px; background:url(/img/debt/close_button.gif) no-repeat;} #mortgages9 .infovalidationerror .toolclose {position:absolute; top:1px; left:833px; width:16px; height:16px; background:url(/img/debt/error_close_button.gif) no-repeat;} #mortgages9 .tip {font-weight:bold; color:#407f01;} #mortgages9 .tiperror {font-weight:bold; color:#a40000;} #mortgages9 .formcol1labelonlybolderror{width:197px;margin-left:215px;margin-right:5px;padding-left:0;padding-right:0;text-align:left;} #mortgages9 .formcol1labelonlybold_wide{width:298px;padding-left:215px;text-align:left;} #mortgages9 .formcol1labelonlybold_wideerror{width:298px;margin-left:215px;padding-left:0;text-align:left;} #mortgages9 .formcol2inputonly{width:276px; height:26px; } #mortgages9 .formcol2inputonlyerror{width:276px;} #mortgages9 .formcol2inputonlyb{width:276px;} #mortgages9 .formcol2inputonlyberror{width:276px;} #mortgages9 .formcol2inputonlyb_narrow, #mortgages9 .formcol2inputonlyberror_narrow{width:242px;} #mortgages9 .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #mortgages9 .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #mortgages9 .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #mortgages9 .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #mortgages9 .form2 select, #mortgages9 .form2error select, #debt8 .form2error_hlf select{width:59px;} #mortgages9 .form2 select.oversize, #mortgages9 .form2error select.oversize, #debt8 .form2error_hlf select.oversize{width:273px;} #mortgages9 .form2 select.oversize_sml, #mortgages9 .form2error select.oversize_sml, #debt8 .form2error_hlf select.oversize_sml{width:150px;} #mortgages9 .form2 input[type="text"], #mortgages9 .form2error input[type="text"], #debt8 .form2error_hlf input[type="text"]{width:265px;} #mortgages9 .genericbtn_hldr2 .genericbtn a{padding: 7px 46px 0 3px;font-size:15px;} #mortgages9 .genericbtn_hldr2 {margin-bottom:15px;} #mortgages9 a.submit_button {text-indent:-5479px; padding:0; font-size:15px; margin: 10px 0 15px 276px;background: url(/img/buttons/tooltips_quote_button.png) no-repeat; width:269px; height:50px; display: block; float:left } #mortgages9 a.submit_button:hover {text-indent:-5479px; background-position:0 -50px;} #mortgages9 .privacyBoxLeft{float:left;width:880px;padding:0;} #mortgages9 .center{float:left;width:880px;padding:10px 0 10px 0;margin:0;} #mortgages9 .centerformtext{float:left;width:420px;padding:15px 270px 15px 190px;margin:0;font-size:11px;color:#666666;} #mortgages9 .formtext, #mortgages9 .formsecurity, #mortgages9 .formsecurityp{padding-right:10px;} #mortgages9 #endroundstyle{height:11px;background-position:bottom;margin-bottom:20px;} #mortgages9 #submitGuideText { font-size:12px; padding-top:20px; padding-botton:20px; padding-left:30px; padding-right:30px;} #mortgages9 #button_spinner{text-indent:-5479px; padding:0; font-size:15px; margin: 10px 0 15px 386px;background: url(/img/totallymoney/results_spinner.gif) no-repeat; width:50px; height:50px; display: block;} /* Style for advertorial landing page */ #mortgage10 {width:880px; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden;} #mortgage10 .mod_scroller_advertorial {width:242px; height:265px; float:left; padding-left:30px; padding-top:30px; padding-bottom:75px;} #mortgage10 .mod_scroller_advertorial h2 {height:30px;} #mortgage10 #brandheader{float:left; width:880px; border-bottom:solid 1px #CCC;} #mortgage10 #pageTitle h1, #life9 #pageTitle h1 strong{font-size: 32px;} #mortgage10 #pageTitle{float:left; width:898px; height:104px; font-size:23px; margin:0; padding:10px 0 0 3px; text-align:center; margin-top:12px;} #mortgage10 #pageTitle .titleleft {float:left; padding:0; margin:0; height:70px; width:17px; background-image:url(/img/debt/gban_left.png); background-repeat:no-repeat;} #mortgage10 #pageTitle .titlemain {color:#FFF; float:left; width:830px; font-size:32px; font-weight:400 !important; height:58px; margin:0; padding:12px 0 0 15px; text-align:center; background-image:url(/img/debt/title_green_main.png); background-repeat:repeat-x;} #mortgage10 #pageTitle .titleright {float:left; padding:0; margin-right:20px; height:70px; width:15px; background-image:url(/img/debt/gban_right.png); background-repeat:no-repeat;} #mortgage10 #pageTitle .titleshadow {float:left; padding:0; margin:0; height:38px; width:430px; background-image:url(/img/debt/gban_shadow.png); background-repeat:repeat-x;} #mortgage10 #pageTitle .formtop {float:left; padding:0; margin:0; height:38px; width:430px; background-image:url(/img/debt/gban_point_advertorial.png); background-repeat:no-repeat;} #mortgage10 #pageTitle .titleshadowcorner {float:left; padding:0; margin:0; height:38px; width:17px; background-image:url(/img/debt/gban_leftcorner.png); background-repeat:no-repeat;} #mortgage10 #pageTitle .formtop2 {float:left; padding:0; margin:0; height:38px; width:430px; background-image:url(/img/debt/gban_point2.png); background-repeat:no-repeat;} #mortgage10 #pageTitle .titleshadowcorner2 {float:left; padding:0; margin:0; height:38px; width:17px; background-image:url(/img/debt/gban_leftcorner2.png); background-repeat:no-repeat;} #mortgage10 .progress3{min-height:40px;} #mortgage10 .mod_picture5b {width:500px; margin-top:5px; margin-bottom:17px; margin-left:0px; background-position:bottom left;} #mortgage10 select, #loans7 option{background-color:#ffffff;} #mortgage10 .rightBottom #halfPageInfoWrapper #halfPageInfoDeco{padding-bottom:0;} #mortgage10 .leftBottom #halfPageInfoWrapper #halfPageInfoDeco #contentRow{height:16px} #mortgage10 #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{padding-bottom:5px;} #mortgage10 .leftBottom #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h2{padding-bottom:16px;} #mortgage10 .rightBottom #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h2{padding-bottom:12px;} #mortgage10 #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{font-size:13px;} #mortgage10 #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent ul{padding-bottom:0;padding-top:0;} #mortgage10 #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent ul li{padding-bottom:3px;font-size:12px;} #mortgage10 lenderImg_wide{padding-left:13px;padding-top:0;padding-bottom:0;border:1px solid #cccccc;} #mortgage10 .padlock_large{height:60px;} #mortgage10 .mod_scroller_advertorial .scroller_list_advertorial {width:200px;} #mortgage10 .mod_scroller_advertorial h2{font-size:22px;height:30px; margin-bottom:0px; color:#3f7e01; font-weight:400;} #mortgage10 .mod_scroller #scroller_list_advertorial .scroller{width: 130px;} #mortgage10 .mod_scroller #scroller_top2, #life9 .mod_scroller #scroller_list, #life9 .mod_scroller #scroller_button, #life9 .mod_scroller .genericbtn_hldr2, #life9 .mod_scroller #scroller_btm2{width:191px;} #mortgage10 .scroller .mod_scroller{width:250px; padding:0; height:250px; margin-bottom:0;} #mortgage10 .mod_scroller .scroller_row{width:230px; padding-left:0px;} #mortgage10 a.submit_button {text-indent:-5479px; padding:0; font-size:15px; margin: 10px 0 15px 276px; background: url(/img/debt/btn_proceed.jpg) no-repeat; width:192px; height:45px; display: block; } #mortgage10 a.submit_button:hover {text-indent:-5479px; background-position:0 -45px;} #mortgage10 .footerText, #life9 .footertext {float:left;padding-top:5px;} #mortgage10 .progress3 {padding-bottom:38px;} #mortgage10 .sizebox2 {height:160px; } #mortgage10 .fullwidth {float:left;width:840px;margin:0 0 10px 0;} #mortgage10 .genericbtn_hldr4 .genericbtn a{font-size:16px; height:32px; width:175px; padding: 7px 0 0 10px; background: url(/img/buttons/genbutton1b2.gif) right no-repeat;} #mortgage10 .genericbtn_hldr4 .genericbtn a:hover{background: url(/img/debt/genbutton1b2h2.jpg) right no-repeat; color:#555555;} #mortgage10 .genericbtn_hldr4 .genericbtn a:active{background: url(/img/debt/genbutton1b2h2.jpg) right no-repeat !important; color:#555555;} #mortgage10 .mod_scroller .genericbtn_hldr2, .mod_scroller .genericbtn_hldr4{float:left; width:191px !important; height:39px; margin:0; padding:0; background-color:#ffffff;} #mortgage10 .mod_scroller_advertorial {background-image:url(/img/lifeinsurance/bg_scroller_advertorial-grey.gif); background-position:right; background-repeat:no-repeat;} #mortgage10 .left {width:600px !important; padding:0 0 0 0 !important; margin:0 0 0 10 !important} #mortgage10 .right {width:273px !important; padding:0 0 0 0 !important; margin:0 0 0 0 !important;} #mortgage10 .leftBottom {position:relative;float:left;padding-right:10px;width:430px !important; } #mortgage10 .rightBottom {position:relative;float:right;width:430px !important; float:left; padding-left:10px} #mortgage10 .mod_picture6{ float: left; position: relative; width: 600px; height: 425px; border:0; background-repeat:no-repeat; margin-right:8px; background-image:url(/img/lifeinsurance/advertorial.jpg) !important } #mortgage10 #halfPageInfoWrapper #halfPageInfoDeco {padding: 0 0 0px;} /* General extrainfotabs re-sizing - - - - - - - - - - - - - - - - - - - - */ #extrainfotabs{margin-top:0; height:318px; margin-bottom:0;} #extrainfotabs #extrainfotabrow{border-bottom: 1px solid #cccccc;} #extrainfotabs .extrainfotabs_content{width: 430px; height:296px; border-left: none; border-right: none; border-bottom: none;} #extrainfotabs .extrainfotabs_content .scrolltext{height:268px;} #extrainfotabs #extrainfotabrow{height:22px;} #extrainfotabs #extrainfotabrow #extrainfotab_l{height:23px; background: url(/img/buttons/infotab_l_darker.gif) no-repeat;} #extrainfotabs #extrainfotabrow #extrainfotab_m{height:20px; background: url(/img/buttons/infotab_m_darker.gif) repeat-x; padding:3px 12px 0 12px;} #extrainfotabs #extrainfotabrow #extrainfotab_r{height:23px; background: url(/img/buttons/infotab_r_darker.gif) no-repeat;} #extrainfotabs #extrainfotabrow .selected #extrainfotab_l{background: url(/img/buttons/infotab_l_on.gif) no-repeat;} #extrainfotabs #extrainfotabrow .selected #extrainfotab_m{background: url(/img/buttons/infotab_m_on.gif) repeat-x;} #extrainfotabs #extrainfotabrow .selected #extrainfotab_r{background: url(/img/buttons/infotab_r_on.gif) no-repeat;} #extrainfotabs .extrainfotabs_content{ background: #ebebeb url(/img/common/cmsbg.gif) no-repeat;} #extrainfotabs .extrainfotabs_content .scrolltext {padding-right:25px;} #extrainfotabs .extrainfotabs_content .scrolltext h2{width:320px;padding-top:15px;} #extrainfotabs .extrainfotabs_content .scrolltext img.icon{float: right;padding-top:15px;} #extrainfotabs .extrainfotabs_content ul li{font-size:14px;padding:2px 0 2px 0;} #extrainfotabs .extrainfotabs_content .scrolltext .list, #extrainfotabs .extrainfotabs_content .scrolltext .list ul{padding-left:5px;} #extrainfotabs .extrainfotabs_content .scrolltext p{margin-bottom:0;padding-left:0;}