body {
    font-family: 'Roboto', sans-serif;
}
.site-wrap {
	background-color: #FFF;
}
a {
    text-decoration: none;
}

.outerContainer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.innerContainer {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.pageNavigationArea {
    background-color: #e22a1b;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.headerNav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.headerNav li {
    display: inline-block;
    color: #FFF;
    font-weight: 400;
    overflow: visible;
    position: relative;
}
.headerNav li:hover {
    background-color: #b8241e;
    cursor: pointer;
}
.headerNav li a {
    display: block;
    padding: 15px 20px;
    font-weight: inherit;
}
.headerNav li a:hover {
    background-color: #b8241e;
}

.headerNav li ul {
    display: none;
    position: absolute;
    top: 47px;
    left: 0;
    background-color: #e22a1b;
    z-index: 1500;
    padding: 0;
    margin: 0;
    width: 250px;
}

.headerNav li ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000;
    overflow: auto;
}
.headerNav li ul li a {
    display: block;
    overflow: auto;
    margin: 0;
    padding: 10px 20px;
}
.headerNav li ul li:first-child a {
    padding: 20px 20px 10px;
}
.headerNav li ul li a:hover {
    background-color: #b8241e;
}
.headerNav li ul li .imageCol {
    float: left;
    width: 25%;
}
.headerNav li ul li .imageCol img {
    padding: 3px 0 0 0;
    width: 100%;
}
.headerNav li ul li .textCol {
    float: right;
    width: 68%;
}
.headerNav li ul li {
    font-weight: 400;
    font-size: 0.9rem;
    margin: 0 0 3px 0;
    color: #FFF;
}
.headerNav li ul li p {
    color: #5c5c5c;
    font-weight: 200;
    font-size: 1em;
    color: #FFF;
}
.headerNav li:hover ul {
    display: block;
}
.headerNav li:hover ul li ul,
.headerNav li ul li ul {
    display: none;
}

.headerSideNav {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    color: #FFF;
    background-color: #e22a1b;
    overflow: visible;
    padding: 0 0 16px 0;
}
.headerSideNav h2 {
    font-size: 1em;
    font-weight: normal;
    padding: 13px 0 0 0;
}
.headerSideNav h2:hover {
    cursor: pointer;
}
.headerSideNav .headerSideNavDetails {
    position: absolute;
    width: 250px;
    top: 48px;
    padding: 8px;
    right: 0;
    display: none;
    z-index: 50;
    background-color: #e22a1b;
    border-radius: 0 0 0 8px;
}
.headerSideNav .headerSideNavDetails p {
    margin: 0 0 3px 0;
}
.headerSideNav:hover .headerSideNavDetails {
    display: block;
}


.headerArea {
    position: relative;
    width: 100%;
    height: 140px;
    text-align: center;
    overflow: auto;
}
.headerArea .headerLogo {
    float: left;
    margin: 22px 0 0 10px;
}
.headerArea .estImage {
    float: right;
    margin: 33px 10px 0 0;
}

.headerArea .headerContactDetails {
    color: #e22a1b;
    padding: 23px 0 0 0;
    font-size: 1.2em;
}
.headerArea .headerContactDetails p {
    font-size: 1em;
    margin: 0 0 1px 0;
}
.headerArea .headerContactDetails p.headTelephone {
    font-size: 2em;
    font-weight: 600;
    margin: 0 0 -4px 0;
}
.headerArea .headerContactDetails p.headEmail {
    font-size: 1.1em;
}


.headerImageAreaContentPage {
    width: 100%;
    max-height: 275px;
    overflow: hidden;
}
.headerImageAreaContentPage #slides img {
    width: 100%;
}


.headerImageArea img {
    width: 100%;
}

.quickLinksMenu2019 {
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1000;
}
.quickLinksMenu2019 ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.quickLinksMenu2019 ul li {
    width: 24%;
}
.quickLinksMenu2019 ul li .theContentBox {
    padding: 10px;
    border-right: 1px solid #e22a1b;
    text-align: left;
}
.quickLinksMenu2019 ul li:last-child .theContentBox {
    border-right: none;
}
.quickLinksMenu2019 ul li h4 {
    font-size: 1.2rem;
    margin: 0 0 10px 0;
    font-weight: 400;
    color: #e22a1b;
}
.quickLinksMenu2019 ul li p {
    font-size: 0.9rem;
    color: #5c5c5c;
    font-weight: 300;
    line-height: 1.3rem;
}
/*
.quickLinksMenu {
    margin: 0 auto 0;
    text-align: center;
    position: relative;
    z-index: 1000;
}
.quickLinksMenu h2 {
    background-color: #FFF;
    border-radius: 8px 8px 0 0;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 50px;
    font-weight: 300;
    color: #9b9a9a;
    font-size: 1.8em;
}
.quickLinksMenu ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    overflow: auto;
    border-bottom: 1px solid #9a9a9a;
}
.quickLinksMenu ul li {
    display: inline-block;
    padding: 5px 20px 0;
    margin: 0;
    width: 10%;
    height: 100%;
    vertical-align: top;
}
.quickLinksMenu ul li h4 {
    font-weight: 300;
    font-size: 1.1em;
}

*/
.contentArea {
    color: #5c5c5c;
    font-weight: 200;
    margin-bottom: 30px;
    overflow: auto;
}

.contentArea .imageCol {
    width: 150px;
    margin: 0 10px 0 0;
    padding: 30px 0 0 0;
    float: left;
    height: 100%;
    text-align: center;
}
.contentArea .imageCol img {
    width: 125px;
}

