/* -------- Author: Aaron M. Souza 2009 aaron@commonwealthwebdesign.com --------  */
/* -------- Coded For FX, IE7, IE6, Chrome, SF, OP --------  */
/* -------- Built with Notepad 5.1 --------  */

body		
{
font-family: helvetica,"Lucida Grande",arial,"ms trebuchet",verdana,sans-serif;
font-size: small;
text-align: left;
color: black;
margin: 0 auto 20px auto;
padding: 0;
background: white;
}

#wrapper	
	{
	width: 950px;
	text-align: center;
	margin: 25px auto;
	padding: 0;
	}

/* -------- Header --------  */

#header 	
		{
		width: 950px;
		height: 130px;
		margin: 0;
		padding: 0;
		background: url('images/sssbanner.jpg') no-repeat left 20px;
		}

#logohl
			{
			width: 652px;
			height: 130px;
			float: left;
			display: inline;
			cursor: pointer;
			}

/* -------- Top Navigation --------  */

#topnav	
			{
			width: auto;
			float: right;
			font-size: 11px;
			margin: 0;
			padding: 0;
			text-align: right;
			font-weight: bold;
			}

#topnav ul 
				{
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;
				line-height: 16px;
				}

#topnav ul li
					{
					text-align: center;
					float: left;
					margin: 0;
					padding: 0;
					}	

#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active 
						{
						height: 14px;
						color: black;		
						margin: 0;
						border-right: 1px solid black;
						padding: 0 7px;
						text-decoration: none;
						}

#topnav ul li a:hover, #topnav ul li a:focus 
						{
						color: #00a8d5;
						}

#topnav ul li a.rightnobor:link, #topnav ul li a.rightnobor:visited, #topnav ul li a.rightnobor:active, #topnav ul li a.rightnobor:hover, #topnav ul li a.rightnobor:focus
						{
						border: none;
						padding-right: 0;
						}

img.tinylogolink
							{
							border: none;
							vertical-align: middle;
							}

#topnav ul li a.activetop:link, #topnav ul li a.activetop:visited, #topnav ul li a.activetop:active, #topnav ul li a.activetop:hover, #topnav ul li a.activetop:focus
						{
						color: #00a8d5;
						}

#topnav ul li a.activetoph:link, #topnav ul li a.activetoph:visited, #topnav ul li a.activetoph:active, #topnav ul li a.activetoph:hover, #topnav ul li a.activetoph:focus
						{
						color: #00a8d5;
						border: none;
						padding-right: 0;
						}


/* -------- End Top Navigation --------  */

#searchbar
				{
				width: 250px;
				height: 30px;
				margin: 8px 0 0 0;
				padding: 0;
				float: right;
				color: #00a8d5;
				font-weight: bold;
				font-size: 16px;
				clear: right;
				}

input
					{
					height: 15px;
					}

input.submitimg
					{
					height: 20px;
					}

img.phone
				{
				float: right;
				margin: 4px 0 10px 0;
				border: none;
				clear: right;
				display: inline;
				}

/* -------- End Header --------  */

/* -------- Social Buttons --------  */

#socialhold
		{
		width: 950px;
		height: 26px;
		margin: 0;
		padding: 4px 0 0 0;
		background: #d1e58b;
		}

#buttonsright
			{
			width: 66px;
			float: right;
			}

.socialmove
				{
				width: 21px;
				float: left;
				margin: 0 0 0 8px;
				padding: 0;
				}

a.facebutton:link, a.facebutton:visited, a.facebutton:active
					{
					width: 21px;
					height: 21px;
					display: block;
					background: url('images/facebook.png') no-repeat left;
					}

a.facebutton:hover, a.facebutton:focus
					{
					width: 21px;
					height: 21px;
					display: block;
					background: url('images/facebook.png') no-repeat right;
					}

a.twitbutton:link, a.twitbutton:visited, a.twitbutton:active
					{
					width: 21px;
					height: 21px;
					display: block;
					background: url('images/twitter.png') no-repeat left;
					}

a.twitbutton:hover, a.twitbutton:focus
					{
					width: 21px;
					height: 21px;
					display: block;
					background: url('images/twitter.png') no-repeat right;
					}

/* -------- End Social Buttons --------  */

/* -------- Main Top Navigation --------  */

#topdrop
			{
			margin: 6px 0 0 0;
			padding: 0;
			z-index: 30;
			font-size: 14px;
			color: black;
			}

ul#topdrop
				{
				float: left;
				}

#topdrop li
					{
					margin: 0;
					padding: 3px 0 0 6px;
					background: url('images/liarrow.jpg') no-repeat left 2px;
					list-style: none;
					float: left;
					}

#topdrop li.withimg
					{
					margin: 0;
					padding: 0 0 0 6px;
					background: url('images/liarrow.jpg') no-repeat left 2px;
					list-style: none;
					float: left;
					}

#topdrop li a.greenl
						{
						color: #9dcd07;
						}

#topdrop li a.bluel
						{
						color: #00a8d5;
						}

#topdrop li a.orangel
						{
						color: #ed8a25;
						}

#topdrop li a:link, #topdrop li a:visited, #topdrop li a:active
						{
						display: block;
						margin: 0;
						padding: 0 10px 4px 10px;
						text-align: center;
						text-decoration: none;
						}

#topdrop li a:hover, #topdrop li a:focus
						{
						}

img.mediumlogolink
						{
						border: none;
						vertical-align: middle;
						}

#topdrop div
					{	
					position: absolute;
					visibility: hidden;
					margin: 0;
					padding: 0;
					border: 1px solid #c1d784;
					background: white;
					}

#topdrop div a.dark
						{
						background: #c1d784;
						}

#topdrop div a.light
						{
						background: white;
						}

