/* Common */
body, table, input, select, textarea {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
body {background-color: #fff; text-align: center; }
body, form {margin: 0; padding: 0; }
input, select, textarea {font-size: 1em;}
img {border: 0;}
#content p {margin-top: 0.6em; margin-bottom: 0.6em; line-height: 1.6em;}

.img-right{float: right; margin: 5px 5px 0 10px; border: 1px solid #000;}
.imgright{float: right; margin: 0px 5px 0 10px;}
.imgleft{float: left; margin: 5px 15px 0 0px;}

.img-right-no-border{
      float: right; margin: 5px 5px 0 10px; 
}

h1 {color:#D45500; text-align: left; font-size: 14px; padding: 0px 0 0px 0; margin: .6em 0px;}
h2 {font-size: 12px; padding: 0px 0 0px 0; margin: 0.6em 0px; text-align: left; color: #870102;}
h3 {font-size: 13px;  padding: 0px 0 5px 0; margin: 0.3em 0px; color:#870102;}
/*h3.brd-btm{border-bottom: 1px solid #F46200; margin-top: 10px;}*/


p.pdflink{
  background-image: url(../images/site/i-pdf.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
}

h3.brd-btm{
background-image: url(../images/site/h3-bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
 margin-top: 10px;}
a {color: #D45500; }
.red{color: #980E10;}


/*Form Logic */
.f input, .f select, .f textarea { font-family: verdana; font-size: 12px;  }
.f input, .f textarea {width: 250px; }
.f select {width: 280px; }
.f textarea {height: 120px; }

.f label {width: 130px; float: left; font-weight: bold; margin-right: 5px; text-align: right; }
.f .button{width: auto;}
.f .form_row{width: 100%; margin-bottom: 3px;}
.f .val-error{text-align: right; color: #980E10; width: 420px;}
.f calendarDateInput{width : 4.4em;  margin-right: 5px;}
fieldset{margin-top: 5px;padding: 0px; border: 1px solid #DCDCDC; width:98%;}


div#content-right-full .product-details fieldset {
  margin-top: 15px !important
}

legend{font-weight: bold; color: #D65200; }
.f label.rad input{float: left; width: 30px;}

/* header */
#header{ width: 980px; margin: 0 auto; height: 140px; position: relative;}
#logo{position: absolute; top: 10px; left: 20px;}
#header-top-nav{
  position: absolute; top:0; right: 0px;
  background-image: url(../images/site/header-top-nav.gif); background-repeat: no-repeat;
  width: 485px; height: 30px;
  color: #fff;
  line-height: 25px;
  font-size: 11px;
}
#header-top-nav input {text-align:left; width:150px; background-image: url(../images/site/glass.jpg);background-position: right; background-repeat: no-repeat; border: 1px solid #630708;}
#header-top-nav .searchbut {text-align:center; width:auto; background-image: url(none);}
#header-top-nav label {color:#FFFFFF; float:none; margin-right:5px; font-weight: normal;}

#header-top-nav a{
  color: #fff;
  text-decoration: none;
}

#header-top-nav a:hover {
  color: #ccc;
}

/* navigation */

/*
#nav{ height: 40px; background-image: url(../images/site/nav-bg.jpg);  background-repeat: repeat-x; background-position: bottom;}
.nav-in{ width:976px; margin: 0 auto 0 auto; position: relative;}
.nav-in ul{ margin: 0; padding: 0; float: left; font-size: 12px ; width: 974px;}
.nav-in ul  li{display: inline;}
.nav-in ul li a{
  float: left; 
  height: 40px; 
  line-height: 40px; 
  margin-right: 1px; 
  text-decoration: none; 
  width: 120px;
  background-image: url(../images/site/nav-but.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  display: block;
  color: #fff;
  font-weight: bold;
}
.nav-in ul li a:hover, .nav-in ul li a.active{color: white;background-image: url(../images/site/nav-but-hov.gif);height: 40px;}

.nav-in ul  li  ul.drop{
  width: 200px;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #ccc;
  z-index: 150;
  
}

.nav-in ul  li  ul.drop li{
 display: block;
 
 width: 200px;
 z-index: 150;
  
}
*/

#nav-wrapper{
  
  	background-image: url(../images/site/nav-bg.jpg);
  	background-position: center bottom;
  	background-repeat: repeat-x;
}

#nav {
 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	 margin: 0px auto;
	 width: 974px;
	LIST-STYLE-TYPE:none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	background-repeat: repeat-x;
	background-position: top;
	height: 40PX;
}

#nav UL {
padding: 0px; 
margin: 0px;
list-style: none;
}
#nav li {
float: left;
display: block;
position: relative;
padding: 0px; 
margin: 0px;
text-align:center;
z-index:6;
}
#nav a {
color:#ffffff;
display:block;
LIST-STYLE-TYPE: none;
padding: 0px 0px 0 0px; 
margin: 0px;
text-decoration:none;
}
#nav li:hover {
background-image:url('images/layout/but_hov.gif');
}
#nav li ul {
	LEFT: -2000px;POSITION: absolute;
	BACKGROUND: #870102; 
	WIDTH: 200px; 

}

#nav li ul li {
	height: 35px;
	line-height: 35px;
}
#nav li.sfhover UL {
LEFT: 0px;
WIDTH: 132px;
background-image:none;
}
#nav .hi{
  height: 40px;
  line-height: 40px;
  width: 120px;
  background-image: url(../images/site/nav-but.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  margin-right: 1px;
  font-weight: bold;
}
#nav .hi.sfhover {

