/* add force style customisation in here */
@font-face {
	
	font-family: ArsonPro;
	src: url('../fonts/Arson-Pro-Regular.otf') format('opentype');
	
}

@font-face { 
	font-family: ArsonProBlack;
	src: url('../fonts/Arson-Pro-Black.otf') format('opentype');
}

body {
    font-family: ArsonPro;
    line-height: 1.42857143;
}

#cookieBannerId {
   font-family: ArsonPro;
}

.header-col1 { 
   text-align:center;
}

.header-col3 IMG { 
   width:199px;
}

.force_image { 
   height: 78px;
   width: 78px;
}

.footer-icons { 
   text-align:left;
   padding-top:10px;
}

.footer-icons A {
   padding-right:12px;
}

.footer-icons IMG { 
   height:72px;
   padding-bottom:10px;
}

.faqtable { 
   border: solid 1px black;
   border-collapse: collapse;
}

.faqtable THEAD {
    background-color: #E9E9E9;
}

.faqtable TH, .faqtable TD {
    padding: 2px 10px;
    border: 1px solid black;
}

.faq_heading { 
   background-color:#333F50;
   color:white;
}

.photo-grid-text { 
   background-color: #DBE5F1;
}

main { 
padding-bottom:30px;
margin-bottom:50px;
}

.Title {
   font-family: ArsonProBlack;
   text-align:center;
}

.top-menu li { 
   padding-bottom:10px;
}

.things-to-do LI { 
   padding-bottom:5px;
}

.link_block { 
    display:inline-block;
    width:400px;
}

.link_block img.top { 
    height:70px;
}

h2.Links {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    box-shadow: 10px 10px #FFCC80;
    color: white;
    font-weight: bold;
    font-size: 2.0em;
    text-align: left;
    background-color: #333F50;
    box-shadow: 10px 10px #FFCC80;
}


a {
    color: #337ab7;
    text-decoration: none;
}

.faq-header-dr {
    margin-top:10px;
    padding: 10px;
    border: solid 3px #DB1D00;
    border-radius: 10px;
    text-align: justify;
    color: #DB1D00;
}

.breadcrumb li a {
    color: #337ab7;
     font-weight: bold;
}


h1.NIP { 
background-color: #333F50; padding: 30px; box-shadow: 10px 10px #A7F771; color:white; font-weight:bold; font-size:3.0em;
}

div.NIPIndent {
width:90%; margin-left:auto; margin-right:auto;padding-top:20px; padding-bottom:20px;
}

h2.NIP {
width:96%; background-color: #333F50; padding:20px; box-shadow: 10px 10px #A7F771; color:white; font-weight:bold; font-size:2.0em;text-align:center;
margin-top:0;
}

h3.NIP {
width:90%; margin-left:auto; margin-right:auto; background-color: #333F50; padding:10px; box-shadow: 10px 10px #A7F771; color:white; font-weight:bold; font-size:1.5em;text-align:left;
}

