@charset "UTF-8";
/* CSS Document */

body{
	background-color:#e0e2cc;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-main-container.gif);
	background-position:50% 0;
	background-repeat:repeat-y;
	}
	
img{
	border:none;
	}
	
#main-container{ /* THIS CENTERS IN BROWSER WINDOW */
	margin:0 auto;
	width:930px;
	}
	
#main-background{ /* SIDE SHADOWS BACKGROUND */
	float:left;
	padding:0;
	width:930px;
	}
	
	
/* MAIN STYLES

----------------------------------------------------------------------------- */	
		
h1{
	font-size:28px;
	font-weight:normal;
	line-height:32px;
	color:#c84b11;
	margin:0;
	padding:0;
	}
	
h2{
	font-size:24px;
	font-weight:normal;
	line-height:26px;
	color:#c84b11;
	margin:0;
	padding:10px 0;
	}
	
h3{
	color:#626262;
	font-weight:normal;
	margin:10px 0;
	padding:0;
	}
	
h4{
	color:#626262;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
p, ul{
	font-size:14px;
	line-height:20px;
	color:#626262;
	}
	
 p.text-link{
	text-align:right;
	}	
	
 p.text-link a{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	}

a{
	color:#00aac7;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}




/* HEADER

----------------------------------------------------------------------------- */		
#header{
	float:left;
	background:url(../images/bg-header.jpg) bottom right no-repeat;
	height:114px;
	width:930px;
	}
	
#logo{
	float:left;
	width:348px;
	padding:4px 0 0 10px;
	}
	
#main-body{ /* BACKGROUND FOR SIDE NAV */
	background-image:url(../images/bg-main-body.gif);
	background-repeat:repeat-y;
	width:930px;
	min-height:426px;
	float:left;
	}
/* TOP SERVICE NAV

-------------------------------------- */	
	
#service-nav-container{
	width:545px;
	height:32px;
	float:right;
	padding:20px 20px 0 0;
	}
	
#service-nav-container #service-nav{
	margin:0;
	padding:0;
	}
	
#service-nav-container #service-nav li{
	display:inline;
	}

#service-nav-container #service-nav li a{
	float:left;
	width:108px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	background:url(../images/btn-service-nav.png) no-repeat;
	}
	
	
#service-nav-container #service-nav li#service-home a{
	background-position:0 0;
	}
	
#service-nav-container #service-nav li#service-about a{
	background-position:-108px 0;
	}
	
#service-nav-container #service-nav li#service-contact a{
	background-position:-216px 0;
	}
	
#service-nav-container #service-nav li#service-distributors a{
	background-position:-324px 0;
	}
	
#service-nav-container #service-nav li#service-testimonials a{
	background-position:-432px 0;
	}
	
#service-nav-container #service-nav li#service-home a:hover{
	background-position:0 -33px;
	}
	
#service-nav-container #service-nav li#service-about a:hover{
	background-position:-108px -33px;
	}
	
#service-nav-container #service-nav li#service-contact a:hover{
	background-position:-216px -33px;
	}
	
#service-nav-container #service-nav li#service-distributors a:hover{
	background-position:-324px -33px;
	}
	
#service-nav-container #service-nav li#service-testimonials a:hover{
	background-position:-432px -33px;
	}

	

/* NAV-HORIZONTAL

----------------------------------------------------------------------------- */	
	
#nav-container{
	width:930px;
    z-index: 100;
	clear:both;
	}
	
#nav-list, #nav-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav-list a{
	display:block;
	height:49px;
	}
	
#nav-list li{
	float:left;
	}

	
#ReclaimEquipServices{
	width:232px;
	background:url(../images/btn-ReclaimEquipmentAndService.gif) left top no-repeat;
	}
	
#WhyRecycle{
	width:232px;
	background:url(../images/btn-WhyRecycle.gif) left top no-repeat;
	}
	
#WaterRecyclingFacts{
	width:232px;
	background:url(../images/btn-WaterRecyclingFacts.gif) left top no-repeat;
	}
	
#ReclaimResources{
	width:234px;
	background:url(../images/btn-ReclaimResources.gif) left top no-repeat;
	}
	
#nav-container ul li.hover a, #nav-container ul li:hover a, #nav-container ul li a.hover, #nav-container ul li a:hover{
	background-position:0 -49px;
	}
	
#nav-container ul li a.active, #nav-container ul li a.active.hover, #nav-container ul li a.active:hover{
	background-position:0 -49px;
	}


#nav-container ul li.hover ul, #nav-container ul li:hover ul, #nav-container ul li.sfhover ul{
	display: block;
	}