.contentArea h1 {
    font-weight: 200;
    color: #e22a1b;
    margin: 20px 0;
}
.contentArea h2 {
    font-weight: 200;
    color: #e22a1b;
    margin: 10px 0 1px 0;
    font-size: 1.4em;
}
.contentArea p,
.productSummaryBoxes p,
.textAreaCol1 p {
    margin: 0 0 10px 0;
    font-weight: 200;
    color: #5c5c5c;
    line-height: 1.35em;
}
.contentArea b,
.contentArea strong {
    font-weight: 400;
}

.contentArea .col1 {
    float: left;
    width: 340px;
    text-align: left;
}
.contentArea .mapCol {
    float: right;
    width: 400px;
    text-align: center;
}

.contentArea .productSummary {
    width: 305px;
    height: 375px;
    padding: 0;
    border: 2px solid #e9e9e9;
    margin: 0 10px 10px 0;
    float: left;
    overflow: hidden;
}
.contentArea .productSummary a {
    font-weight: inherit;
}
.contentArea .productSummary .imgArea {
    width: 305px;
    height: 180px;
    margin: 0;
    overflow: hidden;
}
.contentArea .productSummary .imgArea img {
    height: 180px!important;
    width: auto!important;
}
.contentArea .productSummary h2,
.contentArea .productSummary p {
    margin: 0 15px 5px;
}
.contentArea .productSummary h2 {
    margin-top: 15px;
    font-weight: 400;
    font-size: 1.3em;
}

.contentArea .productSummary:hover {
    background-color: #e22a1b;
    color: #FFF;
    border: 2px solid #e22a1b;
}
.contentArea .productSummary:hover p,
.contentArea .productSummary:hover h2 {
    color: #FFF;
}
.contentArea .productSummary:hover p a {
    text-decoration: underline;
}

.contentArea .introQuote {
    font-size: 2rem;
}
.contentArea .detailsBoxOut2021 {
    padding: 0;
    border: 1px solid #64A517;
    margin: 20px auto 0;
}
.contentArea .detailsBoxOut2021 h2 {
    padding: 5px 10px;
    background-color: #64A517;
    color: #FFF;
    margin: 0 0 10px;
}
.contentArea .detailsBoxOut2021 p {
    margin: 0 20px 10px;
    font-size: 1rem;
    line-height: 1.5em;
}
.contentArea .detailsBoxOut2021 ul {
    list-style: none;
    margin: 30px 20px 20px;
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: space-around;
}
.contentArea .detailsBoxOut2021 ul li {
    width: 30%;
    text-align: center;
}
.contentArea .detailsBoxOut2021 ul li img {
    width: 80%!important;
    max-width: 150px;
    height: unset!important;
    margin: 0 auto 10px;
    display: block;
}
.contentArea .detailsBoxOut2021 ul li h3 {
    margin: 0 auto 5px;
    font-size: 1.4rem;
    color: #64A517;
}
.contentArea .detailsBoxOut2021 ul li p:last-child {
    margin-bottom: 0;
}

.imgColHome {
    width: 30%;
    float: left;
    padding: 30px 0 0 0;
}
.imgColHome img {
    display: block;
    width: 78%;
    margin: 0 auto;
}
.textColHome {
    float: left;
    width: 70%;
}




.homePromoBoxes {
    list-style: none;
    margin: 0;
    padding: 0;
}
.homePromoBoxes li {
    margin: 0 0 10px 0;
    padding: 20px 20px 100px;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    min-height: 5vh;
}
.homePromoBoxes li:last-child {
    margin-bottom: 0;
}
.homePromoBoxes li .textArea {
    padding: 0;
    margin: 0;
    z-index: 25;
    color: #e22a1b;
    overflow: auto;
}
.homePromoBoxes li .textArea h2 {
    font-weight: 300;
    font-size: 3.5em;
    margin: 0 0 20px 0;
}
.homePromoBoxes li .textArea ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
}
.homePromoBoxes li .textArea ul li {
    float: left;
    margin: 0;
    padding: 0;
}
.homePromoBoxes li .textArea ul li a {
    display: block;
    padding: 10px 20px;
    background-color: #e22a1b;
    color: #FFF;
    margin: 0 20px 20px 0;
    border-radius: 8px;
}
.homePromoBoxes li .textArea ul li a:hover {
    background-color: #5c5c5c;
}

.homePromoBoxes li:nth-child(2) .textArea {
    color: #FFF;
}
.homePromoBoxes li:nth-child(2) .textArea ul li a {
    color: #edcb2a;
    background-color: #FFF;
}
.homePromoBoxes li:nth-child(2) .textArea ul li a:hover {
    background-color: #e22a1b;
    color: #FFF;
}


.pagePromoFull {
    background-color: #e22a1b;
    color: #FFF;
    overflow: auto;
    padding: 8px 0;
    clear: both;
    margin: 0 0 10px 0;
}
.pagePromoFull h5 {
    float: left;
    font-size: 1.8em;
    font-weight: 200;
}
.pagePromoFull a {
    float: right;
    background: #FFF;
    color: #e22a1b;
    display: block;
    padding: 6px 45px 6px 12px;
    font-size: 1.2em;
    font-weight: 200;
    border-radius: 6px;
    background: url('/images/icons/more-arrow-circle.png') right 6px center no-repeat #FFF;
    border: 1px solid #e22a1b;
    margin: 0 0 0 10px;
}
.pagePromoFull a:hover {
    background-color: #e22a1b;
    color: #FFF;
    border: 1px solid #FFF;
}

