body {
   color:#2f2e2f;
   background :#FFF;
   font: 62.5% Arial,Verdana,Tahoma;}




/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }
img, div, input { behavior: url("iepngfix.htc") }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select {color:#393939; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#b10000;
 text-decoration:underline;}

a:hover, a:active {text-decoration:none;}



/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
.wrapper{
  width:910px;
  margin: 0 auto;}

.right{float:right !important;}
.left{float:left !important;}
.imgreplace{text-indent:-9999px;overflow:hidden;}

/*-------------------------------------------------------------------------
                         HEADER
*-------------------------------------------------------------------------*/
#header {
  background:url('../images/ui/bg_header.jpg')  repeat-x center top;
  height:117px;}

#header .wrapper{
  width:920px !important;}

#header h1 a,
#header h2{
  display:block;
  text-indent:-9999px;
  overflow:hidden;}

#header h1 a{
  float:left;
  background:url('../images/ui/logo.png') no-repeat top left;
  width:510px;
  height:116px;}

#header h2{
  background:url('../images/ui/contactdetails.png') no-repeat top left;
  float:right;
  width:403px;
  height:114px;}

/*-------------------------------------------------------------------------
                      NAV
*-------------------------------------------------------------------------*/
#navigation{
  background:url('../images/ui/bg_nav.gif') repeat-x top left;
  height:41px;}

ul#main-nav{
  width:705px;
  font:1.8em Georgia;
  padding:1px 0 0 2px;
  float:left;
  background:url('../images/ui/border_nav.gif')  repeat-y top left;}

ul#main-nav li{
  float:left;
  padding: 0 2px 0 0;
  background:url('../images/ui/border_nav.gif')  repeat-y top right}

ul#main-nav li a{
  color:#FFF !important;
  display:block;
  float:left;
  padding: 8px 10px;
  height:23px;
  background:url('../images/ui/nav_hover.gif') repeat-x 0 -999999px;
  text-decoration:none !important}

ul#main-nav li a:hover{
  background-position:0 0 !important;}
  
ul#main-nav li a.active{
  background-position:0 0 !important;}

#navigation fieldset{
  width:190px;
  padding:9px 0 0 0;
  float:right;}

#navigation fieldset input.text{
  border:1px solid #FFF;
  float:left;
  width:145px;
  margin: 0 5px 0 0;
  height:21px;
  background:#FFF;}

/*-------------------------------------------------------------------------
                      BANNER
*-------------------------------------------------------------------------*/
#banner{
  background:url('../images/ui/bg_banner.gif') repeat-x top left;
  height:337px;
  padding:10px 0 0 0;}

#banner .wrapper{
  position:relative;}

#banner .truck,
#banner a.more{
  text-indent:-999px;
  overflow:hidden;}

#banner .truck{
  position:absolute;
  z-index:1;
  background:url('../images/ui/truck2.png') no-repeat top left;
  bottom:-35px;
  right:45px;
  width:334px;
  height:222px;}

#banner #video{
  float:left;
  width:422px;
  border:6px solid #840000;}

#banner-text{
  width:430px;
  float:right;}

#banner h3{
  color:#FFF;
  font:3em/1.5em georgia;
  text-align:center;
  padding:10px 0 0 0;}

#banner a.more{
  display:block;
  width:160px;
  height:34px;
  position:relative;
  z-index:10;
  margin:10px 0 0 0;
  background:url('../images/ui/btn_learnmore.gif') no-repeat top left;}
  
/*-------------------------------------------------------------------------
                      HEADING
*-------------------------------------------------------------------------*/
#heading{
  background:url('../images/ui/bg_heading.gif') repeat-x top left;
  height:100px;}

#heading .wrapper{
  position:relative;}


#heading-text{width:430px;}

#heading h3{
  color:#FFF;
  font:3em/1.5em georgia;
  padding:25px 0 0 0;}

  
