/* Common */
body,table,input,select,textarea{font-family:Verdana,Helvetica,sans-serif; font-size:12px; }
body{background-color:#fff; text-align:center;background-image:url(../images/site/page-bg.jpg);  }
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;}
#content ul li{margin-top:0.4em; margin-bottom:0.4em; 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:13px; 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;} 

a{color:#E35501; text-decoration: none;}
a:hover{color:#6B0942; text-decoration: underline;}

.sub_note{
  border: 1px solid #ccc;
  padding: 5px;
  margin: 20px 10px;
  background-color: #efefef;
}

/*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 label.l{width:130px; float:left; font-weight:bold; margin-right:5px; text-align:left;  margin-bottom:3px;}
.f label.full{width:100%; float:left; font-weight:bold; margin-right:5px; text-align:left;  margin-bottom:3px;}
.f .button{width:auto;}
.f .form_row{width:100%; margin-bottom:5px; }
.f .val-error{text-align:right; color:#980E10; width:420px;}
.f calendarDateInput{width:4.4em;  margin-right:5px;}
fieldset{margin-top:5px;padding:10px; border:1px solid #DCDCDC; display: block;}
legend{font-weight:bold; color:#D65200; }
.f label.rad input{float:left; width:30px;}

/*Tables*/
.contact-details{
  background-color: #fff;
  width:99%;
}

.contact-details th{
    background-color: #FFE3C1;
}

.contact-details td{
 
   background-color: #F2F2F2;
}

#mapframe{
 border:1px solid #000000;
float:left;
height:250px;
margin-left:0px;
margin-top:10px;
margin-bottom: 10px;
padding:0;
width:610px;
   
}







/*header*/
#header{width:960px; margin:0 auto; height:148px; position:relative; background-image:url(../images/site/header-bg.jpg); background-repeat:no-repeat;}
#logo{position:absolute; top:15px; left:20px;}
#header-img{position:absolute;right:0;}
/*nav*/
#nav{position:absolute;top:106px; left:225px;width:750px;height:41px; text-transform:uppercase; z-index: 20;}
#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:#fff; display:block; padding:0px; margin:0px; text-decoration:none;}
#nav li ul{left:-2000px;position:absolute;background:#870102;width:200px; z-index: 20;}
#nav .hi{height:41px;line-height:41px;font-weight:bold; padding:0 10px;}
#nav li.sfhover ul{left:0px;width:132px;background-image:none;}
#nav li:hover ul{left:0px;width:150px; background-image:none;}
#nav li.sfhover a{color:#530C14;}
#nav li:hover a{color:#530C14;}
#nav li.sfhover ul li a{color:#fff;}
#nav li:hover ul li a{color:#fff;}
#nav li ul li{height:30px;line-height:30px;}
#nav li ul a{border-top:#ccc solid 1px; color:#fff; display:block; width:150px; text-align:left; text-decoration:none; text-indent:5px; font-weight:normal;}
#nav li ul a:hover{background-color:#D85600;}
/*Focus*/
#focus{margin:10px auto; width:960px; height:270px; background-color:#F4F4F4;}
/*Content*/


#content{padding-bottom:0px; padding-top:0px;  width:960px;  margin:0 auto 10px auto;   position:relative;}
#full{
  background-color: #fff;
  float: left;
  width: 100%;
  
}

#full-in{
  width: 920px;
  text-align: left;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
  padding-bottom: 10px;
  padding-top: 8px;
}

.imgs-rights{
  width: 300px;
  float: right;
  margin-left: 15px;
}

.imgs-rights img{
  border: 1px solid #000;
  margin-bottom: 5px;
}


