* {
  margin: 0;
  padding: 0;
}

html {
    font-size:100%;
    background: #CCCCCC url(gfx/images/bgstrip.jpg) repeat-x left top;
}

body {
    font: 100% "Arial", sans-serif;                                    
    line-height: 130%;
}

fieldset { border: none; }

div#wrapper {
   width: 971px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px 0px 0px 0px;  
   position: relative;                                                              
}                             
div#header {    
	position: relative;                                                                  
    padding: 0px;   
    margin: 0px; 
    width: 100%;  
    height: 214px;
    clear: both; 
    background: transparent url(gfx/page_layout_new/header_bg.png) repeat-x 0px 0px;
    text-align: left;
    z-index: 1000;
}  
div#header div.container {
   width: 971px; 
    height: 164px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px 0px 0px 0px;  
   position: relative;       
}

div#header div.container a.logo img {
	position: absolute;
	top: 0px;
	right:0px;
}

div#header div.container p.social {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #008063;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform:uppercase;
    padding: 3px;

}
div#header div.container p.social a {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: -1000px;
    margin: 0px 0px 0px 5px;
}
div#header div.container p.social a.twitter {
    background: transparent url(gfx/social_icons/social_icons.png) no-repeat 0px 0px;                
}
div#header div.container p.social a.facebook {
    background: transparent url(gfx/social_icons/social_icons.png) no-repeat -48px 0px; 
}

div#header div.container p.phone {
	position: absolute;
	bottom: 5px;
	left: 0px;
	color: #008063;
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 1px;
	text-transform:uppercase;

}
div#header div.container p span.title {
	display: block;
	color: #ed1c24;
	font-size: 25px;
	margin: 0px 0px 3px 0px;
}
div#header div.container p span.number {
	color: #ffae00;
	display: block;
	font-size: 30px;
	position: relative;
	margin: 12px 0px 0px 0px;
}
div#header div.container p span.number span.freephone {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	position: relative;
	top: -10px;
	margin: 0px 3px 0px 0px;
}


div#header img {
    border: 0px;
}                                                                      

div#header ul.top_navigation {  
    font-weight: normal;   
    list-style: none; 
    padding: 0px;   
    margin: 0px;  
    clear: both;    
   width: 971px; 
   margin-left: auto;
   margin-right: auto;
                                                                    
}
div#header ul.top_navigation li {
    list-style: none;                                                                        
    padding: 0px 0px 0px 0px;   
    margin: 0px; 
    float: left;
    display: block;
    height: 20px;
    width: auto;     
}

div#header ul.top_navigation li a {  
    background: transparent;
    text-decoration: none;
    display: block;
    text-align: center; 
    padding: 2px 7px 0px 7px;
    border-right: 2px solid white;
    margin: 7px 0px 7px 0px;
    color: white;  
    font-size: 0.8em;  
    
}      
div#header ul.top_navigation li a:hover{
    color: #ffae00;                  
}      
div#header ul.top_navigation li.active a {
    color: #ffae00;     
    padding: 2px 7px 7px 7px;     
    border-bottom: 4px solid #ffae00;
}   

div#wrapper div#container {     
	position: relative;    
	top: -50px;                          
    background: white url(gfx/page_layout_new/container_bg.png) repeat-x 0px 400px;
    clear: both;                                                                            
} 
div#wrapper div#container hr {
    clear: both;
    height: 10px;  
   width: 971px;
    border: 0px; 
    background: #008063;  
    color: #008063;
}
div#wrapper div#container p.clear {
    clear: both;
    color: white;
}

/* Home Page */
div.homebox {
	display: block;
	float: left;
	width: 323px;  
	border-right: 1px solid white;
	padding: 351px 0px 0px 0px;
	background: transparent url(gfx/home_boxes/home_box_toilet.jpg) no-repeat 50% top;
}
div.homebox.wet {
	background: transparent url(gfx/home_boxes/home_box_tanker.jpg) no-repeat 50% top;
}
div.homebox.bowser {
	width: 323px;
	border-right: 0px solid white;
	background: transparent url(gfx/home_boxes/home_box_water_bowser.jpg) no-repeat 50% top;
}
div.homebox h1 {
	background: #008063;
	color: white;
	text-align: center;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 125%;    
    padding: 0px;            
	margin: 0px 0px 10px 0px;
	opacity:0.85;
	filter:alpha(opacity=85);
}
div.homebox h1 a {
    display: block;          
    text-decoration: none;
    color: white;
    padding: 1px 0px 2px 0px;
}
div.homebox ul li {
	list-style: none;
	font-size: 0.8em;
	margin: 0px 15px 5px 15px;
} 
div.homebox ul li a {            
    text-decoration: none;
    color: black;
    
}    
div.homebox ul li a:hover {
    color: #008063;
}                                      