background-image: url(../images/site/nav-but-hov.gif);

}

#nav li.hi a.active {
LEFT: 0px;
background-image: url(../images/site/nav-but-hov.gif);
background-repeat: repeat-x;
}

#nav li.hi ul li a.active {
LEFT: 0px;
background-image: url(none);
background-repeat: repeat-x;
}




#nav .hi:hover {
  LEFT: 0px;
  background-image: url(../images/site/nav-but-hov.gif);
  background-repeat: repeat-x;
}


#nav li ul li{
}

#nav li ul a {
  border-top:#ccc solid 1px;
  color:#FFFFFF;
  display:block;
  width: 150px;
  text-align:left;
  text-decoration:none;
  text-indent: 5px;
  font-weight: normal;
}
#nav li:hover UL {
LEFT: 0px;
WIDTH: 150px;
background-image:none;

}
#nav li ul a:hover{
  border-top:#ccc solid 1px;
  color:#ffffff;
  text-align:left;
  background-color:#D65200;
  background-image:none;
}


/* Sub Header */
#info-panel{ height: 198px; border-top: 1px solid #fff; background-image: url(../images/site/info-bg-bg.jpg); background-repeat: repeat-y; background-position: center;}
#info-panel-in{
  width: 980px;
  height: 198px;
  position: relative;
  margin: 0 auto;
  background-image: url(../images/site/header-bg.jpg); 
  /*  background-image: url(../images/xmas-header.jpg);   */
  background-repeat: no-repeat;
  
}
#think{ position: absolute;  top: 15px;  left: 20px;}
#info-text{ position: absolute;  top: 44px;  left: 20px;  width: 650px;  text-align: left;  color: #fff;  font-size: 12px; }
#info-text p{ margin-top: 0.6em; margin-bottom: 0.6em; line-height: 1.6em;}

#info-text-xmas{ position: absolute;  top: 30px;  left: 240px;  width: 450px;  text-align: left;  color: #fff;  font-size: 12px; }
#info-text-xmas p{ margin-top: 0.6em; margin-bottom: 0.6em; line-height: 1.6em;}


#pict-bot{ position: absolute; top: 0px; right: 0;}
#pict-top{ position: absolute; top: -78px; right: 49px; }

/* Content */
#content{padding-bottom: 10px; padding-top: 10px;  width: 974px;  margin: 0 auto;  text-align: left; position: relative;}
#side-ad{position:absolute; top: 5px;right:-165px;}
#content-left{width: 475px; float: left; }
#content-right-full{ float: right; width: 718px;  text-align: left; position: relative; }
div#content-left{width: 240px; float: left;}
div#content-right{ width: 230px;  float: right; position: relative;}
div#content-mid{ width: 450px; float: left; margin-left: 17px; background-image: url(../dimages/site/code.gif); background-repeat: no-repeat; background-position: 5px 5px; min-height: 500px; position: relative;}


#content-mid ul,#content-right-full ul {
  margin: 0 0 0 20px;
  padding: 0;
}