#left-2-3{width:660px;float:left; background-color:#fff;}
#left-2-3-in{width:620px;margin:0 auto;  padding:10px 0; text-align: left;}
#top-news{background-image:url(../images/site/top-news.jpg);width:100%;height:37px; position:relative;}
#top-news h4{position:absolute; top:0; left:0; line-height:37px;margin:0; padding:0; width:175px; text-align:center; color:#fff; text-transform:uppercase;}
#top-news h4 a{color: #fff; text-decoration: none; }
#top-news p{position:absolute; top:0; left:190px; line-height:37px;margin:0; padding:0; width:660px; text-align:left; color:#D65200;  font-style:italic; font-weight:bold;}
.home-feature{width:280px;  margin:10px 15px;  float:left;   height: 255px;}
.home-feature-top{height:122px;  position:relative;}
.home-feature-top h4{position:absolute;  margin:0;padding:0;  top:0; left:10px;  line-height:30px;  color:#fff;  text-transform:uppercase;}
.home-feature-text{padding:5px 10px;}
.products-feature{background-image:url(../images/site/quality-products.jpg);  background-repeat:no-repeat;}
.tailored-solutions{background-image:url(../images/site/tailored-solutions.jpg);  background-repeat:no-repeat;}
.products-support{background-image:url(../images/site/support.jpg);  background-repeat:no-repeat;}
.expectations{background-image:url(../images/site/expectations.jpg);  background-repeat:no-repeat;}

/* Right Content */
#right-1-3{width:290px;  float:right;  }
#free-inspection{width:290px;  height:204px;  background-image:url(../images/site/free-inspection-box.jpg);  position:relative; margin-bottom:10px;  }
#free-inspection h4{position:absolute; top:0; left:0; line-height:37px;margin:0; padding:0 0 0 10px; width:175px; text-align:left; color:#fff; text-transform:uppercase;}
#free-inspection p{position:absolute; top:57px; left:0; margin:0; padding:0 0 0 10px; text-align:left; width:162px; }
#free-inspection-img{position:absolute; top:50px; right:7px;}
#signupbox{position:absolute;  top:160px;  left:15px;}
#sub{position:absolute;  top:158px;  left:162px;}
.standard-right{width:290px;;  background-image:url(../images/site/home-client-bg.jpg); background-position:bottom;  position:relative; margin-bottom:10px;  padding-bottom:20px; }
.standard-right h4{margin:0;padding:0 0 0 10px;   line-height:41px; line-height:41px; color:#fff;  text-transform:uppercase; background-image:url(../images/site/home-client-top.jpg);}
.standard-right-in{width:270px;  margin:0 auto;  text-align:left; }
#home-client{width:290px;  float:right;  margin-top:10px; background-image:url(../images/site/home-client-bg.jpg); background-position:bottom; }
#home-client h2{margin:0;padding:0 0 0 10px;   line-height:41px; line-height:41px; color:#fff;  text-transform:uppercase; background-image:url(../images/site/home-client-top.jpg);}
#home-client-text{padding:10px 10px 20px 10px; text-align:left;}

#categories-list{width:290px;  float:right;  margin-top:0px;  background-image:url(../images/site/home-client-bg.jpg);  background-position:bottom;    padding-bottom:20px;   text-align: left;  margin-bottom: 10px; }
#categories-list h2{margin:0;padding:0 0 0 10px; line-height:41px; line-height:41px; color:#fff; text-transform:uppercase; background-image:url(../images/site/home-client-top.jpg);}
#categories-list ul{margin:0;  padding:0;    }
#categories-list ul li{list-style:none url();   margin:0;  padding:0;    }
#categories-list ul li a{display:block;  line-height:30px;  text-indent:10px;  background-color:#F2F2F2;  border-top:1px solid #fff;  color:#000;  text-decoration:none;}
#categories-list ul li a:hover{background-color:#D85600;  color:#fff;}
#categories-list ul li a b{color:#D85600;}
#categories-list ul li a:hover b{color:#fff;}

#product-detail-list{width:290px;  float:right;  margin-top:10px;  background-image:url(../images/site/home-client-bg.jpg);  background-position:bottom;    padding-bottom:20px;   background-color:red;}
#product-detail-list h2{margin:0;padding:0 0 0 10px; line-height:41px; line-height:41px; color:#fff; text-transform:uppercase; background-image:url(../images/site/home-client-top.jpg);}
#product-detail-list ul{margin:0;  padding:0;    }
#product-detail-list ul li{list-style:none url();  margin:0;  padding:0;    }
#product-detail-list ul li a{display:block;  line-height:30px;  text-indent:10px;  background-color:#F2F2F2;  border-top:1px solid #fff;  color:#000;  text-decoration:none; text-align: left;}
#product-detail-list ul li a:hover{background-color:#D85600;  color:#fff;}
#product-detail-list ul li a b{color:#D85600;}
#product-detail-list ul li a:hover b{color:#fff;}




/*Home Page Scroller*/
#footer-logos{width:960px;  height:125px;  background-color:#F4F4F4;  margin:0px auto 10px auto;}
#footer-logos-in{width:920px;  height:125px;  background-color:#FFF;  margin:0px auto 0px auto;}
#footer-logos-in ul{margin:0;  padding:0;  padding:0px 0 0 0;  }
#footer-logos-in ul li{margin:0;  padding:0;  display:inline;  list-style:none; }
#footer-logos-in ul li img{margin:0 5px;  }
.simply-scroll-container{position:relative;}
.simply-scroll-clip{position:relative;overflow:hidden;z-index:2;}
.simply-scroll-list{position:absolute;top:0;left:0;z-index:1;overflow:hidden; margin:0;padding:0;list-style:none;}
.simply-scroll-list li{padding:0;margin:0;list-style:none;}
.simply-scroll-list li img{border:none;display:block;}
.simply-scroll{width:920px;height:135px;margin-bottom:0em;}
.simply-scroll .simply-scroll-clip{width:920px; height:125px;}
.simply-scroll .simply-scroll-list li{float:left;width:250px;height:125px;}

/* footer */
#footer{width:960px;height:92px;margin:0 auto; background-image:url(../images/site/footer-bg.jpg);background-repeat:no-repeat;background-color:#fff; position:relative;}
#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;}
#bottom-nav{margin:0;  padding:0;  text-align:left;  padding-left:10px;}
#bottom-nav li{display:inline;  }
#bottom-nav li a{color:#fff;  text-decoration:none;  font-weight:bold;  padding:0 10px;  line-height:44px;  text-transform:uppercase;}
#bottom-nav li a:hover{color:#530C14;}
#footer-logo{position:absolute;  top:10px;  right:40px;}
p#contact-details{position:absolute;  top:50px;  left:20px;}
p#contact-details a{color:#D85600; }
#signature{width:960px; margin:0px auto 0px auto; padding:5px 0px 0 0; font-size:10px; text-align:right; background-color:#fff;}
#signature a{color:#808285; text-decoration:none;}

/* Product List */
#product-list,#product-list-display{background-color:#fff; width:620px; 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:180px;}
#loader{display:none;        }
#product-list-top-search h2{color:#D85600; line-height:20px;}
.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:450px;  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;}
p.img-note a{display:block;  text-align:left;background-image:url(../images/site/enlarge-bg.jpg);background-repeat:no-repeat;background-position:left;text-indent:15px;color:#F46200;font-size:10px; text-decoration:none;}
a.more-info{background-image:url(../images/site/more-info.jpg);  background-repeat:no-repeat;  display:block;  width:107px;  height:35px;  line-height:32px;  text-indent:20px;  color:#fff;   font-weight:bold;  text-decoration:none;  margin-top:10px;}

 #product-list-display-50{
   background-color:#fff; width:450px; margin-top:0px; text-align:center;
   margin-top: 20px;
   float: left;
 }
 
 #videos{
   background-color:#fff; width:450px; margin-top:0px; text-align:center;
   margin-top: 20px;
   float: right; 
   text-align: right;
 }
 
 .product-list-mid-text-50{
 width: 300px;
 text-align: left;
 }
 
 #product-list-display-50 h2#head,#videos h2{
 background-color: red;
 background-image: url(../images/site/full-top-rounded.jpg);
 height: 37px;
 color: #fff;
 line-height: 37px;
 text-indent: 20px;
 text-transform: uppercase;
 margin: 0;
 
 }
 