#topdrop div a.activeltop
						{
						background: #8cd0e2;
						border-bottom: 1px solid black;
						color: black;
						}

#topdrop div a.activel
						{
						background: #8cd0e2;
						border-top: 1px solid black;
						border-bottom: 1px solid black;
						}

#topdrop div a.activel:link, #topdrop div a.activel:visited, #topdrop div a.activel:active, #topdrop div a.activel:hover, #topdrop div a.activel:focus
							{
							color: #5a7704;
							}

#topdrop div a:link, #topdrop div a:visited, #topdrop div a:active
						{
						position: relative;
						display: block;
						margin: 0;
						padding: 5px 10px;
						width: auto;
						white-space: nowrap;
						text-align: left;
						text-decoration: none;
						color: #86b205;
						font-weight: bold;
						}

#topdrop div a.dark:hover, #topdrop div a.dark:focus
						{
						background: url('images/darkhovbg.jpg') #acc076 repeat-x;
						color: #678805;
						}

#topdrop div a.light:hover, #topdrop div a.light:focus
						{
						background: url('images/lighthovbg.jpg') #ecfcbc repeat-x;
						color: #678805;
						}

.clearer
			{
			clear: both;
			}

/* -------- End Main Top Navigation --------  */

/* -------- Content --------  */

#content 	
			{
			width: 950px;
			text-align: left;
			margin: 5px 0 0 0;
			padding: 0;
			}

#content2
			{
			width: 950px;
			text-align: left;
			margin: 5px 0 0 0;
			padding: 20px 0 0 0;
			}

#content3
			{
			width: 950px;
			text-align: left;
			margin: 5px 0 0 0;
			padding: 0;
			background: url('images/guarantee.jpg') no-repeat 775px 630px;
			}

h1		
				{
				font-weight: normal;
				font-size: 160%;
				color: #9dcd07;
				margin: 0 0 2px 0;
				padding: 0;
				text-align: left;
				}

h1.home
				{
				margin: 0;
				color: #9dcd07;
				font-weight: bold;
				font-size: 110%;
				text-align: center;
				}

h1.ap-top
				{
				margin: 4px 0 8px 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 135%;
				text-align: left;
				}

h1.ap-top2
				{
				margin: 4px 240px 4px 160px;
				color: #01a7db;
				font-weight: bold;
				font-size: 135%;
				text-align: center;
				}

h2.ap
				{
				margin: 0;
				padding-left: 0;
				padding-right: 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 15px;
				text-align: left;
				line-height: 15px;
				}

h2.ap2
				{
				margin: 8px 0 0 0;
				padding: 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 120%;
				text-align: left;
				}

h2.ap3
				{
				margin: 0;
				padding: 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 120%;
				}

h2.ap4
				{
				margin: 0 auto;
				padding-left: 0;
				padding-right: 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 150%;
				text-align: center;
				line-height: 155%;
				}

h2.ap5
				{
				margin: 0;
				padding-left: 0;
				padding-right: 0;
				color: #01a7db;
				font-weight: bold;
				font-size: 125%;
				text-align: left;
				line-height: 15px;
				}

p				
				{
				margin: 0 0 14px 0;
				padding: 0;
				}

p a:link, p a:visited, p a:active 
				{
				text-decoration: underline;
				}

p a:hover, p a:focus
				{
				text-decoration: none;
				}

img.wideindex
				{
				margin: 0 0 20px 0;
				border: 1px solid #dcdcda;
				}

/*Original Class For index_01.jpg*/
img.wideindex2
				{
				margin: 0 0 4px 0;
				border: 1px solid #dcdcda;
				}

img.snowman
				{
				margin: 0 0 4px 0;
				border: 0;
				}

p.quotereghome
				{
				margin: 0;
				padding-top: 38px;
				color: #73b0ca;
				font-weight: bold;
				font-size: 110%;
				float: left;
				clear: left;
				}

p.allpinfo
				{
				margin: 10px 4px 14px 0;
				text-align: justify;
				}

p.allpinfolarge
				{
				margin: 10px 4px 14px 0;
				font-size: 115%;
				color: #cd2727;
				text-align: justify;
				}

p.allpinfolarge-promo
				{
				margin: 10px 4px 14px 0;
				font-size: 115%;
				color: #01a7db; 
				text-align: justify;
				font-weight: bold;
				}

p.allpinfolarge-g
				{
				margin: 10px 4px 14px 0;
				font-size: 115%;
				color: #006600;
				text-align: justify;
				}

span.reddiscount
					{
					color: #f12e2e;
					}

span.greendiscount
					{
					color: #006600;
					font-size: 115%;
					}

#asimplewayholderhome
				{
				width: 200px;
				margin: 0 80px 0 0;
				float: right;
				display: inline;
				}

img.photolink
				{
				border: none;
				margin: 0;
				padding: 0;
				}

#maphold
				{
				width: 514px;
				height: 298px;
				float: left;
				border: 1px solid #999999;
				}

#continfohold
				{
				width: auto;
				float: right;
				}

img#conttalktous
					{
					float: left;
					}

p.contactdetails
					{
					clear: left;
					color: #78abcb;
					font-size: 16px;
					margin: 0;
					padding: 0 0 0 150px;
					}

a.contactemail:link, a.contactemail:visited, a.contactemail:active
						{
						color: #78abcb;
						text-decoration: none;
						}

a.contactemail:hover, a.contactemail:focus
						{
						text-decoration: underline;
						}

/* -------- Distributor Info On Home Page --------  */

#distinfo
					{
					width: 310px;
					float: left;
					clear: left;
					margin: 10px 0 0 0;
					padding: 0;
					color: #D83D38;
					}

p.disthead
						{
						font-size: 120%;
						font-weight: bold;
						text-align: left;
						background: url('images/distbg.jpg') no-repeat left bottom;
						margin: 0 0 0 12px;
						}