/*-------------------------------------------------------------------------
                       CONTENT
*-------------------------------------------------------------------------*/
#content{
  padding:30px 0 30px 0;
  background:url('../images/ui/bg_content.gif')  repeat-x top left;}

#main-content{
  width:585px;
  padding: 0 0 15px 0;
  float:left;}

#main-content h1{
  color:#760000;
  font:3.6em Georgia;
  padding: 0 0 15px 0;}

#main-content p{
  font-size:1.2em;
  line-height:1.7em;
  padding: 0 0 20px 0;}
  
#main-content p img{
  padding:0 5px;}  
  
#main-content ul{
  font-size:1.2em;
  line-height:1.7em;
  padding: 0 0 20px 0;}
  
#main-content ul.product-list{
  width:150px;
  padding-right:15px;
  overflow:hidden;}  
  
#main-content h3{
  font-size:2em;
  color:#960000;
  padding: 0 0 10px 0;
  clear:both;}
  
#main-content h4{
  font-size:1.7em;
  padding: 0 0 5px 0;}  

#main-content ol li{
	list-style-type:decimal;
  font-size:1.2em;
  line-height:1.7em;}

#main-content ol{
  padding: 0 0 20px 20px;}
  
  
#main-content fieldset label{
 width:45px;
 display:block;
 font-size:1.5em;
 color:#2f2e2f;
 font-weight:bold;}
 
#main-content fieldset input.text,
#main-content fieldset textarea{
  width:200px;
  margin: 0 0 15px 0;
  border:1px solid black;
  padding:5px 3px;}

#main-content fieldset textarea{
  height:200px;
  width:300px;}
  
  
#main-content .map-block{
  clear:both;
  margin-bottom:25px;}
#main-content .map-block span{
  width:250px;
  padding-top:100px;}
#main-content .map-block img{
  width:300px;} 

#main-content #cse-search-results {width:625px;}



#sidebar {
  width:287px;
  float:right;}

#sidebar h2{
  font:1.8em Georgia;
  color:#7d0000;
  padding: 0 0 10px 0;}
  
#sidebar .box{
  border:1px solid #b8b8ba;
  margin: 0 0 15px 0;
  background:#f6f7f7 url('../images/ui/bg_box_sidebar.gif') repeat-x top left;
  padding:8px;}
  
#sidebar .box img{padding:10px 0;}  

#sidebar fieldset label{
 width:45px;
 float:left;
 display:block;
 text-align:right;
 font-size:12px;
 color:#2f2e2f;}
 
#sidebar fieldset input.text,
#sidebar fieldset textarea{
  width:202px;
  margin: 0 0 5px 0;
  border:1px solid #c3c3c3;
  float:right;
  height:21px;}

#sidebar fieldset textarea{
  height:60px !important;}

#sidebar fieldset .submit{
  float:right;}
  
  
  
  

#categories{
  clear:both;}

#categories h3{
  color:#af0000;
  font:2.4em 'Times New Roman',Times,Georgia;
  padding: 0 10px 5px 10px;}

#categories img{
  margin: 0 0 10px 0;}

#categories  p{
 font-size:1.2em;
 line-height:1.4em;
  padding: 0 10px 10px 10px;}

#categories .box{
  background:#e8e9e9 url('../images/ui/bg_box.gif') repeat-x bottom left;
  border:1px solid #bcbcbe;
  width:284px;
  float:left;}

#categories .middle{
  margin: 0 22px;}
  
/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
#footer{
  background:#6e0000 url('../images/ui/bg_footer.gif')  repeat-x top left;
  color:#c1c1c2;
  padding:28px 0 15px 0;
  text-align:center;}

#footer a{
  color:#c1c1c2 !important;}

#footer p.links{
 font-size:1.2em;}

#footer p.links a{
  padding: 0 5px;}
  
#footer p{
  font-size:1.1em;
  padding: 0 0 10px 0;}