* {margin: 0; padding: 0; border: 0;}
body {font-family:Arial,Helvetica;color:#333333;background:#00a4e3;}
a {color:#00a4e3; padding: 0 2px;}
a:hover {color: #000;}
#center a {color: #00a4e3;}
#center a:hover {color: #000;}
h1 {margin: .6em 0; text-align: left; color: #000; font-size: 90%;}
h2, h3, h4, p {margin: 1em 0; text-align: left; font-size: 98%;}
ol {margin: 3px; padding:0; list-style-position: inside;}
ul {margin: 1em 2em;}
hr {color:#00a4e3; background-color:#00a4e3; height:1px; margin-top: 0px; margin-bottom: 1px;} /* General Site Colour */
img {border-color:#fff; padding: 3px 3px;}
#members_photo {float:right; border-style:outset; border-color:gray; border-width:7px; margin: 1em 0;}
#image_right  {float:right; margin-left: 3px;}
#right_image {float:right; border-style:outset; border-color:gray; border-width:0px; margin: 1em 0; margin: 2px 2px 2px 20px;}
#left_image {float:left; border-style:outset; border-color:gray; border-width:0px; margin: 1em 0; margin: 2px 20px 2px 2px;}
.article_img { padding:1px; border:0px solid gray; margin: 1px 1px 1px 0px;}
.article_img p {width:300px; margin-top:0px; margin-bottom:0px; font-size:0.8em; font-style:italic; padding-top:5px;}
.img_right {float:right; margin-left: 3px;}
#wrapperc {background:white;overflow:hidden;margin:20px;width:95%}
#wrapper {background: #fff; text-align: left; margin: 20px; font-size: 80%;}
#header, #subnav, #footer {clear: both; max-width: 100%!important;padding:30px;}
#header {color: #00a4e3; text-align: right; padding: 0px 0;}    /* General Site Colour - padding issue */
#subnav {background-color:#F5F5F5;color: #333; padding:5px;margin:5px;max-width: 100%!important;}
#subnav a{color: #000;text-decoration:none;}
#subnav a:hover{color: #000;}

#centerpad input[type=text] {display: block; margin: 0;  width: 50%; height: 20px;  line-height: 15px; font-size: 15px;  border: 1px solid #bbb;}
#footer {text-align:center; color:gray; background:#fff;} 
#footer div {padding: 1px 0;}
#contentfloatholder {float: left; width: 100%; position: relative;}
#contentfloatholder:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
#centerpad {margin: 0 200px;padding:10px;}
#centerpad {display: block;}
#center {color: #000; float:left; width: 100%; margin-right: -95%;}
#left {float:left;  width: 180px;  margin-left: -5%;}
#right {float:right;  width: 180px;}
#date {text-align:right;}
#small {text-align: center; font-size: 50%;}
#sitemeter {text-align:left; visibility: hidden;}

#sidenavcontainer {width:14.85em;font-size:12px;text-align:left;background-color:#F5F5F5;}
#sidenavcontainer a, #menu a:visited {text-decoration:none; background-color:#F5F5F5; color:#000; display:block; height:1.1em; border-bottom:2px solid #F9F9F9; padding:0.0em; text-indent: 1em}
#sidenavcontainer a:hover {background-color:F5F5F5;border-right:5px solid #00a4e3}
#sidenavcontainer a:visited {background-color:#F5F5F5;color:#636363;}
#sidenavcontainer strong {text-decoration:none; display:block; background-color:#F5F5F5;color:#000; height:1.3em; padding:0.0em; text-indent: 0.5em}


* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p {padding: 0 5px;}
#pagetop {float:left;padding:10px}
#wrapper {position: relative;z-index: 500;}

.rjrounded h6, .zrounded h6 {margin:0;font-size:1.0em; padding:5px 8px 10px 8px;background:#F5F5F5;}
.rjrounded p, .zrounded p {margin:0; padding:5px 0; font-size:10px; line-height:125%;background:#F5F5F5;}
.rjrounded { width:100%;   /*Adjust the width here*/ float:left; margin:0 0 0px 0;line-height:125%;}
.rjtop, .rjbottom {display:block; background:#Fff; font-size:1px;}
.rjb1, .rjb2, .rjb3, .rjb4 {display:block; ;overflow:hidden;}
.rjb1, .rjb2, .rjb3 {height:1px;}
..rjb1, rjb2, .rjb3, .rjb4 {background:#F5F5F5;} 
.rjb1 {margin:0 5px; }  
.rjb2 {margin:0 3px; border-width:0 2px; }
.rjb3 {margin:0 2px; }
.rjb4 {height:2px; margin:0 1px;}
.rjboxcontent {display:block; height:auto; background:#F5F5F5;}
div.rjboxcontent div{ padding: 0 4px 0 8px;}
* html .rjboxcontent {height:1px;}
.color_a {/* Change the site side menu colour here*/ color:#333333;}
.color_a a{margin-bottom: 2px;text-decoration:none;border-bottom: 1px solid #ccc;width:100%;}
@media only screen and (max-width: 900px) {
#image_right {display:block;float:none;margin:0 auto 20px !important;}
}
@media only screen and (max-width: 760px) {

img {display:block;float:none;margin:0 auto 20px !important;}
#hdim { display:none;}
#date{display:none}
#pagetop {width:100%;}
#pagetop img{max-width:95%!important;height:auto;margain:5px;}
#subnav a{display:inline-block;float:left;padding:5px 10px;line-height: 20px;width:90px;text-align:center}
#subnav a:hover{color:black!important;background:#f2f2f2}
#subnav:after{   content:"";    display:table;    clear:both;}
#centerpad {margin: 0}
#right {clear:both;display:block;float:left}
#footer img {max-width:100%!important;height:auto}
#topimage-right, #topimage-rightr, #topimage-rightt {display:none}
#left {width: 95%;padding:40px}
.nav{ display:block; width:100px;  position: absolute;top:-180px;right:80px; height:auto;margin-left:0px;padding: 0px;background-color:#fff;}
.menu { display: none; opacity: 0;}
.menu > li { display: block;width: 150px;  }
.menu > li > a { display: block; text-decoration: none; }
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ .menu { display: block; opacity: 1;}
.menu, .menu > li, .menu > li > a{height: auto;}
.menu > li > a{display:block;padding: 5px 5px;}
.menu > li > a:hover, .menu > li > a:focus{background: #F2F2F2;padding: 5px}
.toggle:after {content: 'Menu';display: block;width: 100px;background:#8fc144;padding: 10px 20px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;color: #FFFFFF;}
#toggle:checked + .toggle:after{content: 'Close Menu';}

}

img{max-width:100%!important;height:auto}
.grid_3 img{display:block;margin-left:auto;margin-right:auto}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:" ";display:table}
.clearfix:after,.row:after{clear:both}
.grid_3,.partners{margin-bottom:40px;position:relative;min-height:1px;padding:15px}
@media only screen and (min-width: 1200px) {
.row{display:table;width:100%;clear:both;border-spacing:10px;table-layout:fixed}
.grid_3{display:table-cell;width:25%;border:1px solid #ccc;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px}

}
/*24.) Partner Logo Animation
 ===============================================*/

div#footer a,
img.aaduki, img.loxley, img.permajet{padding: 1%;}

img.aaduki:hover, img.loxley:hover, img.permajet:hover{
-webkit-box-shadow: 0px 0px 20px 0px #ce8da0;
-moz-box-shadow: 0px 0px 20px 0px #ce8da0;
box-shadow: 0px 0px 20px 0px #ce8da0;
animation: none;

}

div#footer-logo img:hover{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

div.footer-logo img,
#Footer img.trustPilot{animation: none;}

/* pulse animation */
img.aaduki, img.loxley, img.permajet {animation: pulse 2.5s infinite; border-radius: 4px;}

@keyframes pulse {
  0% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px transparent;}
  10% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 1px #eb5c9d;}
  20% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 2px #f39323;}
  30% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 3px #feca1a;}
  40% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 4px #8ec045;}
  50% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 4px #55b14b;}
  60% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 3px #65bfac;}
  70% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 2px #00a4e3;}
  80% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 1px #7671b2;}
  90% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px #000000;}
  100% {-moz-box-shadow: 0 0 0 2.5px #ce8da0;box-shadow: 0 0 0 0px transparent;}
}

img.aaduki:nth-child(1){
    -webkit-animation-delay: 0.1s;
}

img.loxley:nth-child(1){
    -webkit-animation-delay: 0.2s;
}

img.permajet:nth-child(1){
    -webkit-animation-delay: 0.3s;
}

/* pulse animation */