p.distcontent
						{
						font-size: 110%;
						line-height: 140%;
						text-align: left;
						color: black;
						font-weight: normal;
						margin: 10px 20px 0 12px;
						padding: 0;
						}

a#dist_link:link, a#dist_link:visited, a#dist_link:active
							{
							color: black;
							text-decoration: none;
							}

a#dist_link:hover, a#dist_link:focus
							{
							text-decoration: none;
							}

/* -------- End Distributor Info On Home Page --------  */

/* -------- Facebook / Twitter Dynamic Buttons --------  */

#tweetthishold
					{
					width: 266px;
					height: 30px;
					float: left;
					margin: 10px 20px 6px 12px;
					border-top: 1px solid #666666;
					padding: 10px 0 0 0;
					font-family: arial;
					color: #30303b;
					font-size: 11px;
					}

#tweetbutthold
						{
						width: 56px;
						float: left;
						margin: 0;
						padding: 0;
						}

#tweettexthold
						{
						width: 154px;
						float: right;
						margin: 0 0 0 24px;
						text-align: left;
						}

iframe.fbrecommend
					{
					width: 298px;
					height: 80px;
					margin: 0 0 0 11px;
					border: 0;
					overflow: hidden;
					}

/* -------- End Facebook / Twitter Dynamic Buttons --------  */

/* -------- News Page --------  */

p.newslinktop
				{
				margin: 28px 0 20px 40px;
				font-size: 130%;
				}

p.newslink
				{
				margin: 20px 0 20px 40px;
				font-size: 130%;
				}

p.newslinkbott
				{
				margin: 20px 0 10px 40px;
				font-size: 130%;
				}

span.newsdetails
					{
					font-size: 80%;
					color: #a1a1a1;
					}	

/* -------- End News Page --------  */

/* -------- Why SSS Page --------  */