hr.pageSplit {
    border: none;
    border-bottom: 1px solid #9a9a9a;
    clear: both;
    margin: 10px 0;
}


.reportsList {
    list-style: none;
    margin: 20px auto 0;
    padding: 5px 0 0 0;
    overflow: auto;
    max-width: 650px;
    border-top: 1px solid #9a9a9a;
}
.reportsList li {
    overflow: auto;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #9a9a9a;
}
.reportsList li .imageCol {
    width: auto;
    height: auto;
    padding: 10px 20px 0;
}
.reportsList li .imageCol img {
    width: auto;
    height: auto;
}
.reportsList li .contentCol {
    float: left;
    max-width: 500px;
}
.reportsList li .contentCol p {
    margin: 0 0 2px 0;
}

.textAreaCol1 {
    float: left;
    width: 640px;
}
.textAreaCol1 h3,
.comparisonTableArea h3,
.legalsInfo h3
 {
    color: #e22a1b;
    font-weight: 200;
    margin: 0 0 5px 0;
    font-size: 1.8em;
}
.productSummaryBoxes {
    float: right;
    width: 300px;
}

.productFeaturesArea ul {
    list-style: none;
    margin: 30px 0 0 30px;
    padding: 0;
}
.productFeaturesArea ul li {
    overflow: auto;
    margin: 0 0 10px 0;
    padding: 0 0 0 57px;
    background: url('/Images/icons/features-tick.png') top 4px left no-repeat;
}
.productFeaturesArea ul li .imageCol {
    float: left;
    width: 55px;
    padding: 5px 0 0 0;
}
.productFeaturesArea ul li .textCol {
    float: left;
    width: 535px;
    font-size: 1.1em;
}
.productFeaturesArea ul li h4 {
    font-size: 1.7em;
    color: #e22a1b;
    margin: 0 0 3px 0;
    font-weight: 200;
}

.beawareBoxout {
    padding: 20px 20px 20px 120px;
    background: url('/images/icons/beware-triangle.png') #e9e9e9 20px 20px no-repeat;
    margin: 20px 0;
}
.beawareBoxout p.preHeader {
    font-weight: 600;
    font-size: 1.2em;
    margin: 0 0 5px 0;
}
.beawareBoxout h3 {
    font-size: 1.8em;
    margin: 0 0 5px 0;
}

.productSummaryBoxes ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.productSummaryBoxes ul li {
    border: 1px solid #e9e9e9;
    margin: 0 0 15px 0;
    color: #5c5c5c;
    padding: 0 0 10px;
}
.productSummaryBoxes ul li h3 {
    padding: 12px 10px;
    background: #e22a1b;
    color: #FFF;
    font-weight: 200;
    font-size: 1.3em;
    margin: 0 0 15px;
}
.productSummaryBoxes ul li.prodSummary h3 {
    background: #e22a1b url('/images/icons/summary-icon.png') right 5px center no-repeat;
}
.productSummaryBoxes ul li.applyOnline h3 {
    background: #e22a1b url('/images/icons/apply-online.png') right 5px center no-repeat;
}
.productSummaryBoxes ul li.fileDownloads h3 {
    background: #e22a1b url('/images/icons/download-white.png') right 9px center no-repeat;
}
.productSummaryBoxes ul li p {
    margin: 0 15px 5px;
}
.productSummaryBoxes ul li.prodSummary p {
    font-size: 1.2em;
    line-height: 1.45em;
}

.productSummaryBoxes ul li.fileDownloads ul {
    list-style: none;
    margin: 15px 15px 0;
    padding: 0;
}
.productSummaryBoxes ul li.fileDownloads ul li {
    border: none;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 60px;
    background: url('/images/icons/pdf-icon.png') left center no-repeat;
    font-size: 1em;
    min-height: 30px;
}
.productSummaryBoxes ul li.fileDownloads ul li a {
    font-weight: 200;
}
.productSummaryBoxes ul li.applyOnline a {
    display: block;
    margin: 10px 20px 5px;
    border: 1px solid #e22a1b;
    padding: 10px;
    font-weight: 200;
    border-radius: 6px;
    font-size: 1.3em;
    background: url('/images/icons/more-arrow-circle.png') right 8px center no-repeat;
    color: #e22a1b;
}
.productSummaryBoxes ul li.applyOnline a:hover 
{
    background-color: #e22a1b;
    color: #FFF;
}

.beawareBoxout ol,
.beawareBoxout ul {
    color: #5c5c5c;
    padding-right: 30px;
    font-weight: 200;
    padding-left: 15px;
}
.beawareBoxout ol li,
.beawareBoxout ul li {
    margin-bottom: 10px;
}


.comparisonTable {
    margin: 20px 0;
}
.comparisonTable a {
    font-weight: inherit;
}
.comparisonTable td {
    border-right: 1px solid #FFF;
}
.comparisonTable tr:nth-child(even) td  {
    background-color: #e9e9e9;
}
.comparisonTable tr:nth-child(odd) td  {
    background-color: #F6F6F6;
}
.comparisonTable tr:nth-child(1) td {
    font-weight: 400;
    text-align: center;
    font-size: 1em;
    background-color: #e22a1b;
    color: #FFF;
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 20px;
}
.comparisonTable tr:nth-child(1) td img {
    max-width: 40px;
    max-height: 40px;
}
.comparisonTable tr td {
    text-align: center;
    padding: 10px 5px;
    font-size: 0.9em;
    width: 160px;
    color: #5c5c5c;
}
.comparisonTable tr td:nth-child(1) {
    text-align: left;
    font-size: 1em;
    font-style: italic;
    width: 125px;
    vertical-align: middle;
}
.comparisonTable tr td .cellHighlight {
    font-size: 1.8em;
    font-weight: 200;
}

