.form .formPanel nav ul { text-align: left;}

.form .formPanel nav ul li { width: 21%; margin-left: -2%; background: url(../img/build/form/forms_tabStageOff.png) no-repeat; background-size: 100% 100%; position: relative; height: 28px; vertical-align: top; /*cursor: pointer;*/}

.no-backgroundsize .form .formPanel nav ul li { background:  url(../img/build/form/forms_tabStageOffRepeat.png) repeat-x;  }

.form .formPanel nav ul li.active { background: url(../img/build/form/forms_tabStageOn.png) no-repeat; background-size: 100% 100%; color: #fff; font-weight: bold;}

.no-backgroundsize .form .formPanel nav ul li.active { background:  url(../img/build/form/forms_tabStageOnRepeat.png) repeat-x; }

.form .formPanel nav ul li.active.last:after { content:""; display: inline-block; top:100%; left:0%; position: absolute; z-index: 2; background:url(../img/build/form/forms_tabStageShadow.png) no-repeat; background-size: 100% 100%;  width:95%; height:12px; }

.no-backgroundsize .form .formPanel nav ul li.active.last:after { display: none; }

.form .formPanel nav ul li.first{ margin: 0; width: 21.7%;}

.form .formPanel nav ul li.last {  background: url(../img/build/form/forms_tabStageLastOff.png) no-repeat; background-size: 100% 100%; width: 23%; }

.no-backgroundsize .form .formPanel nav ul li.last {  background: url(../img/build/form/forms_tabStageLastOffRepeat.png) repeat-x;}

.form .formPanel nav ul li.active.last {  background: url(../img/build/form/forms_tabStageLastOn.png) no-repeat; background-size: 100% 100%; }

.no-backgroundsize .form .formPanel nav ul li.active.last {  background: url(../img/build/form/forms_tabStageLastOnRepeat.png) repeat-x; }

.form .context { width: 85%; margin-right: 0px; margin-left:4% !important; }

.form h4 { color:#86898b; }

.form h2.alignCenter { text-align: center; width: 80%;}

.form .left, .form .right { margin:0; padding: 0; width: 50%; display: inline-block; vertical-align: top;}

.form .right { text-align: right;}

.form .fullPayment { background:url(../img/build/renew_fullAmountBg.png) no-repeat; background-size: 100% 100%; padding: 3% 3% 3% 3%; margin: 0; margin-left:4.5%; width:80%;}

.form .fullPayment h3 { color:#00456b; padding: 0; margin: 0; font-size: 1.6em;}
.form .fullPayment.active h3 { color:#fff;}

.form .desc{ color: #fff; font-size: 1.3em;}

.dataPrivacyPayment{
    padding-left: 0; font-size: 1em;
}

.dataPrivacyPayment h3{
    margin-left: 2%!important;
    padding: 2% 0 1% 3%!important; 
    width:100% !important;
} 
.dataPrivacyPayment table{
    /* width: 70% !important; */
    margin-left: 5% !important; 
    font-size: 10.5px !important ;  
    border: 1px black solid !important ; 
    padding: 5px 10px 5px 5px  !important; 
    background-color: #f7f7f7 !important;
} 
.dataPrivacyPayment input{
    opacity:1 !important; 
    width:15px !important; 
    margin:0px 10px 0 0 !important;
    outline: none !important;
    padding-top: 10px;
    float: left;
    position: inherit;
} 

.dataPrivacyPayment a {
    margin-left:0px !important;
    margin-right:0px !important; 
    float:none !important;
    font-size: 9.5px !important; 
}
 .dataPrivacyPayment .bulletPoints{
    width:4%; 
    float:left;
 }
@media only screen and (max-width: 360px) {
    .form .desc{
        max-width:92%;
    }
}
/* @media only screen and (max-width: 360px) {
    max-width:90%;
} */
.form .desc i, .form .desc i span {font-size: 1em;}
.form .desc .save { font-size: 1.4em;}

.form .fullPayment .desc { color: #00456b;}
.form .payments .desc { color: #00456b;}

.form .desc.inputs { color: #717577; font-size: 1em; line-height: 2.5em;}
.form .desc.inputs span { padding-right: 2%; padding-left: 1%;}

.form .payNow { color:#00456b; font-size: 2em; font-weight: bold; text-align: left; }
@media only screen and (min-width: 750px) {
.form .payNow span{font-size: 1em;  }
}
@media only screen and (max-width: 750px) {
    .form .payNow span{font-size: .8em;  }
}
.form .fullPayment.active .payNow { color: #fff;}
.form .payments.active .payNow { color: #fff;}

.form .now { font-size: 1.3em; font-weight: bold;}

.form .payNow small { font-size: 0.5em; vertical-align: top; display: inline-block; margin-top: 2%;}

.form .fullPayment.active { background:url(../img/build/renew_fullAmountBgOn.png) no-repeat; background-size: 100% 100%;}

.no-backgroundsize .form .fullPayment { background: none; background-color:#cbcccd; } 

.no-backgroundsize .form .fullPayment.active { background: none; background-color:#4ca4d4; } 

.form .fullPayment .left { width: 70%;}

.form .fullPayment .right { width: 30%; text-align: left; }

.form .payments { background:url(../img/build/renew_paymentsBg.png) no-repeat; background-size: 100% 100%; padding: 3% 3% 3% 3%; margin: 0; margin-left:4%; width:80%; margin-bottom: 2%;}

.form .payments h3 { color:#00456b; padding: 0; margin: 0; font-size: 1.6em;}

.form .payments.active h3 { color: #fff; }

.form .payments.active { background:url(../img/build/renew_paymentsBgOn.png) no-repeat; background-size: 100% 100%;}
@media only screen and (max-width: 750px) {
    .form .payments.active { min-width: 82%;}
}
.no-backgroundsize .form .payments { background: none; background-color:#cbcccd; } 

.no-backgroundsize .form .payments.active { background: none; background-color:#4ca4d4; } 

.form .payments .left { width: 100%; position: static; }

.form .payments .right { width: 100%; text-align: left; margin-top: 4%;}

.form .payments .desc { text-align: left;} 

.form .payments .total { width: 31%; display: inline-block; vertical-align: top; margin-bottom: 8%; margin-left: 1%;}

.form .payments .disclaim {   color: #717577; font-size: 0.7em; padding: 2% 0; }
.form .payments.active .disclaim { color: #00456b;}

.currency { position: relative; display: inline-block; margin-left: 4.5%; width: auto;}

.currency > div { position: absolute; right:0; top:0; color: #00456b; text-align: left; width: 60%; height: 100%; margin: 0px;}
.currency.active p { color: #fff; }

.currencyInput { position: relative; display: inline-block; margin-left: 4.5%; width: auto;}

.currencyInput > div { position: absolute; right:0; top:0; color: #00456b; text-align: left; width: 60%; height: 100%; margin: 0px;}
.currencyInput.active p { color: #fff; }

.popupcontext {position: fixed; width:100%; background:url(../img/build/renew/tnc_outerBg.png); background-size: 100% 100%; top:0px; left:0px; z-index:50; text-align: center; padding-bottom: 1.5%; display: none;}

.form .popupcontext .lrg { font-family: "interStateBlk", sans-serf; text-transform: uppercase; color: #fff;  text-shadow: 0px 1px rgba(0,0,0,0.12); margin:0%; text-align: center; padding:3% 0% 3% 0%;}

.form .popupcontext .lrg.click { display: inline-block; width: 25%; }

.no-backgroundsize .popupcontext { background: none; color:#00456b; }

.popupcontext .content { margin:0% 5.5% 2% 4.5%; width:80%; padding:5%; background:url(../img/build/renew/tnc_innerBg.png); background-size: 100% 100%;   }

.popupcontext .content p { margin-bottom: 2%;}

.no-backgroundsize . tnc .content { background: none; color:#fff;}

.monthlyFee, .installLength { font-size: inherit;}

#inProgress { margin:0; background-color: rgba(255, 255, 255, 0.5); width: 100%;height: 100%;position: fixed; top: 0px;left: 0px;z-index: 100;text-align: center; display: none;}

.renew .cta.blue  { display: inline-block; font-family: "interStateBlk", sans-serf; color: #ffffff; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; text-transform: uppercase; padding: 0; background:url(../img/build/renew/renew_cta_blueBg.png) no-repeat; background-size: 100% 100%; width: 25%; padding: 1% 4% 1% 1.9%; cursor: pointer;}

.renew .cta.blue.lrg { padding: 1% 1% 1% 0%; }
@media only screen and (max-width: 380px) {
    .renew .cta.blue.lrg { padding: 1% 7% 1% 5%; }
}
.renew .cta.blue.edit.lrg { background: url(../img/build/renew/renew_cta_editblueBg.png) no-repeat;padding: 1% 0% 1% 1%;background-size: 100% 100%; display:inline-block; margin: 3% 3% 5% 5%; vertical-align: top; width: 40%; }

.errDeclined { display: none; }

.errText { display: inline-block; width: 50%;  vertical-align: top;  }
.errText p { font-size: 1.1em;}

.errText .red { font-size: 1.1em; color:#f01300; font-weight: bold; }

.finishGenErr, .finishDelayErr {display: none;}

.curr { height: 100%;}

.ie9 .curr, .ltie9 .curr { padding-top: 15%; }

@media only screen and (min-width: 750px) {

.form .formPanel nav ul li {  height: 57px;}

.form .formPanel .contextImg { padding-left: 10px; }

.form h4 { color:#86898b; font-size: 1.6em; text-align: left; padding: 0% 0% 4% 4%; margin-top: -4%;}

.form .fullPayment { }

.form .fullPayment h3 {padding: 0; margin: 0; font-size:2.4em; }

.form .fullPayment.active {}

.no-backgroundsize .form .fullPayment {} 

.no-backgroundsize .form .fullPayment.active { } 

.form .payments { }

.form .payments h3 { font-size: 2.4em;}

.form .payments.active { }

.form .payments .disclaim { font-size: 1em;}

.no-backgroundsize .form .payments { } 

.no-backgroundsize .form .payments.active { } 

.form .payNow { font-size: 3.6em; }

.form .payNow.sml{ font-size: 1.8em; }

.form .now { font-size: 1.6em; font-weight: bold;}

.renew .cta.blue.lrg { width: 30%;}

.renew .cta.blue  { font-size: 1.5em; width: 15%; }

.renew .cta.blue.edit.lrg { width: 30%;}
.currency p {font-size: 1.6em; }
.currencyInput p {font-size: 1.6em; }

.popupcontext { width:633px; left:50%; margin-left: -316px; top:15%; }

.form .popupcontext .lrg { font-size: 1.6em;}

.form .confirmPanel .errText p { font-size: 1.4em;}

.form .confirmPanel .errText .red { font-size: 1.4em; }

}