.NIPBoxBlack { background-color: #333F50; color:white; text-align:center; padding:15px; font-size:larger;}
.NIPBoxGreen { background-color: #A7F771; color:black; text-align:center; padding:10px;}
.Larger { font-size: larger;font-weight:bold; }

.NIPWrapper {
    display: grid;
    grid-gap: 1px;
    grid-template-columns: [c1] 9% [c2] 9%  [c3] 9% [c4] 9% [c5] 9% [c6] 9% [c7] 9% [c8] 9% [c9] 9% [c10] 9% [c11] 9% [c12];
    grid-template-rows: [r1] auto [r2] auto [r3] auto [r4] auto [r5] auto [r6] auto [r7] auto [r8] auto [r9] auto [r10] 30px [r11] auto [r12];
    background-color: #fff;
    color: #444;
}

.NIPWrapper IMG {
    padding-left:40%;
}

.boxA {
    grid-column: c3 / c10;
    grid-row: r1 ;
}

.boxB {
    grid-column: c3;
    grid-row: r3 ;
}

.boxC { 
    grid-column: c9;
    grid-row: r3 ;
}

.boxD { 
    grid-column: c1 / c6;
    grid-row: r5 ;
}

.boxE { 
    grid-column: c7 / c12;
    grid-row: r5 ;
}

.boxF { 
    grid-column: c9;
    grid-row: r7 ;
}

.boxG { 
    grid-column: c1 / c6;
    grid-row: r9 ;
}

.boxH { 
    grid-column: c7 / c12;
    grid-row: r9 ;
}

.boxI {
    grid-column: c3 / c10;
    grid-row: r11;
}

.lineAB { 
    grid-column: c3;
    grid-row: r2;
}

.NIPwarn { margin-top:30px; border: solid 2px black; font-weight:bold; font-size:larger; padding:15px;}

.lineAC { 
    grid-column: c9;
    grid-row: r2;
}

.lineBD { 
    grid-column: c3;
    grid-row: r4;
}

.lineCE { 
    grid-column: c9;
    grid-row: r4;
}

.lineEF { 
    grid-column: c9;
    grid-row: r6;
}

.lineFH { 
    grid-column: c9;
    grid-row: r8;
}

.lineGH { 
    grid-column: c6;
    grid-row: r9;
}

.lineGH IMG { 
    width:100%;
    padding-left:0;
    padding-top:45%;
}

.lineDG { 
    grid-column: c3;
    grid-row: r6 / r9;
}


h1.SM { 
background-color: #333F50; padding: 30px; box-shadow: 10px 10px #F77E71; color:white; font-weight:bold; font-size:3.0em;
}

div.SMIndent {
width:90%; margin-left:auto; margin-right:auto;padding-top:20px; padding-bottom:20px;
}

h2.SM {
width:100%; background-color: #333F50; padding:20px; box-shadow: 10px 10px #F77E71; color:white; font-weight:bold; font-size:2.0em;text-align:center;
margin-top:0;
}

.COIndent LI { padding-bottom:10px;}



h1.SITE { 
background-color: #333F50; padding: 30px; box-shadow: 10px 10px #F7C171; color:white; font-weight:bold; font-size:3.0em;
}

div.SITEIndent {
width:90%; margin-left:auto; margin-right:auto;padding-top:50px; padding-bottom:20px; 
}


div.SITELocation { 
width:100%; display:table;
}

div.SITELocationTitle { 
height:60px;background-color: #333F50; padding-right: 30px; padding-left: 30px; color:white; font-weight:bold; font-size:2.0rem; display:table-cell; vertical-align:middle;
}

div.SITELocationValue { 
background-color: #F7C171; padding-left: 30px; color:#333F50; font-weight:bold; font-size:2.0rem; width:100%; display:table-cell;vertical-align:middle;
}

div.SITEDETAIL {
background-color: #DDD; padding:30px; border:1px solid black; float:left; width:49%; margin:3px;
}

div.SITEDETAIL3 { 
background-color: #DDD; padding:30px; border:1px solid black; float:left; width:32%; margin:3px; height:16rem;
}

div.SITEFieldType {
	font-size:2.0rem; font-weight:bold;
}

div.SITEFieldValue {
	font-size:2.0rem;
}

div.SITEClear {
clear:both; padding-bottom:20px;
}

div.SITELocationPhotoHeading {
background-color:#F7C171; padding:15px; color:#333F50; font-size:2.0rem; font-weight:bold;
}

div.SITELocationPhoto {
width:95%; margin-left:auto; margin-right:auto; padding-top:10px;
}

div.SITELocationPhoto IMG {
text-align:center; 
}



div.SITEFooter {
background-color: #DDD; padding:30px; border:1px solid black; float:left; width:98%; font-size:2.0rem;
}

h1.SA { 
background-color: #333F50; padding: 30px; box-shadow: 10px 10px #FF6; color:white; font-weight:bold; font-size:3.0em;
}

div.SAIndent {
width:90%; margin-left:auto; margin-right:auto;padding-top:20px; padding-bottom:20px;
}

h2.SA {
width:100%; background-color: #333F50; padding:20px; box-shadow: 10px 10px #FF6; color:white; font-weight:bold; font-size:2.0em;text-align:center;
}

h3.SA {
width:90%; margin-left:auto; margin-right:auto; background-color: #333F50; padding:10px; box-shadow: 10px 10px #FF6; color:white; font-weight:bold; font-size:1.5em;text-align:left;
}

SPAN.SA {
color: #FF6;
}

h1.Links {
width:50%; margin-left:auto; margin-right:auto; background-color: #333F50; padding:10px; box-shadow: 10px 10px #FFCC80; color:white; font-weight:bold; font-size:2.0em;text-align:left;
}

h1.CO { 
background-color: #333F50; padding: 30px; box-shadow: 10px 10px #0FF; color:white; font-weight:bold; font-size:3.0em;
}

div.COIndent {
width:90%; margin-left:auto; margin-right:auto;padding-top:20px; padding-bottom:20px;
}

h2.CO {
width:100%; background-color: #333F50; padding:20px; box-shadow: 10px 10px #0FF; color:white; font-weight:bold; font-size:2.0em;text-align:center;
margin-top:0;
}

h3.CO {
width:90%; margin-left:auto; margin-right:auto; background-color: #333F50; padding:10px; box-shadow: 10px 10px #0FF; color:white; font-weight:bold; font-size:1.5em;text-align:left;
}

.COImportant { color:#DB1D00; font-weight:bold;}

.COHMCTS { font-size:larger; color:#333F50;font-weight:bold;text-align:center;}
.roundedWarning {
border:solid #DB1D00 2px; padding:20px; text-align:center;color:#DB1D00; border-radius:15px; font-weight: bold; vertical-align:middle; 
}

.roundedWarning p {
margin:0;
}

.COImageText {
display:flex;
align-items: center;
}


.blue
{
color: #000088;
}


.start-here-whatnext H2,
.start-here-summary H2,
.start-here-email H2,
.side-menu,
.side-menu ul li a, 
.offender_option,
.company_option,
.reason_option { 
background-color: #333F50;
}

.btn-primary { 
background-color: #333F50;
border: solid 5px #555F70;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus { 
background-color: #555F70;
color:white;
font-weight:normal;
}



.summary-label { 
   width:11.5rem;
}

.faq-alert { color:#DB1D00;border:solid 1px #DB1D00;border-radius:10px;padding:10px; text-align:justify; }

.underline { text-decoration: underline; }

.faq-providers { width:100%; border: solid 1px black; border-spacing:0;  border-collapse: collapse; }

.faq-providers > THEAD > TR { color:white; font-size:larger; background-color:#333F50; }

.faq-providers TR.odd { background-color:#FFA;}

.faq-providers TD { border: solid 1px black; }

.faq-providers-footer { width:360px; float:left; }

.faq-header { padding:10px;border:solid #DB1D00; border-radius:10px;text-align:justify;color:#DB1D00; margin-top:10px; margin-bottom:10px; }

.side-menu ul li a {
    border-left: 2px solid #333F50;
}


.sitetemplateimage { 
     border:solid 1px black; 
     max-width:100%;
}

.sitetemplateclear { 
    clear:both;
}