/* product detail page */

#content-full{
  background-color: #fff;
  float: left;
  width: 100%;
}

#content-full-in{
  width: 920px;
  margin: 0 auto;
  text-align: left;
}


.product-details{float:left; width:580px;}
.product-img{float:right; width:320px; 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; float: left;}

table.product-image{

}
table.product-image td{
  vertical-align: top;
  
}
table.product-image img{
  border: 1px solid #ccc;
  padding: 1px;
}


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{}





/* liScroll styles */
  

  #ticker01{
    display:none;
  }

.tickercontainer { /* the outer div with the black border */
  position: absolute;
  top: 0;
  left: 180px;
width: 460px; 
height: 40px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 470px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 500px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #E35501;
font: bold 10px Verdana;
margin: 0 20px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


.news_list{
 border-bottom: 1px solid #F3F3F3;
 margin-bottom: 10px;
}

/*    
    <div class="news_list">
    <h2 class="news-heading">adasdas</h2>
    
    
    <div class="news-text">
    asdasdas
    
    </div>*/

.news-heading{
  background-color: #F2F2F2;
  line-height: 40px;
  height: 40px;
  text-indent: 10px;
  text-transform: uppercase;
  color: #D55401;
  
}

.news-text{
  padding: 10px;

}

.news-img{
  float: right;
  margin: 5px;
  border: 1px solid #000;
}
