/* blue: Pantone 300 CVC = #0072C6
   http://www.goffgrafix.com/pantone-rgb-300.php
*/

body {
  background-color: #0F2B5B;
  text-align: center;
  font-size: 0.9em;
  }
  
#wrapper {
   margin: 20px 0px 30px 0px;
   width: 950px;
   background-color: white;
   margin-left: auto;
   margin-right: auto;
   
   
   }
   
p, li, a, h1, h2, h3, h4, h5, h6, ul, td, body {
   font-family:  Arial, Helvetica, sans-serif;
   }

p, h1, h2, h3, td {
   font-size:0.8em;
   line-height: 1.5em;
   }
   
h6 {
   /* image captions floated right */
   /**clear: none;*/
   padding: 0px;
   *width: 300px;
   text-align: right;
   margin: -10px 0px 0px 0px;
   *margin: 0px 0px 0px 0px;
   }   
   
td p, td h1, td h2, td h3 {
   font-size:1.0em;
   }
   
ul {
   margin: 0px;
   padding: 0px 0px 0px 30px;
   
      
   /* ^ fixes problem with lists sitting under floated images */
   }   

li { 
   padding: 0px 0px 0px 0em;
   margin: 0px 0px 0px 0em;
   }
   
table, td, tr {
   padding: 0px 0px 0px 0em;
   margin: 0px 0px 0px 0em;
   } 
   
#content table {
   width: 98%;
   }     
   
h1 {
   font-size: 1em;
   border-left: #0072C6 30px solid;
   padding-left: 0.5em;
   color: #0072C6;
   font-weight: bold;
   
   
   }

h2 {
   font-size:0.9em;
   border-left: #0072C6 20px solid;
   padding-left: 0.5em;
   margin-bottom: 20px;
   color: #0072C6;
   font-family: Georgia, Arial, Helvetica, sans-serif;
   font-weight: bold;
   }      
   
h3 {
   font-size:0.8em;
   *font-size:1.0em;
   color: #0072C6;
   }      

h4 {
   font-size:0.9em;
   font-family: Georgia, "Times New Roman", Times, serif;
   }      

   
/* header */   
   
#header {
   height: 188px;
 /*  background-image:url(../images/design2a-productpage950head-04.jpg);*/
   
   background-position: left bottom;
   background-repeat: no-repeat;
   position:relative;
   background-color: #0072C6;
   }
   
/* use 1,3,4,5 + home */   
   
.header1 #header { background-image:url(../images/headerimage1b_04.jpg); }
.header3 #header { background-image:url(../images/headerimage3b_04.jpg); }
.header4 #header { background-image:url(../images/headerimage4b_04.jpg); }
.header5 #header { background-image:url(../images/headerimage5b_04.jpg); }

.header6 #header { background-image:url(../images/headerimage6b_04.jpg); }
.header7 #header { background-image:url(../images/headerimage7b_04.jpg); }
.header8 #header { background-image:url(../images/headerimage8b_04.jpg); }
.header9 #header { background-image:url(../images/headerimage9b_04.jpg); }
.header10 #header { background-image:url(../images/headerimage10b_04.jpg); }
.header11 #header { background-image:url(../images/headerimage11b_04.jpg); }


.headermain #header { background-image:
url(../images/design3a-homepage950home-04.jpg);}
.home #header {
   background-image:url(../images/design3a-homepage950home-04.jpg);
   }
   
.header1 #topgraphic { background-image:url(../images/headerimage1b_02.jpg); }
.header3 #topgraphic { background-image:url(../images/headerimage3b_02.jpg); }
.header4 #topgraphic { background-image:url(../images/headerimage4b_02.jpg); }
.header5 #topgraphic { background-image:url(../images/headerimage5b_02.jpg); }

.header6 #topgraphic { background-image:url(../images/headerimage6b_02.jpg); }
.header7 #topgraphic { background-image:url(../images/headerimage7b_02.jpg); }
.header8 #topgraphic { background-image:url(../images/headerimage8b_02.jpg); }
.header9 #topgraphic { background-image:url(../images/headerimage9b_02.jpg); }
.header10 #topgraphic { background-image:url(../images/headerimage10b_02.jpg); }
.header11 #topgraphic { background-image:url(../images/headerimage11b_02.jpg); }

.headermain #topgraphic { background-image:
url(../images/design3a-homepage950home-02.jpg);}
.home #topgraphic {
   background-image:url(../images/design3a-homepage950home-02.jpg);
   } 

  
     
   
#topgraphic {
   height: 39px;
   margin-left: 0px;
   width: 155px;
  /* background-image:url(../images/headerimage11b_02.jpg);*/
   background-repeat: no-repeat;
   float: left;
   }   
   