.comparisonTableArea .comparisonTable {
    margin-left: auto;
    margin-right: auto;
}




.applicationForm {
    display: block;
    overflow: auto;
    width: 700px;
    margin: 20px auto;
}
.applicationForm .requiredMarker {
    color: #e22a1b;
    float: left;
    padding: 3px 5px 0 0;
}
.applicationForm .fieldError {
    display: block;
    clear: both;
}
.applicationForm ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
.applicationForm ul li {
    margin: 0;
    padding: 0;
}

.applicationForm .formError {
    background-color: #e22a1b;
    color: #FFF;
    text-align: center;
}
.applicationForm .formError h4 {
    margin-bottom: 0;
}
.applicationForm .formError p {
    color: #FFF;
    font-size: 1.3em;
    text-align: center;
}

.applicationForm ul li {
    border: 1px solid #EEE;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.applicationForm ul li h4 {
    display: block;
    padding: 6px 12px;
    background-color: #e22a1b;
    color: #FFF;
    font-weight: 200;
    font-size: 1.6em;
    margin: 0 0 10px 0;
}
.applicationForm ul li p,
.applicationForm ul li ul,
.applicationForm ul li .buttonArea {
    width: 97%;
    margin: 0 auto;
}
.applicationForm ul li p {
    margin-bottom: 10px;
    font-size: 1em;
}
.applicationForm ul li p.summaryLine {
    margin-bottom: 2px;
    text-align: center;
    font-size: 1.1em;
}
.applicationForm ul li p.summaryLine span {
    font-weight: 200;
}
.applicationForm ul li ul {
    border: 1px solid #EEE;
    margin: 0 auto 10px;
}
.applicationForm ul li ul li {
    border: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    border-bottom: 1px solid #FFF;
    background-color: #e9e9e9;
}


.applicationForm li.GDPRBox {
    padding: 10px;
}

.applicationForm li.GDPRBox p {
    margin: 0;
}

.applicationForm ul li ul li:last-child {
    border-bottom: none;
}
.applicationForm ul li ul li h5 {
    display: block;
    padding: 6px 12px;
    background-color: #e22a1b;
    color: #FFF;
    font-weight: 200;
    font-size: 1.3em;
    margin: 0;
}
.applicationForm ul li ul li .labelArea {
    width: 175px;
    padding: 0;
    float: left;
    min-height: 54px;
    text-align: right;
}
.applicationForm ul li ul li .dataEntryArea {
    width: 482px;
    padding: 5px;
    float: left;
}
.applicationForm ul li ul li label {
    font-size: 1.1em;
    font-weight: 200;
    padding: 15px 0 10px;
    display: block;
}
.applicationForm ul li ul li input[type="text"],
.applicationForm ul li ul li select {
    float: left;
    font-size: 15px;
    margin: 4px 5px 5px 0;
    width: 375px;
    padding: 5px;
    color: #9a9a9a;
}
.applicationForm ul li ul li input[type="text"]:focus,
.applicationForm ul li ul li select:focus {
    color: #000;
}

.applicationForm .buttonArea {
    text-align: center;
    padding: 10px;
    overflow: auto;
}
.applicationForm .buttonArea a {
    padding: 15px 50px;
    background-color: #e22a1b;
    color: #FFF;
    display: inline-block;
    border-radius: 10px;
}
.applicationForm .buttonArea a:hover {
    background-color: #5c5c5c;
}


.illustrationTable {
    width: 90%;
    margin: 10px auto;
    border: 1px solid #e9e9e9;
    border-right: none;
    border-collapse: collapse;
}
.illustrationTable th,
.illustrationTable td {
    text-align: center;
    padding: 4px 5px;
    margin: 0;
    font-weight: 200;
    border-right: 1px solid #e9e9e9;
}
.illustrationTable th {
    color: #FFF;
    background-color: #e22a1b;
    font-weight: 400;
}
.illustrationTable tr:nth-child(odd) {
    background-color: #e9e9e9;
}

.socialMediaLinks {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 10px 0 8px;
    background-color: #e22a1b;
    text-align: center;
    clear: both;
}
.socialMediaLinks li {
    display: inline-block;
    margin: 0 10px;
}





.footerArea {
    overflow: auto;
    padding: 20px 0 0;
}
.footerArea,
.footerArea p {
    font-weight: 200;
}
.footerArea a {
    font-weight: inherit;
    text-decoration: underline;
}
.footerArea a:hover {
    font-weight: 600;
}