#content-mid ul li,#content-right-full li{
  margin: 0.6em 0;
  padding: 0;
  
  list-style-image: url(../images/site/bullet.gif);
  line-height: 1.4em;
  
}

#content-mid b{
  color: #D45500;
}

.col_49_left{
  width: 49%;
  float: left;
}

.col_49_right{
  width: 49%;
  float: right;
}

#download li{
    list-style-image: url(../images/site/i-pdf.jpg);
}





/* footer */
#footer{background-color: #5B0507; height: 140px; position: relative;}
#footer-details{
  background-image: url(../imaSges/site/nav-bg.jpg);
  background-repeat: repeat-x;
  height: 25PX;
  line-height: 25PX;
  background-color: #DCDCDC;
}
#footer-in{width: 960px; margin:0 auto; position: relative; padding-top: 10px;}
h3.col{font-size: 13px;text-align: left; color: #fff; margin: 0;}
dl.col{
  line-height:1.5em;
  color: #fff;
  width: 450px;
  float: left;
  text-align: left;
  font-size: 12px; 
}
dl.col dt {
  float:left;
  width:70px;
  text-align:left;
  border-right: 1px solid #fff; 
  padding-right: 10px;
}
dl.col dd { 
  float: left;
  width: 350px;  
  margin: 0 0 0 10px;
  padding: 0;
}

#footer a{
  color: #fff;
}
#signature{width: 980px; margin: 4px auto 10px auto; padding-top: 5px; font-size: 10px; text-align: right; color: #980E10;}
#signature a{color: #808285; text-decoration: none;}

/* Categories Navigation */
#categories-box{background-color: #fff; width: 235px; margin-bottom: 10px;}
#categories-box-top{background-image: url(../images/site/round-head.gif); background-repeat: no-repeat; background-position: left top; height: 34px; border-bottom: 1px solid #fff;}
#categories-box-top h2{ color: #fff; margin: 0; padding: 0; line-height: 34px; text-indent: 10px; text-align: left;}
#categories-box-mid{ }
#categories-box-mid ul{ margin: 0; padding: 0;}
#categories-box-mid ul li{ margin: 0; padding: 0; list-style: none;}
#categories-box-mid ul li a{  
  font-weight: normal;
  background-image: url(../images/site/cat-bg.jpg);
  display: block;
  height: 25px;
  line-height: 25px;
  text-indent: 10px;
  text-decoration: none;
  color: #fff;  
  text-align: left;
  border-bottom: 1px solid #fff;  
  font-size: 11px;
}
#categories-box-mid ul li a:hover{background-color: #F46200; background-image: url(none);}
#categories-box-bot{ background-image: url(../images/site/round-foot.gif); background-repeat: no-repeat; background-position: left botom; height: 15px;}


/* Manufacturer Navigation */
#man-box img{ margin: 5px 0;}



/* Product List */
#product-list, #product-list-display { background-color: #fff; width: 720px; margin-top: 0px; text-align: center;}

#product-list-top{ background-repeat: no-repeat;  background-position: left top;  height: 35px;  border-bottom: 1px solid #ccc;}


#product-list-top-search{
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding-bottom: 5px;
  background-color: #F4F4F4;
}
#product-list-top-search select{
  width: 220px;
}

#loader{
 display: none;
  
  
    
}

#product-list-top-search h2{
background-image: url(../images/site/round-head.gif);  margin: 0 0 5px 0; background-repeat: no-repeat; background-position: left top; height: 34px; border-bottom: 1px solid #ccc; line-height: 34px; color: #fff; text-indent: 10px; background-color: #fff;
}