p.justwhy
	{
	margin: 25px 0 0 0;
	color: #78abcb;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	}

p.whypage
	{
	color: #749400;
	margin: 0 0 15px 0;
	padding: 0 25px;
	font-size: 120%;
	text-align: justify;
	line-height: 140%;
	}

p.whypageindent
	{
	color: #749400;
	margin: 0 0 15px 0;
	padding: 0 45px;
	font-size: 120%;
	text-align: justify;
	line-height: 140%;
	}

#topcontcent
	{
	width: 250px;
	margin: 0 auto 8px auto;
	text-align: center;
	}

#bottcontcent
	{
	width: 100px;
	margin: 0 auto;
	text-align: center;
	}

/* -------- End Why SSS Page --------  */

/* -------- What It Is Page --------  */

#whatleftphoto
				{
				width: 466px;
				float: left;
				text-align: left;
				}

img.whatphotos
					{
					margin: 0 0 8px 0;
					border: 1px solid #dcdcda;
					}

#whatrightphoto
				{
				width: 466px;
				float: right;
				text-align: left;
				}

p.whatitistext
					{
					color: #3ab0d6;
					font-size: 110%;
					padding: 0 6px;
					line-height: 140%;
					}

#whatlefttubes
				{
				margin: 10px 0 0 0;
				width: 195px;
				height: 310px;
				float: left;
				text-align: left;
				}

#whatmaintext
				{
				margin: 10px 0 0 15px;
				width: 479px;
				height: 310px;
				float: left;
				text-align: left;
				}

p.whattexthead
					{
					color: #3ab0d6;
					font-size: 170%;
					margin: 10px 0 14px 0;
					}

p.whattext
					{
					color: #3ab0d6;
					font-size: 110%;
					line-height: 140%;
					text-align: justify;
					}

#whattreatment
				{
				margin: 0;
				width: 600px;
				float: left;
				text-align: left;
				}

#whatrightunit
				{
				margin: 10px 0 0 0;
				width: 246px;
				float: right;
				text-align: left;
				}

img.whatcut
					{
					margin: 6px 0 0 13px;
					border: none;
					}

/* -------- End What It Is Page --------  */

/* -------- How It Works Page --------  */

p.justhow
	{
	margin: 0 0 15px 0;
	color: #78abcb;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	}

p.howpage
	{
	color: #00a8d5;
	margin: 0 0 15px 0;
	padding: 0 25px;
	font-size: 120%;
	text-align: justify;
	line-height: 140%;
	}

#topcontcent2
	{
	width: 250px;
	margin: 15px auto 0 auto;
	text-align: center;
	}

#howimgcent
	{
	width: 203px;
	margin: 0 auto 10px auto;
	text-align: center;
	}

/* -------- End How It Works Page --------  */

/* -------- What It Does Page --------  */

.tablecent
	{
	width: 310px;
	margin: 0 auto;
	text-align: center;
	color: #414141;
	font-weight: bold;
	font-size: 160%;
	}

table.whatbeforeafter
		{
		width: 310px;
		margin: 0 auto;
		padding: 0;
		font-size: 80%;
		}

table.whatbeforeafterpipes
		{
		width: 240px;
		margin: 0 auto 10px auto;
		padding: 0;
		font-size: 80%;
		}

/* -------- End What It Does Page --------  */

/* -------- Installation Page --------  */

img.installint
				{
				margin: 0 12px 0 0;
				}

img.installdrawone
				{
				margin: 0 18px 0 0;
				}

img.installtextot
				{
				margin: 0 16px 0 0;
				float: right;
				}

img.installwoman
				{
				margin: 40px 0 0 0;
				border: 1px solid #dcdcda;
				float: right;
				}
				
.install-vid
				{
				margin: 60px 26px 0 0;
				float: right;
				width: 520px;
				height: 390px;
				text-align: center;
				}

img.installdrawfour
				{
				margin: 10px 0 0 0;
				float: left;
				}

img.installdrawfive
				{
				margin: 10px 0 0 0;
				float: left;
				}

img.installtextff
				{
				margin: 8px 0 0 0;
				float: left;
				}

img.installtextss
				{
				margin: 8px 0 0 0;
				float: left;
				clear: left;
				}

img.installtexte
				{
				margin: 6px 16px 0 0;
				float: left;
				clear: left;
				}

#installdivid
				{
				width: 950px;
				height: 1px;
				margin: 0;
				padding: 0;
				}

/* -------- End Installation Page --------  */

/* -------- Left Column --------  */

#leftcolumn
				{
				width: 260px;
				height: 500px;
				float: left;
				text-align: center;
				background: url('images/tbreakaway.jpg') no-repeat top;
				}

#whyholder
					{
					width: 78px;
					margin: 234px 0 0 42px;
					float: left;
					display: inline;
					}

#logoholder
					{
					width: 236px;
					margin: 0 0 0 8px;
					clear: left;
					text-align: center;
					float: left;
					}

img.logod
						{
						float: left;
						border: none;
						}

img.bluewhy
						{
						float: left;
						border: none;
						clear: left;
						}					

p.quote
					{
					margin-top: 4px;
					color: #73b0ca;
					font-weight: bold;
					font-size: 110%;
					}

img.genericnb
					{
					border: none;
					}

#leftmidbox
					{
					width: 137px;
					margin: 28px 0 4px 0;
					border: 1px solid black;
					padding:  6px 5px 10px 8px;
					font-weight: bold;
					font-size: 22px;
					text-align: center;
					color: #00a8d5;
					cursor: pointer;
					line-height: 100%;
					float: left;
					background: #d1e58b;
					}

img.medlglogo
						{
						float: left;
						margin: 0;
						clear: right;
						border: none;
						}

span.ltb
						{
						color: #00a8d5;
						font-weight: normal;
						font-size: 16px;
						}

#leftbottbox
					{
					width: 204px;
					height: 237px;
					margin: 2px 0 10px 0;
					padding:  14px 0 14px 16px;
					font-weight: bold;
					color: #00a8d5;
					font-weight: bold;
					font-size: 140%;
					text-align: left;
					cursor: pointer;
					background: url('images/homespec.jpg') no-repeat;
					float: left;
					}

p.nospace
						{
						margin: 0;
						color: #00a8d5;
						font-weight: normal;
						font-size: 15px;
						}

/* -------- End Left Column --------  */

/* -------- Middle Column --------  */

#midcolumn
				{
				width: 310px;
				float: left;
				text-align: center;
				color: #00a8d5;
				font-weight: bold;
				font-size: 140%;
				margin: 16px 0 0 0;
				padding: 0 35px;
				}

#atlastholder
					{
					width: 155px;
					margin: 20px auto;
					text-align: center;
					}

span.ecogreen
					{
					color: #9ec000;
					}

#rtsholder
					{
					width: 150px;
					margin: 30px auto 25px auto;
					text-align: center;
					}

p.midnotbold
					{
					font-weight: normal;
					}

img.midsmalllogo
						{
						vertical-align: middle;
						}

img.readthestory
						{
						border: none;
						}

#learnholder
				{
				width: 163px;
				margin: 25px auto;
				text-align: center;
				}

img.learnmore
					{
					border: none;
					}

/* -------- End Middle Column --------  */

/* -------- Right Column --------  */

#rightcolumn
				{
				width: 310px;
				float: left;
				text-align: center;
				color: #535353;
				font-weight: bold;
				font-size: 160%;
				margin: 16px 0 0 0;
				padding: 0;
				}

p.righttop
					{
					margin: 26px 0 26px 0;
					color: #9ec000;
					font-weight: bold;
					font-size: 80%;
					}

img.guarword
						{
						margin: 0 0 8px 0;
						}

span.littlebigger
					{
					font-size: 105%;
					}

img.tanks
					{
					margin: 5px 0 0 0;
					}

table.beforeafter
					{
					width: 310px;
					margin: 0 0 20px 0;
					padding: 0;
					font-size: 85%;
					}

table.beforeafterpipes
					{
					width: 230px;
					margin: 6px auto;
					padding: 0;
					text-align: center;
					font-size: 85%;
					}

/* -------- End Right Column --------  */

#asimplewayholder
				{
				width: 200px;
				margin: 25px auto 0 auto;
				text-align: center;
				}

p.browser
				{
				text-align: center;
				color: black;
				font-size: 50%;
				margin: 0;
				padding: 0;
				font-weight: normal;
				font-style: italic;
				text-transform: uppercase;
				}

/* -------- Products Pages --------  */

#contentprod
			{
			width: 950px;
			text-align: left;
			margin: 5px 0 0 0;
			padding: 0;
			background: url('images/prodcontentbg.jpg') no-repeat 280px 370px;
			}

#leftprodcol
				{
				width: 725px;
				padding: 0;
				float: left;
				background: url('images/leftprodcolbg.jpg') repeat-x 0 18px;
				}

form
					{
					display: inline;
					}

input.bigmain
					{
					width: 133px;
					height: 22px;
					margin: 6px 0 0 1px;
					}

input.lilmain
					{
					width: 108px;
					height: 18px;
					margin: 10px 0 24px 0;
					}

input.indivone
					{
					width: 143px;
					height: 24px;
					margin: 0 0 11px 0;
					padding: 0;
					border: none;
					}

table.tallprods
					{
					width: 472px;
					float: right;
					margin: 24px 54px 0 0;
					padding: 0;
					font-size: 120%;
					text-align: left;
					display: inline;
					}

table.tallprods td
						{
						width: 118px;
						margin: 0;
						padding: 0;
						}

table.tallprods td.fullspan
						{
						width: 462px;
						font-size: 80%;
						padding: 8px 0 0 12px;
						}

table.tallprods td.fullspanred
						{
						width: 462px;
						font-size: 80%;
						padding: 0 0 0 12px;
						color: #e83c34;
						}

table.tallprods td.leftpad
						{
						padding: 0 0 0 19px;
						}

table.tallprods td.leftpad2
						{
						padding: 0 0 0 21px;
						}

p.instructions
					{
					width: 170px;
					clear: left;
					padding: 0 10px 0 0;
					font-size: 90%;
					}

table.savings
					{
					width: 472px;
					float: right;
					margin: 10px 65px 0 0;
					padding: 0;
					font-size: 125%;
					text-align: center;
					font-size: 90%;
					display: inline;
					}

table.tallprods td.leftquart
						{
						width: 118px;
						}

span.blueprice
							{
							font-weight: bold;
							font-size: 115%;
							color: #0098ca;
							}

table.tallprods td.middlequarts
						{
						width: 236px;
						}

span.redsave
							{
							color: #e83c34;
							}

table.tallprods td.rightquart
						{
						width: 118px;
						}
						
img.photolinkmp
							{
							margin: 0 0 10px 0;
							border: none;
							}

a.smallpone:link, a.smallpone:visited, a.smallpone:active
							{
							text-decoration: none;
							color: #86af09;
							}

a.smallpone:hover, a.smallpone:focus
							{
							text-decoration: underline;
							}

a.smallptwo:link, a.smallptwo:visited, a.smallptwo:active
							{
							text-decoration: none;
							color: #0098ca;
							}

a.smallptwo:hover, a.smallptwo:focus
							{
							text-decoration: underline;
							}

a.smallpthree:link, a.smallpthree:visited, a.smallpthree:active
							{
							text-decoration: none;
							color: #d52d2c;
							}

a.smallpthree:hover, a.smallpthree:focus
							{
							text-decoration: underline;
							}

a.smallpfour:link, a.smallpfour:visited, a.smallpfour:active
							{
							text-decoration: none;
							color: #f07620;
							}

a.smallpfour:hover, a.smallpfour:focus
							{
							text-decoration: underline;
							}

img.productbox
					{
					float: left;
					margin: 0 16px 0 0;
					border: none;
					}

img.productbox2
					{
					float: left;
					margin: 80px 16px 0 0;
					border: none;
					}

p.prodtag
					{
					margin: 24px 0 0 0;
					padding: 0;
					color: #12b6cf;
					font-size: 120%;
					}

#leftcoltextholder
					{
					width: 579px;
					margin: 23px 0 0 0;
					padding: 0;
					float: right;
					}

#ordercol
						{
						width: 280px;
						margin: 40px 0 0 0;
						padding: 0;
						float: left;
						display: inline;
						text-align: left;
						}

p.newevery
							{
							margin: 5px 0 9px 0;
							padding: 0;
							color: #12b6cf;
							font-family: helvetica;
							font-size: 100%;
							clear: left;
							font-weight: bold;
							}

p.neweverytop
							{
							margin: 0 0 9px 0;
							padding: 6px 0 0 0;
							color: #12b6cf;
							font-family: helvetica;
							font-size: 100%;
							clear: left;
							font-weight: bold;
							}

p.one_unit_small
							{
							clear: left;
							margin: 12px 0 0 0;
							padding: 0;
							color: #12b6cf;
							font-family: helvetica;
							font-size: 11px;
							text-align: left;
							}

p.three_units_small
							{
							clear: left;
							margin: 0;
							padding: 0;
							color: #12b6cf;
							font-family: helvetica;
							font-size: 11px;
							text-align: left;
							}

p.prodpone
							{
							margin: 0;
							padding: 0;
							text-transform: uppercase;
							color: #12b6cf;
							font-weight: bold;
							font-family: helvetica;
							font-size: 115%;
							}

p.prodptwo
							{
							margin: 5px 0 0 0;
							padding: 0;
							color: black;
							font-family: helvetica;
							font-size: 115%;
							}

p.prodpthree
							{
							margin: 5px 0 9px 0;
							padding: 0;
							color: #12b6cf;
							font-family: helvetica;
							font-size: 110%;
							font-weight: bold;
							}

p.prodpfour
							{
							margin: 5px 0 0 0;
							padding: 0;
							color: black;
							font-family: helvetica;
							font-size: 100%;
							}

p.prodpfive
							{
							margin: 27px 0 14px 0;
							padding: 0;
							color: #e83e35;
							font-family: helvetica;
							font-size: 115%;
							text-transform: uppercase;
							}

#infocol
						{
						width: 294px;
						margin: 25px 0 0 0;
						padding: 0;
						float: right;
						display: inline;
						}

#infocol2
						{
						width: 294px;
						min-height: 500px;
						margin: 25px 0 0 0;
						padding: 0;
						float: right;
						display: inline;
						}

p.prodinfoblack
							{
							color: black;
							text-align: justify;
							font-size: 100%;
							line-height: 110%;
							margin: 0 0 13px 0;
							}

span.prodbluequick
								{
								color: #12b6cf;
								}

p.prodinfoblue
							{
							font-size: 100%;
							text-align: justify;
							color: #12b6cf;
							line-height: 110%;
							margin: 0 0 13px 0;
							}

p.closelearn
							{
							text-align: left;
							font-size: 90%;
							margin: 0;
							padding: 0;							
							}

img.prodlearnmore
						{
						border: none;
						margin: 0 74px 0 75px;
						}

#underleftprodcol
					{
					width: 310px;
					float: left;
					margin: 10px 0 0 31px;
					display: inline;
					background: url('images/guarantee2.jpg') no-repeat 0 180px;	
					}

p.hummquote
						{
						margin: 0 40px 0 90px;
						padding: 0;
						}

p.prodpsix
						{
						margin: 22px 0 0 0;
						padding: 0;
						color: #12b6cf;
						font-family: helvetica;
						font-size: 125%;
						text-align: right;
						}

img.insurance
						{
						margin-top: 26px;
						}

p.greeninvest
						{
						font-size: 130%;
						color: #00a8d5;
						letter-spacing: -1px;
						text-align: right;
						margin-left: 32px;
						}

p.fineprint
						{
						color: black;
						font-size: 110%;
						text-align: justify;
						}

p.prodpseven
						{
						margin: 22px 0 0 0;
						padding: 0;
						color: #12b6cf;
						font-family: helvetica;
						font-size: 115%;
						text-align: justify;
						}

span.prodquickred
							{
							color: #e83e35;
							}

#rightprodnav
				{
				width: 206px;
				margin: 18px 0 0 0;
				padding: 0;
				float: right;
				height: 500px;
				text-align: left;
				font-size: 90%;
				line-height: 14px;
				}

ul.productnavigate
					{
					list-style: none;
					margin: 0;
					padding: 0;
					float: left;
					color: white;
					background-color: transparent;
					}

ul.productnavigate li
					{
					width: 100%;
					height: 36px;
					margin: 0 0 3px 0;
					padding: 0;
					background: #00b2d6;
					}

ul.productnavigate li.fourspecial
					{
					width: 100%;
					height: 36px;
					text-align: center;
					display: block;
					}

ul.productnavigate li.prodsh
					{
					width: 100%;
					height: 36px;
					background: url('images/prodshbg.jpg') #00b2d6 no-repeat left;
					display: block;
					}

ul.productnavigate li.prodnr
					{
					width: 100%;
					height: 36px;
					background: url('images/prodnrbg.jpg') #00b2d6 no-repeat left;
					display: block;
					}

ul.productnavigate li.prodpr
					{
					width: 100%;
					height: 36px;
					background: url('images/prodprbg.jpg') #00b2d6 no-repeat left;
					display: block;
					}

ul.productnavigate li.prodgr
					{
					width: 100%;
					height: 36px;
					background: url('images/prodgrbg.jpg') #00b2d6 no-repeat left;
					display: block;
					}

ul.productnavigate li.fivespecial
					{
					width: 100%;
					height: 30px;
					text-align: center;
					display: block;
					background: #99c60b;
					font-size: 12px;
					}

a.prodsmalllkscent:link, a.prodsmalllkscent:visited, a.prodsmalllkscent:active
						{
						width: 206px;
						display: block;
						text-align: center;
						text-decoration: none;
						color: white;
						padding: 10px 0 0 0;
						background-color: transparent;
						}

a.prodsmalllkscent:hover, a.prodsmalllkscent:focus
						{
						color: #dadada;
						}

a.prodsmalllkscenta:link, a.prodsmalllkscenta:visited, a.prodsmalllkscenta:active, a.prodsmalllkscenta:hover, a.prodsmalllkscenta:focus
						{
						width: 206px;
						display: block;
						text-align: center;
						text-decoration: none;
						color: black;
						padding: 10px 0 0 0;
						}

a.prodsmalllks:link, a.prodsmalllks:visited, a.prodsmalllks:active
						{
						width: 96px;
						text-decoration: none;
						color: white;
						display: block;
						padding: 3px 0 0 110px;
						background-color: transparent;
						}

a.prodsmalllks:hover, a.prodsmalllks:focus
						{
						color: #dadada;
						}

a.prodsmalllksactive:link, a.prodsmalllksactive:visited, a.prodsmalllksactive:active, a.prodsmalllksactive:hover, a.prodsmalllksactive:focus
						{
						width: 96px;
						text-decoration: none;
						color: black;
						display: block;
						padding: 3px 0 0 110px;
						background-color: transparent;
						}

a.fivelink:link, a.fivelink:visited, a.fivelink:active
						{
						width: 206px;
						display: block;
						text-align: center;
						text-decoration: none;
						color: white;
						padding: 8px 0 0 0;
						background-color: transparent;
						}

a.fivelink:hover, a.fivelink:focus
						{
						color: #dadada;
						}

a.fivelinka:link, a.fivelinka:visited, a.fivelinka:active, a.fivelinka:hover, a.fivelinka:focus
						{
						width: 206px;
						display: block;
						text-align: center;
						text-decoration: none;
						color: black;
						padding: 8px 0 0 0;
						}

#fivesimpprod
					{
					width: 206px;
					height: 40px;				
					margin: 6px 0 0 0;
					border-top: 2px solid #07b5d7;
					border-bottom: 2px solid #07b5d7;
					padding: 0;
					background: url('images/liarrow.jpg') no-repeat 4px;
					}

p.smallnavallfive
						{
						font-size: 14px;
						font-weight: bold;
						margin: 12px 0 0 0;
						padding: 0 0 0 22px;
						}

a.fiveeco:link, a.fiveeco:visited, a.fiveeco:active
							{
							text-decoration: none;
							color: #07b5d7;
							}

a.fiveeco:hover, a.fiveeco:focus
							{
							color: #70a4ae;
							}

a.fiveecoa:link, a.fiveecoa:visited, a.fiveecoa:active, a.fiveecoa:hover, a.fiveecoa:focus
							{
							text-decoration: none;
							color: black;
							}

p.realtest
					{
					text-align: center;
					font-size: 90%;
					font-weight: bold;
					}

a.alttestlink:link, a.alttestlink:visited, a.alttestlink:active
						{
						text-decoration: none;
						color: #818181;
						}

a.alttestlink:hover, a.alttestlink:focus
						{
						color: #00b2d6;
						background-color: transparent;
						}

#sciencelinkbox
					{
					width: 206px;
					height: 110px;
					color: white;
					text-align: center;
					background: #00b2d6;
					margin: 22px 0 0 0;
					padding: 9px 0 0 0;
					}

p.scientific
						{
						margin: 0;
						padding: 0;
						}

a.scientificlks:link, a.scientificlks:visited, a.scientificlks:active
							{
							text-decoration: none;
							color: white;
							background-color: transparent;
							}

a.scientificlks:hover, a.scientificlks:focus
							{
							color: #dadada;
							}

a.withinptext:link, a.withinptext:visited, a.withinptext:active
							{
							text-decoration: none;
							color: #12b6cf;
							}

a.withinptext:hover, a.withinptext:focus
							{
							color: #70a4ae;
							}

/* -------- End Products Pages --------  */

/* -------- Testimonials Page --------  */

img.widetest
				{
				margin: 0 0 10px 0;
				border: 1px solid #dcdcda;
				}

img.widetestnew
				{
				margin: 0 0 10px 0;
				}

p.testcenter
				{
				text-align: justify;
				color: #7daecc;
				font-size: 120%;
				margin: 0;
				padding: 0 170px;
				line-height: 26px;
				}

img.testlogo
					{
					vertical-align: -10px;
					}

#bigbluebar
				{
				width: 950px;
				height: 21px;
				margin: 10px auto 0 auto;
				background: #c4e0f5;
				}

#lefttest
				{
				width: 470px;
				color: black;
				font-size: 120%;
				text-align: left;
				float: left;
				margin: 0 10px 0 0;
				}

#righttest
				{
				width: 470px;
				color: black;
				font-size: 120%;
				text-align: left;
				float: left;
				margin: 0;
				}

p.testintro
					{
					font-size: 100%;
					margin: 10px 0 16px 0;
					padding: 0 35px;
					line-height: 20px;
					color: #7daecc;
					}

p.normaltest
					{
					font-size: 100%;
					margin: 0 0 20px 0;
					padding: 0 35px;
					line-height: 21px;
					}

.bluebar
					{
					width: 470px;
					height: 34px;
					background: #c4e0f5;
					margin: 0 0 30px 0;
					}

.greenbar
					{
					width: 470px;
					height: 55px;
					background: #cde193;
					margin: 0 0 30px 0;
					}

#biggreenbar
				{
				width: 950px;
				height: 27px;
				margin: 0 auto 20px 0;
				background: #c8db9c;
				}

p.testcenterol
				{
				text-align: center;
				color: #7daecc;
				font-size: 120%;
				margin: 0;
				}

a.blackmaillink:link, a.blackmaillink:visited, a.blackmaillink:active
					{
					color: black;
					text-decoration: none;
					}

a.blackmaillink:hover, a.blackmaillink:focus
					{
					text-decoration: underline;
					}

/* -------- End Testimonials Page --------  */

/* -------- FAQ General --------  */

p.faq
				{
				color: #78abcb;
				font-size: 120%;
				font-weight: bold;
				line-height: 20px;
				margin: 6px 16px 10px 16px;
				padding: 0;
				text-align: justify;
				}

p.faqanswer
				{
				color: black;
				font-size: 120%;
				line-height: 20px;
				margin: 6px 36px 30px 36px;
				padding: 0;
				text-align: justify;
				}

p.faqanswerbott
				{
				color: black;
				font-size: 120%;
				line-height: 20px;
				margin: 6px 36px 40px 36px;
				padding: 0;
				text-align: justify;
				}

img.faqmain
				{
				float: left;
				margin: 0 0 7px 0;
				border: 1px solid #dcdcda;
				}

img.faqnav
				{
				margin: 0 0 10px 1px;
				padding: 0;
				float: left;
				border: none;
				}

img.faqnavgen
				{
				margin: 0 0 8px 32px;
				padding: 0;
				float: left;
				border: none;
				}

img.faqgeninfo
				{
				margin: 0 0 14px 0;
				padding: 0;
				border: none;
				}

p.faqbread
				{
				margin: 0;
				padding: 0 20px 0 0;
				color: #5f9bbf;
				font-size: 100%;
				font-weight: bold;
				line-height: 19px;
				text-align: right;
				}			

/* -------- End FAQ General --------  */

/* -------- How Septic Systems Work --------  */

img.septicspeech
				{
				float: right;
				margin: 15px 0 145px 0;
				}

img.septicpeople
				{
				float: right;
				margin: 15px 5px 40px 0;
				border: 1px solid #dcdcda;
				}

h3
				{
				color: #85b008;
				font-size: 140%;
				font-weight: normal;
				margin: 0 20px 30px 20px;
				padding: 0;
				text-align: left;
				text-transform: uppercase;
				clear: right;
				}

p.articlename
				{
				color: #85b008;
				font-size: 140%;
				font-weight: normal;
				margin: 0;
				padding: 0 20px;
				text-align: left;
				}

p.articleadd
				{
				font-size: 110%;
				font-weight: normal;
				margin: 4px 0;
				padding: 0 20px;
				text-align: left;
				}

a.howsepticlink:link, a.howsepticlink:visited, a.howsepticlink:active
					{
					text-decoration: none;
					color: #0e31ff;
					}

a.howsepticlink:hover, a.howsepticlink:focus
					{
					text-decoration: underline;
					color: #0e31ff;
					}

p.articlequotetop
				{
				color: black;
				font-size: 110%;
				text-align: justify;
				margin: 0;
				padding: 0 20px;
				}

p.articlequote
				{
				color: black;
				font-size: 110%;
				text-align: justify;
				margin: 20px 0;
				padding: 0 20px;
				}

p.articlequotebott
				{
				color: black;
				font-size: 110%;
				text-align: justify;
				margin: 20px 0 40px 0;
				padding: 0 20px;
				}

/* -------- End How Septic Systems Work --------  */

/* -------- The Story Page --------  */

#allcenteredthestory
			{
			width: 552px;
			margin: 0 auto;
			text-align: center;
			}

img.headunder
				{
				margin: 0 0 10px 0;
				border: 1px solid #dcdcda;
				}

img.partheading
				{
				vertical-align: middle;
				}

p.company
				{
				color: #5f9bbf;
				text-align: justify;
				font-size: 120%;
				line-height: 19px;
				}

p.inventors
				{
				color: #5f9bbf;
				font-size: 100%;
				font-weight: bold;
				line-height: 19px;
				text-align: right;
				}

p.inventors2
				{
				color: #5f9bbf;
				font-size: 100%;
				font-weight: bold;
				line-height: 19px;
				text-align: left;
				margin: 30px 0 0 0;
				}

a.moreinvent:link, a.moreinvent:visited, a.moreinvent:active
					{
					color: black;
					text-decoration: none;
					}

a.moreinvent:hover, a.moreinvent:focus
					{
					color: #00a8d5;
					}

#asimplewayholderreg
				{
				width: 200px;
				margin: 20px 80px 0 0;
				float: right;
				display: inline;
				}

p.quotereg
				{
				float: left;
				clear: left;
				margin: 0;
				padding: 53px 0 0 0;
				color: #73b0ca;
				font-weight: bold;
				font-size: 110%;
				}

/* -------- End The Story Page --------  */

/* -------- Steve Bio --------  */

#biopic
			{
			width: 190px;
			margin: 0 10px;
			float: left;
			}

#biopic2
			{
			width: 190px;
			margin: 14px 20px 0 0;
			float: left;
			}

img.bios
				{
				margin: 0 0 0 18px;
				border: 1px solid #dcdcda;
				}

img.thecompphoto
				{
				float: left;
				border: none;
				}

#bioinfo
			{
			width: 560px;
			float: left;
			}

p.companybio
				{
				color: #5f9bbf;
				text-align: justify;
				font-size: 120%;
				line-height: 23px;
				margin: 0 0 20px 0;
				}

span.bigname
					{
					font-size: 180%;
					}

a.textlinks:link, a.textlinks:visited, a.textlinks:active
					{
					text-decoration: none;
					color: #3d6279;
					}

a.textlinks:hover, a.textlinks:focus
					{
					color: #6fb2db;
					}

/* -------- End Steve Bio --------  */

/* -------- The Company Page --------  */

#addressholder
				{
				width: 200px;
				margin: 0 auto;
				padding: 4px 0;
				text-align: center;
				}

p.companybioleft
				{
				color: #5f9bbf;
				text-align: left;
				font-size: 100%;
				line-height: 23px;
				margin: 0 0 20px 0;
				}

/* -------- End The Company Page --------  */

/* -------- Distributors Page --------  */

h1#dist_head
				{
				margin: 16px 0;
				padding: 0;
				}

h2#dist_sub_head
				{
				margin: 0 0 16px 0;
				padding: 0;
				}

#dist_map_hold
				{
				width: 810px;
				height: 600px;
				margin: 0 auto 20px auto;
				border: 1px solid #999999;
				padding: 0;
				text-align: center;
				}

/* -------- End Distributors Page --------  */

/* -------- Site Map --------  */

h2
				{
				color: #6da4c7;
				font-size: 140%;
				margin: 0;
				padding: 30px 4px 36px 4px;
				text-align: left;
				}

img.sitemappic
				{
				float: right;
				}

#leftmap
				{
				width: 240px;
				float: left;
				text-align: left;
				margin: 0 35px 0 0;
				padding: 0;
				}

#rightmap
				{
				width: 240px;
				float: left;
				text-align: left;
				margin: 0;
				padding: 0;
				}

p.sectionbold
					{
					color: #6da4c7;
					font-weight: bold;
					text-align: left;
					margin: 0 0 10px 0;
					padding: 0;
					font-size: 115%;
					}

p.sectionbold2
					{
					color: #6da4c7;
					font-weight: bold;
					text-align: left;
					margin: 30px 0 10px 0;
					padding: 0;
					font-size: 115%;
					}

p.sectionbold3
					{
					color: #6da4c7;
					font-weight: bold;
					text-align: left;
					margin: 20px 0;
					padding: 0;
					font-size: 115%;
					}

p.sectionbold4
					{
					color: #6da4c7;
					font-weight: bold;
					text-align: left;
					margin: 0 0 30px 0;
					padding: 0;
					font-size: 115%;
					}

p.maplink
					{
					color: #6da4c7;
					text-align: left;
					margin: 0 0 10px 0;
					padding: 0;
					font-size: 115%;
					}

a.smaplinks:link, a.smaplinks:visited, a.smaplinks:active
						{
						color: #6da4c7;
						text-decoration: none;
						}

a.smaplinks:hover, a.smaplinks:focus
						{
						color: #6da4c7;
						text-decoration: underline;
						}

/* -------- End Site Map --------  */

/* -------- End Content --------  */

/* -------- Footer --------  */

#footer 		
		{
		width: 950px;
		font-size: 10px;
		margin: 0;
		padding: 10px 0 0 0;
		text-align: left;
		clear: both;
		font-weight: bold;
		border-top: solid #dddddd 1px;
		text-align: center;
		line-height: 14px;
		}

a.foot:link, a.foot:visited, a.foot:active 
			{
			margin: 0;
			text-decoration: none;
			color: black;
			}

a.foot:hover, a.foot:focus
			{
			color: #00a8d5;
			}

a.footact:link, a.footact:visited, a.footact:active, a.footact:hover, a.footact:focus
			{
			color: #00a8d5;
			text-decoration: none;
			}

/* -------- End Footer --------  */

div.spec-promo		{
	width: 400px;
	margin: 3px auto;
	text-align: center;
	}