#headerimagetopbit {
   position:absolute;
   top: 0px;
   left: 31px;
   }
   
#electroflowcontrolstitle, #electroflowcontrolsgrouptitle {
   position:absolute;
   width: 118px;
   text-align :center;
   font-family:  Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: white;
   top: 117px;
   left: 31px;
   padding: 0px;
   margin: 0px;
   }  
#electroflowcontrolstitle {
   font-size: 0.74em;
   }
#electroflowcontrolsgrouptitle {
   font-size: 0.85em;
   }

   
#headerstrap,#headerstrap2, #headerstrap3 {
   position:absolute;
   /*width: 400px;*/
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   /* for good results in xp - use cleartype 
      http://www.microsoft.com/typography/cleartype/tuner/step1.aspx  
   */
   color: #0F2B5B;
   top: 6em;
   font-size: 0.75em;
   left: 180px;
   padding: 0px 7px 0px 7px;
   margin: 0px;
   letter-spacing: 0.08em;
   line-height: 1.7em;
   background-color:#F5F5F5;
  
   }   

#headerstrap2 {
   top: 8.0em;
   }
 
#headerstrap3 {
   top: 10.0em;
   }
   
#phonenos {
   font-family:  Arial, Helvetica, sans-serif;
   color: white;
   font-size:0.7em;
   vertical-align:middle;
   right: 20px;
   text-align: right;
   position:absolute;
}

#phonewrapper {
   position: relative;
   }
   
#uktel, #ustel, #ukflag, #usflag {
   display: block;
   }   

#ukflag {
   right: 32em;
   position: absolute;
   top: 0.6em;

   }   

#uktel {
   right: 19em;
   position: absolute;
   width: 14em;
   top: 1.2em;
   }   
   
#usflag {
   right: 12.5em;
   position: absolute;
   top: 0.6em;
   }   

#ustel {
   right: 7px;
   position: absolute;
   width: 13em;
   top: 1.2em;
   }   
   


#menu {
   height: 26px;
   *height: 24px;
   background-color:#666666;
   font-family:     Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   position: relative;
   
   }
   
#menu a {
   color: white;
   }
#menu ul ul a {
   color: black;   
   }
#menu a:hover {
   color: #3399FF;
   }  
   
   
#searchform {
   position: absolute;
   right: 29px; /* allow smidge for button */
   top: 2px;
   }
 
#searchform input {
   width: 6em;
   font-size: 0.8em;
   }   
   
#searchform label {
   visibility: hidden;
   }   

  
#breadcrumbs {
   float: right;
   margin-right: 30px;
   margin-top: 10px;
   }  
   
#breadcrumbs {
   font-size: 0.75em;
   color: black;
   font-family:   Arial, Helvetica, sans-serif;
   }   
   
#breadcrumbs a {
   color: black;
   }   
   
/* end header */

/* content */   
   
#content {
   width: 890px;
   left: 31px;
   margin-top: 10px;
   padding-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
   min-height: 350px;

   text-align: left;
   }      

 .narrowcolumn {
   padding: 1% 0px 1% 2px;
   }

#col1of2, #col2of2 {
   float: left;
   padding: 1% 1% 1% 2px;
   }    
   
#col1of2 {
   width: 38%;
   }      
#col2of2 {
   width: 54%;
   padding-left: 5%;
   }      
   
#content .alignleft {
   float: left;
   clear: left;
   padding: 0px 10px 5px 0px;
   border: none;
   }   

#content #col2of2 .alignright {
   float: right;
   clear: right;
   padding: 0px 0px 5px 15px !important;
   border: none;
}

#content .alignright {
  
   padding: 0px 0px 5px 15px;
   max-width: 300px;

  /* _width: 300px;*/
   text-align: right;
   right: 0px; /* pin to right margin */
   }   

#content li {
   font-size: 0.8em;
   }

#content td li {
   font-size: 0.9em;
   *font-size: 1em;
   }

     
#content ul {
  /* overflow: hidden; */
   }
   
#content a {
   color: #0072C6;
   text-decoration: none;
   }

#content a:hover {
   text-decoration:underline;
   }
 
   
#content li
   {
   padding-bottom: 5px !important;
   }      
	 
.clearfloat {
   clear: both;
   margin-bottom: 3em;
   }
   	 
table td {
   vertical-align: top;
  /* text-align: left;*/
   padding: 15px 15px 15px 0px;
   border: none;
   
   }
   
   

	 
/* end content */

/* footer */