.product-list-mid{ padding: 5px 3px 10px 3px; background-color: #FCFAFA; float: left; width: 100%;border-bottom: 1px solid #ccc; }
.odd{ background-color: #fff;}

.special_wrap {background-color: #FEEFE5;}
.product-list-mid-text{ width: 550px;  float: left;  text-align: left;}
.product-list-mid p{margin: 0.3em 0;}
.product-list-mid h3{ color: #000;  margin-bottom: 0.0em;  font-size: 13px;}
.product-list-mid h4{ font-size: 11px; color: #000;  margin-bottom: 0.3em;  margin-top: 0.3em;}
.product-list-mid h3 span{color: #333;  margin-bottom: 0.3em;}
.product-list-mid .prod-img{ float: right;  width: 150px;  text-align: center;}
.product-list-mid img{ display: block;  border: 1px solid #F6EEEE;}
.img-note{display: block;  text-align: left;
background-image: url(../images/site/enlarge-bg.gif);
background-repeat: no-repeat;
background-position: left;
text-indent: 15px;
color: #F46200;
font-size: 10px;



}

a.more-info{
  background-image: url(../images/site/more-info.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 107px;
  height: 35px;
  line-height: 28px;
  text-indent: 15px;
  color: #fff; 
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
}

/* product detail page */
.product-details{ float: left; width: 560px;}

.product-img{ float: right; width: 150px; margin-top: 10px; margin-bottom: 10px;}
div.enq{background-color:#fff ;float: left; width: 100%; padding-bottom: 5px; margin-bottom: 5px;}


.product-img img{ right; width: 150px; margin-top: 5px; margin-bottom: 5px;}

h2.round {
background-color:#FFFFFF;
background-image:url(../images/site/round-head.gif);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #EFECEC;
color:#FFFFFF;
height:34px;
line-height:34px;
margin-top:0pt;
text-indent:10px;
}

.col_49_left{float: left; width: 49%;}
.col_49_right{float: right; width: 49%;}
.enq {margin-top: 10px;}
.enq .form_row{width: 100%; margin-bottom: 3px;}
.enq label{ width: 65px; float: left; line-height: 15px; text-align: right; font-weight: bold; padding-right: 5px;}
.enq input{ width: 190px; float:left:}
.enq input.long{ width: 468px; float:left:}
.enq textarea{ width: 190px; float:left; height: 80px;}
.enq .button{ width: auto;}

#pform label.error
{
	background:#FBFCDA url(../images/site/cancel.png) no-repeat scroll left center;
border:1px solid #DBDBD3;
font-size:11px;

margin-top:4px;
padding-left:20px;
width:209px;
text-align: left;
margin-left: 50px;
}

table.specifications{
  background-color: #F4F4F4;
  font-size: 11px;
}

table.specifications td{
  background-color: #F4F4F4;
  vertical-align: top;
}

tr.odd td{
  background-color: #FAFAFA;
  
}

table.specifications thead th{
  background-color: #F46200;
  color: #fff;
  padding: 5px;
}

table.specifications ul li{
 
}



/* Employment Page */
div.employ{
background-color: #FFF; width: 230px; padding-bottom: 5px; margin: 0 auto;
}




.employ input, .employ select, .employ textarea { font-family: verdana; font-size: 12px;  margin-left: 5px; }
.employ input, .employ textarea {width: 210px; }
.employ textarea {height: 120px; }

.employ label {width: 130px; float: left; font-weight: bold; text-align: left; margin-left: 5px; }
.employ .button{width: auto;}
.employ .form_row{width: 100%; margin-bottom: 3px;}
.employ .val-error{text-align: right; color: #980E10; width: 420px;}

/*Services Page */
.services{ 
  padding-left: 5px;
  margin-bottom: 10px;  
}


.services-in{  
  float: left;
  padding-top: 5px;
}

#content .services-in p{
  
}
.services b{
  color: #D45500;
}

/* Home Page*/

#current-specials{
  background-color: #F3F3F3;  
  background-image: url(../images/site/specials-btm.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 8px;
 
}


#current-specials h2{
  margin: 0;
}

#current-specials-in{

 width: 220px;
 margin: 0 auto; 
}


#current-specials ul{
  margin: 0;
  padding: 0;
}

#current-specials ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}


#current-specials ul li {
  margin: 0;
  padding: 0;
  display: block; 
  line-height: 1.5em;
  text-decoration: none;
  font-size: 11px;
  color: #000;
  border-bottom: 1px dashed #ccc;
  padding: 5px 0;
}


#current-specials ul li a{
  text-decoration: none;
}


.testimonials{
  background-image: url(../images/site/quotes-top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top:10px;
   margin-top: 10px;
  
}

.testimonials div{
  background-image: url(../images/site/quotes-btm.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.testimonials p{
  margin: 0 10px;
}



#hor-ad{
  position: absolute;
  top:25px;
  left: 00px;
}


#xmas{
  
  width: 720px;
  float: right;
 
  
  border-bottom: 1px solid #F46200;
}
#xmas-in{

  
}
/*
#specials_top_left h2, #specials_top_right h2{ 
color: #fff; 
margin: 0; 
padding: 0; 
line-height: 34px; 
text-indent: 10px; 
text-align: left;
}

#specials_top_left{
background-image: url(../images/site/specials_head_left.gif); 
background-repeat: repeat-x; 
background-position: left top; 
height: 34px; 
border-bottom: 1px solid #fff;}

#specials_top_right{
background-image: url(../images/site/specials_head_right.gif); 
background-repeat: no-repeat; 
background-position: left top; 
height: 34px; 
border-bottom: 1px solid #fff;}

#special_left{
  
  width: 360px;
  float: left;
  background-color: #f3f3f3;
  border-bottom: 1px solid #F46200;
  margin-left:4px;

}

#special_right{

  width: 360px;
  float: right;
  background-color: #f3f3f3;
  border-bottom: 1px solid #F46200;
}

#special-img{
float:right; 
vertical-align: bottom;
}
*/

#special_wrapper{
  width: 720px; 
  float: right;
  margin-bottom: 15px;
}


.specials_radio{
  width: 360px;
  text-align: center;  
 height: 185px;
 background-color: #f3f3f3;
 float: left; 
}

.specials_radio div{
  width: 340px;
  margin: 5px auto;
  text-align: left;
}

.specials_radio .icon{
  float: left;
  margin: 5px 5px 5px 0px;
  
}

.specials_radio h2{
 background-image: url(../images/site/specials_head_left.gif);
 line-height:34px;
 margin:0;
 padding:0;
 text-align:left;
 text-indent:10px;
 color: #fff;  
 
} 

.specials_radio h3{
  margin: 0;
  padding: 0;
}




/*free inspect */

.specials_inspect{
  width: 450px;
  text-align: center;  
 
 background-color: #f3f3f3;

 float: right; 
 margin-bottom: 10px;
}

.specials_inspect div{
  width: 430px;
  margin: 5px auto;
  text-align: left;
}

.specials_inspect .icon{
  float: left;
  margin: 5px 5px 5px 0px;  
}

.specials_inspect h2{
 background-image: url(../images/site/specials_head_right.gif);
 background-position: left;
 line-height:34px;
 margin:0;
 padding:0;
 text-align:left;
 text-indent:10px;
 color: #fff;  
} 


.specials_inspect h3{
  margin: 0;
  padding: 0;
}

#sub{
  width: 40px;
}




#meter-read{
  margin-top: 15px;
  float: left;
}

#log-job{
 margin-top: 15px;
 float: left;
 margin-right: 5px;
}