#nav-container ul li ul {
	display:none;
	height: auto;
	width: 174px;
	position: absolute;
	z-index: 200;
	background: url(../images/bg-main-drop.png) left bottom no-repeat;
	padding:6px 0 14px 0;
	margin:0 0 0 34px;
	}
	
	
#nav-container ul li ul li {
	float: none;
	width: 154px;
	margin: 0;
	padding:0 6px; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	

#nav-list li ul li a {
	position: relative;
	left: auto;
	height: auto;
	text-indent: 0;	
	padding:4px 6px 4px 6px; 
	margin:0;
	color:#00aac7; 
	text-decoration:none;
	}

#nav-container ul li ul li a.hover, #nav-container ul li ul li a:hover{
	color: #616161;
	text-decoration:underline;
	}
	
	
/* NAV-SIDE / PRODUCTS

----------------------------------------------------------------------------- */	

#admin-nav-side, #nav-side{
	float:left;
	width:230px;
	margin:0;
	padding:0;
	}
	
#admin-nav-side ul{
	border-top:solid 1px #FFFFFF;
	}
	
#admin-nav-side ul, #nav-side ul{
	margin:0;
	padding:0 0 0 3px;
	list-style:none;
	}
	
#nav-side ul li{
	overflow:hidden;
	text-indent:-3000px;
	}
	
#nav-side ul li a{
	width:229px;
	height:63px;
	display:block;
	overflow:hidden;
	}
	
#nav-side li a:hover{
	background-position:-229px 0;
	}
	
#nav-side li a.active{
	background-position:-458px 0;
	}

#Rainmaker{
	background:url(../images/btn-Rainmaker.gif) top left no-repeat;
	}	
	
#PrepStation{
	background:url(../images/btn-PrepStation.gif) top left no-repeat;
	}	
	
#PumpingPlant{
	background:url(../images/btn-PumpingPlant.gif) top left no-repeat;
	}	
	
#ReverseOsmosisSystems{
	background:url(../images/btn-ReverseOsmosisSystems.gif) top left no-repeat;
	}	
	
#nav-side ul ul{
	background-color:#eeefe3;
	margin:0 0 0 2px;
	padding:0;
	}
	
#nav-side li li{
	margin:0;
	padding:0;
	display:block;
	background-color:#eeefe3;
	}
	
#nav-side li a.first{
	border-top:none;
	}
	
#nav-side li li a{
	background-color:#eeefe3;
	border-top:solid 1px #7bc24e;
	color:#7bc24e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:auto;
	padding:4px 20px;
	text-decoration:none;
	text-indent:0;
	width:185px;
	}
	
#nav-side li li a.active{
	background-color:#dbdccc;
	color:#7bc24e;
	font-weight:bold;
	}
	
#nav-side li li:hover{
	background-color:#dbdccc;
	color:#7bc24e;
	font-weight:bold;
	}
	
#admin-nav-side li{
	border-bottom:solid 1px #FFFFFF;
	}
	
#admin-nav-side li a{
	width:189px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:0;
	padding:6px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
	
#admin-nav-side li a.active, #nav-side li li a.active{
	background-color:#ffffff;
	color:#7bc24e;
	font-weight:bold;
	}
	
#admin-nav-side li a:hover, #nav-side li li a:hover{
	background-color:#ffffff;
	color:#7bc24e;
	font-weight:bold;
	}
	
	
/* MAIN BODY

----------------------------------------------------------------------------- */
	
#body-content-container{  /* BODY CONTAINER ON EVERY PAGE */
	float:left;
	padding:8px 30px 30px 30px;
	width:638px;
	}
	
#flash-piece{
	float:left;
	width:638px;
	background-color:#CCCCCC;
	height:383px;
	margin:0 0 20px 0;
	}
	
#body-content-index{   /* USED ON INDEX PAGE FOR BODY TEXT */
	float:left;
	width:638px;
	/*padding:10px;*/
	}
	
img.product{  /* FOR PRODUCT IMAGES ON PRODUCT PAGES */
	width:350px;
	}	
	
img.right{  /* FOR PRODUCT IMAGES ON PRODUCT PAGES */
	float:right;
	padding:10px;
	}	
	
#product-page-top{ /* TOP SECTION OF PRODUCT PAGES */
	float:left;
	width:638px;
	/*padding:10px;*/
	}
	
#product-page-chart{ /* BOTTOM SECTION OF PRODUCT PAGES -- PRODUCT MODEL COMPARISON CHART */
	clear:both;
	float:left;
	padding:20px 0 0 0;
	width:638px;
	}
	
a.RequestMoreInfo{ /* REQUEST INFORMATION BUTTON */
	background:url(../images/btn-RequestMoreInfo.gif) top left no-repeat;
	width:237px;
	height:39px;
	display:block;
	}
	
a.RequestMoreInfo span { /* REQUEST INFORMATION BUTTON */
    display: none; 
	}