.footerArea ul.footerCols {
    list-style: none;
    margin: 0 2%;
    padding: 0;
    width: 96%;
    overflow: auto;
}
.footerArea ul.footerCols li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: 25%
}
.footerArea ul.footerCols li  h3 {
    padding: 0;
    margin: 0 0 8px;
    font-weight: 300;
    font-size: 1.6em;
}
.footerArea ul.footerCols li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footerArea ul.footerCols li ul li {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 5px 0;
}
.footerArea ul.footerCols li ul li a {
    text-decoration: none;
}
.footerArea ul.footerCols li.contactCol p {
    margin: 0 0 2px 0;
}
.footerArea ul.footerCols li.contactCol p.telephone {
    font-size: 1.2em;
}
.footerArea ul.footerCols li.legalsCol img {
    margin: 0 0 10px 0;
}
.footerArea ul.footerCols li.legalsCol p {
    margin: 0 0 2px 0;
    font-size: 0.9em;
}

.postFooter {
    margin: 15px 0 0 0;
    padding: 5px 0 8px 0;
    border-top: 1px solid #9a9a9a;
    overflow: auto;
    font-size: 13px;
    color: #9b9a9a;
}
.postFooter p {
    margin: 0 10px;
}
.postFooter .leftAlign {
    float: left;
}
.postFooter .rightAlign {
    float: right;
}




.onlineApplicationArea {
    padding: 30px;
    max-width: 800px;
    margin: 0 auto;
}

.onlineApplicationArea h1 {
    font-weight: 400;
    color: red;
    margin: 0 0 5px 0;
}

.onlineApplicationArea h2 {
    font-weight: 400;
    color: red;
    margin: 20px 0 5px 0;
}

.onlineApplicationArea .notice {
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #5c5c5c;
}
.onlineApplicationArea .notice p {
    margin: 0 auto 15px;
}

.onlineApplicationArea .notice li {
    margin: 0 0 5px 0;
}
.onlineApplicationArea .notice li:last-child {
    margin-bottom: 0;
}

.onlineApplicationArea a.backLink {
    margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #e22a1b;
    background-color: #e22a1b;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    font-size: 0.9rem;
    border-radius: 10px;
}

.onlineApplicationArea .errorSummary {
    text-align: center;
    margin: 20px auto;
    width: 80%;
    border: 2px solid #e22a1b;
}
.onlineApplicationArea .errorSummary h2 {
    padding: 10px;
    background-color: #e22a1b;
    color: #FFF;
    font-weight: 600;
    margin: 0 auto 20px;
}
.onlineApplicationArea .errorSummary p {
    margin: 0 auto 20px;
}
.onlineApplicationArea .errorSummary ul {
    padding: 0;
    width: 90%;
    margin: 0 auto;
}
.onlineApplicationArea .errorSummary ul li {
    margin: 0 auto 20px;
    padding: 0;
    list-style-position: inside;
}

.onlineApplicationArea .applicationInProgressBox {
    border: 1px solid #e22a1b;
    padding: 20px;
    margin: 20px auto;
    text-align: center;
}
.onlineApplicationArea .applicationInProgressBox h3 {
    margin: 0 auto 15px;
    color: #e22a1b;
    font-size: 1.7rem;
    font-weight: 400;
}
.onlineApplicationArea .applicationInProgressBox p {
    margin: 0 auto 10px;
}
.onlineApplicationArea .applicationInProgressBox p a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #e22a1b;
    margin: 15px auto 0;
}
.onlineApplicationArea .applicationInProgressBox p a:hover {
    background-color: #e22a1b;
    color: #FFF;
}

.onlineApplicationArea h2.sectionHeader {
    border-bottom: 1px solid #e22a1b;
    padding-bottom: 10px;
}
.onlineApplicationArea .productSelectionList {
    list-style: none;
    margin: 10px auto 20px;
    padding: 0;
}
.onlineApplicationArea .productSelectionList li {
    display: flex;
    align-items: center;
    justify-content: stretch;
    flex-wrap: wrap;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e9e9e9;
}
.onlineApplicationArea .productSelectionList li a {
    font-weight: inherit;
    text-decoration: none;
}
.onlineApplicationArea .productSelectionList li h3,
.onlineApplicationArea .productSelectionList li p {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    border-bottom: none;
}
.onlineApplicationArea .productSelectionList li p {
    flex-grow: 1;
}
.onlineApplicationArea .productSelectionList li a.onlineApplicationLink {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    cursor: pointer;
}
.onlineApplicationArea .productSelectionList li a.onlineApplicationLink:hover {
    background-color: #e22a1b;
    color: #FFF!important;
    border: 1px solid #b8241e;
}
.onlineApplicationArea .productSelectionList li a.onlineApplicationLink.inactive {
    color: #9a9a9a;
}


