*{margin:0;padding:0}
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; overflow-y: scroll;width: 100%; height: 100%}
body{width: 100%; height: 100%;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height:1.286em;color: #666;background: #fff}
a{color: #666; text-decoration: none;cursor:pointer;border:none; outline:none;}
a:hover, a:active{text-decoration: none;color:#666;border:none;outline: 0;}
p, .p{margin:0}
.p{ display:block}

ul{list-style-type: none;padding:0;margin:0;width:100%;float:left}
ul li{background-image: url(../images/bullet.gif);background-repeat: no-repeat;background-position: 0px 4px;padding-left: 12px; margin:0 0 8px 0}
li.last{margin:0}

input, select, textarea{ line-height:1; margin: 0;color: #afaeae;border:1px solid #d9d9d9; font-size:1em;font-family: Arial, Helvetica, sans-serif; background:url(../images/bg-input.gif) repeat-x 0 0 #fff}
input.txt{padding:6px 0 5px 6px}
select{width:277px;padding:5px 5px 4px 2px}
textarea {overflow: auto; vertical-align: top;padding:6px 0 0 6px;height:80px}
textarea {z-index:1; position:relative}/* fix for PIE on IE8*/
input::-moz-focus-inner { border: 0; }
label{cursor:pointer; margin:0 15px 0 0}
input[type=checkbox], .chk, input[type=radio], .rb { padding:0; margin:0 2px 0 0; width:auto; border:none; background:none}
.appleField, input.txt, textarea{-webkit-appearance: none; -webkit-border-radius:0; border-radius: 0;}/* remove rounded corners for apple devices */
.appleSelect, select{-webkit-border-radius:0; border-radius: 0;}/* remove rounded corners for apple devices */
*:focus{outline: none;-moz-outline: 0 none; color:#666}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{line-height: 1;font-weight:bold;margin:0px;padding:0px;width:100%;float:left;}
h1, .h1 {font-size:1.429em; color:#1b8b9e}
h2, .h2 {font-size:1.286em; color:#7e1d59; margin:0 0 13px 0}
h3, .h3 {font-size: 1.143em; margin:0 0 14px 0}
h4, .h4 {font-size: 1em}
h5, .h5 {font-size: 0.83em}
h6, .h6 {font-size: 0.75em}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #666}
.printLogo, .PLLoanPersTerm{display:block !important}
.ui-slider{display:none !important}


/**********
* General *
***********/
.bg-gray{ background:#efeff0}
.color-h2{color:#7e1d59}
.spr{background:url(../images/sprites.png) no-repeat transparent}
.button{cursor: pointer;overflow: visible}
.text-sm{ font-size:0.857em; line-height:1.167em}
.text-sm2{ font-size:0.786em;line-height:16px;margin-bottom:7px}
.txtimg{ display:block; overflow:hidden; text-indent:-999em; text-transform:uppercase}
form {float: left;padding-bottom: 20px;width: 100%;}
.container {margin: 0 auto;width: 632px}
.fieldRequired{color:#7e1d59;}
label .rq, .label .rq{color:#7e1d59;font-size:1.286em;}
.label{ margin:0}
.rbGroup{ padding:6px 0 0 0}
.txtGroup input.txt{ margin:0 3px 0 0}
.line{ font-size:0px; line-height:0; border:none; width:100%; height:1px; float:left; clear:both; background:#cececf}
.linesection{ margin-left:-30px; margin-right:-30px}
.content, .header, .formHeading, .formStep, .middle, .row, .formStepSubmit{ width:100%;float:left;}
.cell{float:left; display:block}
.formStep{ border:solid 1px #c9cacc;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; overflow:hidden; margin:0 0 18px 0; display:none;}
.eligibilityHeader, .formStepSubmit {display:none;}
.eligibilityHeader{display:none}
.eligibilityHeader .formHeading {display:none;margin:0}
#formStep0 {display:block;}
.formSection, .formButtons{ width:576px;float:left; display:block; padding:16px 30px 18px 30px}
.formButtons{position:relative}
.reviewEligibility{ margin:0;position:relative;display:none}
.reviewEligibility .topSection{height:29px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:1px solid #C9CACC;display: block;float: left;padding: 11px 30px 13px 30px;width: 576px;}
.reviewEligibility .h2, .reviewEligibility .status, .reviewEligibility .btnreviewEligibility{ position:absolute}
.reviewEligibility .h2{ left:30px; top:18px}
.reviewEligibility .status{ right:170px; font-size:1.143em; font-weight:bold; top:18px}
.reviewEligibility .btnreviewEligibility{ right:11px;top:11px}
.labelCol, .elementCol, .supportCol{float:left;clear:both;position:relative; width:100%}
.labelCol{padding:10px 0 2px 0}
.btnRadioSet .elementCol{padding:7px 0 2px 0}
.btnCheckboxSet .elementCol{padding:7px 0 15px 0}
.first .labelCol{padding-top:0}

.elementCol{}
.supportDiv{ clear:both}
.addressText{padding:0 0 5px 0}


/**********
* errors *
**********/
.errorSection{ background:#c41230; color:#fff;width:526px;float:left;position:relative; padding:9px 9px 9px 41px; margin:6px 0 6px 0; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.errorSection .icon{background-position:-512px -260px; width:22px; height:20px; position:absolute; top:6px; left:9px;}
.rbGroup.error{ border:1px solid #c41230; padding:6px 19px 6px 8px; background:#f6d9de; line-height:1;clear:both; float:left; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}

.supportDiv{display:none;color:#c41230;padding:0 0 5px 0;line-height:1}
input.txt.error, textarea.error, select.error{border: 1px solid #c41230; background:#f6d9de}
.btnLabel.error{border: 1px solid #c41230}

/**********
* Helper popup *
**********/
.txthelper{ position:relative; width:auto; clear:both; z-index:99; top:0px; left:0px}
.txthelper .bubble{ background:#1b8b9e; color:#fff; width:auto; padding:10px 17px; position:absolute; top:4px; left:0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.txthelper span{ background-position:-616px -260px; position:absolute; top:-10px; left:29px; width:14px; height:10px}
.subCell1 .txthelper{width:277px}
/*.txthelper.pos3{left:-299px}
.txthelper.pos3 span{ left:322px}*/

/**********
* Cells *
**********/
.cells-1 .cell{width:100%}
.cells-1 .cell input.txt, .cells-1 .cell textarea{ width:568px}
.cells-1 .cellhalf input.txt, .cells-1 .cellhalf textarea{ width:269px}

.cells-2 .cell1{ width:277px; float:left}
.cells-2 .cell2{ width:277px; float:right}
.cells-2 input.txt, .cells-2 textarea{ width:269px}
.cell2 .rbGroup label{margin:0 10px 0 0}
.cell2 .rbGroup label.last{margin:0}

.cells-4 .cell1{width:143px}
.cells-4 .cell2{width:156px}
.cells-4 .cell3{width:143px}
.cells-4 .cell4{width:134px}
.cells-4 input.txt, .cells-4 textarea{ width:126px}
.cells-4 .cell12{width:299px}
.cells-4 .cell12 input.txt, .cells-4 .cell12 textarea{ width:269px}
.cells-4 .cell34{width:277px}

.cell1-4{width:134px}
.cell2-4{width:278px}
.cell1-4 input.txt, .cell1-4 textarea{ width:120px}
.cell2-4 input.txt, .cell2-4 textarea{ width:269px}

.cellWrapper2Cells .subCell1, .cellWrapper2Cells .subCell2{display:block; width:50%;float:left}
.cellWrapper2Cells .subCell2 input, .cellWrapper2Cells .subCell2 select{float:right}

/****************
* custom inputs *
****************/
.selectsmall1{ width:134px}
.selectsmall2{ width:117px}
.selectsmall3{ width:78px}
.selectsmall4{ width:66px}

.selectSet .dateDay{ width:74px;float:left}
.selectSet .dateMonth{ width:125px;float:left}
.selectSet .dateYear{ width:78px;float:left}
input.txt.small{ width:126px !important}
input.txt.small2{ width:65px !important}
.hasClose input.txt{ width:238px}

.phoneGroup select{ width:98px;margin:0 3px 0 0}
.phoneGroup input.txt{ width:164px}
.rdList{ padding:0 0 5px 0}


/**********
* Buttons and Icons *
***********/
.btnInput, .btnspr{border:solid 1px #414042 !important;background:#fafafa !important;padding:4px 10px;text-indent:0px}
.btnCancel, .btnBack, .btnAdd{float:left}
.btnBegin, .btnReturnReview, .btnGoToStep2, .btnGoToStep3, .btnGoToStep4, .btnGoToStep5, .btnSubmit{float:right}
.btnClose, .btnBackToTop, .btnEdit, .btnPrint, .iconHelper, .btnPrintSmall{display:none}


/* checkboxes buttons */
.btnLabel{background:transparent !important;border:none !important;padding:0px !important;}


/**********
* Header *
***********/
.header{position:relative}
.header h1, .header h2{text-indent:0;background:transparent !important;float:right}
.printLogo{display:block;float:left}
/******************
* Progress Panel *
*******************/
.progress {display:none;}

/******************
* Form Heading *
*******************/
.formHeading{padding:17px 0 11px 0;position:relative}
.formHeading{padding:17px 0 10px 0;position:relative; display:none;}
#formHeading0{display:block;}
.formHeading h1{ padding:0; margin:0; float:left}
.formHeading p{ padding:0 0 1px 0; margin:0; font-size:0.857em; line-height:1.857em;position:absolute;bottom:6px;right:0px;display:none}
.formHeading .fieldRequired{font-size:18px}

/******************
* Form buttons box *
*******************/
.formButtons{padding-top:20px; padding-bottom:24px; border-top:solid 1px #cececf}

/******************
* Form step0 *
*******************/
.eligibility{}
.eligibilityInfo{padding-top:21px}
.eligibilityInfo .line{ margin:20px 0}
.eligibilityInputs{padding-top:20px; padding-bottom:16px}
.eligibilityInputs .rbGroup{margin:-3px 0 16px 0}
.rbGroup{margin-top:-3px}

/******************
* Form step1 *
*******************/
.loanNeeds{ padding-bottom:25px}
.loanNeeds h2{ margin-bottom:1px}
.loanDetails{padding-top:21px;padding-bottom:22px}
.loanDetails h2{margin-bottom:6px}
.insuranceDetails {padding-top:19px}
.insuranceDetails .errorSection{ margin:-5px 0 12px 0}
.insuranceDetails h2{margin-bottom:19px}
.insuranceDetails h3{margin-bottom:4px}
.insuranceDetails .line1{ margin:11px 0 17px 0}
.insuranceDetails .line2{ margin:-8px 0 16px 0}
.insuranceDetails .carLoanSet .labelCol{ padding-top:17px}

/******************
* Form step2 *
*******************/
.applicantionType{padding-bottom:9px}
.yourIdentity1, .yourIdentity2{}
.applicant1Details{}
.applicant2Details{}
.yourIdentity1 .line{margin:18px 0 13px 0}
.yourIdentity2 .line{margin:18px 0 13px 0}
.message{ background:#fff; color:#934575; width:100%; float:left; margin:18px 0 10px 0; font-weight:bold; text-align:center; border:solid 1px #d9d9d9; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.message .inner{ padding:10px;}
.residentialAddress1 .line1{margin:15px 0 11px 0}
.residentialAddress1 .line2{margin:15px 0 12px 0}
.residentialAddress1 .line3{margin:15px 0 12px 0}
.residentialAddress2 .line1{margin:15px 0 11px 0}
.residentialAddress2 .line2{margin:15px 0 12px 0}
.residentialAddress2 .line3{margin:15px 0 12px 0}

/******************
* Form step3 *
*******************/
.divInvestmentProperty .line{margin:15px 0 12px 0}
.divVehicle .line{margin:15px 0 12px 0}
.existingCuaLoan .line{margin:15px 0 12px 0}
.divOtherPersonalLoan .line{margin:10px 0 13px 0}
.divCreditCard .line{margin:15px 0 12px 0}
.divOtherLiabilities .line{margin:15px 0 12px 0}
.assetsTable .row{padding:0 0 11px 0}
.assetsTable .btnClose{margin:5px 0 0 0}

/******************
* Form step4 *
*******************/
.divPreviousOccupation .line{margin:15px 0 13px 0}
.additionalDetails .line{margin:15px 0 3px 0}

/******************
* Form step5 Review *
*******************/
.reviewStep{border:solid 1px #c9cacc;overflow:hidden;margin:0 0 18px 0;width:100%;float:left; display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.reviewSegment{display: block;float: left;padding: 17px 28px 18px;width: 576px}
.titleRow{padding:0 0 15px 0;margin:0 0 15px 0;border-bottom:1px solid #cececf;position:relative;width:100%;float:left}
.titleRow .btnEdit{position:absolute;top:-3px;right:0px}
.backToTopContainer{width:100%;float:left}
.reviewStep h2{margin:0 0 5px 0}
.reviewStep h3{margin:9px 0 9px 0}
.reviewStep .row{padding:6px 0 9px 0;background: url(../images/dotted.png) 0 0 repeat-x}
.reviewStep .row.first{background:none}
.reviewStep .row.last{padding:6px 0 0 0}
.question {float:left; width:300px;}
.answer {float:right; width:254px;font-weight:bold; clear:right;}
.agreeSection{padding-top:0px;padding-bottom:7px;}
.agreeSection .row{background:none}
.agreeSection .line{margin:5px 0 9px 0}
.agreeName{color:#7E1D59;font-weight:bold}
.agreeDate{font-size:0.857em;color:#666666;padding:0 0 5px 0}

/******************
* Thank you page *
*****************/
.thankyou  .formHeading, .thankyou .formStep{display:block}
.thankyou  .formHeading{padding-top:21px;padding-bottom:14px}
.thankyou .formSection{padding-top:21px;padding-bottom:27px}
.thankyou .line{margin:12px 0 0 0}

/*	PIE
====	
.rounded , .formStep{
behavior: url(/scripts/pie/pie.htc)
}
*/

/******************
* Helpers *
*******************/
.clearfix:before,.clearfix:after {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {*zoom: 1}
.formSectionLine{ padding:0; width:100%}
.no-bg{background:none !important}
.hidden {display: none !important;visibility: hidden}
.hide {display:none;}
/*div{display:block !important}*/

/* Fistpage with title */
.header{margin:330pt 0 330pt 0 !important}
.formHeading{display:none !important}
.content{page-break-before:always}