* {  margin: 0;  padding: 0;  box-sizing: border-box; }

html, body { height: 100%; font-size: 100%; scroll-behavior: smooth;}




body {
  font-size: 16px; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-weight: 400;
background:white;


 color:#404040;font-family: 'PT Sans', Helvetica, Arial, sans-serif;




/*
   font-family:Verdana, Geneva, sans-serif;

background:url(http://onlineaccidentbook.co.uk/graphix/pagebg.gif) top left repeat-x; 
*/
}






img{width:100%;	height:auto;	color:#c00;}


table{border-collapse:collapse;}

.printonly{display:none;}



p {  margin-top: 0; line-height:150%; }



a:link, a:visited, a:active {color:#399502 ; text-decoration:none;outline: 0;}
a:hover {color: #404040; text-decoration:none;}



.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:hover  {color:#404040;}


.icon{width:20px;height:20px;}


a.wht:link, a.wht:visited  {font-weight: bold;color:#404040;text-decoration:none;}
a.wht:hover {color: white; text-decoration:none;}
/* ---------------------- */

#wrapper {background:transparent;margin:0 auto;max-width:1500px;min-height:200px;padding:0px 0;}



#footer {text-align:center;font-size:0.8em;	clear:both;} 

.footermessage{display:none;}

.inner{padding:1em;margin:0 auto;background:cyan;}
/*--- HEADINGS ---*/







h1, h2, h3  {font-family: 'Arvo', Georgia, Times, serif; color:#1a7dc5;
  background: -webkit-linear-gradient(#3ec2e0, #1a7dc5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


h1 {font-size: 2.25em; line-height: 45px;}



h3{font-size:1em; margin: 0.5em 0;}

h4{font-size:2.5rem;	margin:0; line-height:auto;color: #F23B68;
  background: -webkit-linear-gradient(#F85E91, #F23B68);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} 
h5{font-size:1.3em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
h6{font-size:1.2em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}




.rbox {background:white;border-radius:10px;padding: 10px;}


.text-centre{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.inner{padding:1em;margin:0 auto;}

.rred{color:red;}
.grn{color:green;}
.blk{color:black;}
.blu{color:blue;}

.smally{font-size:0.7em;font-style:italic;}

.norm{font-family:Arial, Helvetica, sans-serif;font-weight:normal;background:transparent;font-size:0.75em;}


.null {display:none;}


.logo{width:100px;
/* height:100px; */
}

.smllit{font-style:italic; font-size:12px;line-height:140%;}



/*---------------------------*/


 ul.srvlist  {margin:5px;padding-left: 15px;  line-height:25px;list-style:none; }
 ul.srvlist li  {background:url(graphix/check.png) top left no-repeat; background-position:0 4px; padding-left:30px;  }

 ul.tiklist  {margin:5px;padding-left: 3px;  line-height:30px;list-style:none; }
 ul.tiklist li  {background:url(graphix/tikbox.png) top left no-repeat; background-position:0 0px; padding-left:25px;  }





/*---------------------------*/
.quotebox{ 
    border:4px solid #800000;
    margin: 20px auto;
    width:98%;
padding: 6px; border: 2px solid #ccc;  
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;

}
.quote { font-style:italic;
    font-size:12px;
    line-height:140%;
}


.quote:before, .quote:after{
    color: #808080;
    font-family: serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 0px;
    vertical-align: bottom;
}



.quote:before {padding:0 5px 0 5px;
    font-family: Times New Roman, Times, Georgia, serif;
    content: '\201C';
}



.quote:after {padding:0 0 0 0px;
    font-family: Times New Roman, Times, Georgia, serif;
    content: '\201D';
}



.quotebox .author{    font-size:10px;
    font-style:italic;
    margin-top: 5px;
    padding-right:1em;
    text-align:right;
}






/* ----------------------------------- */

.gradbox {margin:5px auto;border-radius:20px;padding:10px;min-height:400px;

background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #EEEEEE 100%);

/* W3C Markup, IE10 Release Preview  */
background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EEEEEE 100%);




}

.gbox{
/* 
 background: -webkit-linear-gradient(left top, red , blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, red , blue); /* Standard syntax */
 */
}



/* ----------------------------------- */
#navx {
  position: fixed;
  top: 50px;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}


#navcontainer {font-family: 'Arvo', Georgia, Times, serif;

font-weight:bold;  padding: 0;border-radius:0px;

background:#FCD402;
/* 
   font-family:Verdana, Geneva, sans-serif;  
background: rgb(242,242,242); Old browsers 
background: -moz-linear-gradient(top, rgba(242,242,242,1) 1%, rgba(204,204,204,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,242,242,1)), color-stop(100%,rgba(204,204,204,1))); 
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(204,204,204,1) 100%); 
background: -o-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 1%,rgba(204,204,204,1) 100%); 
background: linear-gradient(to bottom, rgba(242,242,242,1) 1%,rgba(204,204,204,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 ); 
*/

}
#navcontainer ul{margin:0;list-style-type: none;text-align: center;padding:0 0;}
#navcontainer ul li { display:inline-block;  margin:3px 20px;}

#navcontainer ul li a{padding: 5px; 
font-size:1.5em;color:black;	/* ************************* */
 display:inline-block;  background:transparent;text-decoration: none;border-radius:4px;}

#navcontainer ul li a:hover{ background:transparent;   color:white;}

#navcontainer ul li span {display:none;color:red;}






/* ===================================*/

#rtreturn{line-height:1em;color:red;font-weight:bold;margin:0 0 10px 30%;font-family: Helvetica, Sans-Serif;font-size:12px;text-align:left;}
#rtsent{line-height:1em;font-weight:bold;color:green;
margin:0 0 10px 10px;font-family: Helvetica, Sans-Serif;
font-size:1em;background:transparent;border-radius:5px;padding:5px;display:none;text-align:center;}

.rtform{ width:80%;	margin:10px auto ;background:transparent;
display: inline-block;float:right;position:relative;
border-radius:10px;padding:10px 0;text-align:center;
}
.rtform fieldset{border:0px;}
.rtform label{text-align:right;          							font-size: 1.0em;
	width:20%;	display:inline-block;	float:left;	height:20px;
	margin-bottom:10px;padding-right:5px;}
.rtform label span{	font-size:9pt;	color: red;	padding-right:3px;}
.rtform input, textarea, select{	background-color:#fff;	color:#000;	font-size:10pt;font-family: Helvetica, Sans-Serif; 
	width:70%;margin:-7px 0px 15px 0px;	padding:5px;border:1px solid #CCC;border-radius:3px;}
.largertextarea, .largertextarea:focus{width:70%;	margin-top:0px;}

.rtformbutton{	color:#fff;	background-color:#08ABF0;
padding:5px 10px;	width:auto !important;border-radius:5px;}
a.rtformbutton:link, a.rtformbutton:visited {color : #fff;text-decoration : none;}

.rtformbutton:hover{width:auto !important;	background-color:blue;}




/*---------------------------*/

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:5px; -moz-border-radius:5px; border-radius:5px; background:#fff url(graphix/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(graphix/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}


/*---------------------------*/






	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}

	th { font-size:0.75rem;
text-align:center;
		color: white; 
		font-weight: bold; 
	}
	td, th { font-size:0.75rem;
		padding: 6px; 
		border: 1px solid #ccc; 
text-align:center;
	}





/*------------------------------------*/
/*------------------------------------*/
/* -- grid -- */



.row {min-height:10px;position:relative;background:transparent;  margin: 0 auto;   width:98%; margin: 0 auto 5px;vertical-align:top;}

.row:after {    content: "";    display: table;    clear: both; }

[class*='bit-'] {
  float: left;
  padding: 0.3em; 
/*   					border:1px dashed red;						  */




vertical-align:top;
display:inline-block;
}

.tope{margin:0;padding-bottom:0;}




.bit-1 {  width: 100%; }
.bit-2 {  width: 50%; }
.bit-3 {  width: 33.33333%; }
.bit-4 {  width: 25%; }
.bit-5 {  width: 20%; }
.bit-6 {  width: 16.66667%; }
.bit-7 {  width: 14.28571%; }
.bit-8 {  width: 12.5%; }
.bit-9 {  width: 11.11111%; }
.bit-10 {  width: 10%; }
.bit-11 {  width: 9.09091%; }
.bit-12 {  width: 8.33333%; }
.bit-15 {  width: 15%; }
.bit-20 {  width: 20%; }
.bit-25 {  width: 25%; }
.bit-30 {  width: 30%; }
.bit-35 {  width: 35%; }
.bit-40 {  width: 40%; }
.bit-60 {  width: 60%; }
.bit-65 {  width: 65%; }
.bit-70 {  width: 70%; }
.bit-75 {  width: 75%; }
.bit-80 {  width: 80%; }
.bit-85 {  width: 85%; }
.bit-90 {  width: 90%; }
/*------------------------------------*/

@media (max-width: 30em) {
.grid {width:100%; background:transparent;}
.notmob {display:none;}



}




/*------------------------------------*/


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

.grid {width:100%; background:transparent;}
.notmob {display:none;}
#headimg{display:none;}

/* h1, h2, h3, h4, h5, h6  {font-size:1em;} */




}