@import 'editor.css';
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#4d4d4d;
background:#d9d9d9;
margin:0px;
padding:0px;
}

a
{
text-decoration:none;
color:#171868;
}

a:hover
{
text-decoration:underline;
}

img
{
border:none;
}

h3
{
font-size:18px;
font-weight:normal;
}

.grid_9 p
{
line-height:20px;
}

.title
{
color:#FFF;
font-size:20px;
color:#FFF;
background:#0077B3;
padding:10px;
}

.curved
{
-moz-border-radius:6px;
border-radius:6px;
}

.leftblock
{
padding:10px;
padding-top:0px;
padding-left:35px;
margin-left:10px;
}

.leftblock.envelope
{
background:url('../images/envelope_contact.png');
background-repeat:no-repeat;
background-position:top left;
}

.leftblock.phone
{
background:url('../images/phone_contact.png');
background-repeat:no-repeat;
background-position:top left;
}

#container
{
padding-left:15px;
padding-right:15px;
background:#FFF;
}

#menu
{
background:#0077B3;
}

#top_contact
{
padding-right:30px;
padding-top:30px;
}

#top_contact img, #top_contact span
{
float:right;
}

#top_contact span
{
margin-top:25px;
}

#top_contact a
{
color:#FFF;
}

#top_contact .email
{
margin-top:20px;
margin-right:20px;
}

#banner, #banner h1
{
text-align:center;
color:#000000;
font-size:35px;
font-weight:bold;
}

#banner
{
height:320px;
background:url('../images/banner.jpg');
color:#FFF;
}

#banner h1
{
margin-top:100px;
}

#Form_searchtest
{
margin:0px auto;
border:1px solid #0077B3;
width:610px;
}

#Form_searchtest fieldset
{
background:#FFF;
background:rgba(255,255,255,0.5);
width:600px;
padding:5px;
border:none;
margin-left:0px;
}

#Form_searchtest div
{
float:left;
}

#Form_searchtest input
{
float:left;
font-size:24px;
width:530px;
border:none;
height:50px;
background:none;
}
#Form_searchtest .Actions
{
display:none;
}
#Form_searchtest input.action
{
font-size:0px;
background:url('../images/search.png');
background-repeat:no-repeat;
width:50px;
height:50px;
margin-left:15px;
cursor:pointer;
}

#toggle-bar
{
  padding:15px;
  text-align:right;
  box-sizing:border-box;
  background:#0077B3;
  color:#FFF;
  font-size:18px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}

#toggle-bar.UserManualsPage
{
  background:#FF7A00;
}

#toggle-bar a
{
  color:inherit;
  font-size:19px;
  font-weight:bold;
}

#toggle-bar a:nth-child(1)::before, #toggle-bar a:nth-child(2)::after
{
  font-family: FontAwesome;
  content: "\f0a8";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  padding-right:5px;
}

#toggle-bar a:nth-child(2)::after
{
  content: "\f0a9";
  padding-right:0px;
  padding-left:5px;
}

.brand
{
text-align:center;
}


#home_title
{
background:#E7F0F5;
}

#home_title h1
{
margin:0px;
padding:10px;
color:#0077B3;
font-size:20px;
}

#homebrands a
{
font-size:1.3em;
}

#homebrands ul, #homebrands h2 {float:left;}

#homebrands ul
{
padding:0px;
list-style:none;
padding-bottom:10px;
border-bottom:1px solid #0077B3;
width:80%;
}

#homebrands h2
{
color:#FFF;
background:#0077B3;
width:20px;
padding:5px;
text-align:center;
margin-right:20px;
clear:left;
}

.brands ul
{
list-style:none;
}

.brands li
{
font-size:14px;
padding-bottom:10px;
}

.brands li a
{
padding-left:25px;
background:url('../images/pdf_32.gif');
background-repeat:no-repeat;
}

.brands .grid_3
{
  text-align:center;
  position: -webkit-sticky;
  position:sticky;
  top:0;
}

.faultcodes h2
{
  font-family:inherit !important;
  font-size:24px !important;
  color:#0077B3 !important;
  margin-top:20px !important;
}

.faultcodes table
{
  width:100% !important;
  font-family:inherit !important;
  border-collapse: collapse;
}

.faultcodes table th, td
{
  width:auto !important;
  border:1px solid #4d4d4d !important;
  padding:10px !important;
  box-sizing:border-box;
}

.faultcodes table th
{
  background:#0077b3 !important;
  color:#FFF;
  font-weight:bold;
}

.faultcodes table td
{
  font-weight:normal !important;
  font-size:inherit;
}

.faultcodes table tr:nth-child(odd)
{
  background:#D9D9D9 !important;
}

.faultcodes td a
{
  display:none;
}

.faultcodes p
{
  font-family:inherit !important;
}

#Form_enquiryform fieldset
{
border:none;
padding:0px;
}

#Form_enquiryform p
{
font-size:15px;
}

#Form_enquiryform input, #Form_enquiryform textarea, #Form_enquiryform select
{
width:94%;
padding:10px;
padding-left:5px;
border:1px solid #D9D9D9;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#Form_enquiryform textarea
{
height:100px;
font-family:Arial, Helvetica, sans-serif;
}

#Form_enquiryform select
{
width:100%;
}

#Form_enquiryform input.action
{
text-align:left;
color:#FFF;
cursor:pointer;
-moz-border-radius:6px;
border-radius:6px;
border:none;
background:#E79A36;
width:100%;
}

.brand_1
{
padding-left:15px;
}

#foot_title
{
background:#0077B3;
}

#foot_content .footbox
{
padding:10px;
}

.footbox img, .footbox span.img, .footbox p
{
float:left;
margin-right:10px;
}

.footbox p
{
clear:left;
}

.footbox span.img
{
margin-top:20px;
}

#foot
{
color:#FFF;
font-size:12px;
background:#021A32;
}

#foot span
{
padding:10px;
float:left;
}

#foot_content
{
font-size:14px;
}

#PageComments_holder fieldset
{
border:none;
padding:0px;
}

#PageComments_holder input, #PageComments_holder textarea
{
padding:5px;
border:1px solid #D9D9D9;
}

#menu ul
{
display:inline-block;
float:left;
list-style:none;
padding:0px;
margin:0px;
}

#menu ul li
{
float:left;
display:inline-block;
}

#menu ul li a
{
height:63px;
padding:12px;
text-align:center;
color:#FFF;
float:left;
display:block;
font-size:16px;
}

#menu ul li a:hover, #menu ul li.current a
{
background:#19519D;
text-decoration:none;
}

.mobile-menu-icon {
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 20px;
}
.mobile-menu-icon span {
    background: #68a6cf none repeat scroll 0 0;
    border-radius: 5px;
    display: block;
    float: left;
    height: 5px;
    margin-bottom: 5px;
    width: 30px;
}
.navigation {
    background: #68a6cf none repeat scroll 0 0;
    list-style: outside none none;
    padding: 0;
}
#menu .navigation ul
{
width:100%;
}
.navigation li {
    border-top: 1px solid #fff;
    color: #fff;
    padding-top: 10px !important;
padding-bottom:10px;
width:100%;
}
.navigation li.first {
    border: none;
}
.navigation li img {display:none;}
.navigation li a {
    display: block;
    text-decoration: none;
    width: 100% !important;
	background:none !important;
	padding:0px !important;
height:30px!important;
line-height:10px;
}