/* --------------------------------------- Totally Money Master [screen] - - - - - - - - - - - - - - - - - - - - File: tm2-generic.css Version: 3 [cn: oblivion] Updated: 2010 ongoing Creator: Andrew Harvey --------------------------------------- */ /* ////////////////////\\\\\\\\\\\\\\\\\\\\ _GLOBAL--------------------------------_ \\\\\\\\\\\\\\\\\\\\//////////////////// */ #wrapper{ width: 935pxl;} *{margin: 0; padding: 0;} html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border-style: none; border-color: inherit; border-width: 0; padding: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; } p{margin: 0 0 14px 0; font-size: inherit;} .textonly{float:left; margin: 20px 30px 14px 10px; font-size: inherit;} img{border: 0;} table{border: 0;} body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #414040; background: #fff url(/img/common/page-bg-alt.gif) center repeat-y; } .list ul{list-style: outside; padding:5px 0 0 25px;} .list span ul{padding:5px 80px 0 25px;} .list .question ul{list-style: none; list-style: url(/img/icons/helpGrey.gif) outside;} .list .tick ul{list-style: none; list-style: url(/img/icons/tick-tiny.gif) outside;} .list .x ul{list-style: none; list-style: url(/img/icons/x-tiny.gif) outside;} .list li{margin:3px 0 0 5px; padding:0; line-height:14px;} .headingsize12{font-size:12px;} /* CMS font sizes - - - - - - - - - - - - - - - - - - - - */ .headingsize9{font-size:9px;} .headingsize10{font-size:10px;} .headingsize12{font-size:12px;} .headingsize12b{font-size:12px;font-weight:bold;} .headingsize13{font-size:13px;} .headingsize13b{font-size:13px;font-weight:bold;} .headingsize14{font-size:14px;} .headingsize14b{font-size:14px;font-weight:bold;} .headingsize15{font-size:15px;} .headingsize15b{font-size:15px;font-weight:bold;} .headingsize16{font-size:16px;} .headingsize16b{font-size:16px;font-weight:bold;} .headingsize17{font-size:17px;} .headingsize17b{font-size:17px;font-weight:bold;} .headingsize18{font-size:18px;} .headingsize18b{font-size:18px;font-weight:bold;} .headingsize19{font-size:19px;} .headingsize19b{font-size:19px;font-weight:bold;} .headingsize20{font-size:20px;} .headingsize20b{font-size:20px;font-weight:bold;} .headingsize21{font-size:21px;} .headingsize21b{font-size:21px;font-weight:bold;} .headingsize22{font-size:22px;} .headingsize22b{font-size:22px;font-weight:bold;} .headingsize23{font-size:23px;} .headingsize23b{font-size:23px;font-weight:bold;} .headingsize24{font-size:24px;} .headingsize24b{font-size:24px;font-weight:bold;} .headingsize25{font-size:25px;} .headingsize25b{font-size:25px;font-weight:bold;} .headingsize26{font-size:26px;} .headingsize26b{font-size:26px;font-weight:bold;} .headingsize27{font-size:27px;} .headingsize27b{font-size:27px;font-weight:bold;} .headingsize28{font-size:28px;} .headingsize28b{font-size:28px;font-weight:bold;} .headingsize29{font-size:29px;} .headingsize29b{font-size:29px;font-weight:bold;} .headingsize30{font-size:30px;} .headingsize30b{font-size:30px;font-weight:bold;} .headingsize31{font-size:31px;} .headingsize31b{font-size:31px;font-weight:bold;} .headingsize32{font-size:32px;} .headingsize32b{font-size:32px;font-weight:bold;} .headingsize33{font-size:33px;} .headingsize33b{font-size:33px;font-weight:bold;} .headingsize34{font-size:34px;} .headingsize34b{font-size:34px;font-weight:bold;} .headingsize35{font-size:35px;} .headingsize35b{font-size:35px;font-weight:bold;} .headingsize36{font-size:36px;} .headingsize36b{font-size:36px;font-weight:bold;} .headingsize37{font-size:37px;} .headingsize37b{font-size:37px;font-weight:bold;} .headingsize38{font-size:38px;} .headingsize38b{font-size:38px;font-weight:bold;} .headingsize39{font-size:39px;} .headingsize39b{font-size:39px;font-weight:bold;} .headingsize40{font-size:40px;} .headingsize40b{font-size:40px;font-weight:bold;} /* Inputs - - - - - - - - - - - - - - - - - - - - */ select{background: url(/img/form/input.gif) repeat-x; border:1px solid #cccccc;} select:focus{background: #ddeeff url(/img/form/inputfocus.gif) repeat-x;} select.oversize{background: url(/img/form/input.gif) repeat-x; border:1px solid #cccccc;} select:focus.oversize{background: #ddeeff url(/img/form/inputfocus.gif) repeat-x;} option{background: #ddeeff; border:1px solid cccccc;} input{background: url(/img/form/input.gif) repeat-x; border:1px solid #cccccc;} input[type="text"]{background: url(/img/form/input.gif) repeat-x; border:1px solid #cccccc;} input:focus{background: #ddeeff url(/img/form/inputfocus.gif) repeat-x;} input:focus[type="text"]{background: #ddeeff url(/img/form/inputfocus.gif) repeat-x;} input[type="text"].oversize{background: url(/img/form/input.gif) repeat-x; border:1px solid #cccccc;} input:focus[type="text"].oversize{background: #ddeeff url(/img/form/inputfocus.gif) repeat-x;} input[type="radio"]{color: #555; border: 0 solid;} input[type="checkbox"]{color: #555; border: 0 solid;} input{padding: 2px 2px 2px 4px;} select{padding: 1px 2px 1px 0;} select.oversize{width: 143px;} select.nopad{margin: 0 -5px 0 0;} input.blank{border: 0 solid;} input[type="text"].oversize{width: 143px;} .radioCheck{font-size: 12px; padding: 0 0 0 4px;} /* --------------------------------------- Browser - - - - - - - - - - - - - - - - - - - - */ #arrowSpacer { height:61px; } #arrowTable { width:30px; } /* --------------------------------------- Page Structure - 2 even columns - - - - - - - - - - - - - - - - - - - - */ .left{float: left; width:430px; padding-right:10px;} .right{float: right; width:430px; padding-left:10px;} .left, .right{position: relative;} .fullwidth{float: left; width:860px; padding:0 10px 10px 10px; } /* Form styles (Central winning form) - - - - - - - - - - - - - - - - - - - - */ #halfPageProduct{float: left; position: relative; width: 880px; margin:17px 0 0 0; padding:0; z-index:0;} #halfPageProduct .inner{float: left; width: 880px; font-size: 14px; overflow: hidden; z-index:1;} #halfPageProduct .inner .form2, #halfPageProduct .inner .form2error, #halfPageProduct .inner .form2error_hlf{float: left; padding: 0; margin: 1px 0 1px 0;} #halfPageProduct .securitybox2{float: left; margin: 8px 0 30px 0; text-align: center;} #halfPageProduct .padlock2{float: left; padding: 0 10px 0 0;} #halfPageProduct .legaltext{float: left; padding: 0 0 30px 0;} #halfPageProduct .inner .errorTitle{margin: 10px 0 10px 175px; margin-left:175px;} #halfPageProduct .inner .errorInfo{margin: 10px 0 10px 175px; margin-left:175px;} #ctl00_ContentPlaceHolder_ctl01_emailCheckBox{float:left;width:880px;padding:20px 0 0 0;margin:0;} .validatorDiv{display:none;} .formtext{margin:0 auto;width:50%;padding:10px 25px 15px 0;font-size:11px;} .formtext p.checktext{width:auto;margin:-20px 0 0 0;padding:0 0 0 18px;} .formsecurity{margin:0 auto;width:50%;padding:10px 25px 40px 0;font-size:11px;} .formsecurityp{margin:0 auto;width:50%;min-height:60px;padding:10px 20px 40px 20px;font-size:11px;background:url(/img/icons/padlock-blue.gif) 0px 18px no-repeat;} .formsecurity .legal, .formsecurityp .legal{float:left;width:75%;padding:8px 0 0 0;color:#666666;text-align:left;} .formsecurityp .legal{width:50%;} .formsecurity .seclogos{float:right;width:25%;} .formsecurityp .seclogos{float:right;width:50%;} .formsecurity .seclogos img, .formsecurityp .seclogos img{padding-left:5px;} .formsecurity .legal p, .formsecurityp .legal p{margin:0;padding:5px 0 5px 0;} .centerformtext{float:left; width: 430px; margin:0; text-align:center; margin-top:10px; padding:0 200px 0 250px;} .privacyBoxLeft{float:left; width: 430px; font-size: 10px; font-weight:normal; padding:15px 0 0 250px; margin:0;} .fsaPrint{float: left; padding-left:30px; text-align:center; font-size: 11px; font-weight:bold;} .thinkCarefullyText{float: left; padding-left:50px; text-align:center; font-size: 11px; font-weight:bold;} #halfPageInfo .padlock2{float: left; width:20px; padding: 8px 0 0 5px; margin:0;} #halfPageInfo .legaltext{float: left; width:165px; padding: 8px 8px 0 0; margin:0; text-align:left; font-size: 11px; line-height:14px;} #halfPageInfo .securitybox2{float: left; width:190px; margin: 0; padding:0; text-align: right;} #halfPageInfo .securitybox2 p{margin:0; padding:0;} .form2{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto;} .form2error{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto; background: url(/img/general/formerror.gif) left top no-repeat;} .form2error_hlf{float: left; width: 880px; padding: 0; margin: 0; position: relative; height: auto; background: url(/img/general/formerror_hlf.gif) left top no-repeat;} .formcol1{float: left; width: 213px; padding: 5px 12px 6px 210px; font-size: 12px; font-weight:bold; text-align: right;} .formcol1error{float: left; width: 213px; padding: 5px 12px 6px 0; margin-left:210px; font-size: 12px; font-weight:bold; text-align: right; background: #fe4e3e; color: #ffffff;} .formcol1labelonlybold{float: left; width: 220px; padding: 5px 12px 6px 210px; font-size: 12px; font-weight:bold; text-align: right;} .formcol1labelonlybolderror{float: left; width: 220px; padding: 5px 12px 6px 0; margin-left:210px; font-size: 12px; font-weight:bold; text-align: right; color:#ffffff; background: #fe4e3e;} .formcol1labelonlybold_wide{float: left; width: 308px; padding: 12px 12px 6px 205px; font-size: 11px; text-align: left;} .formcol1labelonlybold_wideerror{float: left; width: 308px; padding: 12px 12px 6px 0; margin-left:205px; font-size: 11px; text-align: left; color:#ffffff; background: #fe4e3e;} .formcol2{float: left;width: 180px; padding: 2px 0 2px 0;} .formcol2error{float: left;width: 180px; padding: 2px 0 2px 0; background: #fe4e3e; color: #ffffff;} .formcol2inputonly{float: left; width: 180px; padding: 2px 0 2px 0; font-size:11px;} .formcol2inputonlyerror{float: left; width: 180px; padding: 2px 0 2px 0; font-size:11px; color:#ffffff; background: #fe4e3e;} .formcol2inputonlyb{float: left; width: 180px; font-size:12px; padding: 5px 0 2px 0; font-size:11px;} .formcol2inputonlyberror{float: left; width: 180px; font-size:12px; padding: 5px 0 2px 0; font-size:11px; color:#ffffff; background: #fe4e3e;} .formcol2inputonlyb_narrow{float: left; width: 97px; font-size:12px; padding: 10px 0 10px 0; font-size:11px;} .formcol2inputonlyberror_narrow{float: left; width: 97px; font-size:12px; padding: 10px 0 10px 0; font-size:11px; color:#ffffff; background: #fe4e3e;} .form2 select, .form2error select, .form2error_hlf select{width:51px;} .form2 select.oversize, .form2error select.oversize, .form2error_hlf select.oversize{width:160px;} .form2 input[type="text"], .form2error input[type="text"], .form2error_hlf input[type="text"]{width:152px;} .validation{float: left; width: 23px; height: 20px; padding: 0;} .validationok{float: left; width: 23px; height: 20px; padding: 0; background: url(/img/icons/mid-tick.gif) no-repeat;} .validationerror{float: left; width: 23px; height: 20px; padding: 0; background: url(/img/icons/mid-x.gif) no-repeat;} .infovalidation, .infovalidationerror{float:left; width:234px; margin:0; padding:0;} .infovalidation .infoheader, .infovalidationerror .infoheader{position:absolute; top:2px; width:199px; height:35px; margin:0; padding:10px 10px 0 23px; background: url(/img/general/infoheader.gif) no-repeat; font-size:13px; font-weight:bold; color:#333333;} .infovalidation .infobody, .infovalidationerror .infobody{position:absolute; top:47px; width:198px; margin:0 0 0 10px; padding:0 10px 20px 14px; background: url(/img/general/infobody.gif) repeat-y; font-size:11px; color:#333333; border-bottom:#d4dfe8 1px solid;} .infovalidationerror .infoheader{background: url(/img/general/infoheader_error.gif) no-repeat;} .infovalidationerror .infobody{background: url(/img/general/infobody_error.gif) repeat-y; border-bottom:#fea79a 2px solid;} .titlebar-form, .titlebar-green{float:left; width:640px; margin:35px 0 10px 200px; padding:2px 10px 8px 36px; font-size:13px; font-weight:bold; color:#FFFFFF; background: url(/img/common/title_form3.gif) no-repeat;} .stagetwo .titlebar-form, .stagetwo .titlebar-green{padding-left:43px;} .titlebar-form .smallPrint, .titlebar-green .smallPrint{padding-left:207px; font-weight:normal;} /* Original extra styles (could remove when old pages deleted) */ #halfPageProduct .inner p.left, #halfPageProduct .inner p.right{width: 168px; margin: 0 0 5px 0;} #halfPageProduct p label{display: block; font-size: 14px; padding: 1px 1px 1px 3px;} #halfPageProduct p img{padding: 0 0 0 5px; margin: 0 0 -2px 0;} #halfPageProduct .inner .wide p.left{width: 404px; height: auto;} #halfPageProduct .inner .wideSp p.left{width: 404px; height: 20px; margin: 5px 0 2px 0;} #halfPageProduct .wide p label{display: inline;} #halfPageProduct .form{float: left; position: relative; width: 100%; height: auto;} #halfPageProduct .disable select{color:#dddddd; background-color: #eeeeee; border-color:#cddeff;} #halfPageProduct .disable input{color:#dddddd; background-color: #eeeeee; border-color:#cddeff;} #halfPageProduct .disable textarea{color:#dddddd; background-color: #eeeeee; border-color:#cddeff;} #halfPageProduct .form2, #halfPageProduct .form2_error, #halfPageProduct .form2_error_dbl, #halfPageProduct .form2_error_hlf{float: left; position: relative; width: 100%; height: auto; width: 460px;} #halfPageProduct .formhalf{float: left; position: relative; height: auto;} #halfPageProduct .button{float: left; position: relative; width: 100%; margin: 10px 0 10px 0;} #halfPageProduct .button .left{width: 220px;} #halfPageProduct .button .right{width: 155px;} #halfPageProduct .stages{float: right; margin: 0 0 5px 0;} #halfPageProduct .stage{float: left; color: #666; padding: 0 8px 0 8px; background-color:#FFFFFF;} #halfPageProduct .stageon{float: left; color: #666; padding: 0 8px 0 8px; vertical-align:text-center; background-color:#dfefce;} .fullWidthPad{padding: 0;} /* When form in right column */ .right .form2, .right .form2error, .right .form2error_hlf{width: 430px; background:none;} .right #halfPageProduct{width: 430px; margin-top:0;} .right #halfPageProduct .inner{width: 430px;} .right #halfPageProduct .inner .form2{width: 430px;} .right #halfPageProduct .inner .form2error{width: 430px; background:none;} .right #halfPageProduct .inner .form2error_dbl{width: 430px; background:none;} .right #halfPageProduct .inner .form2error_hlf{width: 430px; background:none;} .right #halfPageProduct .inner .titlebar-form{width:394px; margin:20px 0 10px 0;} .right #halfPageProduct .inner .titlebar-green{width:394px; margin:0 0 10px 0;} .right #halfPageProduct .inner .titlebar-miniform{width:208px; margin:0 0 10px 0; padding:3px 10px 8px 30px; background: url(/img/common/title_form_mini.gif) no-repeat;color:#ffffff;font-weight:bold;font-size:11px;} .right #halfPageProduct .inner .stagetwo .titlebar-form{width:387px; margin:20px 0 10px 0;} .right #halfPageProduct .inner .stagetwo .titlebar-green{width:394px; margin:0 0 10px 0;} .right #halfPageProduct .formcol1labelonly{width: 225px; padding-left: 0; margin-left: 0;} .right #halfPageProduct .formcol1labelonlyerror{width: 225px; padding-left: 0; margin-left: 0;} .right #halfPageProduct .formcol1labelonlybold{width: 225px; padding-left: 0; margin-left: 0;} .right #halfPageProduct .formcol1labelonlybolderror{width: 225px; padding-left: 0; margin-left: 0;} .right #halfPageProduct .formcol2inputonly{width: 177px;} .right #halfPageProduct .formcol2inputonlyerror{width: 177px;} .right #halfPageProduct .formcol2inputonlyb{width: 177px;} .right #halfPageProduct .formcol2inputonlyberror{width: 177px;} .right #halfPageProduct .inner .form2 select.oversize{width: 153px;} .right #halfPageProduct .inner .form2 input[type="text"].oversize{width: 145px;} .right #halfPageProduct .inner .form2error select.oversize{width: 153px;} .right #halfPageProduct .inner .form2error input[type="text"].oversize{width: 145px;} .right #halfPageProduct .inner .form2error_dbl select.oversize{width: 153px;} .right #halfPageProduct .inner .form2error_dbl input[type="text"].oversize{width: 145px;} .right #halfPageProduct .inner .form2error_hlf select.oversize{width: 153px;} .right #halfPageProduct .inner .form2error_hlf input[type="text"].oversize{width: 145px;} .right #halfPageProduct .inner .errorTitle{width: 420px;margin-top:0;margin-left:0;} .right #halfPageProduct .inner .errorInfo{width: 420px;margin-top:0;margin-left:0;padding-left:20px;} .right .privacyBoxLeft{width: 430px; padding:0; margin-top:20px;} .right .thinkCarefullyText{width: 430px; padding:0;} .right .centerformtext{width: 430px; margin:0; text-align:center; margin-top:10px;} .right .formtext, .right .formsecurity, .right .formsecurityp{width:95%;padding-right:0;} .right .formtext{padding-left:5px;} .right .formsecurityp .seclogos{width:48%;padding-left:5px;} /* CMS styles - - - - - - - - - - - - - - - - - - - - */ /* Structure - 2 even columns */ #halfPageInfoWrapper{float:left;width:430px;color:#333333;} #halfPageInfo .inner .left{width:400px;}/* Could delete when CMS pages all new styles */ #halfPageInfoWrapper #halfPageInfoDeco{float:left;width:430px;margin:0;padding:0 0 5px 0;background: url(/img/common/title_green_cms2.gif) repeat-x;} #roundstyle #halfPageInfoWrapper #halfPageInfoDeco{background: #ebebeb url(/img/common/title_green_cms3wide.gif) no-repeat;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco{background:none; margin:10px 0 10px 0;} #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{float:left;margin:0 10px 0 10px;padding:2px 0 0 0;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent{margin:0 0 0 5px;} #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h2{color:#333333;font-size:12px;font-weight:bold;padding:0 0 16px 0;} #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h1{color:#333333;font-size:16px;font-weight:bold;padding:10px 0 10px 0;} #roundstyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h2{color:#FFFFFF;} #nobg #halfPageInfoWrapper #halfPageInfoDeco{background:none;} #nobgborder #halfPageInfoWrapper #halfPageInfoDeco{background:none;} #pointsarrow #halfPageInfoWrapper #halfPageInfoDeco{background: url(/img/icons/pointsarrow.gif) no-repeat; background-position:right;} #endroundstyle{float:left;width:430px;background: url(/img/common/ftr_green_cms3wide.gif) no-repeat;height:21px;margin-bottom:20px;} #simplestyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h2{margin:0 0 14px 0;padding:0;border-bottom:1px solid #cccccc;} #simplestyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent h1{font-weight:normal;} #simplestyle #halfPageInfoWrapper {margin-bottom:6px; background: #ffffff url(/img/common/infobox-top.gif) top left no-repeat;} #simplestyle #halfPageInfoWrapper #halfPageInfoDeco{margin-top:0; padding:15px 0 20px 0; background: url(/img/common/infobox-btm.gif) bottom left no-repeat;} #contentRow{float:left;clear:both;width:100%;} #column25{width:25%;min-width:25%;float:left;} #column30{width:30%;min-width:30%;float:left;} #column50{width:50%;min-width:50%;float:left;} #column60{width:60%;min-width:60%;float:left;} /* Scroller */ .mod_scroller{float: left; width:370px; position: relative; margin:0 0 20px 20px; padding-top:6px; height:250px; background: url(/img/common/form_scroller_bg.gif) no-repeat;} .mod_scroller h2{float: left; width:370px; font-size: 16px; height:28px; font-weight:bold; color:#333333; text-align:center;} .mod_scroller .scroller_row{float:left; width:300px;} .mod_scroller #scroller_top1{float:left; width:16px; height:10px; background: url(/img/common/scroller_top1b.gif) no-repeat;} .mod_scroller #scroller_top2{float:left; width:211px; height:10px; background: url(/img/common/scroller_top2b.gif) repeat-x;} .mod_scroller #scroller_top3{float:left; width:16px; height:10px; background: url(/img/common/scroller_top3b.gif) no-repeat;} .mod_scroller .scroller_title{ padding:12px 50px 0 50px; font-size:20px; font-weight:bold; line-height:22px;} .mod_scroller #scroller_top{float:left; width:298px; height:72px; text-align:center; background: url(/img/common/scroller_top.png) no-repeat;} .mod_scroller #scroller_middle{float:left; width:298px; height:172px; text-align:center; background: url(/img/common/scroller_middle.png) repeat-y;} .mod_scroller #scroller_bottom{float:left; width:298px; height:32px; background: url(/img/common/scroller_bottom.png) no-repeat;} .mod_scroller .scroller_midwrap{width:211px; margin:auto;} .mod_scroller #scroller_left{float:left; width:16px; height:130px; background: url(/img/common/scroller_left.gif) repeat-y; padding-bottom:6px;} .mod_scroller #scroller_list{float:left; width:211px; height:130px; padding-bottom:6px; background-color:#ffffff;} .mod_scroller #scroller_list select.scroller{width: 210px; font-size:15px; cursor:pointer; } .mod_scroller #scroller_list select option{background-color:#ffffff; cursor:pointer;} .mod_scroller #checkbox_list {float:left; width:191px; height:130px; padding-bottom:6px; background-color:#ffffff; font-size:16px; line-height:22px;} .mod_scroller #checkbox_list input.big {width:20px; height:20px;} .mod_scroller #scroller_right{float:left; width:16px; height:130px; background: url(/img/common/scroller_right.gif) repeat-y; padding-bottom:6px;} .mod_scroller span #scroller_left, .mod_scroller span #scroller_right{height:39px; padding-bottom:0;} .mod_scroller #scroller_button{float:left; width:211px; height:39px;} .mod_scroller .genericbtn_hldr2, .mod_scroller .genericbtn_hldr4{float:left; width:211px; height:39px; margin:0; padding:0; background-color:#ffffff;} .mod_scroller .genericbtn_hldr2 .genericbtn{width:173px;} .mod_scroller .genericbtn_hldr5 .genericbtn{width:158px;} .mod_scroller .genericbtn_hldr5 .genericbtn_l, .mod_scroller .genericbtn_hldr5 .genericbtn_r{background-color:#ffffff;} .mod_scroller #scroller_btm1{float:left; width:16px; height:16px; background: url(/img/common/scroller_btm1.gif) no-repeat;} .mod_scroller #scroller_btm2{float:left; width:211px; height:16px; background: url(/img/common/scroller_btm2.gif) repeat-x;} .mod_scroller #scroller_btm3{float:left; width:16px; height:16px; background: url(/img/common/scroller_btm3.gif) no-repeat;} .mod_scroller h1{font-size: 27px; height:32px; font-weight:bold; padding-left:15px; color:#444444; overflow:hidden;} .mod_scroller h3{font-size: 20px; height:28px; font-weight:bold; padding-left:15px; margin-top:2px; margin-bottom:8px; color:#666666; overflow:hidden;} .mod_scroller .center h1{padding-left:0; color:#3d7a01;} .mod_scroller .center h3{padding-left:0; color:#333333;} /* Age Selecter */ .mod_ageselect{ float: left; width:430px; margin:0 0 40px 0; padding:0; height:250px; margin-bottom:0; background: url(/img/common/bg_age.gif) no-repeat; } .mod_ageselect h2{ float: left; height:30px; width:430px !important; margin-bottom:5px; font-size:20px; color:#3f7e01; font-weight:400; color:#3f7e01; text-align:center; } .mod_ageselect .ageselect{ float: left; width:402px; height:190px; margin:15px 10px 0 28px; } .mod_ageselect .ageselect .column1{ float: left; width:192px; } /* Age Selecter Buttons*/ .age25 a, .age26 a, .age27 a, .age28 a, .age29 a, .age30 a, .age31 a, .age32 a, .age33 a, .age34 a, .age35 a, .age36 a, .age37 a, .age38 a, .age39 a, .age40 a, .age41 a, .age42 a, .age43 a, .age44 a, .age45 a, .age46 a, .age47 a, .age48 a, .age49 a, .age50 a, .age51 a, .age52 a, .age53 a, .age54 a, .age55 a, .age56 a, .age57 a, .age58 a, .age59 a, .age60 a, .age61 a, .age62 a, .age63 a, .age64 a, .getquoteA a {float:left; display: block; width: 31px; height:25px; margin-right:7px; margin-bottom:7px; padding:0; font-size:9px; } .age25 a i, .age26 a i, .age27 a i, .age28 a i, .age29 a i, .age30 a i, .age31 a i, .age32 a i, .age33 a i, .age34 a i, .age35 a i, .age36 a i, .age37 a i, .age38 a i, .age39 a i, .age40 a i, .age41 a i, .age42 a i, .age43 a i, .age44 a i, .age45 a i, .age46 a i, .age47 a i, .age48 a i, .age49 a i, .age50 a i, .age51 a i, .age52 a i, .age53 a i, .age54 a i, .age55 a i, .age56 a i, .age57 a i, .age58 a i, .age59 a i, .age60 a i, .age61 a i, .age62 a i, .age63 a i, .age64 a i, .getquoteA a i{visibility: hidden;} .age25 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -19px -22px no-repeat; } .age25 a:hover, .age25 a:active, .age25 a.selected{background: url(/img/lifeinsurance/numbers.gif) -19px -185px no-repeat; text-decoration:none; } .age26 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -57px -22px no-repeat; } .age26 a:hover, .age26 a:active, .age26 a.selected{background: url(/img/lifeinsurance/numbers.gif) -57px -185px no-repeat; text-decoration:none; } .age27 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -95px -22px no-repeat; } .age27 a:hover, .age27 a:active, .age27 a.selected{background: url(/img/lifeinsurance/numbers.gif) -95px -185px no-repeat; text-decoration:none; } .age28 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -133px -22px no-repeat; } .age28 a:hover, .age28 a:active, .age28 a.selected{background: url(/img/lifeinsurance/numbers.gif) -133px -185px no-repeat; text-decoration:none; } .age29 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -171px -22px no-repeat; } .age29 a:hover, .age29 a:active, .age29 a.selected{background: url(/img/lifeinsurance/numbers.gif) -171px -185px no-repeat; text-decoration:none; } .age30 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -209px -22px no-repeat; } .age30 a:hover, .age30 a:active, .age30 a.selected{background: url(/img/lifeinsurance/numbers.gif) -209px -185px no-repeat; text-decoration:none; } .age31 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -247px -22px no-repeat; } .age31 a:hover, .age31 a:active, .age31 a.selected{background: url(/img/lifeinsurance/numbers.gif) -247px -185px no-repeat; text-decoration:none; } .age32 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -285px -22px no-repeat; } .age32 a:hover, .age32 a:active, .age32 a.selected{background: url(/img/lifeinsurance/numbers.gif) -285px -185px no-repeat; text-decoration:none; } .age33 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -323px -22px no-repeat; } .age33 a:hover, .age33 a:active, .age33 a.selected{background: url(/img/lifeinsurance/numbers.gif) -323px -185px no-repeat; text-decoration:none; } .age34 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -361px -22px no-repeat; } .age34 a:hover, .age34 a:active, .age34 a.selected{background: url(/img/lifeinsurance/numbers.gif) -361px -185px no-repeat; text-decoration:none; } .age35 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -19px -50px no-repeat; } .age35 a:hover, .age35 a:active, .age35 a.selected{background: url(/img/lifeinsurance/numbers.gif) -19px -214px no-repeat; text-decoration:none; } .age36 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -57px -50px no-repeat; } .age36 a:hover, .age36 a:active, .age36 a.selected{background: url(/img/lifeinsurance/numbers.gif) -57px -214px no-repeat; text-decoration:none; } .age37 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -95px -50px no-repeat; } .age37 a:hover, .age37 a:active, .age37 a.selected{background: url(/img/lifeinsurance/numbers.gif) -95px -214px no-repeat; text-decoration:none; } .age38 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -133px -50px no-repeat; } .age38 a:hover, .age38 a:active, .age38 a.selected{background: url(/img/lifeinsurance/numbers.gif) -133px -214px no-repeat; text-decoration:none; } .age39 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -171px -50px no-repeat; } .age39 a:hover, .age39 a:active, .age39 a.selected{background: url(/img/lifeinsurance/numbers.gif) -171px -214px no-repeat; text-decoration:none; } .age40 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -209px -50px no-repeat; } .age40 a:hover, .age40 a:active, .age40 a.selected{background: url(/img/lifeinsurance/numbers.gif) -209px -214px no-repeat; text-decoration:none; } .age41 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -247px -50px no-repeat; } .age41 a:hover, .age41 a:active, .age41 a.selected{background: url(/img/lifeinsurance/numbers.gif) -247px -214px no-repeat; text-decoration:none; } .age42 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -285px -50px no-repeat; } .age42 a:hover, .age42 a:active, .age42 a.selected{background: url(/img/lifeinsurance/numbers.gif) -285px -214px no-repeat; text-decoration:none; } .age43 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -322px -50px no-repeat; } .age43 a:hover, .age43 a:active, .age43 a.selected{background: url(/img/lifeinsurance/numbers.gif) -322px -214px no-repeat; text-decoration:none; } .age44 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -361px -50px no-repeat; } .age44 a:hover, .age44 a:active, .age44 a.selected{background: url(/img/lifeinsurance/numbers.gif) -361px -214px no-repeat; text-decoration:none; } .age45 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -19px -81px no-repeat; } .age45 a:hover, .age45 a:active, .age45 a.selected{background: url(/img/lifeinsurance/numbers.gif) -19px -244px no-repeat; text-decoration:none; } .age46 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -57px -81px no-repeat; } .age46 a:hover, .age46 a:active, .age46 a.selected{background: url(/img/lifeinsurance/numbers.gif) -57px -244px no-repeat; text-decoration:none; } .age47 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -95px -81px no-repeat; } .age47 a:hover, .age47 a:active, .age47 a.selected{background: url(/img/lifeinsurance/numbers.gif) -95px -244px no-repeat; text-decoration:none; } .age48 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -133px -81px no-repeat; } .age48 a:hover, .age48 a:active, .age48 a.selected{background: url(/img/lifeinsurance/numbers.gif) -133px -244px no-repeat; text-decoration:none; } .age49 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -171px -81px no-repeat; } .age49 a:hover, .age49 a:active, .age49 a.selected{background: url(/img/lifeinsurance/numbers.gif) -171px -244px no-repeat; text-decoration:none; } .age50 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -209px -81px no-repeat; } .age50 a:hover, .age50 a:active, .age50 a.selected{background: url(/img/lifeinsurance/numbers.gif) -209px -244px no-repeat; text-decoration:none; } .age51 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -247px -81px no-repeat; } .age51 a:hover, .age51 a:active, .age51 a.selected{background: url(/img/lifeinsurance/numbers.gif) -247px -244px no-repeat; text-decoration:none; } .age52 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -285px -81px no-repeat; } .age52 a:hover, .age52 a:active, .age52 a.selected{background: url(/img/lifeinsurance/numbers.gif) -285px -244px no-repeat; text-decoration:none; } .age53 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -322px -81px no-repeat; } .age53 a:hover, .age53 a:active, .age53 a.selected{background: url(/img/lifeinsurance/numbers.gif) -322px -244px no-repeat; text-decoration:none; } .age54 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -361px -81px no-repeat; } .age54 a:hover, .age54 a:active, .age54 a.selected{background: url(/img/lifeinsurance/numbers.gif) -361px -244px no-repeat; text-decoration:none; } .age55 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -19px -111px no-repeat; } .age55 a:hover, .age55 a:active, .age55 a.selected{background: url(/img/lifeinsurance/numbers.gif) -19px -274px no-repeat; text-decoration:none; } .age56 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -57px -111px no-repeat; } .age56 a:hover, .age56 a:active, .age56 a.selected{background: url(/img/lifeinsurance/numbers.gif) -57px -274px no-repeat; text-decoration:none; } .age57 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -95px -111px no-repeat; } .age57 a:hover, .age57 a:active, .age57 a.selected{background: url(/img/lifeinsurance/numbers.gif) -95px -274px no-repeat; text-decoration:none; } .age58 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -133px -111px no-repeat; } .age58 a:hover, .age58 a:active, .age58 a.selected{background: url(/img/lifeinsurance/numbers.gif) -133px -274px no-repeat; text-decoration:none; } .age59 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -171px -111px no-repeat; } .age59 a:hover, .age59 a:active, .age59 a.selected{background: url(/img/lifeinsurance/numbers.gif) -171px -274px no-repeat; text-decoration:none; } .age60 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -19px -141px no-repeat; } .age60 a:hover, .age60 a:active, .age60 a.selected{background: url(/img/lifeinsurance/numbers.gif) -19px -304px no-repeat; text-decoration:none; } .age61 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -57px -141px no-repeat; } .age61 a:hover, .age61 a:active, .age61 a.selected{background: url(/img/lifeinsurance/numbers.gif) -57px -304px no-repeat; text-decoration:none; } .age62 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -95px -141px no-repeat; } .age62 a:hover, .age62 a:active, .age62 a.selected{background: url(/img/lifeinsurance/numbers.gif) -95px -304px no-repeat; text-decoration:none; } .age63 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -133px -141px no-repeat; } .age63 a:hover, .age63 a:active, .age63 a.selected{background: url(/img/lifeinsurance/numbers.gif) -133px -304px no-repeat; text-decoration:none; } .age64 a{background: #dddddd url(/img/lifeinsurance/numbers.gif) -171px -141px no-repeat; } .age64 a:hover, .age64 a:active, .age64 a.selected{background: url(/img/lifeinsurance/numbers.gif) -171px -304px no-repeat; text-decoration:none; } .getquoteA a{width: 182px; height:56px; background: #dddddd url(/img/lifeinsurance/numbers.gif) -210px -109px no-repeat; } .getquoteA a:hover, .getquoteA a:active{background: url(/img/lifeinsurance/numbers.gif) -210px -274px no-repeat; text-decoration:none; } /* Scroller stages */ .scroller_progress{float:left; width:150px; margin:0 0 0 5px; border-left:1px solid #999999;} .scroller_progress .stage{float: left; font-weight:bold; color: #666666; padding: 0 8px 0 8px; background-color:#FFFFFF; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999;} .scroller_progress .stageon{float: left; font-weight:bold; color: #ffffff; padding: 0 8px 0 8px; vertical-align:text-center; background-color:#333333; border-top:1px solid #333333; border-bottom:1px solid #333333; border-right:1px solid #333333;} #scroller_stage4 .form2, #scroller_stage5 .form2, #scroller_stage4 .form2error, #scroller_stage5 .form2error{width: 370px;} #scroller_stage6 .form2, #scroller_stage6 .form2error{width: 370px;} #scroller_stage4 .formcol1labelonlybold, #scroller_stage5 .formcol1labelonlybold, #scroller_stage6 .formcol1labelonlybold{width: 184px; padding: 5px 6px 6px 0;} #scroller_stage4 .formcol1labelonlybolderror, #scroller_stage5 .formcol1labelonlybolderror, #scroller_stage6 .formcol1labelonlybolderror{width: 184px; padding: 5px 6px 6px 0; margin-left:0;} #scroller_stage4 .formcol2inputonly, #scroller_stage5 .formcol2inputonly, #scroller_stage6 .formcol2inputonly{width: 180px; padding: 2px 0 2px 0;} #scroller_stage4 .formcol2inputonlyerror, #scroller_stage5 .formcol2inputonlyerror, #scroller_stage6 .formcol2inputonlyerror{width: 180px; padding: 2px 0 2px 0;} #scroller_stage4 .formcol2inputonlyb, #scroller_stage5 .formcol2inputonlyb, #scroller_stage6 .formcol2inputonlyb{width: 180px; padding: 5px 0 2px 0;} #scroller_stage4 .formcol2inputonlyberror, #scroller_stage5 .formcol2inputonlyberror, #scroller_stage6 .formcol2inputonlyberror{width: 180px; padding: 5px 0 2px 0;} #scroller_stage4 input, #scroller_stage5 input, #scroller_stage6 input{background:#ffffff;} #scroller_stage4 .form2 .genericbtn_hldr5, #scroller_stage5 .form2 .genericbtn_hldr5, #scroller_stage6 .form2 .genericbtn_hldr5{float:left; width:158px; height:39px; margin:8px 0 0 0; padding:0; border:1px solid #ffffff;} #scroller_stage4 .form2 .genericbtn_hldr5 a.genericbtn, #scroller_stage5 .form2 .genericbtn_hldr5 a.genericbtn{width:105px;} #scroller_stage6 .form2 .genericbtn_hldr5 a.genericbtn{width:121px; padding: 8px 27px 0 4px; font-size:15px;} #scroller_stage4 .form2 .genericbtn_hldr5 .genericbtn_l, #scroller_stage5 .form2 .genericbtn_hldr5 .genericbtn_l, #scroller_stage6 .form2 .genericbtn_hldr5 .genericbtn_l, #scroller_stage4 .form2 .genericbtn_hldr5 .genericbtn_r, #scroller_stage5 .form2 .genericbtn_hldr5 .genericbtn_r, #scroller_stage6 .form2 .genericbtn_hldr5 .genericbtn_r{background-color:#ffffff;} #scroller_stage1 .scroller_progress{margin-left:112px;} #scroller_stage4 .scroller_progress{margin:18px 0 0 5px;} #scroller_stage5 .scroller_progress, #scroller_stage6 .scroller_progress{margin:18px 0 0 5px;} #scroller_stage4 .mod_scroller h2, #scroller_stage5 .mod_scroller h2, #scroller_stage6 .mod_scroller h2{height:32px;margin-top:4px;} #scroller_stage2, #scroller_stage3, #scroller_stage4, #scroller_stage5, #scroller_stage6{display:none;} #scroller_stage6 .privacyBoxLeft{width:auto;float:left;margin:0;padding:8px 0 0 4px;} #scroller_stage6 .privacyBoxLeft .smallPrint{color:#000000;font-size:10px;} /* Mini Form */ .mod_miniform{float: left; width:380px; position: relative; padding:26px 0 0 0; margin:10px 20px 20px 30px; height:226px; background: url(/img/common/form_bg.gif) no-repeat;} .mod_miniform .form2{float:left; width: 380px; padding:0; margin:0;} .mod_miniform .form2 .formcol1labelonlybold{float:none; width: 330px; padding: 5px 12px 5px 60px; text-align: left; font-size:16px; font-weight:bold; color:#333333;} .mod_miniform .form2 .formcol1labelonlybolderror{float:none; width: 330px; padding: 5px 12px 5px 60px; text-align: left; font-size:16px; font-weight:bold; color:#333333;} .mod_miniform .form2 .formcol2inputonly{width: 335px; padding: 2px 0 2px 60px; font-size:14px;} .mod_miniform .form2 .formcol2inputonlyerror{width: 335px; padding: 2px 0 2px 60px; font-size:14px;} .mod_miniform .form2 .formcol2inputonly select, .mod_miniform .form2 .formcol2inputonlyerror select{width: 215px; background:#ffffff; font-size:14px;} .mod_miniform .form2 .formcol2inputonly select .oversize, .mod_miniform .form2 .formcol2inputonlyerror select .oversize{width: 215px; background:#ffffff; font-size:14px;} .mod_miniform .form2 .formcol2inputonly input, .mod_miniform .form2 .formcol2inputonlyerror input{width: 207px; background:#ffffff; font-size:14px;} .mod_miniform .form2 .formcol2inputonly input .oversize, .mod_miniform .form2 .formcol2inputonlyerror input .oversize{width: 207px; background:#ffffff; font-size:14px;} .mod_miniform .form2 .formcol2inputonly .genericbtn_hldr2{padding-top:4px;margin-top:0;} /* Buttons - set specific left edge with icon in product css */ .mod_buttons{float: left; width:430px; position: relative; padding:0; margin:6px 0 20px 0; height:292px;} .mod_buttons h3{font-size: 18px; height:24px; font-weight:bold; margin-bottom:5px; color:#555555; overflow:hidden;} .mod_buttons .genericbtn_hldr3{width:430px;} .mod_buttons p{float:left;width:430px;padding:0;} /* Rate table */ .ratetable_hdr{float:left;padding:4px 10px 4px 0;font-size:11px;} .ratetable_row{float:left;padding:4px 10px 2px 0;font-size:11px;border-bottom:1px solid #dddddd;} .ratetable_row_nobg{float:left;padding:4px 10px 2px 0;font-size:11px;border-bottom:1px solid #dddddd;} .ratetable_colgap{float:left;width:5px;} .ratetable_col1{float:left;width:180px;color:#006600;} .ratetable_col2{float:left;width:58px;color:#ff6600;font-weight:bold;} .ratetable_col3{float:left;width:70px;} .ratetable_col4{float:left;width:59px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row{padding:0 10px 0 0; font-size:13px; font-weight:bold; border:none; border-bottom:1px solid #dddddd;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr{height:20px;padding-top:10px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr{font-size:11px; background: #666666 url(/img/common/ratetable_hdr.gif) no-repeat; color:#ffffff; margin-bottom:1px;height:12px;padding-top:2px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col1, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col1{width:97px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col2, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col2{width:130px;text-align:center;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col1{color:#ffffff;font-size:10px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col2{color:#ffffff;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col2{background:#fff2e1;height:32px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col3, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col3{width:80px;text-align:right;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col4, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col4{width:100px;text-align:right;} #roundstyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_hdr .ratetable_col4, #roundstyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col4, #roundstyle #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row_nobg .ratetable_col4{width:65px;text-align:right;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col2, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col3, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col4{padding-top:8px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col1{padding-top:4px;padding-bottom:3px;} #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col2, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col3, #onwhite #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent .ratetable_row .ratetable_col4{padding-top:12px;} /* Extra Info tabs*/ #extrainfotabs{float: left; width: 430px; margin-bottom:35px; height:325px; padding: 0; margin-top:10px;} #extrainfotabs #extrainfotabrow{float: left; width: 430px; height:24px; border-bottom: 1px solid #dddddd;} #extrainfotabs .extrainfotabs_content{float: left; width: 428px; height:295px; display: none; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: 1px solid #dddddd;} #extrainfotabs .extrainfotabs_content .extrainfotabfade{float: left; height:14px; background: url(/img/common/fade20.gif) repeat-x; border-top: 1px solid #ffffff;} #extrainfotabs .extrainfotabs_content .midtitle{float: left; width: 408px; height:53px; background: url(/img/icons/midarrow2.gif) no-repeat; background-position:right; margin-top:10px;padding-top:0;} #extrainfotabs .extrainfotabs_content .midtitle h1{float: left; width: 322px; font-size: 22px; height:28px; padding-left:15px; font-weight:bold; padding-top:5px; color:#444444; overflow:hidden;} #extrainfotabs .extrainfotabs_content .midtitle h3{float: left; width: 322px; font-size: 16px; height:30px; padding-left:15px; font-weight:bold; margin-bottom:0; color:#666666; overflow:hidden;} #extrainfotabs .extrainfotabs_content .scrolltext{height:270px; padding:5px 30px 20px 20px; margin-bottom:5px; overflow:auto; color:#444444;} #extrainfotabs .extrainfotabs_content .scrolltext h2{float: left; width:378px;font-size:16px; font-weight:bold; margin:0; padding:10px 0 10px 0; color:#444444;} #extrainfotabs .extrainfotabs_content .scrolltext .list{float: left; padding:0 0 0 10px;} #extrainfotabs .extrainfotabs_content .scrolltext p{float: left; width:378px; padding:5px 0 0 0;} #extrainfotabs .extrainfotabs_content .scrolltext i{font-size:13px; font-style:normal;font-weight:bold;color:#006600;} #extrainfotabs .extrainfotabs_content .extrainfotabfade2{float: left; height:16px; background: url(/img/common/fade20flip.gif) repeat-x;} #extrainfotabs #extrainfotabrow #extrainfotab_l{float:left; width:7px; height:25px; background: url(/img/buttons/infotab_l.gif) no-repeat;} #extrainfotabs #extrainfotabrow #extrainfotab_m{float:left; height:21px; background: url(/img/buttons/infotab_m.gif) repeat-x; padding-top:4px;} #extrainfotabs #extrainfotabrow #extrainfotab_r{float:left; width:7px; height:25px; background: url(/img/buttons/infotab_r.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 #extrainfotabrow a{font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none;} #extrainfotabs #extrainfotabrow a:hover #extrainfotab_m{text-decoration:underline;cursor:pointer;} #extrainfotabs #extrainfotabrow #extrainfotab_gap{float:left; width:1px; height:25px;} /* Old How it Works */ #howItWorks{float: left; position: relative; margin: 18px 0 0 0;} #howItWorks h3{padding: 0 0 2px 7px;} #howItWorks .box{height: 127px; padding: 5px 0 5px 0; background: #fff url(/img/common/howitworks-bg.gif) no-repeat;} #howItWorks .box .item{float: left; position: relative; width: 102px; padding: 2px 0 0 13px;} #howItWorks .box .item .complete{padding: 0 35px 0 0;} #howItWorks .box .item .calc{padding: 0 32px 0 0;} #howItWorks .box .item .speak{padding: 0 40px 0 0;} #howItWorks .box .item .quote{padding: 0 45px 0 0;} #howItWorks .box .item p{margin:0;padding:4px 0 2px 0;} #howItWorks .box .item .smallPrint{color: #666; font-size:10px; width:102px;} #howItWorks .box .item .number{display: block; font-size: 24px; font-weight: bold; color: #999; padding: 7px 0 0 0;} /*** Can't delete these styles yet ***/ #halfPageInfo{min-height: 120px; margin: 18px 0 0 0; padding: 4px; border: 1px #cccccc solid; z-index: 0;} #halfPageInfo{float: left; position: relative; font-size: 14px; color: #444;} #halfPageInfo .inner {min-height: 90px; padding: 15px 5px 15px 10px; background: #fff url(/img/common/halfpage-info-bg.gif) repeat-x;} /* Pictures */ .mod_picture, .mod_picture2, .mod_picture3, .mod_picture4{float: left; position: relative; width: 417px; margin:18px 0 0 0; padding: 2px 0 0 13px; border:0; background-image:url(/img/general/woman_image_new3.jpg); height:157px; background-repeat:no-repeat;} .mod_picture5, .mod_picture5b, .mod_picture5c, .mod_picture5d{float: left; position: relative; width: 430px; padding:0; margin:0 0 8px 0; padding:0; border:0; background-image:url(/img/general/woman_image_fullform_m.jpg); height:270px; background-repeat:no-repeat;} .mod_picture5b{margin-bottom:30px; height:228px; background:url(/img/general/woman_image_fullform_m2.jpg) no-repeat; background-position:bottom;} .mod_picture5c{background:url(/img/general/woman_image_fullform_m2.jpg) no-repeat; background-position:bottom; margin-bottom:8px; height:260px;} .mod_picture5d{background:url(/img/general/woman_image_fullform_m4.jpg) no-repeat; background-position:bottom; height:262px; margin-bottom:20px;} .mod_picture5d h1{padding:13px 0 0 16px; font-size:23px; font-weight:bold; color:#333333;} .mod_picture5d .smallPrint {float:left; width:165px; padding-left:265px; padding-top:5px; height:11px; color:#444444;} .mod_picture5d .orangelarge{float:left; color:#FF6600; font-size:30px; font-weight:bold; width:165px; padding-left:265px;} .mod_picture5d .bluelarge{float:left; color:#0099FF; font-size:30px; font-weight:bold; width:165px; padding-left:265px;} .mod_picture5d .ratetitle{float:left; height:20px; color:#0066CC; font-size:14px; font-weight:bold; width:165px; padding-left:265px;} .mod_picture5d .ratelogo{float:left; width:165px; padding-left:265px; padding-bottom:2px;} .mod_picture5d .midtitle{padding-bottom:20px; padding-top:0;} .mod_picture5d .midarrow{padding-top:6px;} .mod_picture5d .flashrate{float:left; width:165px; height:160px; padding-left:280px; } /* Still used? Could delete? */ .mod_picture3{background-image:url(/img/general/woman_image_new_blank.jpg); width: 278px; padding: 8px 0 0 152px; font-size:20px; font-weight:bold;} .mod_picture3 p{float:left; width: 278px; padding: 0; margin: 2px 0 2px 0;} .mod_picture3 .orange{float:left; width: 278px; color:#FF6600; font-size:25px;} .mod_picture3 .blue{float:left; width: 278px; color:#0099FF; font-size:25px;} .mod_picture3 .orangelarge{float:left; width: 278px; color:#FF6600; font-size:33px;} .mod_picture3 .bluelarge{float:left; width: 278px; color:#0099FF; font-size:33px;} .mod_picture3 h3{float:left; width: 278px; margin-top:20px;} .mod_picture3 .blacksmall{font-size:18px; font-weight:100; color:#333333;} .mod_picture3 .orangesmall{font-size:18px; font-weight:bold; color:#FF6600;} .mod_picture3 .bluesmall{font-size:16px; font-weight:bold; color:#0099FF;} .mod_picture3 .midprint{float:left; padding:0; font-size:12px; color:#333333; font-weight:100;} .mod_picture3 .midprint p{margin:0; padding:3px 0 0 0;} .mod_picture3 .smallPrint {float:left; width: 278px; height:12px;} .mod_picture3 .col1{float:left; padding:10px 0 0 0; width:130px; height:78px;} .mod_picture3 .col2{float:left; padding:10px 0 0 0; width:52px; height:78px;} /* Still used? Could delete? */ .mod_picture6{float: left; position: relative; width: 430px; padding:0; margin:0; border:0; background-image:url(/img/general/woman_image_fullform_m3.jpg); height:220px; background-repeat:no-repeat; background-position:right;} .mod_picture7, .mod_picture7b{float: left; position: relative; width: 430px; padding:0; margin:0 0 20px 0; border:0; height:263px; background-image:url(/img/general/family3.jpg);} .mod_picture7b{background-image:url(/img/general/family4.jpg);} .mod_picture7 .list ul, .mod_picture7b .list ul{margin-left:130px;} .mod_picture7 .list ul li, .mod_picture7b .list ul li{font-size:15px; font-weight:bold; color:#444444; padding:8px 0 5px 0; line-height:18px;} .mod_picture_step2{margin:18px 0 0 0; padding:0; border:0; background-image:url(/img/general/woman_image_step2.jpg); height:157px; background-repeat:no-repeat;} .mod_picture_step2{float: left; position: relative; width: 417px; padding: 2px 0 0 13px;} .mod_picture_step3{margin:18px 0 0 0; padding:0; border:0; background-image:url(/img/general/woman_image_step3.jpg); height:157px; background-repeat:no-repeat;} .mod_picture_step3{float: left; position: relative; width: 417px; padding: 2px 0 0 13px;} .mod_picture_health{margin:18px 0 0 0; padding:0; border:0; background-image:url(/img/general/woman_image_health.jpg); height:156px; background-repeat:no-repeat;} .mod_picture_health{float: left; position: relative; width: 417px; padding: 2px 0px 0 13px;} .mod_picture_health2{float: left; position: relative; width: 430px; padding:0; margin:0; border:0; background-image:url(/img/general/woman_image_fullform_pmi.jpg); height:228px; background-repeat:no-repeat;} .mod_picture_health3{float: left; position: relative; width: 430px; padding:0; margin:0; border:0; background-image:url(/img/general/woman_image_fullform_pmi2.jpg); height:278px; background-repeat:no-repeat;} .mod_picture_health4{float: left; position: relative; width: 430px; padding:0; margin:0; border:0; background-image:url(/img/general/man_image_fullform_pmi.jpg); height:310px; background-repeat:no-repeat;} .mod_picture_health5{float: left; position: relative; width: 430px; padding:0; margin:20px 0 0 0; border:0; background-image:url(/img/general/pig_image_fullform.jpg); height:252px; background-repeat:no-repeat;} .mod_picture_family, .mod_picture_family2, .mod_picture_baby{float: left; position: relative; width: 430px; padding:0; margin:15px 0 20px 0; padding:0; border:0; background-image:url(/img/general/baby_image_fullform.jpg); height:240px; background-repeat:no-repeat;} .mod_flash{float: left; position: relative; width: 430px; padding:0; margin:15px 0 20px 0; padding:0; border:0; height:240px;} .mod_video{float: left; position: relative; width: 430px; padding:0; margin:0 0 18px 0; padding:0; border:0;} .freepic{float: left; position: relative; width: 346px; margin:18px 0 0 0; padding:0; border:0;} .mod_picture_loanrate{float: left; position: relative; width: 430px; height:200px; padding:0; margin:0 0 14px 0; padding:0; border:0;} /* Bits */ .logos{float: left; position: relative; margin:18px 0 0 0; padding:0; border:0;} .logos img{padding-bottom:4px;} .freetext{float: left; position: relative; width: 346px; margin:8px 10px 0 10px; padding:0; border:0;color:#333333;} .freetext h2{font-size:14px; font-weight:bold;} .large-arrow{float:left; width:490px; height:252px; background-image:url(/img/general/large-arrow.gif); background-repeat:no-repeat; padding:78px 0 0 60px; font-size: 17px; font-weight:bold; color:#ffffff;} .large-arrow .list .tick ul{list-style: none; list-style: url(/img/icons/tick-white.gif) outside; padding:0;} .large-arrow .list .tick ul li{margin:0; padding:0 0 6px 0;} .formarrowdown{top:137px; position:absolute; width:245px; height:181px; background-image:url(/img/common/formarrowdown.gif); background-repeat:no-repeat; z-index:100; margin-left:400px;} /* Specific styles */ #halfPageInfoWrapper .lenderImg{padding-bottom:5px;padding-left:16px;padding-right:0;} #halfPageInfoWrapper .lenderImg_wide{padding-bottom:5px;padding-left:16px;padding-right:0;} #halfPageInfoWrapper .padlock_large{float:left; width:63px;} #halfPageInfoWrapper .smallPrint{float:left; width:287px; padding-left:10px;color:#666;} .padTop3{padding:3px 0 0 0;} .orange{float:left; font-size:25px; font-weight:bold; color:#FF6600;} .blue{float:left; font-size:25px; font-weight:bold; color:#0066FF;} .green{color:#407f01;} .bluesmall{font-size:12px; font-weight:bold; color:#0066FF; padding-top:3px;} .blacksmall{font-size:15px; font-weight:bold; color:#333333;} .orangesmall{font-size:15px; font-weight:bold; color:#FF6600;} #textLarge{font-size:20px; font-weight:bold;} #textTiny{font-size:11px;font-weight:700;} #verSpacer{float:left;height:10px;width:100%;} ul#tickList{list-style-image:none; list-style-type:none; margin:0 0 10px 0;} #tickList li{padding: 0 0 0 20px; margin:2px 0 4px 0; background:url(/img/icons/tick-tiny.gif) no-repeat; font-weight:700;} .lenderImg{padding:3px 0 0 0;} .nobgborder .lenderImg{padding-right:8px;} .lenderImg_wide{padding-left:6px;padding-right:5px;} #halfPageInfoWrapper #halfPageInfoDeco .halfPageContent i{font-size:17px; font-weight:bold;} .progress1 {list-style:outside; list-style:none; background: url(/img/common/progress1.gif) no-repeat; padding:10px 0 6px 50px; font-size:11px; margin:0;} .progress2 {list-style:outside; list-style:none; background: url(/img/common/progress2.gif) no-repeat; padding:10px 0 6px 50px; font-size:11px; margin:0;} .progress3 {list-style:outside; list-style:none; background: url(/img/common/progress3.gif) no-repeat; padding:10px 0 30px 50px; font-size:11px; margin:0;} .progress1 strong, .progress2 strong, .progress3 strong{font-size:12px;} .point1 {list-style:none; background: url(/img/icons/1.gif) no-repeat; padding:5px 20px 10px 40px; font-size:16px;} .point2 {list-style:none; background: url(/img/icons/2.gif) no-repeat; padding:5px 20px 10px 40px; font-size:16px;} .point3 {list-style:none; background: url(/img/icons/3.gif) no-repeat; padding:5px 20px 8px 40px; font-size:16px;} #testy{width:240px;float:left;line-height:17px;padding:6px 0 0 6px;font-weight:bold;} #testyimg{width:140px;float:right;} .midtitle{float: left; width: 360px; height:65px; font-size:16px; font-weight:bold; color:#444444; padding-right:15px; padding-top:5px;} .midtitle p{font-size:15px; margin:0;padding:3px 0 0 0;} .midarrow{float:left;} .fadediv{float: left; width:100%; height:14px; background: url(/img/common/fade20.gif) repeat-x; margin:0 0 10px 0;} /* Odd styles to delete when old pages deleted */ .logos{float: left; position: relative; margin:18px 0 0 0; padding:0; border:0;} .logos img{padding-bottom:4px;} .large-arrow{float:left; height:252px; background-image:url(/img/general/large-arrow.gif); background-repeat:no-repeat; padding:78px 0 0 60px; font-size: 17px; font-weight:bold; color:#ffffff;} .large-arrow .list .tick ul{list-style: none; list-style: url(/img/icons/tick-white.gif) outside; padding:0;} .large-arrow .list .tick ul li{margin:0; padding:0 0 6px 0;} .formarrowdown{top:137px; position:absolute; height:181px; background-image:url(/img/common/formarrowdown.gif); background-repeat:no-repeat; z-index:100; margin-left:400px;} #halfPageInfo .inner h2{font-size: 13px; font-weight:bold; padding: 0 0 10px 0;} #halfPageInfo .inner h2 strong{font-size:18px;} #halfPageInfo .inner ul{padding-left:22px;} #halfPageInfo .inner li{font-size:11px; font-weight:bold; padding-bottom:4px; list-style: none; list-style: url(/img/icons/tick-tiny.gif) outside;} #halfPageInfo .inner .logo{float: left; padding: 0 2px 8px 0;} #halfPageInfo .inner .ratecol1{float:left; padding-right:15px; font-size:10px; font-weight:bold; color:#333333; padding-bottom:12px;} #halfPageInfo .inner .ratecol2{float:left; font-size:10px; font-weight:bold; color:#333333; padding-bottom:12px;} #halfPageInfo .inner .ratecol2 h2{font-size: 15px;} #halfPageInfo .inner .ratecol2 h2 strong{font-size: 22px;} #halfPageInfo .inner .orange{font-size:36px; font-weight:bold; color:#FF6600;} #halfPageInfo .inner .blue{font-size:36px; font-weight:bold; color:#0099FF;} #halfPageInfo .inner .blacksmall{font-size:15px; font-weight:bold; color:#333333;} #halfPageInfo .inner .orangesmall{font-size:15px; font-weight:bold; color:#FF6600;} #halfPageInfo .inner .bluesmall{font-size:15px; font-weight:bold; color:#0099FF;} #halfPageInfo .inner .floatarrow{position:absolute; top:11px; padding-left:225px;} .nobgborder #halfPageInfo {border: none; margin-top:8px;} .nobgborder #halfPageInfo .inner {background: none; padding:10px 0 0 0px;} .nobg #halfPageInfo .inner {background: none;} /* Sidebar Navigation - - - - - - - - - - - - - - - - - - - - */ #subNav{width: 175px; padding: 0 0 50px 0; border-right: #e5e5e5 1px solid;} #subNav ul{list-style: none; font-size: 14px;} #subNav li{margin: 0 0 20px 0;} #subNav ul li ul li{margin: 6px 0 0 12px;} #subNav li.title{font-size: 16px; font-weight: bold;} #subNav li.title a{color: #444;} #subNav li.quote{font-weight: bold;} /* Trust Messaging - - - - - - - - - - - - - - - - - - - - */ #trustHead{width: 187px; height: 60px; padding: 0 10px 0 58px; background: url(/img/common/trust.gif) no-repeat;} #trustHead{float: right;} #trustHead ul{list-style: none;} #trustHead li{padding: 0 0 4px 0; font-size:11px; text-align:left; line-height:16px; } /* Form Split Tabs - - - - - - - - - - - - - - - - - - - - */ #tabs, #tabs div, #tabs div a{float: left; position: relative;} #tabs{margin: 0 0 -4px 0; z-index: 2;} #tabs div{padding: 4px 4px 0px 4px; margin: 0px 4px 0 0; background: #fff; border-top: 4px solid #e5e5e5; border-right: 4px solid #e5e5e5; border-left: 4px solid #e5e5e5;} #tabs div a{font-size: 14px; color: #444; text-decoration: none; display: block; padding: 3px 4px 5px 4px; margin: 0 0 -4px 0; border-bottom: 4px solid #fff;} #tabs div a.selected{padding: 3px 4px 5px 4px; background: #f1f1f1; border-bottom: 4px solid #f1f1f1;} #tabs div a.selected:hover{background: #f1f1f1; border-bottom: 4px solid #f1f1f1;} #tabs div a:hover{background: #f1f1f1; border-bottom: 4px solid #f1f1f1;} .tabcontent{display: none;} /* Bold Blue Tabs - - - - - - - - - - - - - - - - - - - - */ #tabs_blue, #tabs_blue div, #tabs_blue div a{float: left; position: relative;} #tabs_blue{margin: 10px 0 0 0; z-index: 2;} #tabs_blue a{margin-right: 2px; display: block; background: url(/img/common/tabs_blue.gif) no-repeat top left; cursor:pointer;} #tabs_blue span{float:left; height:23px; font-size: 12px; font-weight:bold; color: #444444; background: url(/img/common/tabs_blue2.gif) no-repeat top right; margin:0; padding: 10px 10px 0 10px;} #tabs_blue a:hover{text-decoration:none; background: url(/img/common/tabs_blue_hover.gif) no-repeat top left;} #tabs_blue a:hover span{background: url(/img/common/tabs_blue_hover2.gif) no-repeat top right;} #tabs_blue .selected, #tabs_blue a.selected:hover{background: url(/img/common/tabs_blue_selected.gif) no-repeat top left;} #tabs_blue .selected span, #tabs_blue a.selected:hover span{color: #ffffff; background: url(/img/common/tabs_blue_selected2.gif) no-repeat top right;} /* Privacy Messaging - - - - - - - - - - - - - - - - - - - - */ .privacyOuter{float: right; position: relative; width: 100px; margin: 0 0 0 0;} .privacyOuter img{padding: 0; margin: 0 0 -2px 0;} /* Help Hover - - - - - - - - - - - - - - - - - - - - */ #helpHoverHeader{width: 270px; height: 25px; background: url(/img/help/helpHoverHeader.gif) no-repeat; padding: 20px 15px 0 15px; font-size: 14px; font-weight: bold;} #helpHoverBody{width: 270px; background: url(/img/help/helpHoverBG.gif) repeat-y; padding: 0 15px 15px 15px; border-bottom: #cacaca solid 2px;} /* Errors - - - - - - - - - - - - - - - - - - - - */ .error{background: #fe4e3e; color: #fff;} .error p{background: #fe4e3e; color: #fff;} .error input, .error select{border: 2px #fe4e3e solid;} .error span.error{padding: 0 0 0 5px;} .errorTitle, .errorInfo{float: left; position: relative;} .errorTitle{width: 484px; height: 17px; font-size: 12px; color: #fff; background: #fe4e3e; margin: -20px 0 10px -40px; padding: 3px 0 0 0;} .errorTitle img{padding: 0 10px 0 16px;} .errorInfo{width: 484px; min-height: 17px; font-size: 12px; color: #fff; background: #fe4e3e; margin: 10px 0 10px -40px; padding: 3px 0 0 0;} .errorInfo img{padding: 0 10px 0 16px;} .errorInfo ul{list-style: square; margin: 5px 0 0 54px;} .errorInfo li{padding: 0 10px 5px 0;} .errortext{font: 10px Arial, Helvetica, sans-serif; color: Red;} /* Loading - - - - - - - - - - - - - - - - - - - - */ #loading{float: left; position: absolute; z-index: 100; width: 940px; height: 200px; margin: 87px 0 0 -30px; background: #e5e5e5; filter:alpha(opacity=50); opacity: 0.6;} #loading2{float: left; position: absolute; z-index: 100; width: 940px; height: 200px; margin: 87px 0 0 -30px;} #loading #loadingAni{width: 100px; text-align: center; color: #000; margin: 0 auto; padding: 60px 0 0 0;} #loading2 #loadingAni{width: 500px; text-align: center; color: #000; margin: 0 auto; padding: 0;} #loading2 #loadingAni p {float:left;width:500px;padding-top: 25px;text-align:center;} #loading2 #loadingAni a img {float:left;padding-top: 60px;padding-left:45px;} #loading2 #loadingAni smallPrint{float:left;width:500px;padding-top: 25px;text-align:center;} /* Loading2 - - - - - - - - - - - - - - - - - - - - */ #loading2 #overlay{position: absolute; top:80px; width: 880px; height:980px; background: #ffffff; filter:alpha(opacity=80); opacity: 0.8; z-index:998;} #loading2 #loadingcontent{position:absolute; top:180px; padding-top:40px; margin-left:170px; width:522px; height:72px; background-image:url(/img/popimg/popup_bg2.gif); background-repeat:no-repeat; z-index:9999;} /* Enter your email box - - - - - - - - - - - - - - - - - - - - */ #blockout{float: left; position: absolute; top:0; z-index: 100; width: 940px; height: 1970px; margin: 0 -30px 0 -30px; background: #ffffff; filter:alpha(opacity=80); opacity: 0.8;} #emailbox{float: left; position: absolute; z-index: 101; width: 520px; height:340px; margin-left:180px; background:url(/img/common/emailbox.png);} #emailbox #close{float: left; width:287px; padding:32px 0 0 233px;} #emailbox #maincontent{float: left; width:270px; height:148px; background:url(/img/common/emailbox_bg.png) no-repeat;margin-left:47px; padding:65px 0 0 150px; color:#ffffff; font-weight:bold; font-size:13px; line-height:18px;} #emailbox #maincontent i{font-size:18px; font-weight:bold;} #emailbox #maincontent p{font-size:10px; font-weight:bold; padding: 2px 0 0 8px; margin:0;} #emailbox #finaltext{float: left; width:320px; padding-left:100px; color:#ffffff; font-weight:bold; font-size:11px; text-align:center;} #emailbox .form2{float: left; width: 262px; margin:0; padding: 13px 0 0 8px;} #emailbox .formcol2inputonly{width:177px; margin:0; padding:0;} #emailbox .formcol2inputonly input{width:162px; padding-top:4px;} #emailbox .formcol2button{float:left; width:85px; margin:0;} #emailbox .formcol2button .signupSmall{border: 2px #ffffff solid;} #emailbox #maincontent_thanks{float: left; width:270px; height:148px; background:url(/img/common/emailbox_bg_thanks.png) no-repeat;margin-left:47px; color:#ffffff; font-weight:bold; line-height:18px;padding:55px 0 10px 122px;font-size:16px; } #emailbox #maincontent_thanks p{font-size:13px;font-weight:bold;padding: 20px 0 0 30px;margin:0;} /* Faux Popup - - - - - - - - - - - - - - - - - - - - */ #popup ol{margin: 0 0 0 20px;} #creditcard_popup{margin: 0 0 0 20px;} #creditcard_popup ul{list-style: decimal; margin: 0 0 0 20px;} #creditcard_popup li{padding: 0 10px 5px 0; } /* ////////////////////\\\\\\\\\\\\\\\\\\\\ _PAGE CONTENT--------------------------_ \\\\\\\\\\\\\\\\\\\\//////////////////// */ h1{ font-size: 16px; font-weight: normal; padding: 0; margin: 0; } h1 strong{font-size: 33px; font-weight: bold;} h2{font-size: 18px; font-weight: normal; padding: 0; margin: 0;} h3{font-size: 12px; font-weight: bold; color: #444; background: none;} h4{font-size: 14px; font-weight: bold; color: #444;} h5{font-size: 12px; font-weight: normal; color: #444;} #pageTitle{height: 60px; padding: 30px 0 0 0; text-align:center; font-size:28px; font-weight:bold; text-align:left; } #titleeffect{float:left; background-color:#ffffff; width:880px; height: 20px; margin-top:-38px; z-index:999; filter:alpha(opacity=30); opacity: 0.3;} #pageTitle-expandable{padding: 0 0 0 10px;} .fulltitle{font-size: 31px; font-weight: bold; margin:5px;} .lowlight{color: #888;} .midlight{color: #666;} .highlight{color: #489400;} .highlight a{color: #489400;} .highlightRed{color: #db0202;} .tinyPrint_light {color: #777777; font-size: 9px;} .smallPrint{color: #888; font-size: 11px;} .smallPrint_dark{color: #333333; font-size: 11px;} .mediumPrint_dark {color: #333333; font-size: 14px;} .largePring_dark {color: #333333; font-size: 18px;} .smallerPrint{color: #888; font-size: 9px;} h1 .smallPrint{color: #000;} #fullPageSmallPrint{width: 880px; margin: 0 auto; padding: 0;} #fullPageSmallPrint img{filter:alpha(opacity=60); opacity: 0.6;} .whiteBG{background-color: #fff;} .greyBG{background-color: #f0f0f0;} .lowlightBG{background-color: #f1f1f1;} .midlightBG{background-color: #e5e5e5;} .highlightBG{background-color: #dfefce;} .divider{width: 871px; height: 2px; background: #e5e5e5; margin: 10px 0 10px 0;} .pageDivider{width: 940px; margin: 0 auto;} .pageDividerInner{width: 940px; height: 4px; background: #f1f1f1; margin: 40px 0 40px 0;} .center{display: block; margin: 0 auto; text-align: center;} .box{display: block; border: 2px #ccc solid;} .button{width: auto; height: auto; padding: 0; margin: 0;} .sidebarFade{width: 195px; height: 140px; margin: 0 0 20px 0; background: #fff url(/img/common/sidebar-fade.gif) no-repeat;} .clear{clear: both;} .privacy a{font-size: 12px; text-decoration: none;} .privacy a:hover{text-decoration: underline;} .thinkCarefullyText{padding:8px 0 0 5px;} #noCheck{float: left; position: relative; margin: 20px 0 20px 0;} #noCheck h3{width: 340px; padding: 0 0 0 15px;} /* Generic Page Wrapper - - - - - - - - - - - - - - - - - - - - */ #genericWrap{width: 880px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden;} /* Form Page Wrapper - - - - - - - - - - - - - - - - - - - - */ #formWrap{width: 880px; margin: 0 auto; overflow: hidden;} #formWrap h1{font-size: 28px; font-weight: bold; padding: 0 0 15px 10px;} /* Sidebar - - - - - - - - - - - - - - - - - - - - */ #sidebar{width: 175px;} #sidebar .extra{color: #444; line-height: 18px; padding: 10px 15px 10px 0;} /* Content Pages - - - - - - - - - - - - - - - - - - - - */ #content{width: 675px; font-size: 14px; overflow: hidden;} #content p{line-height: 18px;} #content h1{font-size: 28px; margin: -5px 0 20px 0;} #content h2{margin: 0 0 3px 0;} /* Social Bookmarking - - - - - - - - - - - - - - - - - - - - */ #socialTab{font-size: 11px; margin: 30px 0 0 0; z-index: 2;} #socialTab a{border: #e5e5e5 2px solid; border-bottom: #fff 0px solid; background: #fff; padding: 1px 3px 2px 3px; color: #888;} #socialTab a.off{background: #e5e5e5;} #socialTab a.off:hover{background: #fff;} #social{width: 424px; height: 36px; background: #e5e5e5; padding: 2px; margin: 0 0 50px 0; z-index: 1;} #socialInner{width: 420px; height: 32px; border: #fff 2px solid; background: #fff url(/img/social/socialBG.gif) repeat-x;} #socialInner ul, #col3 #content #socialInner ul{list-style: none; margin: 0; padding: 7px 0 0 10px;} #socialInner li{display: inline; font-size: 11px; padding: 0 8px 0 0;} #socialInner li.end{padding: 0 0 0 8px;} #socialInner a{color: #000;} #socialInner img{padding: 0 5px 0 0;} #socialInner div{padding: 9px 6px 0 0; width: 19px;} #socialEmail #socialInner li{display: inline; font-size: 11px; padding: 0 5px 0 0;} /* Extra Bar - - - - - - - - - - - - - - - - - - - - */ #extrabar{width: 205px;} #extrabar .extra{color: #444; line-height: 18px; padding: 10px 5px 10px 15px;} #extrabar .extra ha{margin: 0 0 5px 0;} #extrabar .extra h4 a{font-size: 14px; color: #444; text-decoration: none;} #extrabar .extra h5 a{font-size: 12px; text-decoration: none; color: #1176b6;} #extrabar .extra h4 a:hover, #extrabar .extra h5 a:hover{text-decoration: underline;} #extrabar .extra p{font-size: 11px; line-height: 14px;} #extrabar .extra p.more{text-align: right;} #extrabar .left{padding:0 15px 0 15px;} #extrabar .sidebarCompare{width: 205px; height: 140px; color: #444; margin: 0 0 20px 0; padding: 12px 15px 10px 15px; background: #fff url(/img/common/sidebar-compare-bg.gif) no-repeat;} #extrabar .sidebarCompare label{display: block; font-size: 14px; font-weight: bold; margin: 0 0 8px 0;} #extrabar .sidebarCompare option{padding: 0 5px 0 0;} #extrabar .sidebarCompare p{margin: 0 0 8px 0;} #extrabar .sidebarCompare .form{padding: 0 0 5px 0;} /* 3 Col Content - - - - - - - - - - - - - - - - - - - - */ #col3{width: 880px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden;} #col3 #content{width: 440px; padding: 0 0 0 30px;} #col3 #content ul, #col3 #content ol{font-size: 12px; margin: 15px 5px 0 30px; padding: 0 0 5px 0;} #col3 #content ul p, #col3 #content ol p{margin: 0 0 5px 0;} #col3 #content span li {list-style: none; list-style: url(/img/icons/tick-tiny.gif);} #col3 #content h2{font-size:17px;} #col3 #content #halfPageInfo{width: 414px; min-height: 110px; margin: 10px 0 20px 0; padding: 4px; border: 2px #e6e6e6 solid; background: #fff; z-index: 1;} #col3 #content #halfPageInfo .inner{width: 394px; min-height: 102px; font-size: 14px; padding: 10px;} #col3 #content #halfPageInfo img.top{float: right; position: relative; top: -5px; right: -47px;} #col3 #content #halfPageInfo img.bottom{float: right; position: relative; bottom: -7px; left: -377px;} #col3 #content #halfPageInfo h2{font-size:18px; padding: 0 0 15px 0;} #col3 #content #halfPageInfo img{padding: 0 20px 0 30px} #col3 #content #halfPageInfo .goSmall{display: block; position: absolute; right: 0px; top: 87px;} #col3 #sidebar{width: 175px;} #col3 #sidebar .sidebarFade{width: 175px; height: 110px; font-size: 14px; color: #444; padding: 10px 15px 15px 15px;} #col3 #sidebar .sidebarFade h2{font-size: 14px;} #col3 #sidebar .sidebarFade #select{margin: 0 0 26px 0; overflow: hidden;} #col3 #sidebar .sidebarFade select, #home #sidebar .sidebarFade input{margin: 2px 0 0 0;} #col3 #sidebar .sidebarFade .form{float: left; position: relative;} #col3 #sidebar .sidebarFade .goSmall{float: left; position: relative; margin: 19px 0 0 2px;} #col3 #sidebar .sidebarFade .arrowSmall{float: left; position: relative; margin: 19px 0 0 7px;} #col3 #sidebar .sidebarFade .icon{float: left; position: relative; margin: 0 0 0 5px;} #col3 #sidebar .sidebarFade .smallPrint{color: #444;} #col3 #sidebar .sidebarFade .right{padding: 0 0 0 5px;} .content_three_col_para {padding: 0 60px 0 20px} .content_three_col_para ul {margin: 12px 0 12px 0; padding: 0 0 0 40px;} .content_three_col_para ol {margin: 12px 0 12px 0; padding: 0 0 0 40px; width: 380px;} .content_three_col_para ul li {margin: 0 0 0 0px; padding: 0 0 0 0px; width: 380px;} .content_three_col_para ol li {margin: 0 0 0 0px; padding: 0 0 0 0px; width: 380px;} /* Grid - - - - - - - - - - - - - - - - - - - - */ .gridTitle table{font-size: 12px; color: #444; padding: 8px 0 0 0;} .gridTitle td.padL{padding: 0 0 0 10px;} .gridTitle td.padR{padding: 0 10px 0 0;} .gridTitle td.padLR{padding: 0 10px 0 10px;} .gridTitle td.padT{padding: 4px 0 0 0;} .grid table{font-size: 12px;} .grid td{padding: 0 10px 0 0;} .grid td.padT{padding: 4px 0 0 0;} .grid td.padL{padding: 20px 0 10px 10px;} .grid td.padR{padding: 20px 10px 10px 0;} .grid td.padLR{padding: 20px 10px 10px 10px;} .grid td.padLR2{padding: 20px 10px 10px 50px;} .grid tr.result td.whiteBG, tr.result td.greyBG, .grid tr.result td.lowlightBG, .grid tr.result td.highlightBG{padding: 20px 0 10px 0;} /* Paging - - - - - - - - - - - - - - - - - - - - */ .paging{font-size: 11px; color: #666; text-align: right; padding: 10px 12px 0 0;} .paging .current{font-weight: bold;} .paging a{color: #666;} .backPage{padding: 10px 12px 0 10px;} .backPage img{margin: 0 4px -3px 0;} /* Additional Information - - - - - - - - - - - - - - - - - - - - */ #info{float: left; position: relative; width: 880px; color: #444; margin: 18px 0 0 0; overflow: hidden;} #info div.left{width: 299px;} #info div.right{width: 280px; margin: 0 1px 0 0;} #info .box{width: 240px; color: #444; padding: 30px 20px 30px 20px; background: #f1f1f1; border-top: 0px; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; border-left: 0px;} #info .box img.top{float: right; position: relative; top: -30px; right: -21px;} #info .box img.bottom{float: left; position: relative; bottom: -30px; left: -20px;} #info .box img.icon{float: right; position: relative; top: -10px;} #info .box h4{padding: 0 0 10px 0; font-size:12px;} #info .box ul{list-style: none; margin: 0 0 -5px 0;} #info .box li{margin: 0 0 5px 0;} #info .box a{font-size: 12px;} #info .box a.more{font-size: 12px;} #info .box .extendCopy{padding: 5px 0 0 0;} /* Promo spots - - - - - - - - - - - - - - - - - - - - */ #promos{position: relative; width: 880px; color: #444; margin: 10px 0 40px 0; overflow: hidden;} #promos div.left{width: 299px;padding:0;} #promos div.right{width: 280px; margin: 0 1px 0 0;padding:0;} #promos .hdr_green, #promos .hdr_blue, #promos .hdr_black, #promos .hdr_red, #promos .hdr_orange{width: 280px; height:26px; font-size: 16px; font-weight: bold; color: #ffffff; text-align:center; padding-top:5px;} #promos .hdr_green{background: #488b03 url(/img/common/promo_hdr_green.gif) no-repeat;} #promos .hdr_blue{background: #0073af url(/img/common/promo_hdr_blue.gif) no-repeat;} #promos .hdr_black{background: #333333 url(/img/common/promo_hdr_black.gif) no-repeat;} #promos .hdr_red{background: #333333 url(/img/common/promo_hdr_red.gif) no-repeat;} #promos .hdr_orange{background: #333333 url(/img/common/promo_hdr_orange.gif) no-repeat;} #promos .subhdr, #promos .subhdr_green, #promos .subhdr_blue, #promos .subhdr_black, #promos .subhdr_red, #promos .subhdr_orange{width: 280px; height:20px; font-size: 13px; font-weight: bold; color: #ffffff; text-align:center; margin-bottom:1px; padding-top:2px; background: #333333;} #promos .subhdr{background: #333333;} #promos .subhdr_green{background-color:#76a842;} #promos .subhdr_blue{background-color:#4096c3;} #promos .subhdr_black{background-color:#666666;} #promos .subhdr_red{background-color:#df6550;} #promos .subhdr_orange{background-color:#ffb15a;} #promos .ftr_green, #promos .ftr_blue, #promos .ftr_black, #promos .ftr_red, #promos .ftr_orange{width: 280px; height:24px; font-size: 13px; font-weight: bold; color: #ffffff; text-align:center; padding-top:4px;} #promos .ftr_green{background: #488b03 url(/img/common/promo_ftr_green.gif) no-repeat;} #promos .ftr_blue{background: #0073af url(/img/common/promo_ftr_blue.gif) no-repeat;} #promos .ftr_black{background: #333333 url(/img/common/promo_ftr_black.gif) no-repeat;} #promos .ftr_red{background: #333333 url(/img/common/promo_ftr_red.gif) no-repeat;} #promos .ftr_orange{background: #333333 url(/img/common/promo_ftr_orange.gif) no-repeat;} #promos span .ftr_green{height:11px; background: url(/img/common/promo_ftr_green2.gif) no-repeat;} #promos span .ftr_blue{height:11px; background: url(/img/common/promo_ftr_blue2.gif) no-repeat;} #promos span .ftr_black{height:11px; background: url(/img/common/promo_ftr_black2.gif) no-repeat;} #promos span .ftr_red{height:11px; background: url(/img/common/promo_ftr_red2.gif) no-repeat;} #promos span .ftr_orange{height:11px; background: url(/img/common/promo_ftr_orange2.gif) no-repeat;} #promos .content{width: 250px; color: #333; padding: 20px 10px 15px 20px; background: #f1f1f1 url(/img/common/large-box-bg.gif) repeat-x;} /* Content Upsell - - - - - - - - - - - - - - - - - - - - */ #content .upsell{font-size: 12px; color: #444; margin: 80px 0 0 0;} #content .upsell p{line-height: 14px;} #content .upsell .box{width: 195px; height: 130px; padding: 3px; cursor: pointer;} #content .upsell .left .box{margin: 0 20px 0 0;} #content .upsell .box .inner{width: 175px; height: 110px; padding: 10px; background: #f1f1f1 url(/img/common/box-inner.gif) repeat-x;} #content .upsell .box h1{font-size: 18px; margin: 0 0 10px 0;} #content .upsell .box p span{font-size: 14px;} #content .upsell .box p .goSmall{display: block; position: absolute; right: 0px; top: 90px;} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333;} .ui-slider { position: relative; text-align: left;} .ui-slider .ui-slider-handle { position: absolute; width: 1.3em; height: 1.2em; cursor: hand; background: url(/img/buttons/sliderbtn.gif);} .ui-slider .ui-slider-range { position: absolute; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: 3px; } .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } /*-----------------------------------------------------------------------------------------------------------*\ Header \*-----------------------------------------------------------------------------------------------------------*/ /* General Navigation - - - - - - - - - - - - - - - - - - - - */ a{color: #1176b6;text-decoration: none;} a:hover{text-decoration: underline;} a strong{font-size: 16px;} .action{color: #ff8500;} .inter{color: #f99a2d;} #header{width: 900px; height: 80px; margin: 0 auto;} #headerLeft, #headerMain, #headerRight{float: left; position: relative;} #headerLeft{width: 10px; height: 80px; background: url(/img/common/header-left.gif) no-repeat;} #headerMain{width: 880px; height: 80px; background: url(/img/common/header-bg.gif) repeat-x;} #headerRight{width: 10px; height: 80px; background: url(/img/common/header-right.gif) no-repeat;} .white #header{border-bottom:1px solid #dddddd;} .white #header, .white #header #headerLeft, .white #header #headerMain, .white #header #headerRight{background: none; height:63px; padding-bottom:20px; border-bottom:1px solid #cccccc;} .white #header #headerMain{background: url(/img/common/totallymoney-logo-onwhite2.gif) left top no-repeat;} .white #header #headerMain #logo, .white #header #headerMain #siteNav{display:none;} .white2 #header, .white2 #header #headerLeft, .white2 #header #headerMain, .white2 #header #headerRight{background: none; height:63px;} .white2 #header #headerMain{margin-top:25px; height:44px;} .white2 #header #headerMain #logo, .white2 #header #headerMain #siteNav{display:inline;} .ccblogstyle #header{border-bottom:1px solid #dddddd;} .ccblogstyle #header, .blogstyle #header #headerLeft, .blogstyle #header #headerMain, .blogstyle #header #headerRight{background: none; height:50px; padding-top:20px; } .ccblogstyle #header #headerMain{background: url(/img/creditcard/header.jpg) left top no-repeat;} .ccblogstyle #header #headerMain #logo, .blogstyle #header #headerMain #siteNav{display:none;} .ccblogstyle #header #siteNav{display:none;} .ccblogstyle #header #headerRight{display:none;} .blogstyle #header{border-bottom:1px solid #dddddd;} .blogstyle #header, .blogstyle #header #headerLeft, .blogstyle #header #headerMain, .blogstyle #header #headerRight{background: none; height:63px; padding-top:30px; padding-bottom:5px;} .blogstyle #header #headerMain{background: url(/img/common/totallymoney-debt-logo-onwhite2.gif) left top no-repeat;} .blogstyle #header #headerMain #logo, .blogstyle #header #headerMain #siteNav{display:none;} .blogstyle #header #siteNav{display:none;} #header_short{width: 500px; height: 80px; margin: 0 auto;} #header_short #headerMain{width: 480px; height: 80px; background: url(/img/common/header-bg.gif) repeat-x;} #logo{width: 860px; height: 25px; margin: 18px 10px 0 10px;} /* Site Navigation Live - - - - - - - - - - - - - - - - - - - - */ /* #siteNav{width: 860px; height: 27px; margin: 10px 10px 0 10px; text-align: right;} #siteNav ul{float: right; position: relative; list-style: none;} #siteNav li{float: left; position: relative; margin: 0 0 -2px 0; padding: 0;} #siteNav li a{display: block; font-size: 12px;} #siteNav li a:hover, #siteNav li a:active{text-decoration: none;} #siteNav li a i{visibility: hidden;} #siteNav .home a{width: 61px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) no-repeat;} #siteNav .home a:hover{background: url(/img/buttons/sitenav-map.gif) 0 -32px no-repeat;} #siteNav .home a:active{background: url(/img/buttons/sitenav-map.gif) 0 -64px no-repeat;} #siteNav .home a.current{background: url(/img/buttons/sitenav-map.gif) 0 -96px no-repeat;} #siteNav .debt a{width: 81px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -694px 0 no-repeat;} #siteNav .debt a:hover{background: url(/img/buttons/sitenav-map.gif) -694px -32px no-repeat;} #siteNav .debt a:active{background: url(/img/buttons/sitenav-map.gif) -694px -64px no-repeat;} #siteNav .debt a.current{background: url(/img/buttons/sitenav-map.gif) -694px -96px no-repeat;} #siteNav .loans a{width: 63px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -61px 0 no-repeat;} #siteNav .loans a:hover{background: url(/img/buttons/sitenav-map.gif) -61px -32px no-repeat;} #siteNav .loans a:active{background: url(/img/buttons/sitenav-map.gif) -61px -64px no-repeat;} #siteNav .loans a.current{background: url(/img/buttons/sitenav-map.gif) -61px -96px no-repeat;} #siteNav .mortgages a{width: 87px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -124px 0 no-repeat;} #siteNav .mortgages a:hover{background: url(/img/buttons/sitenav-map.gif) -124px -32px no-repeat;} #siteNav .mortgages a:active{background: url(/img/buttons/sitenav-map.gif) -124px -64px no-repeat;} #siteNav .mortgages a.current{background: url(/img/buttons/sitenav-map.gif) -124px -96px no-repeat;} #siteNav .creditcards a{width: 98px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -211px 0 no-repeat;} #siteNav .creditcards a:hover{background: url(/img/buttons/sitenav-map.gif) -211px -32px no-repeat;} #siteNav .creditcards a:active{background: url(/img/buttons/sitenav-map.gif) -211px -64px no-repeat;} #siteNav .creditcards a.current{background: url(/img/buttons/sitenav-map.gif) -211px -96px no-repeat;} #siteNav .creditcards a.current:hover{background: url(/img/buttons/sitenav-map.gif) -211px -96px no-repeat;} #siteNav .life a{width: 106px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -309px 0 no-repeat;} #siteNav .life a:hover{background: url(/img/buttons/sitenav-map.gif) -309px -32px no-repeat;} #siteNav .life a:active{background: url(/img/buttons/sitenav-map.gif) -309px -64px no-repeat;} #siteNav .life a.current{background: url(/img/buttons/sitenav-map.gif) -309px -96px no-repeat;} #siteNav .health a{width: 121px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -482px 0 no-repeat;} #siteNav .health a:hover{background: url(/img/buttons/sitenav-map.gif) -482px -32px no-repeat;} #siteNav .health a:active{background: url(/img/buttons/sitenav-map.gif) -482px -64px no-repeat;} #siteNav .health a.current{background: url(/img/buttons/sitenav-map.gif) -482px -96px no-repeat;} #siteNav .energy a{width: 68px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -415px 0 no-repeat;} #siteNav .energy a:hover{background: url(/img/buttons/sitenav-map.gif) -415px -32px no-repeat;} #siteNav .energy a:active{background: url(/img/buttons/sitenav-map.gif) -415px -64px no-repeat;} #siteNav .energy a.current{background: url(/img/buttons/sitenav-map.gif) -415px -96px no-repeat;} #siteNav .broadband a{width: 92px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map.gif) -603px 0 no-repeat;} #siteNav .broadband a:hover{background: url(/img/buttons/sitenav-map.gif) -603px -32px no-repeat;} #siteNav .broadband a:active{background: url(/img/buttons/sitenav-map.gif) -603px -64px no-repeat;} #siteNav .broadband a.current{background: url(/img/buttons/sitenav-map.gif) -603px -96px no-repeat;} */ /* Site Navigation changed for insurance and utilities - - - - - - - - - - - - - - - - - - - - */ #siteNav{width: 860px; height: 27px; margin: 10px 10px 0 10px; text-align: right;} #siteNav ul{float: right; position: relative; list-style: none;} #siteNav li{float: left; position: relative; margin: 0 0 -2px 0; padding: 0;} #siteNav li a{display: block; font-size: 12px;} #siteNav li a:hover, #siteNav li a:active{text-decoration: none;} #siteNav li a i{visibility: hidden;} #siteNav .home a{width: 61px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) no-repeat;} #siteNav .home a:hover{background: url(/img/buttons/sitenav-map2.gif) 0 -32px no-repeat;} #siteNav .home a:active{background: url(/img/buttons/sitenav-map2.gif) 0 -64px no-repeat;} #siteNav .home a.current{background: url(/img/buttons/sitenav-map2.gif) 0 -96px no-repeat;} #siteNav .debt a{width: 82px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -464px 0 no-repeat;} #siteNav .debt a:hover{background: url(/img/buttons/sitenav-map2.gif) -464px -32px no-repeat;} #siteNav .debt a:active{background: url(/img/buttons/sitenav-map2.gif) -464px -64px no-repeat;} #siteNav .debt a.current{background: url(/img/buttons/sitenav-map2.gif) -464px -96px no-repeat;} #siteNav .loans a{width: 63px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -61px 0 no-repeat;} #siteNav .loans a:hover{background: url(/img/buttons/sitenav-map2.gif) -61px -32px no-repeat;} #siteNav .loans a:active{background: url(/img/buttons/sitenav-map2.gif) -61px -64px no-repeat;} #siteNav .loans a.current{background: url(/img/buttons/sitenav-map2.gif) -61px -96px no-repeat;} #siteNav .mortgages a{width: 87px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -124px 0 no-repeat;} #siteNav .mortgages a:hover{background: url(/img/buttons/sitenav-map2.gif) -124px -32px no-repeat;} #siteNav .mortgages a:active{background: url(/img/buttons/sitenav-map2.gif) -124px -64px no-repeat;} #siteNav .mortgages a.current{background: url(/img/buttons/sitenav-map2.gif) -124px -96px no-repeat;} #siteNav .banking a{width: 75px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -628px 0 no-repeat;} #siteNav .banking a:hover{background: url(/img/buttons/sitenav-map2.gif) -628px -32px no-repeat;} #siteNav .banking a:active{background: url(/img/buttons/sitenav-map2.gif) -628px -64px no-repeat;} #siteNav .banking a.current{background: url(/img/buttons/sitenav-map2.gif) -628px -96px no-repeat;} #siteNav .creditcards a{width: 98px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -211px 0 no-repeat;} #siteNav .creditcards a:hover{background: url(/img/buttons/sitenav-map2.gif) -211px -32px no-repeat;} #siteNav .creditcards a:active{background: url(/img/buttons/sitenav-map2.gif) -211px -64px no-repeat;} #siteNav .creditcards a.current{background: url(/img/buttons/sitenav-map2.gif) -211px -96px no-repeat;} #siteNav .insurance a{width: 84px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -309px 0 no-repeat;} #siteNav .insurance a:hover{background: url(/img/buttons/sitenav-map2.gif) -309px -32px no-repeat;} #siteNav .insurance a:active{background: url(/img/buttons/sitenav-map2.gif) -309px -64px no-repeat;} #siteNav .insurance a.current{background: url(/img/buttons/sitenav-map2.gif) -309px -96px no-repeat;} #siteNav .utilities a{width: 71px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -393px 0 no-repeat;} #siteNav .utilities a:hover{background: url(/img/buttons/sitenav-map2.gif) -393px -32px no-repeat;} #siteNav .utilities a:active{background: url(/img/buttons/sitenav-map2.gif) -393px -64px no-repeat;} #siteNav .utilities a.current{background: url(/img/buttons/sitenav-map2.gif) -393px -96px no-repeat;} #siteNav .shopping a{width: 82px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -546px 0 no-repeat;} #siteNav .shopping a:hover{background: url(/img/buttons/sitenav-map2.gif) -546px -32px no-repeat;} #siteNav .shopping a:active{background: url(/img/buttons/sitenav-map2.gif) -546px -64px no-repeat;} #siteNav .shopping a.current{background: url(/img/buttons/sitenav-map2.gif) -546px -96px no-repeat;} #siteNav .pensions a{width: 80px; padding: 7px 0 7px 0; background: url(/img/buttons/sitenav-map2.gif) -703px 0 no-repeat;} #siteNav .pensions a:hover{background: url(/img/buttons/sitenav-map2.gif) -703px -32px no-repeat;} #siteNav .pensions a:active{background: url(/img/buttons/sitenav-map2.gif) -703px -64px no-repeat;} #siteNav .pensions a.current{background: url(/img/buttons/sitenav-map2.gif) -703px -96px no-repeat;} /* Trackback - - - - - - - - - - - - - - - - - - - - */ #trackback *{margin: 0; padding: 0;} #trackback p{margin: 0 0 14px 0; font-size: inherit;} #trackback img{border: 0;} #trackback table{border: 0;} #trackback { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; background: #fff url(/img/common/page-bg-alt.gif) center repeat-y; } #trackback {width: 880px; height: 20px; margin: 0 auto; padding: 7px 0 3px 0;} #trackback ul{list-style: none; list-style: url(/img/common/list.gif) inside;} #trackback li{float: left; position: relative; padding: 0 8px 0 0;} #trackback li.blank{list-style: none;} #trackback li a{font-size: 11px; color: #666;} #trackback a.selected{font-weight: bold;} /* Subnav exactly the same as Trackback except for ul (will delete Trackback when no longer used) - - - - - - - - - - - - - - - - - - - - */ #subnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; } #subnav {width: 880px; height: 20px; margin: 0 auto; padding: 7px 0 3px 0;} #subnav ul{list-style: none; list-style: url(/img/common/list2.gif) inside;} #subnav li{float: left; position: relative; padding: 0 8px 0 0;} #subnav li.blank{list-style: none;} #subnav li a{font-size: 11px; color: #666;} #subnav a.selected{font-weight: bold;} /* Link for Amercian users - - - - - - - - - - - - - - - - - - - - */ #america {float:right; width:220px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000;} /*--------------------------------------- End Header ------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*\ Footer \*-----------------------------------------------------------------------------------------------------------*/ #footer {clear:all;} #footer *{margin: 0; padding: 0;} #footer p{margin: 0 0 14px 0; font-size: inherit;} #footer img{border: 0;} #footer table{border: 0;} #footerNav {width: 800px; padding: 15px 0 0 10px;} #footerNav ul{list-style: none;} #footerNav li{float: left; position: relative; font-size: 11px; padding: 0 20px 0 0;} #footerCopy{float: right; position: relative; font-size: 11px; color: #888; margin: 20px 10px 0 10px;} #footer {width: 900px; height: 70px; margin: 0 auto; padding: 40px 0 0 0;} #nopad #footer{width: 900px; height: 70px; margin: 0 auto; padding: 40px 0 0 0;} /* No longer works so back to 40px */ #footerLeft, #footerMain, #footerRight{float: left; position: relative; margin: 14px 0 0 0;} #footerLeft{clear:both; width: 10px; height: 70px; background: #e5e5e5 url(/img/common/footer-left.gif) no-repeat;} #footerMain{width: 880px; height: 70px; background: #e5e5e5 url(/img/common/footer-bg.gif) repeat-x;} #footerRight{width: 10px; height: 70px; background: #e5e5e5 url(/img/common/footer-right.gif) no-repeat;} .additionalFooterText{font-size: 11px; color: #888; margin: 20px 0 0 0; } .footertext, .footerText {clear: both; width: 880px; margin: 0 auto; padding: 30px 0 0 0; } /*--------------------------------------- End Footer ------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*\ Buttons \*-----------------------------------------------------------------------------------------------------------*/ .genericbtn_hldr, .genericbtn_hldr2{float:left;margin:10px 0 10px 0;} .genericbtn_l{float:left; width:2px; height:30px; background: url(/img/buttons/genbutton_left.gif) no-repeat;} .genericbtn{float:left; height:30px; padding: 0; overflow: hidden;} .genericbtn a{display: block; padding: 2px 12px 12px 12px; background: #fe971c url(/img/buttons/genbutton1.gif) repeat-x; font-weight:bold; color:#ffffff; line-height:22px;} .genericbtn a:hover{background: url(/img/buttons/genbutton2.gif) repeat-x; text-decoration: none;} .genericbtn a:active{background: url(/img/buttons/genbutton2.gif) repeat-x; text-decoration: none; color:#000000;} .genericbtn a b{font-size:13px;} .genericbtn_r{float:left; width:2px; height:30px; background: url(/img/buttons/genbutton_right.gif) no-repeat;} .genericbtn_hldr2 .genericbtn{float:left;height:39px;} .genericbtn_hldr2 .genericbtn_l{float:left;width:5px; height:39px; background: url(/img/buttons/genbutton_leftb.gif) no-repeat;} .genericbtn_hldr2 .genericbtn a{float:left;font-size:16px; height:31px; padding: 8px 52px 0 10px; background: url(/img/buttons/genbutton1b.gif) right no-repeat; cursor:pointer; cursor:hand;} .genericbtn_hldr2 .genericbtn a:hover{background: url(/img/buttons/genbutton1bh.gif) right no-repeat; color:#000000;} .genericbtn_hldr2 .genericbtn a:active{background: url(/img/buttons/genbutton1bh.gif) right no-repeat; color:#000000;} .genericbtn_hldr2 .genericbtn a b{font-size:16px;} .genericbtn_hldr2 .genericbtn_r{display:none;} .genericbtn_hldr3{float:left;} .genericbtn_hldr3 .genericbtn{height:65px;} .genericbtn_hldr3 .genericbtn a{font-size:16px; height:46px; padding: 19px 8px 0 73px; background: url(/img/buttons/genbutton_leftc.gif) no-repeat;} .genericbtn_hldr3 .genericbtn a:hover, .genericbtn_hldr3 .genericbtn a:active{color:#000000;} .genericbtn_hldr3 .genericbtn a b{font-size:16px;} .genericbtn_hldr3 .genericbtn_r{width:42px; height:65px; background: url(/img/buttons/genbutton_rightc.gif) no-repeat;} .genericbtn_hldr4 .genericbtn{float:left;height:39px;} .genericbtn_hldr4 .genericbtn_l{width:5px; height:39px; background: url(/img/buttons/genbutton_leftb.gif) no-repeat;} .genericbtn_hldr4 .genericbtn a{font-size:16px; height:32px; padding: 7px 42px 0 10px; background: url(/img/buttons/genbutton1b2.gif) right no-repeat;} .genericbtn_hldr4 .genericbtn a:hover{background: url(/img/buttons/genbutton1b2h.gif) right no-repeat; color:#000000;} .genericbtn_hldr4 .genericbtn a:active{background: url(/img/buttons/genbutton1b2h.gif) right no-repeat; color:#000000;} .genericbtn_hldr4 .genericbtn a b{font-size:16px;} .genericbtn_hldr4 .genericbtn_r{display:none;} /* No longer needed - incase still in page code */ .genericbtn_hldr4_grn .genericbtn{float:left;height:39px;} .genericbtn_hldr4_grn .genericbtn_l{width:5px; height:39px; background: url(/img/buttons/genbutton_leftb_g.gif) no-repeat;} .genericbtn_hldr4_grn .genericbtn a{font-size:16px; height:32px; padding: 7px 42px 0 10px; background: url(/img/buttons/genbutton1b2_g.gif) right no-repeat;} .genericbtn_hldr4_grn .genericbtn a:hover{background: url(/img/buttons/genbutton1b2h_g.gif) right no-repeat; color:#000000;} .genericbtn_hldr4_grn .genericbtn a:active{background: url(/img/buttons/genbutton1b2h_g.gif) right no-repeat; color:#000000;} .genericbtn_hldr4_grn .genericbtn a b{font-size:16px;} .genericbtn_hldr4_grn .genericbtn_r{display:none;} /* No longer needed - incase still in page code */ .sidebyside{float:left;width:100%;height:39px;padding-left:12%;} .sidebyside .genericbtn_hldr4, .sidebyside .genericbtn_hldr4_grn{float:left;margin-right:20px;} .genericbtn_hldr5{float:left;} .genericbtn_hldr5 genericbtn{height:39px;} .genericbtn_hldr5 .genericbtn_l{width:3px; height:39px; background: url(/img/buttons/genbutton_leftb2.gif) left no-repeat;} .genericbtn_hldr5 a.genericbtn{font-size:17px; font-weight:bold; height:31px; margin:0; padding: 8px 36px 0 11px; background: #fe971c url(/img/buttons/genbutton1b3.gif) right repeat-x; color:#ffffff;} .genericbtn_hldr5 a.genericbtn:hover{background: url(/img/buttons/genbutton1b4.gif) right repeat-x; text-decoration:none; color:#000000;} .genericbtn_hldr5 a.genericbtn:active{background: url(/img/buttons/genbutton1b4.gif) right repeat-x; color:#000000; text-decoration:none; color:#000000;} .genericbtn_hldr5 .genericbtn_r{width:3px; height:39px; background: url(/img/buttons/genbutton_rightb3.gif) right no-repeat;} .genericbtn_hldr6{ color:#ffffff; display:block; float:left; margin:0; cursor:hand; text-decoration:none } .genericbtn_hldr6:hover, .button:active{ color:#000000; text-decoration:none; } .genericbtn_hldr6 .button-left{ float:left; width:13px; height:48px; background:url(/img/buttons/newbutton_left.gif) left no-repeat; } .genericbtn_hldr6 .button-bg{ float:left; height:41px; background:url(/img/buttons/newbutton_bg.gif) right; font-size:20px; text-decoration:none; padding:7px 60px 0 25px; text-align:left; color:#ffffff; } .getQuote{float:left; padding: 10px 22px 15px 0;} .getQuote a{display: block; width: 130px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) no-repeat;} .getQuote a:hover{background: url(/img/buttons/button-map.gif) -133px 0 no-repeat; text-decoration: none;} .getQuote a:active{background: url(/img/buttons/button-map.gif) -266px 0 no-repeat; text-decoration: none;} .getQuote a i{visibility: hidden;} .getQuoteLarge{float:left; padding: 5px 0 0 0;} .getQuoteLarge a{display: block; width: 101px; padding: 11px 0 12px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) 0 -80px no-repeat;} .getQuoteLarge a:hover{background: url(/img/buttons/button-map.gif) -104px -80px no-repeat; text-decoration: none;} .getQuoteLarge a:active{background: url(/img/buttons/button-map.gif) -208px -80px no-repeat; text-decoration: none;} .getQuoteLarge a i{visibility: hidden;} .getQuoteSmall{float:left; padding: 0;} .getQuoteSmall a{display: block; width: 87px; height: 14px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -831px -129px no-repeat;} .getQuoteSmall a:hover{background: url(/img/buttons/button-map.gif) -921px -129px no-repeat; text-decoration: none;} .getQuoteSmall a:active{background: url(/img/buttons/button-map.gif) -1011px -129px no-repeat; text-decoration: none;} .getQuoteSmall a i{visibility: hidden;} .apply{float:left; padding: 0;} .apply a{display: block; width: 70px; padding: 7px 0 6px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) 0 -40px no-repeat;} .apply a:hover{background: url(/img/buttons/button-map.gif) -73px -40px no-repeat; text-decoration: none;} .apply a:active{background: url(/img/buttons/button-map.gif) -146px -40px no-repeat; text-decoration: none;} .apply a i{visibility: hidden;} .moreinfo{float:left; padding: 0;} .moreinfo a{display: block; width: 70px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) -727px -109px no-repeat;} .moreinfo a:hover{background: url(/img/buttons/button-map2.gif) -800px -109px no-repeat; text-decoration: none;} .moreinfo a:active{background: url(/img/buttons/button-map2.gif) -727px -140px no-repeat; text-decoration: none;} .moreinfo a i{visibility: hidden;} .continue{float:left; padding: 0;} .continue a{display: block; width: 90px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -226px -40px no-repeat;} .continue a:hover{background: url(/img/buttons/button-map.gif) -319px -40px no-repeat; text-decoration: none;} .continue a:active{background: url(/img/buttons/button-map.gif) -412px -40px no-repeat; text-decoration: none;} .continue a i{visibility: hidden;} .proceed{float:left; padding: 0;} .proceed a{display: block; width: 88px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -406px 0 no-repeat;} .proceed a:hover{background: url(/img/buttons/button-map.gif) -497px 0 no-repeat; text-decoration: none;} .proceed a:active{background: url(/img/buttons/button-map.gif) -588px 0 no-repeat; text-decoration: none;} .proceed a i{visibility: hidden;} .submit{float:left; padding: 0;} .submit a{display: block; width: 80px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -512px -40px no-repeat;} .submit a:hover{background: url(/img/buttons/button-map.gif) -595px -40px no-repeat; text-decoration: none;} .submit a:active{background: url(/img/buttons/button-map.gif) -678px -40px no-repeat; text-decoration: none;} .submit a i{visibility: hidden;} .quickQuote{float:left; padding: 0;} .quickQuote a{display: block; width: 130px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) 0 -159px no-repeat;} .quickQuote a:hover{background: url(/img/buttons/button-map.gif) -133px -159px no-repeat; text-decoration: none;} .quickQuote a:active{background: url(/img/buttons/button-map.gif) -266px -159px no-repeat; text-decoration: none;} .quickQuote a i{visibility: hidden;} .detailedQuote{float:left; padding: 0;} .detailedQuote a{display: block; width: 130px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -406px -159px no-repeat;} .detailedQuote a:hover{background: url(/img/buttons/button-map.gif) -539px -159px no-repeat; text-decoration: none;} .detailedQuote a:active{background: url(/img/buttons/button-map.gif) -672px -159px no-repeat; text-decoration: none;} .detailedQuote a i{visibility: hidden;} .speakAdvisor{float:left; padding: 0;} .speakAdvisor a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) 0 -199px no-repeat;} .speakAdvisor a:hover{background: url(/img/buttons/button-map.gif) -159px -199px no-repeat; text-decoration: none;} .speakAdvisor a:active{background: url(/img/buttons/button-map.gif) -318px -199px no-repeat; text-decoration: none;} .speakAdvisor a i{visibility: hidden;} .arrowSmall{float:left; padding: 0;} .arrowSmall a{display: block; width: 20px; height: 14px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) 0 -129px no-repeat;} .arrowSmall a:hover{background: url(/img/buttons/button-map.gif) -23px -129px no-repeat; text-decoration: none;} .arrowSmall a:active{background: url(/img/buttons/button-map.gif) -46px -129px no-repeat; text-decoration: none;} .arrowSmall a i{visibility: hidden;} .goSmall{float:left; padding: 0;} .goSmall a{display: block; width: 37px; height: 16px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -293px -129px no-repeat;} .goSmall a:hover{background: url(/img/buttons/button-map.gif) -333px -129px no-repeat; text-decoration: none;} .goSmall a:active{background: url(/img/buttons/button-map.gif) -373px -129px no-repeat; text-decoration: none;} .goSmall a i{visibility: hidden;} .goLarge{float:left; padding: 0;} .goLarge a{display: block; width: 78px; height: 17px; padding: 7px 0 7px 0; font-size: 11px; background: #ffffff url(/img/buttons/button-map2.gif) -859px -139px no-repeat;} .goLarge a:hover{background: url(/img/buttons/button-map2.gif) -781px -170px no-repeat; text-decoration: none;} .goLarge a:active{background: url(/img/buttons/button-map2.gif) -859px -170px no-repeat; text-decoration: none;} .goLarge a i{visibility: hidden;} .proceedSmall{float:left; padding: 0;} .proceedSmall a{display: block; width: 67px; height: 14px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -76px -129px no-repeat;} .proceedSmall a:hover{background: url(/img/buttons/button-map.gif) -146px -129px no-repeat; text-decoration: none;} .proceedSmall a:active{background: url(/img/buttons/button-map.gif) -216px -129px no-repeat; text-decoration: none;} .proceedSmall a i{visibility: hidden;} .signupSmall{float:left; padding: 0;} .signupSmall a{display: block; width: 60px; height: 14px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -420px -129px no-repeat;} .signupSmall a:hover{background: url(/img/buttons/button-map.gif) -483px -129px no-repeat; text-decoration: none;} .signupSmall a:active{background: url(/img/buttons/button-map.gif) -546px -129px no-repeat; text-decoration: none;} .signupSmall a i{visibility: hidden;} .cancel{float:left; padding: 0;} .cancel a{display: block; width: 85px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -679px 0 no-repeat;} .cancel a:hover{background: url(/img/buttons/button-map.gif) -767px 0 no-repeat; text-decoration: none;} .cancel a:active{background: url(/img/buttons/button-map.gif) -855px 0 no-repeat; text-decoration: none;} .cancel a i{visibility: hidden;} .calculate{float:left; padding: 0;} .calculate a{display: block; width: 90px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -767px -40px no-repeat;} .calculate a:hover{background: url(/img/buttons/button-map.gif) -860px -40px no-repeat; text-decoration: none;} .calculate a:active{background: url(/img/buttons/button-map.gif) -953px -40px no-repeat; text-decoration: none;} .calculate a i{visibility: hidden;} .searchNowLarge{float:left; padding: 5px 0 0 0;} .searchNowLarge a{display: block; width: 143px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map.gif) -312px -80px no-repeat;} .searchNowLarge a:hover{background: url(/img/buttons/button-map.gif) -458px -80px no-repeat; text-decoration: none;} .searchNowLarge a:active{background: url(/img/buttons/button-map.gif) -604px -80px no-repeat; text-decoration: none;} .searchNowLarge a i{visibility: hidden;} .doiQualify{float:left; padding: 0;} .doiQualify a{display: block; width: 117px; height:13px; padding: 7px 0 7px 0; font-size: 12px; background: #fe971c url(/img/buttons/button-map.gif) -805px -159px no-repeat;} .doiQualify a:hover{background: url(/img/buttons/button-map.gif) -925px -159px no-repeat; text-decoration: none;} .doiQualify a:active{background: url(/img/buttons/button-map.gif) -1045px -159px no-repeat; text-decoration: none;} .doiQualify a i{visibility: hidden;} .moreinfoSmall{float:left; padding: 0;} .moreinfoSmall a{display: block; width: 71px; height: 14px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -609px -129px no-repeat;} .moreinfoSmall a:hover{background: url(/img/buttons/button-map.gif) -683px -129px no-repeat; text-decoration: none;} .moreinfoSmall a:active{background: url(/img/buttons/button-map.gif) -757px -129px no-repeat; text-decoration: none;} .moreinfoSmall a i{visibility: hidden;} .moreinfoFlat{float:left; margin-top: 10px; display: block; width: 74px; height: 10px; padding: 3px 0 3px 0; font-size: 11px; background: url(/img/buttons/button-map.gif) -1124px -188px no-repeat;} .hideinfoFlat{float:left; margin-top: 10px; padding: 0; display: block; width: 74px; height: 10px; padding: 3px 0 3px 0; font-size: 11px; background: url(/img/buttons/button-map.gif) -1046px -35px no-repeat;} .moreinfoFlat i, .hideinfoFlat i{visibility: hidden;} .search{float:left; padding: 0;} .search a{display: block; width: 85px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -940px 0 no-repeat;} .search a:hover{background: url(/img/buttons/button-map.gif) -1028px 0 no-repeat; text-decoration: none;} .search a:active{background: url(/img/buttons/button-map.gif) -1116px 0 no-repeat; text-decoration: none;} .search a i{visibility: hidden;} .getafreeQuote{float:left; padding: 0;} .getafreeQuote a{display: block; width: 120px; height: 13px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -767px -73px no-repeat;} .getafreeQuote a:hover{background: url(/img/buttons/button-map.gif) -890px -73px no-repeat; text-decoration: none;} .getafreeQuote a:active{background: url(/img/buttons/button-map.gif) -1013px -73px no-repeat; text-decoration: none;} .getafreeQuote a i{visibility: hidden;} .compareSwitch{float:left; padding: 0;} .compareSwitch a{display: block; width: 120px; height: 13px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -767px -101px no-repeat;} .compareSwitch a:hover{background: url(/img/buttons/button-map.gif) -890px -101px no-repeat; text-decoration: none;} .compareSwitch a:active{background: url(/img/buttons/button-map.gif) -1013px -101px no-repeat; text-decoration: none;} .compareSwitch a i{visibility: hidden;} .compareSearchHuge{float:left; padding: 0;} .compareSearchHuge a{display: block; width: 298px; height: 32px; padding: 7px 0 7px 0; font-size: 22px; background: #fe971c url(/img/buttons/button-map2.gif) no-repeat;} .compareSearchHuge a:hover{background: url(/img/buttons/button-map2.gif) -300px 0 no-repeat; text-decoration: none;} .compareSearchHuge a:active{background: url(/img/buttons/button-map2.gif) -600px 0 no-repeat; text-decoration: none;} .compareSearchHuge a i{visibility: hidden;} .IVA{float:left; padding: 0;} .IVA a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) 0 -47px no-repeat;} .IVA a:hover{background: url(/img/buttons/button-map2.gif) -159px -47px no-repeat; text-decoration: none;} .IVA a:active{background: url(/img/buttons/button-map2.gif) -318px -47px no-repeat; text-decoration: none;} .IVA a i{visibility: hidden;} .DMP{float:left; padding: 0;} .DMP a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) 0 -78px no-repeat;} .DMP a:hover{background: url(/img/buttons/button-map2.gif) -159px -78px no-repeat; text-decoration: none;} .DMP a:active{background: url(/img/buttons/button-map2.gif) -318px -78px no-repeat; text-decoration: none;} .DMP a i{visibility: hidden;} .loan{float:left; padding: 0;} .loan a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) 0 -109px no-repeat;} .loan a:hover{background: url(/img/buttons/button-map2.gif) -159px -109px no-repeat; text-decoration: none;} .loan a:active{background: url(/img/buttons/button-map2.gif) -318px -109px no-repeat; text-decoration: none;} .loan a i{visibility: hidden;} .trustDeed{float:left; padding: 0;} .trustDeed a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) 0 -140px no-repeat;} .trustDeed a:hover{background: url(/img/buttons/button-map2.gif) -159px -140px no-repeat; text-decoration: none;} .trustDeed a:active{background: url(/img/buttons/button-map2.gif) -318px -140px no-repeat; text-decoration: none;} .trustDeed a i{visibility: hidden;} .bankruptcy{float:left; padding: 0;} .bankruptcy a{display: block; width: 156px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) 0 -171px no-repeat;} .bankruptcy a:hover{background: url(/img/buttons/button-map2.gif) -159px -171px no-repeat; text-decoration: none;} .bankruptcy a:active{background: url(/img/buttons/button-map2.gif) -318px -171px no-repeat; text-decoration: none;} .bankruptcy a i{visibility: hidden;} .back{float:left; padding: 0;} .back a{display: block; width: 90px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map.gif) -726px -199px no-repeat;} .back a:hover{background: url(/img/buttons/button-map.gif) -819px -199px no-repeat; text-decoration: none;} .back a:active{background: url(/img/buttons/button-map.gif) -912px -199px no-repeat; text-decoration: none;} .back a i{visibility: hidden;} .compareAll{float:left; padding: 0;} .compareAll a{display: block; width: 143px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) -477px -47px no-repeat;} .compareAll a:hover{background: url(/img/buttons/button-map2.gif) -623px -47px no-repeat; text-decoration: none;} .compareAll a:active{background: url(/img/buttons/button-map2.gif) -782px -47px no-repeat; text-decoration: none;} .compareAll a i{visibility: hidden;} .compare{float:left; padding: 0;} .compare a{display: block; width: 99px; padding: 7px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map2.gif) -477px -171px no-repeat;} .compare a:hover{background: url(/img/buttons/button-map2.gif) -579px -171px no-repeat; text-decoration: none;} .compare a:active{background: url(/img/buttons/button-map2.gif) -681px -171px no-repeat; text-decoration: none;} .compare a i{visibility: hidden;} .compareAllsmall{float:left; padding: 0;} .compareAllsmall a{display: block; width: 117px; height:13px; padding: 7px 0 7px 0; font-size: 12px; background: #fe971c url(/img/buttons/button-map2.gif) -477px -78px no-repeat;} .compareAllsmall a:hover{background: url(/img/buttons/button-map2.gif) -597px -78px no-repeat; text-decoration: none;} .compareAllsmall a:active{background: url(/img/buttons/button-map2.gif) -717px -78px no-repeat; text-decoration: none;} .compareAllsmall a i{visibility: hidden;} .showfulldetails{float:right; padding: 0;} .showfulldetails a{display: block; width: 122px; height:9px; padding: 7px 0 7px 0; font-size: 12px; background: #fe971c url(/img/buttons/button-map2.gif) -477px -109px no-repeat;} .showfulldetails a:hover{background: url(/img/buttons/button-map2.gif) -602px -109px no-repeat; text-decoration: none;} .showfulldetails a:active{background: url(/img/buttons/button-map2.gif) -602px -109px no-repeat; text-decoration: none;} .showfulldetails a i{visibility: hidden;} .hidefulldetails{float:right; padding: 0;} .hidefulldetails a{display: block; width: 122px; height:9px; padding: 7px 0 7px 0; font-size: 12px; background: #fe971c url(/img/buttons/button-map2.gif) -477px -134px no-repeat;} .hidefulldetails a:hover{background: url(/img/buttons/button-map2.gif) -602px -134px no-repeat; text-decoration: none;} .hidefulldetails a:active{background: url(/img/buttons/button-map2.gif) -602px -134px no-repeat; text-decoration: none;} .hidefulldetails a i{visibility: hidden;} .emailboxClose{float:left; padding: 0;} .emailboxClose a{display: block; width: 54px; height:1px; padding: 7px 0 7px 0; font-size: 11px; background: url(/img/buttons/emailbox_close.gif) no-repeat;} .emailboxClose a:hover{background: url(/img/buttons/emailbox_close2.gif) no-repeat; text-decoration: none;} .emailboxClose a:active{background: url(/img/buttons/emailbox_close2.gif) no-repeat; text-decoration: none;} .emailboxClose a i{visibility: hidden;} .applynowLarge{float:left; padding: 0;} .applynowLarge a{display: block; width: 154px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) no-repeat;} .applynowLarge a:hover{background: url(/img/buttons/button-map3.gif) 0 -41px no-repeat; text-decoration: none;} .applynowLarge a:active{background: url(/img/buttons/button-map3.gif) 0 -81px no-repeat; text-decoration: none;} .applynowLarge a i{visibility: hidden;} .applynowLarger{float:left; padding: 0;} .applynowLarger a{display: block; width: 306px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -156px 0 no-repeat;} .applynowLarger a:hover{background: url(/img/buttons/button-map3.gif) -156px -41px no-repeat; text-decoration: none;} .applynowLarger a:active{background: url(/img/buttons/button-map3.gif) -156px -81px no-repeat; text-decoration: none;} .applynowLarger a i{visibility: hidden;} .applycardLarger{float:left; padding: 0;} .applycardLarger a{display: block; width: 299px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -156px -122px no-repeat;} .applycardLarger a:hover{background: url(/img/buttons/button-map3.gif) -156px -163px no-repeat; text-decoration: none;} .applycardLarger a:active{background: url(/img/buttons/button-map3.gif) -156px -204px no-repeat; text-decoration: none;} .applycardLarger a i{visibility: hidden;} .startappLarger{float:left; padding: 0;} .startappLarger a{display: block; width: 271px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -790px 0 no-repeat;} .startappLarger a:hover{background: url(/img/buttons/button-map3.gif) -790px -41px no-repeat; text-decoration: none;} .startappLarger a:active{background: url(/img/buttons/button-map3.gif) -790px -81px no-repeat; text-decoration: none;} .startappLarger a i{visibility: hidden;} .comparecardsLarge{float:left; padding: 0;} .comparecardsLarge a{display: block; width: 271px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -790px -122px no-repeat;} .comparecardsLarge a:hover{background: url(/img/buttons/button-map3.gif) -790px -163px no-repeat; text-decoration: none;} .comparecardsLarge a:active{background: url(/img/buttons/button-map3.gif) -790px -203px no-repeat; text-decoration: none;} .comparecardsLarge a i{visibility: hidden;} .calculateLarge{float:left; padding: 0;} .calculateLarge a{display: block; width: 136px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -464px 0 no-repeat;} .calculateLarge a:hover{background: url(/img/buttons/button-map3.gif) -464px -41px no-repeat; text-decoration: none;} .calculateLarge a:active{background: url(/img/buttons/button-map3.gif) -464px -81px no-repeat; text-decoration: none;} .calculateLarge a i{visibility: hidden;} .continueLarge{float:left; padding: 0;} .continueLarge a{display: block; width: 136px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -464px -122px no-repeat;} .continueLarge a:hover{background: url(/img/buttons/button-map3.gif) -464px -163px no-repeat; text-decoration: none;} .continueLarge a:active{background: url(/img/buttons/button-map3.gif) -464px -204px no-repeat; text-decoration: none;} .continueLarge a i{visibility: hidden;} .getresultsLarge{float:left; padding: 0;} .getresultsLarge a{display: block; width: 181px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -605px 0 no-repeat;} .getresultsLarge a:hover{background: url(/img/buttons/button-map3.gif) -605px -41px no-repeat; text-decoration: none;} .getresultsLarge a:active{background: url(/img/buttons/button-map3.gif) -605px -81px no-repeat; text-decoration: none;} .getresultsLarge a i{visibility: hidden;} .gobackLarge{float:left; padding: 0;} .gobackLarge a{display: block; width: 130px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) 0 -122px no-repeat;} .gobackLarge a:hover{background: url(/img/buttons/button-map3.gif) 0 -163px no-repeat; text-decoration: none;} .gobackLarge a:active{background: url(/img/buttons/button-map3.gif) 0 -204px no-repeat; text-decoration: none;} .gobackLarge a i{visibility: hidden;} .getQuoteLarger{float:left; padding: 0;} .getQuoteLarger a{display: block; width: 172px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map3.gif) -605px -122px no-repeat;} .getQuoteLarger a:hover{background: url(/img/buttons/button-map3.gif) -605px -163px no-repeat; text-decoration: none;} .getQuoteLarger a:active{background: url(/img/buttons/button-map3.gif) -605px -204px no-repeat; text-decoration: none;} .getQuoteLarger a i{visibility: hidden;} .guideloz{float:left; padding: 0;} .guideloz a{display: block; width: 265px; padding: 11px 0 23px 0; font-size: 14px; background: url(/img/buttons/button-map4.gif) 0 0 no-repeat;} .guideloz a:hover{background: url(/img/buttons/button-map4.gif) 0 -53px no-repeat; text-decoration: none;} .guideloz a:active{background: url(/img/buttons/button-map4.gif) 0 -106px no-repeat; text-decoration: none;} .guideloz a i{visibility: hidden;} .remortgage{float:left; padding: 0; margin:0 0 2px 0;} .remortgage a{display: block; width: 375px; padding: 12px 0 24px 0; font-size: 14px; background: url(/img/buttons/button-map5.gif) 0 0 no-repeat;} .remortgage a:hover{background: url(/img/buttons/button-map5.gif) 0 -54px no-repeat; text-decoration: none;} .remortgage a:active{background: url(/img/buttons/button-map5.gif) 0 -108px no-repeat; text-decoration: none;} .remortgage a i{visibility: hidden;} .firsttimebuyer{float:left; padding: 0; margin:0 0 2px 0;} .firsttimebuyer a{display: block; width: 375px; padding: 12px 0 24px 0; font-size: 14px; background: url(/img/buttons/button-map5.gif) 0 -162px no-repeat;} .firsttimebuyer a:hover{background: url(/img/buttons/button-map5.gif) 0 -216px no-repeat; text-decoration: none;} .firsttimebuyer a:active{background: url(/img/buttons/button-map5.gif) 0 -270px no-repeat; text-decoration: none;} .firsttimebuyer a i{visibility: hidden;} .movinghouse{float:left; padding: 0; margin:0 0 2px 0;} .movinghouse a{display: block; width: 375px; padding: 12px 0 24px 0; font-size: 14px; background: url(/img/buttons/button-map5.gif) 0 -324px no-repeat;} .movinghouse a:hover{background: url(/img/buttons/button-map5.gif) 0 -378px no-repeat; text-decoration: none;} .movinghouse a:active{background: url(/img/buttons/button-map5.gif) 0 -432px no-repeat; text-decoration: none;} .movinghouse a i{visibility: hidden;} .buytolet{float:left; padding: 0; margin:0 0 2px 0;} .buytolet a{display: block; width: 375px; padding: 12px 0 24px 0; font-size: 14px; background: url(/img/buttons/button-map5.gif) 0 -486px no-repeat;} .buytolet a:hover{background: url(/img/buttons/button-map5.gif) 0 -540px no-repeat; text-decoration: none;} .buytolet a:active{background: url(/img/buttons/button-map5.gif) 0 -594px no-repeat; text-decoration: none;} .buytolet a i{visibility: hidden;} .equityrelease{float:left; padding: 0; margin:0 0 2px 0;} .equityrelease a{display: block; width: 375px; padding: 12px 0 24px 0; font-size: 14px; background: url(/img/buttons/button-map5.gif) 0 -648px no-repeat;} .equityrelease a:hover{background: url(/img/buttons/button-map5.gif) 0 -702px no-repeat; text-decoration: none;} .equityrelease a:active{background: url(/img/buttons/button-map5.gif) 0 -758px no-repeat; text-decoration: none;} .equityrelease a i{visibility: hidden;} .calcbtnLarge{float:left; padding: 0;} .calcbtnLarge a{display: block; width: 350px; padding: 8px 0 12px 12px; font-size: 14px; background: url(/img/buttons/button-map6.gif) 0 0 no-repeat;font-size: 15px; font-weight:bold; color:#ffffff;} .calcbtnLarge a:hover{background: url(/img/buttons/button-map6.gif) 0 -38px no-repeat; text-decoration: none;} .calcbtnLarge a:active{background: url(/img/buttons/button-map6.gif) 0 -76px no-repeat; text-decoration: none;} .yesSmall{float:left; padding: 0;} .yesSmall a{display: block; width: 37px; height: 16px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -1005px -189px no-repeat;} .yesSmall a:hover{background: url(/img/buttons/button-map.gif) -1045px -189px no-repeat; text-decoration: none;} .yesSmall a:active{background: url(/img/buttons/button-map.gif) -1085px -189px no-repeat; text-decoration: none;} .yesSmall a i{visibility: hidden;} .noSmall{float:left; padding: 0;} .noSmall a{display: block; width: 37px; height: 16px; padding: 3px 0 3px 0; font-size: 11px; background: #fe971c url(/img/buttons/button-map.gif) -1005px -213px no-repeat;} .noSmall a:hover{background: url(/img/buttons/button-map.gif) -1045px -213px no-repeat; text-decoration: none;} .noSmall a:active{background: url(/img/buttons/button-map.gif) -1085px -213px no-repeat; text-decoration: none;} .noSmall a i{visibility: hidden;} /* Mortgage Suggestions page Buttons */ .applyNow{float:left; padding: 0;} .applyNow a{display: block; width: 110px; padding: 8px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map6.gif) 0 -115px no-repeat;} .applyNow a:hover{background: url(/img/buttons/button-map6.gif) -113px -115px no-repeat; text-decoration: none;} .applyNow a:active{background: url(/img/buttons/button-map6.gif) -226px -115px no-repeat; text-decoration: none;} .applyNow a i{visibility: hidden;} .getQuote2{float:left; padding: 0;} .getQuote2 a{display: block; width: 110px; padding: 8px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map6.gif) 0 -155px no-repeat;} .getQuote2 a:hover{background: url(/img/buttons/button-map6.gif) -113px -155px no-repeat; text-decoration: none;} .getQuote2 a:active{background: url(/img/buttons/button-map6.gif) -226px -155px no-repeat; text-decoration: none;} .getQuote2 a i{visibility: hidden;} /* Mortgage Suggestions page Buttons */ .doIQualify{float:left; padding: 0;} .doIQualify a{display: block; width: 110px; padding: 8px 0 7px 0; font-size: 14px; background: #fe971c url(/img/buttons/button-map6.gif) 0 -195px no-repeat;} .doIQualify a:hover{background: url(/img/buttons/button-map6.gif) -113px -195px no-repeat; text-decoration: none;} .doIQualify a:active{background: url(/img/buttons/button-map6.gif) -226px -195px no-repeat; text-decoration: none;} .doIQualify a i{visibility: hidden;} .guidelink{float:left; padding: 0 13px 0 0;} .guidelink a{display: block; width: 165px; height:66px; padding: 8px 0 8px 0; font-size: 14px; background: url(/img/lifeinsurance/popimg/button_yes.gif) no-repeat;} .guidelink a:hover{background: url(/img/lifeinsurance/popimg/button_yes_over.gif) no-repeat; text-decoration: none;} .guidelink a:active{background: url(/img/lifeinsurance/popimg/button_yes_over.gif) no-repeat; text-decoration: none;} .guidelink a i{visibility: hidden;} .resultslink{float:left; padding: 0 0 0 13px;;} .resultslink a{display: block; width: 165px; height:66px; padding: 8px 0 8px 0; font-size: 14px; background: url(/img/lifeinsurance/popimg/button_no.gif) no-repeat;} .resultslink a:hover{background: url(/img/lifeinsurance/popimg/button_no_over.gif) no-repeat; text-decoration: none;} .resultslink a:active{background: url(/img/lifeinsurance/popimg/button_no_over.gif) no-repeat; text-decoration: none;} .resultslink a i{visibility: hidden;} .scrollerbtnLarge{float:left; padding: 0;} .scrollerbtnLarge a{display: block; width: 199px; padding: 10px 0 12px 12px; font-size: 14px; background: url(/img/buttons/button-map6.gif) -364px 0 no-repeat;font-size: 15px; font-weight:bold; color:#ffffff;} .scrollerbtnLarge a:hover{background: url(/img/buttons/button-map6.gif) -364px -40px no-repeat; text-decoration: none;} .scrollerbtnLarge a:active{background: url(/img/buttons/button-map6.gif) -364px -80px no-repeat; text-decoration: none;} .scrollerbtnLarge a i{visibility: hidden;} .pmi_individual{float:left; padding: 0; margin:0 0 3px 0;} .pmi_individual a{display: block; width: 375px; padding: 12px 0 31px 0; font-size: 14px; background: url(/img/buttons/button-map5b.gif) 0 -3px no-repeat;} .pmi_individual a:hover{background: url(/img/buttons/button-map5b.gif) 0 -61px no-repeat; text-decoration: none;} .pmi_individual a:active{background: url(/img/buttons/button-map5b.gif) 0 -119px no-repeat; text-decoration: none;} .pmi_individual a i{visibility: hidden;} .pmi_family{float:left; padding: 0; margin:0 0 3px 0;} .pmi_family a{display: block; width: 375px; padding: 12px 0 31px 0; font-size: 14px; background: url(/img/buttons/button-map5b.gif) 0 -177px no-repeat;} .pmi_family a:hover{background: url(/img/buttons/button-map5b.gif) 0 -235px no-repeat; text-decoration: none;} .pmi_family a:active{background: url(/img/buttons/button-map5b.gif) 0 -293px no-repeat; text-decoration: none;} .pmi_family a i{visibility: hidden;} .pmi_parentchild{float:left; padding: 0; margin:0 0 3px 0;} .pmi_parentchild a{display: block; width: 375px; padding: 12px 0 31px 0; font-size: 14px; background: url(/img/buttons/button-map5b.gif) 0 -351px no-repeat;} .pmi_parentchild a:hover{background: url(/img/buttons/button-map5b.gif) 0 -409px no-repeat; text-decoration: none;} .pmi_parentchild a:active{background: url(/img/buttons/button-map5b.gif) 0 -467px no-repeat; text-decoration: none;} .pmi_parentchild a i{visibility: hidden;} .pmi_couple{float:left; padding: 0; margin:0 0 3px 0;} .pmi_couple a{display: block; width: 375px; padding: 12px 0 31px 0; font-size: 14px; background: url(/img/buttons/button-map5b.gif) 0 -525px no-repeat;} .pmi_couple a:hover{background: url(/img/buttons/button-map5b.gif) 0 -583px no-repeat; text-decoration: none;} .pmi_couple a:active{background: url(/img/buttons/button-map5b.gif) 0 -641px no-repeat; text-decoration: none;} .pmi_couple a i{visibility: hidden;} .pmi_company{float:left; padding: 0; margin:0 0 3px 0;} .pmi_company a{display: block; width: 375px; padding: 12px 0 31px 0; font-size: 14px; background: url(/img/buttons/button-map5b.gif) 0 -699px no-repeat;} .pmi_company a:hover{background: url(/img/buttons/button-map5b.gif) 0 -757px no-repeat; text-decoration: none;} .pmi_company a:active{background: url(/img/buttons/button-map5b.gif) 0 -815px no-repeat; text-decoration: none;} .pmi_company a i{visibility: hidden;} .getQuoteLargeP{float:left; padding: 0;} .getQuoteLargeP a{display: block; width: 236px; padding: 11px 0 12px 0; font-size: 14px; background: url(/img/buttons/button-map6.gif) -363px -124px no-repeat;} .getQuoteLargeP a:hover{background: url(/img/buttons/button-map6.gif) -363px -163px no-repeat; text-decoration: none;} .getQuoteLargeP a:active{background: url(/img/buttons/button-map6.gif) -363px -202px no-repeat; text-decoration: none;} .getQuoteLargeP a i{visibility: hidden;} a.backbtn{ float:left; width:20px; height:20px; margin:0; padding:0; cursor:pointer; background:url(/img/buttons/backbutton.png) top right;text-decoration:none; } a:hover.backbtn{ float:left; width:20px; height:20px; margin:0; padding:0; cursor:pointer; background:url(/img/buttons/backbutton_on.png) top right; } a.backbtn i{ visibility:hidden; } #scroller_stage4 .mod_scroller a.backbtn{margin:18px 0 0 6px;} #scroller_stage5 a.backbtn, #scroller_stage6 a.backbtn{margin:18px 0 0 6px;} .mod_scroller a.backbtn{ margin-left:90px; } /* Button Replacement Text */ .notOnline{padding: 0;} .notOnline a{display: block; width: 90px; color: #888; padding: 7px 0 7px 0; font-size: 12px; background: #fff; text-align: center;} .notOnline a:hover{color: #fff; background: #888; text-decoration: none;} /*--------------------------------------- End Buttons ------------------------------------------*/ /* Feedback btn */ .FeedbackButton{position:fixed;top:195px;right:0;background:url(/img/general/feedback.png) left top no-repeat;width:24px;height:79px;border:none;cursor:pointer;font-size:1px;text-align:right;text-indent:50px;color:#000000;} /* Feedback popup */ .feedbackpopup_blockout { position:absolute;top:0;left:0;width:100%;height:2500px;background:#000000;opacity:0.7;filter:alpha(opacity=70);display:none;z-index:1;} .feedbackpopup { position:fixed;top:100px;width:373px;margin: 0 auto;margin:0 0 0 0px;padding:10px 10px 20px 20px;border:2px solid #dddddd;z-index:2;background: #ffffff;display:none; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); background: -moz-linear-gradient(top, #ffffff, #dddddd); -webkit-border-radius: 3px; -moz-border-radius: 3px; } .Comments { float:left; width:359px; max-width:359px; height:80px; padding:0; margin:4px 14px 0 0; } .feedbackpopup .smallbtn_hldr, #Page #PageContent #PageHeader #feedbackpopup .smallbtn_hldr, #PageBody #PageContent #PageHeader #feedbackpopup .smallbtn_hldr { margin:10px 0 0 0; padding:0; } .closebtn { float:right; width:20px; height:20px; margin:0 0 0 361px; padding:0; cursor:pointer; background:url(/img/general/closebtn.gif) top right;text-decoration:none; } .closebtn:hover { float:right; width:20px; height:20px; margin:0 0 0 361px; padding:0; cursor:pointer; background:url(/img/general/closebtn_on.gif) top right; } .closebtn i { visibility:hidden; } /* ********************************* New Tool-Tips form to be used everywher **************************************** */ #tooltipsform{width: 900px; margin: 0 auto; overflow: hidden; padding-top:0;} #tooltipsform #halfPageProduct .inner {width: 885px !important;} #tooltipsform #brandheader{width: 880px;padding-top: 15px; } #tooltipsform #pageTitle{width:898px; height:104px; font-size:23px; margin:5px 0 0 0; padding:20px 0 0 3px; text-align:center; border-top:solid 1px #ccc; } #tooltipsform #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;} #tooltipsform #pageTitle .titlemain {color:#FFF; float:left; width:845px; font-size:28px; 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;} #tooltipsform #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;} #tooltipsform #pageTitle .formtop {float:left; padding:0; margin:0; height:34px; width:608px; background-image:url(/img/debt/form_top.png); background-repeat:no-repeat;} #tooltipsform #pageTitle .pay-formtop1 {float:left; padding:0; margin:0; height:76px; width:608px; background-image:url(/img/debt/payday_form_top.png); background-repeat:no-repeat;} #tooltipsform #pageTitle .pay-formtop2 {float:left; padding:0; margin:0; height:76px; width:608px; background-image:url(/img/debt/payday_form_top2.png); background-repeat:no-repeat;} #tooltipsform #pageTitle .pay-formtop3 {float:left; padding:0; margin:0; height:76px; width:608px; background-image:url(/img/debt/payday_form_top3.png); background-repeat:no-repeat;} #tooltipsform #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;} #tooltipsform #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;} #tooltipsform .left{width: 880px; margin:0; padding:0;} #tooltipsform .left #halfPageProduct {padding:0; margin:0;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .left #halfPageProduct .form-additional {padding:0; margin:0 0 0 3px; width:608px; height:100%; background-image:url(/img/debt/form_body.png); background-repeat:repeat-y;} #tooltipsform .left #halfPageProduct .form-button{padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 3px;width: 608px;height: 100%;background-image: url("/img/debt/form_body.png");background-repeat: repeat-y;} #tooltipsform .left #halfPageProduct .form-bottom {padding:0; margin:0 0 0 3px; width:608px; height:31px; background-image:url(/img/debt/form_bottom.png); background-repeat:no-repeat;} #tooltipsform .button_space {float:left; margin:0px; padding:0px; height:78px;} #tooltipsform .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;} #tooltipsform .left #halfPageProduct .title-form-pay {width:545px; margin:0 0 0 24px; padding:15px 0 15px 10px; font-size:22px; font-weight:bold; color:#666; border-bottom:#dadada solid 1px;} #tooltipsform .left #halfPageProduct .title-form .smallPrint{margin-left:242px;} #tooltipsform .left #halfPageProduct .form-line {width:555px; margin:0 0 12px 24px; padding:0; border-top:#fff solid 1px;} #tooltipsform #halfPageProduct .inner .form_wrap .form-details #submitguidetext {width:525px; padding:5px 0 0 35px; font-size: 12px; visibility: hidden} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .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} #tooltipsform .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} #tooltipsform .error-notify{font-size:15px; font-weight:bold; color:#a40000; margin-left:35px; width:550px; margin-bottom:15px; padding-top:15px} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .errorheader{font-weight:bold; color:#a40000;font-size:15px;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform .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;} #tooltipsform option {background-color:#ffffff;} #tooltipsform .left h1{width: 880px; font-size:23px; height:35px; font-weight:bold; margin:0; padding:30px 0 0 0; text-align:center;} #tooltipsform span.oversize input {height: 35px;line-height: 35px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background-image: none;vertical-align: middle;font-family: Tahoma,Geneva,sans-serif;font-size: 14px;color: #535353;visibility: visible;} #tooltipsform span.oversize label {height: 24px;line-height: 24px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;background-image: none;vertical-align: middle;font-family: Tahoma,Geneva,sans-serif;font-size: 14px;color: #535353;visibility: visible;} #tooltipsform 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;} #tooltipsform 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;} .debt-footer {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#999; width: 873px; margin: 0 auto; padding: 7px 20px 0 20px;} #tooltipsform 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;} #tooltipsform 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;} #tooltipsform .formsecurity .seclogos{position:absolute; top:-27px; left:725px; width:25%;} #tooltipsform .formsecurity {width:100%;} #tooltipsform #halfPageInfo{margin-left:210px;margin-right:260px;} #tooltipsform .form2 .smallPrint{width:513px; margin-bottom:5px; padding-left:160px; text-align:center; font-size: 10px; font-weight:normal;} #tooltipsform .padlock {position:absolute; top:-15px; left:645px; width:25%; z-index: -10} #tooltipsform .validationok{float: left; width: 23px; height: 20px; padding: 0; background: url(/img/icons/mid-tick.gif) no-repeat; margin-top:5px;} #tooltipsform .validationerror{float: left; width: 23px; height: 21px; padding: 0; background: url(/img/debt/error.gif) no-repeat; margin-top:5px;} #tooltipsform .formcol2inputonly label, #debt8 .formcol2inputonlyerror label{ position: absolute; top: 15px; margin-left:4px; color:#aaaaaa; cursor:text; font-family:Tahoma, Geneva, sans-serif; font-size:11px;} #tooltipsform .formsecurity .legal, .formsecurityp .legal{float:left;width:500px !important; margin-top:8px; margin-left:6px; padding:0;color:#666666;text-align:left;} #tooltipsform .formsecurity .legal_check{float:left;width:13px; margin-left:39px; margin-top:8px; padding:0;color:#666666;text-align:left;} #tooltipsform .genericbtn_hldr2 .genericbtn a{padding: 7px 46px 0 3px;font-size:15px;} #tooltipsform .genericbtn_hldr2 {margin:10px 0 15px 251px;} #tooltipsform .dataprotect {float: left; margin: 0px 0 0 3px; padding: 0; width: 265px; font-size: 11px; color: #666; position: absolute; right: 0;z-index: -1; } #tooltipsform .dataprotect img {margin: 0 0 -5 px 0;} #tooltipsform .dataprotect p{float:left;width:245px;margin:20px 0 10px 0;padding:30px 10px 0 10px;background: url(/img/common/fade20.gif) repeat-x;} #tooltipsform .dataprotect ul{float:left;width:240px;margin:5px 0 0 5px;font-size:14px;list-style-type: disc;list-style: none;list-style-position: outside;padding-top:5px;padding-right: 0pt;padding-bottom: 0px;padding-left: 10px; border-top:1px solid #ccc;} #tooltipsform .dataprotect ul li{list-style:none; text-align:center; color:#666;} #boldhead {font-weight:bolder; font-size:16px; padding-top:8px;} #lowercasehead {font-size:12px; padding-bottom:10px; border-bottom:1px #ccc dotted;} #lowercasehead_end {font-size:12px;} #tooltipsform .dataprotect .padlock{position:relative; float:left; top:auto; left:auto; width:55px; padding:0 10px 0 40px;} #tooltipsform .dataprotect .seclogos{position:relative; float:left; top:auto; left:auto; width:125px; padding:0;z-index:-10;} #tooltipsform .form_wrap {float:left; margin:0; padding:0; } #tooltipsform .toolclose {position:absolute; top:1px; left:833px; width:16px; height:16px; background:url(/img/debt/close_button.gif) no-repeat;} #tooltipsform .infovalidationerror .toolclose {position:absolute; top:1px; left:833px; width:16px; height:16px; background:url(/img/debt/error_close_button.gif) no-repeat;} #tooltipsform .tip {font-weight:bold; color:#407f01;} #tooltipsform .tiperror {font-weight:bold; color:#a40000;} #tooltipsform .formcol1labelonlybolderror{width:197px;margin-left:215px;margin-right:5px;padding-left:0;padding-right:0;text-align:left;} #tooltipsform .formcol1labelonlybold_wide{width:298px;padding-left:215px;text-align:left;} #tooltipsform .formcol1labelonlybold_wideerror{width:298px;margin-left:215px;padding-left:0;text-align:left;} #tooltipsform .formcol2inputonly{width:276px; height:26px; } #tooltipsform .formcol2inputonlyerror{width:276px;} #tooltipsform .formcol2inputonly label {position: absolute;top: 12px;margin-left: 4px;color: #aaaaaa;cursor: text;font-family: Tahoma,Geneva,sans-serif;font-size: 11px;} #tooltipsform .formcol2inputonlyerror label {position: absolute;top: 12px;margin-left: 4px;color: #aaaaaa;cursor: text;font-family: Tahoma,Geneva,sans-serif;font-size: 11px;} #tooltipsform .formcol2inputonlyb{width:276px;} #tooltipsform .formcol2inputonlyberror{width:276px;} #tooltipsform .formcol2inputonlyb_narrow, #tooltipsform .formcol2inputonlyberror_narrow{width:242px;} #tooltipsform .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #tooltipsform .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_FirstNameTextbox{width:70px;} #tooltipsform .formcol2inputonly #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #tooltipsform .formcol2inputonlyerror #ctl00_ContentPlaceHolder_ctl01_ctlFirstName_SecondNameTextbox{width:70px;} #tooltipsform .form2 select, #tooltipsform .form2error select, #debt8 .form2error_hlf select{width:59px;} #tooltipsform .form2 select.oversize, #tooltipsform .form2error select.oversize, #debt8 .form2error_hlf select.oversize{width:273px;} #tooltipsform .form2 select.oversize_sml, #tooltipsform .form2error select.oversize_sml, #debt8 .form2error_hlf select.oversize_sml{width:150px;} #tooltipsform .form2 input[type="text"], #tooltipsform .form2error input[type="text"], #debt8 .form2error_hlf input[type="text"]{width:265px;} #tooltipsform .genericbtn_hldr2 .genericbtn a{padding: 7px 46px 0 3px;font-size:15px;} #tooltipsform .genericbtn_hldr2 {margin-bottom:15px;} #tooltipsform a.submit_button {text-indent:-5479px; padding:0; font-size:15px; margin: 10px 0 15px 276px;background: url(/img/debt/tooltips_submit_button.png) no-repeat; width:269px; height:50px; display: block; float:left; } #tooltipsform a.submit_button:hover {text-indent:-5479px; background-position:0 -50px;} #tooltipsform .privacyBoxLeft{float:left;width:880px;padding:0;} #tooltipsform .center{float:left;width:880px;padding:10px 0 10px 0;margin:0;} #tooltipsform .centerformtext{float:left;width:420px;padding:15px 270px 15px 190px;margin:0;font-size:11px;color:#666666;} #tooltipsform .formtext, #tooltipsform .formsecurity, #tooltipsform .formsecurityp{padding-right:10px;}