a.RequestMoreInfo:hover { /* REQUEST INFORMATION BUTTON */
  	background-position:-237px 0; 
	}
	

a.DistributorInfo{ /* DISTRIBUTOR LETS TALK BUTTON */
	background:url(../images/btn-DistributorLetsTalk.gif) top left no-repeat;
	width:237px;
	height:39px;
	display:block;
	}
	
a.DistributorInfo span { /* DISTRIBUTOR LETS TALK BUTTON */
    display: none; 
	}

a.DistributorInfo:hover { /* DISTRIBUTOR LETS TALK BUTTON */
  	background-position:-237px 0; 
	}
	

#product-models-nav{ /* NAVIGATION ON PRODUCT PAGE BODY FOR PRODUCT MODELS */
	float:left;
	width:288px;
	}
	
#product-models-nav ul{ /* NAVIGATION ON PRODUCT PAGE BODY FOR PRODUCT MODELS */
	list-style:none;
	margin:0;
	padding:0 0 30px 0;
	border-top:solid 1px #dddddb;
	}

#product-models-nav li{ /* NAVIGATION ON PRODUCT PAGE BODY FOR PRODUCT MODELS */
	border-bottom:solid 1px #dddddb;
	margin:0;
	}
	
#product-models-nav li a{ /* NAVIGATION ON PRODUCT PAGE BODY FOR PRODUCT MODELS */
	font-size:12px;
	text-decoration:none;
	padding:2px 10px;
	*padding:0 10px 4px 10px;
	color:#626262;
	display:block;
	}
	
#product-models-nav li a:hover{ /* NAVIGATION ON PRODUCT PAGE BODY FOR PRODUCT MODELS */
	background-color:#eeefe3;
	}

#product-models-title{ /* H4 TITLE ABOVE PRODUCT MODELS NAVIGATION ON PRODUCT PAGE BODY */
	color:#7bc24e;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0 0 6px 0;
	}
	
#equip-container{  /* CONTAINER ON RECLAIM EQUIPMENT AND SERVICES */
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:139px;
	}
	
#equip-container p{ /* CONTAINER ON RECLAIM EQUIPMENT AND SERVICES */
	font-size:12px;
	line-height:18px;
	}
	


/* NEWS PAGE

----------------------------------------------------------------------------- */	

#news-story{
	float:left;
	width:638px;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #e4e3e3;
	}
	
#news-story p{
	margin:0;
	padding:5px 0;
	}
	
.news-title{
	color:#7bc24e;
	font-size:20px;
	}
	
.news-date{
	font-style:italic;
	font-size:12px;
	}





/* DISTRIBUTORS PAGE

----------------------------------------------------------------------------- */	

#distributors-left-column{
	float:left;
	padding:0 10px 0 0;
	}
	
#distributors-left-column p{
	font-size:12px;
	line-height:16px;
	padding:0 0 6px 0;
	}

#distributors-right-column{
	float:left;
	padding:0 0 0 20px;
	}




/* STYLES PERTAINING TO PRODUCT PAGE T2 ONLY

----------------------------------------------------------------------------- */	

#product-page-middle{
	clear:left;
	float:left;
	padding:20px 0 0 0;
	}

#product-spec-container{
	float:left;
	width:195px;
	border:solid 1px #e1e2d5;
	}	
	
	
#product-spec-container h4{
	font-size:16px;
	color:#626262;
	font-weight:normal;
	padding:10px;
	margin:0;
	}
	
#product-spec-container ul{
	padding:10px;
	margin:0 10px 0 14px;
	}
	
#product-spec-container li{
	font-size:12px;
	padding:0 0 6px 0;
	color:#666;
	}
	
#product-spec-header{
	background:url(../images/bg-thead.gif) top left no-repeat;
	height:40px;
	}
	
#product-spec-header h4{
	color:#626262;
	font-size:18px;
	margin-left:12px;
	}
	
	
a.link-pdf{
	color:#3fbfd5;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}

a.link-pdf:hover{
	border-bottom:solid 1px #00aac7;
	}	
	
a.ComparisonChart{ /* COMPARISON CHART BUTTON */
	background:url(../images/btn-ComparisonChart.gif) top left no-repeat;
	width:196px;
	height:32px;
	display:block;
	}
	
a.ComparisonChart span { /* COMPARISON CHART BUTTON */
    display: none; 
	}

a.ComparisonChart:hover { /* COMPARISON CHART BUTTON */
  	background-position:-196px 0; 
	}
	
#comparison-chart{
	clear:left;
	float:left;
	margin-top:20px;
	padding-bottom:20px;
	}
	
	
	
	