/* Heading Banner */
div#banner {
    position: relative;
    height: 325px;
    width: 971px;
}
div#banner h1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #008063;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 125%;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    opacity:0.85;
    filter:alpha(opacity=85); 
}

/* Left Hand Column */
div#wrapper div#container div#left_column {       
    background: #CCDCD2; 
    width: 194px;      
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px; 
    float: left;  
}
div#wrapper div#container div#left_column div#section_nav { 
    background: #CCDCD2 url(gfx/page_layout_new/corners_bottom.png) no-repeat -1296px bottom;
    padding: 0px 0px 10px 0px;  
    border-bottom: 10px solid white;
}      
div#wrapper div#container div#left_column div#section_nav strong {
    background: #E4A40E url(gfx/page_layout_new/corners_top.png) no-repeat -1796px top; 
    color: #195A30;
    display: block;
    padding: 3px 0px 3px 0px;  
    text-indent: 15px;
} 
div#wrapper div#container div#left_column div#section_nav ul {
    background: transparent url();
    padding: 0px 0px 0px 0px;  
}

div#wrapper div#container div#left_column ul {
    background: transparent url(gfx/page_layout_new/corners_top.png) no-repeat -1296px top; 
    list-style: none;  
    padding: 0px;    
    margin: 0px; 
    padding: 10px 0px 0px 0px; 
    border-top: 1px solid white;
}      
div#wrapper div#container div#left_column ul li a { 
    display: block;
    padding: 3px 0px 3px 0px; 
    text-indent: 15px;
    text-decoration: none;            
    background: #CCDCD2;      
    color: #18592F;
    border-bottom: 1px solid white;
    font-size: 0.9em;
}            
div#wrapper div#container div#left_column ul li a:hover,
div#wrapper div#container div#left_column ul li.active a  {      
    background: #E4A40E; 
    color: white;
}             
div#wrapper div#container div#left_column img {
    border: 0px;
}        
div#wrapper div#container div#left_column ul li.active ul {
    background: transparent url();            
    padding: 0px 0px 0px 0px; 
    
}
div#wrapper div#container div#left_column ul li.active ul li a {            
    background: #F9DB97;        
    color: #18592F;  
    text-indent: 25px;
}
div#wrapper div#container div#left_column ul li.active ul li a:hover,
div#wrapper div#container div#left_column ul li.active ul li.active a {     
    background: #E4A40E; 
    color: white;
}
/* Right Hand Column */
div#wrapper div#container div#right_column {       
    background: white;      
    width: 194px;      
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    float: right;  
}                         
div#wrapper div#container div#right_column div.box {       
    background: #5F9878 url(gfx/page_layout_new/corners_bottom.png) no-repeat left bottom;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px; 
    color: white;  
    font-size: 0.8em;   
    text-align: center;   
}     
div#wrapper div#container div#right_column div.box.telephone { 
    font-weight: bold;        
}
div#wrapper div#container div#right_column div.box.telephone strong.freephone {       
    background: #E4A40E;
    color: #0D3820; 
    display: block;
    margin: 2px 0px 2px 0px;
    padding: 4px 0px 4px 0px;
    font-size: 23px;    
}     
div#wrapper div#container div#right_column div.box.telephone strong.question {
    background: #5F9878 url(gfx/page_layout_new/corners_top.png) no-repeat left top;
    padding: 5px 0px 0px 0px;
    display: block;
}     
div#wrapper div#container div#right_column div.box strong.header {
    background: #247143 url(gfx/page_layout_new/corners_top.png) no-repeat -500px top;
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 2px 2px 2px 2px;
    text-align: center;  
}       
    
div#wrapper div#container div#right_column div.box a{
    color: white;
    text-decoration: none;
}
div#wrapper div#container div#right_column div.box a.more {
    font-style: italic;
}
div#wrapper div#container div#right_column div.box a:hover {  
    text-decoration: underline;
}





/* Main Content Column */

div#wrapper div#container div#main_content {
    width: 542px;
    margin: 20px 0px 0px 20px;
    padding: 0px 0px 75px 0px;
    float: left;
    font-size: 0.8em;   
}            