#footer {
   clear: both;
   height: 4em;
   background-color: #0F2B5B;
   position: relative;
 

   
   }
   
#footerdiv {
   background-color:#0072C6;
  /* round border ff safari */
 
 
   -moz-border-radius-bottomleft: 20px;
   -moz-border-radius-bottomright: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   width: 100%;
   height: 5em;
   margin-bottom: 15px;
   background-image:url(../images/dialscale3.jpg);
   background-position: 520px 10px;
   background-repeat: no-repeat;
   margin-left: 0px;
   padding-left: 0px;
   
   }   

#footerstrap {
   color: white;
   font-family:  Arial, Helvetica, sans-serif;
   font-style:italic;
   text-align: left;
   font-size: 0.90em;
   margin: 0.9em 0px 0px 31px;
   font-weight: bold;
   position:absolute;
   left: 0px;
   width: 60%;
   }   
   
#copyright {
   color: white;
   font-family:  Arial, Helvetica, sans-serif;
   text-align: left;
   font-size: 0.70em;
   margin: 3.2em 0px 0px 31px;
   position:absolute;
   left: 0px;
   width: 60%;
   }    
   
#wplogin, #stafflogin {
/*   right: 31px;*/
   top: 2px;
   position:absolute;
   margin: 1.0em 0px 0px 0px;
   padding: 2px 3px 2px 3px;
   border: 1px white solid;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   }

#wplogin {
   /*top: 25px;*/
   right: 8em;
   }
   
#stafflogin {
/*   top: 2px;*/
   right: 31px;
   }   
   
#wplogin a, #stafflogin a {
   color: white;
   font-size: 0.9em;
   text-decoration: none;
   line-height: 1.3em;
   
   }   

/* end footer */	 

/* wp search */

.narrowcolumn small {
   display:none; /* dont show page dates on search */
   }
   
.narrowcolumn .hentry {
   clear: both;
   }   
   
/* end search */

/* image treatment */

#content img {
    /* opacity on images for 4 browser types */
  /*
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	*/
	
	/*border: none;*/
   padding: 4px !important;
   border: 1px solid black;
   margin-bottom: 4px;
   right: 0px;

    }

#content td img {
	max-width: 300px;
    }
	
.noopaque, .page-id-284 img {
    /* set not opaque on certain images*/
    filter:alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
    }	
	
#content .aligncenter {
    border-right: 15px #eeeeee solid;
    border-left: 15px #eeeeee solid;
    border-top: 2px #eeeeee solid;
    border-bottom: 3px #eeeeee solid;
	
	
    }	
	
/* end image treatment */	  

/* page specific styles */

.page-id-518 #content img {
   max-width: 150px;
   }

.page-id-11 table td {
   width: 49%;
   }
   
.page-id-11 table {
   width: 80%;
   }  
   


.page-id-18 table {
   width: 80%;
   }     
   
.home-post-wrap, .page-id-11 td {
   padding: 1px 10px 10px 15px;
   *padding: 10px 10px 10px 15px;
   background-color:#EEEEEE;
  /* min-height: 280px;
   _height: 280px;*/
   margin: 0px 0px 20px 0px;
   background-image:url(../images/lightgreycorner.gif);
   background-position:bottom right;
   background-repeat:no-repeat;
   
   } 
   
#rssdisplay {
   background-color: #eeeeee;
   padding: 5px 20px 20px 20px;
   *padding: 1px 20px 20px 20px;
   -moz-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -webkit-border-radius: 10px;
   }   
      
   
.page-id-11 #content td {
   min-height: 6em;
   padding-top: 10px !important;
   }   

.page-id-11 #content td {
   border-right: white 20px solid;
   }

.page-id-11 table {
   margin-bottom:20px;
   }
   
.home-post-wrap ul {     
   overflow: hidden; 
   }
   
.home-post-wrap img {
   margin-right: 30px;
   } 
   
.home-post-wrap hr {
   clear: both;
   visibility: hidden;
   
   }
   
#oilpricewidget {
   width: 30%;
   }

#oilpricewidget  {
  display: none;
  }

    /* products menu */
	
#prodmenuul li {
   float: left;
   list-style-type: none;
   background-image:url(../images/lightgreycorner.gif);
   background-position:bottom right;
   background-repeat:no-repeat;
   background-color:#EEEEEE;
   margin-right: 2em;
   margin-bottom: 2em;
   padding: 10px 10px 10px 20px;
   min-height: 15em;
   width: 26%;
   font-size: 1.0em;
   color:#666666 !important;
   }