.onlineApplicationArea .productSelection {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.onlineApplicationArea .productSelection li {
    margin: 0 0 10px;
    border: 1px solid #e22a1b;
    text-align: center;
}

.onlineApplicationArea .productSelection li a {
    display: block;
    padding: 30px;
}

.onlineApplicationArea .productSelection li a:hover {
    background-color: #e22a1b;
    color: #FFF;
}

.onlineApplicationArea .formError {
    border: 2px solid #e22a1b;
    padding: 20px;
    margin: 20px auto;
}
.onlineApplicationArea .formError h3 {
    margin: 0 auto 10px;
    color: #e22a1b
}
.onlineApplicationArea .formError p {
    margin: 0 auto 5px;
}

.onlineApplicationArea b.required {
    color: #e22a1b;
}
.onlineApplicationArea b.completed {
    color: #1e991c;
}

.onlineApplicationArea .documentsList {
    list-style: none;
    margin: 20px auto;
    padding: 0;
    width: 80%;
    min-width: 400px;
}
.onlineApplicationArea .documentsList li {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
}
.onlineApplicationArea .documentsList li h3 {
    margin: 0 auto 5px;
}
.onlineApplicationArea .documentsList li .col {
    padding: 20px 10px;
    width: 70%;
}
.onlineApplicationArea .documentsList li .col:first-child {
    text-align: right;
    width: 30%;
}
.onlineApplicationArea .documentsList li .col img {
    max-width: 100%;
}
.onlineApplicationArea .documentsList li a.theLink {
    display: inline-block;
    padding: 5px 10px;
    background-color: #e22a1b;
    color: #FFF;
    margin: 10px auto 0;
    border-radius: 10px;
    border: 1px solid #e22a1b;
    font-weight: 400;
}
.onlineApplicationArea .documentsList li a.theLink:hover {
    background-color: #FFF;
    color: #e22a1b;
}


.onlineApplicationArea article.applicationSection {
    margin: 0 auto 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
}
.onlineApplicationArea article.applicationSection h2 {
    font-size: 1.5rem;
    background-color: #e22a1b;
    padding: 10px 20px;
    border-radius: 20px 20px 0 0;
    color: #FFF;
    margin: 20px auto 0;
}
.onlineApplicationArea div.declaration {
    border-left: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    padding: 20px;
    margin: 0 auto -20px;
}
.onlineApplicationArea div.declaration p {
    margin: 0 0 8px 0;
}
.onlineApplicationArea div.declaration ul li {
    margin-bottom: 5px;
}
.onlineApplicationArea article.applicationSection ul.inputList {
    padding: 20px 30px;
    list-style: none;
    margin: 0;
    border: 1px solid #9a9a9a;
    border-top: none;
    border-radius: 0 0 20px 20px;
}
.onlineApplicationArea article.applicationSection ul.inputList li {
    display: flex;
    align-items: center;
    justify-content: stretch;
    flex-wrap: wrap;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #e9e9e9;
}
.onlineApplicationArea article.applicationSection ul.inputList li:last-child{
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.onlineApplicationArea article.applicationSection ul.inputList li label {
    width: 40%;
    text-align: right;
    padding: 10px 5px;
    font-size: 1rem;
    letter-spacing: 1px;
}
.onlineApplicationArea article.applicationSection ul.inputList li label .required {
    color: #e22a1b;
}
.onlineApplicationArea article.applicationSection ul.inputList li > div {
    text-align: left;
    margin-left: 10px;
}
.onlineApplicationArea article.applicationSection ul.inputList li input,
.onlineApplicationArea article.applicationSection ul.inputList li select {
    font-size: 1rem;
    padding: 5px 10px;
    border: 1px solid #9a9a9a;
    border-radius: 10px;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
}
.onlineApplicationArea article.applicationSection ul.inputList li input:focus,
.onlineApplicationArea article.applicationSection ul.inputList li select:focus {
    border-width: 2px;
    border-color: #000;
}
.onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse p {
    font-size: 0.9rem;
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}
.onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse p .required {
    color: #e22a1b;
}
.onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse select {
    margin: 0 5px 20px auto;
    border-width: 1px !important;
}
.onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    width: 80%;
    margin: 0 0 20px auto;
    height: 100px;
    padding: 5px;
}
.onlineApplicationArea article.applicationSection ul.inputList li.robotVerification {
    display: block;
}
.onlineApplicationArea article.applicationSection ul.inputList li.robotVerification p {
    display: block;
    text-align: center;
    margin: 20px auto 10px;
    font-size: 1rem;
}


.onlineApplicationArea .buttonArea {
    padding: 20px;
    text-align: center;
}
.onlineApplicationArea .buttonArea input[type="submit"],
.aButton {
    display: inline-block;
    margin: 20px 5px;
    border: 2px solid #e22a1b;
    color: #e22a1b;
    font-size: 1.1rem;
    letter-spacing: 1px;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #FFF;
    cursor: pointer;
}
.onlineApplicationArea .buttonArea input[type="submit"]:hover,
.aButton:hover {
    background-color: #e22a1b;
    color: #FFF;
}
.aButton {
    font-size: 1rem;
}

.applicaitonSections {
    list-style: none;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.applicaitonSections li {
    width: 28%;
    min-width: 240px;
    border: 1px solid #e22a1b;
    padding: 0;
    margin: 0 10px 20px;
}
.applicaitonSections li h2 {
    padding: 5px 20px;
    margin: 0 0 10px;
    background-color: #e22a1b;
    color: #FFF;
    min-height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    line-height: 1.3em;
    font-size: 1.2rem;
}
.applicaitonSections li h3 {
    margin: 0 auto 5px;
    font-size: 2rem;
    font-weight: 700;
    color: #e22a1b;
}
.applicaitonSections p {
    margin: 0 20px 5px;
    font-size: 0.9rem;
}

.applicaitonSections li p.status {
    display: none;
}
.applicaitonSections li.completed {
    border-color: #1e991c;
}
.applicaitonSections li.completed h2 {
    background-color: #1e991c;
}
.applicaitonSections li.completed h3 {
    color: #1e991c;
}
.applicaitonSections li.completed a.enterSection {
    color: #1e991c;
    border-color: #1e991c;
}
.applicaitonSections li.completed a.enterSection:hover {
    background-color: #1e991c;
    color: #FFF;
}
.applicaitonSections li.completed p.status {
    display: block;
    font-size: 3rem;
    margin: 0 auto 10px;
    color: #1e991c;
}
.applicaitonSections li.locked {
    border-color: #9a9a9a;
}
.applicaitonSections li.locked h2 {
    background-color: #9a9a9a;
}
.applicaitonSections li.locked h3 {
    color: #9a9a9a;
}

.applicaitonSections a.enterSection {
    display: inline-block;
    border: 1px solid #e22a1b;
    padding: 5px 10px;
    margin: 10px auto;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 10px;
    background-color: #FFF;
    color: #e22a1b;
    line-height: 1.3em;
}
.applicaitonSections a.enterSection:hover {
    background-color: #e22a1b;
    color: #FFF;
}

.submitApplication {
    text-align: center;
    padding: 20px 0 0;
}

a.submitApplication {
    display: inline-block;
    padding: 10px;
    border: 2px solid #e22a1b;
    margin: 20px auto;
}
a.submitApplication:hover {
    background-color: #e22a1b;
    color: #FFF;
}
.onlineApplicationArea a[disabled="disabled"] {
    color: #9a9a9a;
    border-color: #9a9a9a;
    background-color: #e9e9e9;
}

.onlineApplicationArea .applicationReview {
    margin: 30px auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.onlineApplicationArea .applicationReview article {
    margin: 0 0 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    width: 47%;
}
.onlineApplicationArea .applicationReview article:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}
.onlineApplicationArea .applicationReview article h4 {
    font-weight: 400;
    font-size: 1.1rem;
    position: relative;
    margin: 0 auto 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #e22a1b;
}
.onlineApplicationArea .applicationReview article h4 a.editLink {
    font-size: 0.8em;
    position: absolute;
    bottom: 5px;
    right: 0;
}
.onlineApplicationArea .applicationReview article p {
    text-align: center;
    margin: 0 20px 10px;
}
.onlineApplicationArea .applicationReview article ul p {
    font-size: 0.9rem;
    text-align: left;
    margin: 0 0;
}
.onlineApplicationArea .applicationReview article ul p.title {
    font-weight: bold;
}
.onlineApplicationArea .applicationReview article ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.onlineApplicationArea .applicationReview article ul li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 3px 0;
}
.onlineApplicationArea .applicationReview article ul li p:nth-child(2) {
    text-align: right;
}

.onlineApplicationArea.applicationComplete {
    text-align: center;
}
.onlineApplicationArea.applicationComplete .referenceBox {
    display: inline-block;
    margin: 20px auto 10px;
    max-width: 90%;
    padding: 10px 20px;
    border: 1px solid #e22a1b;
    font-size: 1.3rem;
}

.onlineValuationArea .headerSection {
    padding: 1px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background-color: #e22a1b;
    color: #FFF;
    margin: 0 auto 20px;
}
.onlineValuationArea .headerSection a.headerLink {
    background-color: #FFF;
    padding: 5px 20px;
    color: #e22a1b;
    display: flex;
    align-content: center;
    justify-content: center;
    line-height: 1.5;
}
.onlineValuationArea .headerSection a.headerLink:hover {
    background-color: #e22a1b;
    color: #FFF;
}
.onlineValuationArea .headerSection h3 {
    flex-grow: 1;
    text-align: center;
    line-height: 1.5;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 2px;
}

.onlineValuationArea h1 {
    text-align: center;
    border-bottom: 1px solid #e22a1b;
    padding: 0 0 20px 0;
    margin: 0 0 15px 0;
}
.onlineValuationArea p {
    text-align: center;
    margin: 0 auto 15px;
}

.onlineValuationArea h3.whatNow {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0 10px;
    background-color: #e22a1b;
    color: #FFF;
}

.wsDropdown {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0 5px;
    border: 1px solid #e22a1b;
}
.wsDropdown .theHeader {
    cursor: pointer;
}
.wsDropdown h3 {
    color: #e22a1b;
    font-weight: 300;
    text-align: center;
    margin: 0 auto 10px;
}
.wsDropdown h3 + p {
    margin: 0 auto 10px;
    font-style: italic;
}
.wsDropdown .theDetails p {
    margin: 0 40px 10px;
    line-height: 1.6em;
}
.wsDropdown .boxout {
    margin: 20px;
    padding: 20px;
    border: 1px solid #e22a1b;
}
.wsDropdown .boxout h6 {
    color: #e22a1b;
    font-size: 1.5rem;
    margin: 0 auto 10px;
    font-weight: 300;
}

table.onlineVaulations {
    margin: 20px auto;
    width: 100%;
    border-collapse: collapse;
}
table.onlineVaulations th,
table.onlineVaulations td {
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}
table.onlineVaulations th {
    padding: 5px 0;
    background-color: #e22a1b;
    color: #FFF;
    font-weight: 600;
}
table.onlineVaulations td {
    padding: 10px 0;
    border-bottom: 1px solid #e22a1b;
}

.DDInlineForm {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e9e9e9;
}
.DDInlineForm li {
    margin: 0 auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.DDInlineForm li label {
    width: 40%;
    text-align: right;
    margin: 0 10px 0 50px;
}
.DDInlineForm li input,
.DDInlineForm li select {
    font-size: 0.9rem;
}
.DDInlineForm li textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    line-height: 1.3;
    min-height: 5.2em;
}
.DDInlineForm li.buttonArea {
    display: block;
    text-align: center;
}
.DDInlineForm li.buttonArea .aButton {
    margin: 0 auto;
}



@media screen and (max-width: 960px) {
    .headerArea .estImage {
        display: none;
    }
    .headerArea .headerContactDetails {
        text-align: right;
        float: right;
        margin: 27px 10px 0 0;
        padding: 0;
    }

    .homePromoBoxes li .textArea ul li {
        clear: both;
    }

    .homePromoBoxes li .textArea h2 {
        font-size: 2rem;
    }
    .homePromoBoxes li .textArea ul {
        width: 100%;
    }

    .contentArea .productSummary {
        width: 48%;
        margin: 0 auto 10px;
    }

    .contentArea h1 {
        text-align: center;
    }


    .quickLinksMenu2019 ul {
        padding: 20px 0 0;
    }
    .quickLinksMenu2019 ul li {
        width: 48%;
        margin-bottom: 10px;
    }
    .quickLinksMenu2019 ul li .theContentBox {
        border: none;
    }

    .contentArea .productSummary,
    .contentArea .productSummary .imgArea,
    .textAreaCol1,
    .productSummaryBoxes,
    .productFeaturesArea ul li .textCol {
        width: 98%;
        margin: 0 auto;
        float: none;
    }

    .pagePromoFull {
        text-align: center;
    }
    .pagePromoFull h5 {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        font-size: 1.2rem;
    }
    .pagePromoFull a {
        display: inline-block;
        float: none;
        margin: 5px 10px;
        font-size: 1rem;
    }

    .comparisonTableArea {
        display: none;
    }

    .contentArea .col1,
    .contentArea .mapCol {
        float: none;
        margin: 0 auto 20px;
    }

    .applicationForm {
        width: 96%;
        margin: 0 auto;
    }
    .applicationForm ul li ul li {
        padding: 5px 0;
    }
    .applicationForm .buttonArea {
        padding: 10px 0;
    }

    .applicationForm ul li ul li .labelArea,
    .applicationForm ul li ul li .dataEntryArea {
        width: 98%;
        margin: 0 auto;
        float: none;
        text-align: center;
        min-height: unset;
    }
    .applicationForm ul li ul li .dataEntryArea {
        padding: 0;
    }
    .applicationForm ul li ul li label {
        padding: 0;
    }

    .applicationForm ul li ul li input[type="text"],
    .applicationForm ul li ul li select,
    .applicationForm .requiredMarker {
        width: auto;
        float: none;
        display: inline;
    }


    .onlineApplicationArea h2.sectionHeader {
        padding-bottom: 5px;
        text-align: center;
    }
    .onlineApplicationArea .productSelectionList li {
        display: block;
        text-align: center;
    }
    .onlineApplicationArea .productSelectionList li h3,
    .onlineApplicationArea .productSelectionList li p {
        text-align: center;
        margin: 0 auto 3px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li input {
        max-width: 200px;
        margin: 0 auto 10px;
        text-align: center;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li input[type="radio"] {
        margin-right: 5px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li select {
        text-align: center;
    }
    .onlineApplicationArea article.applicationSection .missingField {
        width: 100%;
        padding: 0 50px 0;
    }
    .onlineApplicationArea article.applicationSection ul.inputList {
        padding: 10px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li {
        padding: 0 0 10px;
        margin: 0 auto 10px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li label {
        width: 100%;
        margin: 10px auto;
        padding: 0;
        text-align: center;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li > div {
        text-align: center;
        width: 100%;
        margin: 0 auto 10px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li > div table {
        margin: 0 auto;
    }
    .onlineApplicationArea .errorSummary {
        margin: 20px auto;
        width: 100%;
    }
    .onlineApplicationArea .documentsList {
        min-width: 0;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse select,
    .onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse textarea {
        margin: 10px auto 20px;
    }
    .onlineApplicationArea article.applicationSection ul.inputList li.statementAndResponse textarea {
        width: 100%;
    }
    .onlineApplicationArea .applicationReview article {
        width: 100%;
    }
    .onlineApplicationArea .applicationReview article:nth-last-of-type(-n+2) {
        margin: 0 0 40px;
    }
    .onlineApplicationArea .applicationReview article:last-child {
        margin-bottom: 0;
    }

    .applicaitonSections li {
        width: 100%;
        margin: 0 auto 20px;
    }

    .footerArea ul.footerCols li {
        width: 47%;
    }

    .contentArea .detailsBoxOut2021 {
        padding-bottom: 10px;
    }
    .contentArea .detailsBoxOut2021 ul {
        flex-wrap: wrap;
    }
    .contentArea .detailsBoxOut2021 ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .contentArea .detailsBoxOut2021 ul li:last-child {
        margin-bottom: 0;
    }
}



@media screen and (max-width: 680px) {

    .headerArea .estImage {
        display: none;
    }

    .headerArea .headerContactDetails {
        display: none;
    }
    .headerArea .headerLogo {
        float: none;
        margin: 20px auto;
        padding: 0;
    }
    .quickLinksMenu2019 ul {
        border-top: 1px solid #e22a1b;
        padding: 0;
        margin: 10px auto 0;
    }
    .quickLinksMenu2019 ul li {
        width: 98%;
        margin-bottom: 10px;
    }
    .quickLinksMenu2019 ul li .theContentBox {
        text-align: center;
        border-bottom: 1px solid #e22a1b;
    }

    .homePromoBoxes li .textArea h2 {
        font-size: 1.5rem;
    }

    .contentArea .productSummary {
        width: 305px;
        margin: 0 auto 30px;
        float: none;
    }
    .footerArea ul.footerCols li {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px;
    }
}