div#wrapper div#container div#main_content h1,
div#wrapper div#container div#main_content h2,
div#wrapper div#container div#main_content h3,
div#wrapper div#container div#main_content h4,
div#wrapper div#container div#main_content h5 {
   border-top: 1px solid #E3A40D;
   border-bottom: 1px solid #E3A40D; 
   padding: 5px 0px 5px 0px;
   font-weight: normal;
   color: #186133;   
   clear: both; 
}                       
div#wrapper div#container div#main_content h1 { font-size: 1.4em; }                    
  
div#wrapper div#container div#main_content h2,
div#wrapper div#container div#main_content h3,
div#wrapper div#container div#main_content h4,
div#wrapper div#container div#main_content h5 { 
    font-size: 1em;
    padding: 1px 0px 1px 0px;
    margin: 7px 0px 0px 0px;
}
div#wrapper div#container div#main_content h2.call_now {  
    font-size: 1.2em;
    background: #DBE6DE; 
    font-weight: bold;
    text-align: center;
    border: 0px;     
}
div#wrapper div#container div#main_content h2.call_now strong {  
    font-size: 1.4em;
   color: #DE7101; 

}
div#wrapper div#container div#main_content p {
    margin: 0px 0px 10px 0px;
}
div#wrapper div#container div#main_content ul {
    margin: 0px 0px 10px 15px;
}
div#wrapper div#container div#main_content img {
    margin: 5px;
}

div#wrapper div#container div#main_content a {
    color: #195A30;
}
div#wrapper div#container div#main_content .green{
    color: #195A30;
} 
/* Sales List */
div#wrapper div#container div#main_content ul.sales_list {
    margin: 20px 0px 10px 0px;
}
div#wrapper div#container div#main_content ul.sales_list li {
    clear: both;
   border-bottom: 1px solid #195A30; 
   padding: 5px 0px 5px 0px; 
   list-style: none;
}
div#wrapper div#container div#main_content ul.sales_list li strong {
   color: #195A30; 
   font-size: 1.2em;
}
div#wrapper div#container div#main_content ul.sales_list li img { 
    float: right;
    margin: 0px 0px 20px 0px;
   border: 1px solid #195A30; 
}          


/* Content Tables */
div#wrapper div#container div#main_content table {
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
}
div#wrapper div#container div#main_content table tr td {
    background: #CCDCD2;
    padding: 3px 10px 3px 10px;    
}
div#wrapper div#container div#main_content table tr th {
    background: #E4A40E;
    padding: 3px 10px 3px 10px;
}     

/* News listing */
div#wrapper div#container div#main_content  ul#news_list { 
    margin: 10px 0px 0px 15px;
}     
div#wrapper div#container div#main_content  ul#news_list li a{
    color: black;
} 
    
/* Form */                   
div#wrapper div#container div#main_content form#contact_form th.left_heading {  
    text-align: right;
    width: 170px;
    padding: 2px 5px 2px 2px;       
    border-bottom: 2px solid white;
    background: #CCDCD2;
}                                  
div#wrapper div#container div#main_content form#contact_form th.full_heading {
    background: #B7CFC0;
    padding: 2px;
}
                                            
div#wrapper div#container div#main_content form#contact_form td {  
    text-align: left; 
    padding: 2px;
    background: #EAF3EE;            
    border-bottom: 2px solid white;
}                    
                                        
div#wrapper div#container div#main_content p.errors {
    color: red;
}       

/* Gallery */

/* Gallery Table */

div#wrapper div#container div#main_content table.gallerytable {
 margin: auto;
 padding: 0px;
 background: white;
}
div#wrapper div#container div#main_content table.gallerytable td {
 padding: 6px;
 background: white;
 vertical-align: bottom;
}    
div#wrapper div#container div#main_content table.gallerytable td a {
 letter-spacing: 1px;
 display: block;
 padding: 4px 4px 1px 4px;
 background: #E3ECE7;
 border-top: 1px solid white;   
 border-bottom: 1px solid white;
 font-size: 75%;
 text-decoration: none;
 color: #195A30;
 text-align: center;
}
div#wrapper div#container div#main_content table.gallerytable td a:hover {
 border: 0px;                  
 border-bottom: 2px solid white;
 color: black;
}

img.credit_cards { 
   margin: 0px 0px 0px 221px; 
}
                                                                                                                                                            

/* Footer */
div#wrapper div#footer {
    position: relative;
    top: -50px;
    clear: both;        
    text-align: center;
    color: #5A5A5A;
    font-size: 0.7em;
    padding: 10px 0px 0px 0px;
}              
div#wrapper div#footer a { 
    color: #5A5A5A;
    text-decoration: none;
}    
div#wrapper div#footer a:hover {
    text-decoration: underline;
}