/* STYLES PERTAINING TO PAGES WITH A MIDDLE AND A RIGHT SIDE COLUMN

----------------------------------------------------------------------------- */	
	
#body-right-side-column{
	float:left;
	margin:8px 30px 20px 30px;
	width:638px;
	background:url(../images/bg-right-side-column.gif) top right repeat-y;
	}
	
#middle-column{
	float:left;
	width:450px;
	padding:0 0 20px 0;
	}
	
	
#right-side-column{
	float:right;
	width:144px;
	padding-top:30px;
	}
	
#right-side-column p{
	font-size:12px;
	margin:0;
	padding:4px 0 4px 0;
	line-height:16px;
	}
	
#right-side-column p span{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	}
	
.submit-request{
	background:url(../images/btn-SubmitRequest.gif) no-repeat;
	width:196px;
	height:38px;
	border:none;
	padding-top:38px;
	cursor:pointer;
	}
	
.submit-request:hover{
	background-position:-196px 0;
	}
	
#downloads-container{
	padding:12px 0 12px 0;
	border-bottom:solid 1px #e4e3e3;
	}
#downloads-container p{
	padding:4px 0 0 0;
	margin:0;
	}
	

/* FORM STYLES

----------------------------------------------------------------------------- */	
	
.adminForm {
	margin-top:10px;
	}
.adminForm .button {
	margin-right:5px;
	width:100px;
	}
.adminForm input, .adminFrom textarea {
	width:507px;
	}
.adminForm select {
	width:516px;
	}

.checkBoxList {
	background-color:#FFFFFF;
    border:1px solid #626262;
    height:100px;
    overflow:auto;
    padding:0px;
    width:250px;
	}
.checkBoxList input {
	width:auto;
	}
.checkBoxList label {
	font-weight:normal;
	margin-left:5px;
	}
	
.editor {
	margin-top:5px;
	}
.editor tr {
	height:auto !important;
	}
.rade_toolbar li {
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
	}

input, select, textarea {
	border:solid 1px #626262;
	padding:4px;
	width:290px;
	}
	
label {
	font-size:14px;
	color:#626262;
	font-weight:bold;
	}
	
.phone1, .phone2 {
	width:56px;
	}
	
.phone2, .phone3 {
	margin-left:23px;
	}
	
.phone3 {
	width:84px;
	}
	
#body-right-side-column td {
	vertical-align:middle;
	}
	
	

/* TABLE STYLES ---- PRODUCT PAGE CHARTS

----------------------------------------------------------------------------- */		
	
#product-page-chart .spec-category {
	background-color:#bfc0b7;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:8px 20px 6px 10px;
	text-align:left;
	text-transform:uppercase;
	}
	
#product-page-chart table{
	width:100%;
	border:solid 1px #e1e2d5;
	margin-top:10px;
	}
	
#product-page-chart td{
	border-top:solid 1px #e1e2d5;
	border-left:solid 1px #e1e2d5;
	font-size:11px;
	padding:4px;
	color:#626262;
	text-align:center;
	}
	
#product-page-chart thead{
	background:url(../images/bg-thead.gif) top left no-repeat;
	background-color:#e1e2d5;
	height:40px;
	border-bottom:solid 1px #e1e2d5;
	border-top:solid 1px #e1e2d5;
	border-right:solid 1px #e1e2d5;
	border-left:solid 1px #e1e2d5;
	}
	
#product-page-chart thead td{
	color:#626262;
	border-left:solid 1px #e1e2d5;
	padding:6px 10px 6px 10px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:.5px;
	text-transform:uppercase;
	}
	
#product-page-chart tbody .spec{
	color:#626262;
	font-size:11px;
	text-align:left;
	padding:6px 10px;
	font-weight:bold;
	width:15%;
	border-left:none;
	}

.odd{
	background-color:#f4f5ed;
	}
	
#product-page-chart thead td a{
	color:#626262;
	}	

#product-page-chart thead td a:hover{
	color:#00aac7;
	text-decoration:underline;
	}
	
	
	
	
	
/* FOOTER

----------------------------------------------------------------------------- */	

#footer-container{
	height:143px;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 3px;
	padding:0;
	width:930px;
	float:left;
	clear:both;
	}
	
#footer-nav{
	width:616px;
	float:left;
	}
	
	
#footer-nav ul{
	margin:0;
	padding:10px 10px;
	}
	
#footer-nav li{
	display:inline;
	list-style:none;
	padding:8px 6px;
	}
	
#footer-nav a{
	text-decoration:none;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#00aac7;
	}
	
#footer-nav a:hover{
	border-bottom:solid 1px #00aac7;
	}

#copyright{
	float:right;
	width:308px;
	}
	
#copyright p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color:#00aac7;
	padding:18px 20px 0 0;
	margin:0;
	}