#prodmenuul li li {
   float:none;
   background-image:none;
   min-height: 1em;
   width: 80%;
   font-size: 0.7em;
   margin-bottom: 0em;
   line-height: 1.5em;
   color:#0072C6;
   margin-right: 0px;
   padding: 0px;
   }
   
#prodmenuul li ul {
   padding-top: 10px;
   }   
   
/* main enquiry form */



#mainenquiryform td td {
   background-image:url(../images/lightgreycorner.gif);
   background-position:bottom right;
   background-repeat:no-repeat;
   background-color:#EEEEEE;
   padding-left: 2em;
   padding-top: 1em;
   width: 45%;
   font-size:0.8em;
   *font-size: 0.9em;
   line-height: 1.5em;
   *line-height: 2.5em;
   font-family:   Arial, Helvetica, sans-serif;
   }
   
#mainenquiryform textarea { 
   font-family:   Arial, Helvetica, sans-serif;
   font-size:0.9em;
   *font-size: 1.2em;
   display: block;
   width: 70%;
   height: 6em;
   }   

#mainenquiryform #startline {
   margin-bottom: -15px;
   }

#mainenquiryform td tr {
   margin-bottom: 2em;
   }
      
#mainenquiryform td th {   
   background-color: #999999;
   color: white;
   border-top: 10px white solid;   
   font-size: 0.8em;  
   
   padding-left: 2em; 
   }


   
#mainenquiryform label {
   display: block;
   }   

#mainenquiryform #detailsbox label {
   position: relative;
   min-height: 2em;
   }
   	
#mainenquiryform #detailsbox input {
   left: 9em;
   position:absolute;
   }
   
#mainenquiryform #detailsbox,#mainenquiryform #detailsboxh {
   border-right: 40px white solid;
   }   
   
/* customer feedback form */

#customerfeedbackform th {   
   background-color: #999999;
   color: white;
   border-top: 10px white solid;   
   font-size: 0.8em; 
   text-align: left; 
   padding: 5px 10px 5px 10px;
   }  
   
#customerfeedbackform #maintable {
   width: 90%;
   margin: auto;
   }   
   
   
#customerfeedbackform label {
   display: block;
   } 
   
#customerfeedbackform #ratingmatrix {
   width: 90%;
   border: 1px solid #999999;
   }  

#customerfeedbackform #ratingmatrix th {
   padding-top: 2px !important;
   border-top-width: 0px;
   }
   
#customerfeedbackform #ratingmatrix td {
   text-align: centre;
   padding:  5px 10px 5px 10px;
   margin: 0px;
   }
   
#customerfeedbackform #ratingmatrix .col1 {
   text-align: left;
   }   
   
#customerfeedbackform table {
   margin-bottom: 5px;
   
   }
   
#customerfeedbackform table table {
   margin-bottom: 1em;

   width: 90%;
   }  

#customerfeedbackform #t1 label, #customerfeedbackform #t4 label {
   position: relative;
   }  
   
#customerfeedbackform #t1 td, #customerfeedbackform #t4 td {
   line-height: 1.8em;
   *line-height: 2em;
   }   
   
#customerfeedbackform #t1 input, #customerfeedbackform #t4 input {
   left: 9em;
   position:absolute;
   }
   
#customerfeedbackform #t2 {
   border: 1px solid #999999;
   }
   
#customerfeedbackform #t2 th {
   margin-top: 0px;
   padding-top: 2px;
   border-top-width:0px;
   padding-left: 10px;
   }   

#customerfeedbackform #t2 td {
   padding: 10px 10px 10px 10px;
   line-height: 1.8em;

   }  

   
#customerfeedbackform h3 {
   padding: 5px;
   margin:0px;   
   color: black;
   }

#customerfeedbackform #submitbutton {
   margin-left: 40%;
   margin-top: -2em;

   }
   
#customerfeedbackform td td, #customerfeedbackform td th {
   *font-size: 1em;
   }
   
   
/* careers form */

.page-id-15 .formtype span {
   left: 10em;
   position: absolute;
   }
   
.page-id-15 .formtype  {
   position: relative;
   }   
   
.page-id-15 .wpcf7-mail-sent-ok {
   color: red;
   }
   


#careersform { 
   background-image:url(../images/lightgreycorner.gif);
   background-position:bottom right;
   background-repeat:no-repeat;
   background-color:#EEEEEE;
   width: 50%;
   padding: 20px;
   margin-left: 100px;
   margin-top: 2em;
   }  
   
/* end page specific styles */

/* disable menu thankyou pages showing */

 .page-item-694 { display: none !important; }
 .page-item-527 { display: none !important; }
 .page-item-486 { display: none !important; }

/* end disable menu thankyou pages showing */