.special-box{
 
  font-size: 11px;
 
 
  
}

.special-box h4{
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0 5px 0;
  color: #D45500;
}

.special-box img{
  float: right;
  margin-left: 5px;
}

.special-box a {
  font-weight: bold;
  text-decoration: none;
}



.special{
 
  padding: 5px;
  background-color: #F46200;
  color: #fff;
  background-image: url(../images/site/special_trans.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
 
}

.special h4{
  color: #fff;
  margin: 0;
  font-size: 13px;
}

#signupbox{
  color:#999999;
  font-style: italic;
  width: 140px;
}


#man_des{
  text-align: left;  
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.current-jobs{
  background-color: #F8F8F8;
  padding: 10px;
  border: 1px solid #4C282C;  
  margin-top: 10px;
}

.current-jobs h2{
  color: #000;
}



#special-ad{
  background-image: url(../images/ad-background.jpg);
  width: 495px;
  height: 235px;
  position: relative;  
}

#special-ad h2{
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;   
}

#special-ad #text{
   position: absolute;
   top: 50px;
   left: 10px;
   width: 270px;
   
   
}

#special-ad #action{

 position: absolute;
   bottom: 20px;
   left: 10px;
  
}

.call_action{
  padding: 10px;
  font-size: 14px;
  background-color: #870102;
  font-weight: bold;
  color: #fff;
  margin: 15px 0;
  
}

.call_info{
  padding: 10px;
  font-size: 14px;
  background-color: #F36708;
  font-weight: bold;
  color: #fff;
  margin: 15px 0;
  
}

.call_info a{
  color: #fff;
}