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

/*--------------------------------
Main Styles
--------------------------------*/

	body{
		background-color:#F9F8F4;
		background-image:url("/images/site_components/top_black.gif");
		background-repeat:repeat-x;
		line-height:2.5;
		letter-spacing:.5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		color:#5D5C5A;
	}
	
	a {
		outline:none;
	}
	
	a:link,a:visited{
		border-bottom:dotted;
		border-bottom-color:#5D5C5A;
		border-bottom-width:1px;
		color:#5D5C5A;
		text-decoration:none;
	}
	
	a:hover, a:active{
		border-bottom:dotted;
		border-bottom-color:#144794;
		border-bottom-width:1px;
		color:#144794;
		text-decoration:none;
	}

	img {
		border:none;
	}
	
	#header{
		width:990px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		margin-top:64px;
		position: relative
		}
	
	#header a:link, #header a:visited, #header a:hover, #header a:active{
		border:none;
	}
	
	#logo{
		text-indent:-5600px;
		background-image:url("/images/oneflow_logo.png");
		background-repeat:no-repeat;
		display:block;
		width:171px;
		height:28px;
		float:left;
		margin-left:10px;
		margin-top:10px
	}
	
	/* ------------------------
		Nav Bar
		----------------------- */
	
		#navbar {
			float:right;
			margin-top:5px;
			margin-right:20px;
			padding-top:10px
		}
		
		#navbar li{
			display:inline;
			float:left;
			margin-left:10px;
			padding-right:10px;
			border-right:solid;
			border-right-color:#5D5C5A;
			border-right-width:1px;
		}
		
		#navbar li.nav_last{
			border-right:solid;
			border-right-color:#CCCCCC;
			border-right-width:0px;
		}
		
		ul#navbar li a { display: block; text-indent: -9999px; }
		
		/* HOME */
		
		a#home_link {
			background-image:url("/images/site_components/navBar/home_1.gif");
			background-repeat:no-repeat;
			width:31px;
			height:10px;
		}
	
		a#home_link:hover {
			background-image:url("/images/site_components/navBar/home_2.gif");
			background-repeat:no-repeat;
		}
		
		/* Scale Problem */
		
		a#problem_link {
			background-image:url("/images/site_components/navBar/scale_prob_1.gif");
			background-repeat:no-repeat;
			width:102px;
			height:10px;
		}
	
		a#problem_link:hover{
			background-image:url("/images/site_components/navBar/scale_prob_2.gif");
			background-repeat:no-repeat;
		}
		
		/* Oneflow Solution */
		
		a#solution_link {
			background-image:url("/images/site_components/navBar/solution_1.gif");
			background-repeat:no-repeat;
			width:130px;
			height:10px;
		}
	
		a#solution_link:hover {
			background-image:url("/images/site_components/navBar/solution_2.gif");
			background-repeat:no-repeat;
		}
		
		/* Case Studies */
		
		a#studies_link {
			background-image:url("/images/site_components/navBar/studies_1.gif");
			background-repeat:no-repeat;
			width:71px;
			height:10px;
		}
	
		a#studies_link:hover {
			background-image:url("/images/site_components/navBar/studies_2.gif");
			background-repeat:no-repeat;
		}
		
		/* Resources */
		
		a#resources_link {
			background-image:url("/images/site_components/navBar/resources_1.gif");
			background-repeat:no-repeat;
			width:56px;
			height:10px;
		}
	
		a#resources_link:hover {
			background-image:url("/images/site_components/navBar/resources_2.gif");
			background-repeat:no-repeat;
		}
		
		/* Get More Information */
		
		a#more_info_link {
			background-image:url("/images/site_components/navBar/more_info_1.gif");
			background-repeat:no-repeat;
			width:113px;
			height:10px;
		}
	
		a#more_info_link:hover {
			background-image:url("/images/site_components/navBar/more_info_2.gif");
			background-repeat:no-repeat;
		}

	
	#site_content{
		width:990px;
		margin-left:auto;
		margin-right:auto;
		text-align:left
	}
	
	#footer{
		background-color:#144794;
		height:50px;
		text-align:center;
		padding-top:5px;
		margin-top:10px;
		line-height:14px;
		clear:both;
	}
	#footer p{margin:0px 10px;padding:0}
	
	#footer_content{
		width:990px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		font-size:10px;
		color:#FFFFFF;
		line-height:13px;
	}
	
	#footer_content a:link{
		color:#F2F2F2;
		text-decoration:underline;
	}
	
	#footer_content a:visited{
		color:#F2F2F2;
		text-decoration:underline;
	}
	
	#footer_content a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#footer_content a:active{
		color:#F2F2F2;
		text-decoration:underline;
	}
	
	#terms_privacy{
		margin-top:0px;
		margin-left:10px;
	}
	
	#copyright{
		margin-top:0px;
		margin-left:10px;
	}
	
/*--------------------------------
Home Page Styles
--------------------------------*/

	#content{
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:990px;
		margin-top:-6px;
	}
	
	#content.homepage {
		background-image:url("/images/site_components/homepage_bg.jpg");
		background-repeat:no-repeat;
		min-height:674px;
		border-left:solid;
		border-left-color:#CCCCCC;
		border-left-width:1px;
		border-right:solid;
		border-right-color:#CCCCCC;
		border-right-width:1px;
		margin-bottom:-10px;
	}
	
	#homePagetext{
		width:415px;
		margin-left:40px;
		line-height:1.5;
		position:absolute;
		top:510px;
	}
	
	#homePagetext h2{
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}
	
	#video_player{
		position:absolute;
		top:119px;
		margin-left:43px;
	}
	
	#flashcontentbanner{
		margin-top:1px;
	}
	
	
	a#calc_link{
		display:block;
		background:url("/images/thumbs/calc_banner.png") no-repeat;
		width:242px;
		height:195px;
		float:right;
		margin-top:24px;
		margin-right:30px;
		clear:both;
		border:none;
		text-indent:-5600px;
		}
	
/*--------------------------------
General Sub Page Styles
--------------------------------*/

	#content.subpage {
		background-image:url("/images/site_components/subpage_bg.jpg");
		background-repeat:no-repeat;
		border-left:solid;
		border-left-color:#CCCCCC;
		border-left-width:1px;
		border-right:solid;
		border-right-color:#CCCCCC;
		border-right-width:1px;
		margin-bottom:-10px;
		padding-bottom:20px;
	}
	
	#left_cntnt{
		position:absolute;
		width:206px;
		margin-top:40px;
		margin-left:150px;
	}
	
	#left_cntnt a{
		border:none;
	}
	
	#left_cntnt em{
		font-size:11px;
		font-style:italic;
		line-height:normal;
		color:#676664;
		padding-top:10px;
	}
	
	#left_cntnt img{
		margin-bottom:10px;
	}
	
	#right_cntnt{
		margin-left:410px;
		margin-right:25px;
		padding-top:40px;
		width:550px;
	}
	
	#right_cntnt h2{
		font-size:15px;
		font-weight:bold;
		color:#000000;
		margin-top:30px;
		margin-bottom:-10px;
	}
	
	#right_cntnt h3{
		font-size:12px;
		font-weight:bold;
		margin-top:30px;
		margin-bottom:-10px;
	}
	
	#right_cntnt li{
	line-height:1.5;
	}
	
/*--------------------------------
Scale Problem
--------------------------------*/
	
	#scale_problem_header{
		background-image:url("/images/site_components/headers/scale_problem.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:197px;
		height:16px;
		padding-bottom:20px;
	}
	
	#what_is_scale{
		margin-top:91px;
	}
	
	#scale_harmful{
		margin-top:34px;
	}
	
	#softeners{
		margin-top:94px;
	}
	
	#inhibitors{
		margin-top:70px;
	}
	
	#magnets{
		margin-top:57px;
	}
	
	#scale_prob_oneflow{
		margin-top:75px;
	}
	
/*--------------------------------
Oneflow Solution
--------------------------------*/

	#oneflow_solution_header{
		background-image:url("/images/site_components/headers/oneflow_solution.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:247px;
		height:16px;
		padding-bottom:20px;
	}
	
	#right_cntnt.oneflow_solutions .sales_lit {
		margin-top:25px;
	}
	
	#right_cntnt.oneflow_solutions .sales_lit li{
		list-style:none;
	}
	
	#hard_scale_build{
		margin-top:175px;
	}
	
	#media{
		margin-top:74px;
	}
	
	#why_oneflow{
		margin-top:33px;
	}
	
	#OFTWH{
		margin-top:385px;
	}
	
	#OF110{
		margin-top:40px;
	}
	#OF210{
		margin-top:43px;
	}
	
	#OF1054{
		margin-top:41px;
	}
	
	#OF817{
		margin-top:42px;
	}
	
	#OF-1465{
		margin-top:41px;
	}
	
	.gallery_sec{
	margin-top:80px;
	margin-bottom:85px;
	}

/*--------------------------------
Case Studies
--------------------------------*/
	
	#case_studies_header{
		background-image:url("/images/site_components/headers/case_studies.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:138px;
		height:16px;
		padding-bottom:20px;
	}
	
	#right_cntnt.case_studies h3{
		font-size:14px;
	}
	
	#right_cntnt.case_studies table{
		margin-top:20px;
		margin-left:20px;
	}
	
	#right_cntnt.case_studies td{
		padding:5px;
		line-height:1.5;
	}
	
	#cs1{
		margin-top:246px;
	}
	
	#cs2{
		margin-top:528px;
	}
	
	#cs3{
		margin-top:653px;
	}
	
/*--------------------------------
Resouces
--------------------------------*/
	
	#resources_header{
		background-image:url("/images/site_components/headers/resources.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:112px;
		height:16px;
		padding-bottom:20px;
	}
	
	#lit_fan{
		margin-top:130px;
		margin-left:-60px;
	}
	
	#ad_gallery_solution{
		margin-top:25px;
		margin-left:-40px;
	}
	
	#ad_gallery{
		margin-top:760px;
		margin-left:-40px;
	}
	
	#calc_img{
		margin-top:95px;
		margin-left:20px;
	}
	.calc_sec{line-height:150%;margin-bottom:80px;}
	
	#right_cntnt.resources h3{
		font-size:15px;
		font-weight:bold;
	}
	
	#right_cntnt.resources li{
		list-style:none;
		margin-left:-20px;
	}
	
	.sales_lit li{
		border-bottom:dotted;
		border-bottom-color:#CCCCCC;
		border-bottom-width:1px;
	}
	
	.lit_text li{
		border-bottom:none;
	}
	
	.lit{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.lit a{
		border:none;
	}
	
	.lit_text{
	 	margin-left:100px;
		margin-top:-113px;
		height:120px;
	}
	
	.wall_text li{
		border-bottom:none;
	}
	
	.wall_text{
	 	margin-left:150px;
		margin-top:-113px;
		height:120px;
	}
	
	.divider{ 
		padding-top:20px;
		height:1px;
		border-bottom:dotted;
		border-bottom-color:#CCCCCC;
		border-bottom-width:1px;
	}
		
	.cad_left{
		float:left;
		margin-right:10px;
		width:220px;
	}	
	.cad_left li{margin-bottom:10px;}
	
	.cad_right{
		float:right;
		margin-right:20px;
		width:210px;
	}
	.cad_right li{margin-bottom:10px;}
	
	.cad_thumb{ 
		margin:0px 0px 0px 45px;
	}
	.cleaner{
		clear:both;
	}	
	
/*--------------------------------
Get More Information
--------------------------------*/
	
	#more_information_header{
		background-image:url("/images/site_components/headers/get_more_information.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:224px;
		height:16px;
		padding-bottom:20px;
	}
	
	#watts_logo{
		margin-top:95px;
	}
	
	#agent_lookup{
		border-bottom:dotted;
		border-bottom-color:#999999;
		border-bottom-width:1px;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
	#right_cntnt fieldset{border:none;}
	#right_cntnt #stnd_form em { font-weight: bold; padding-right: 7px; vertical-align: top;color:#FF0000;}
	#right_cntnt .error_msg { top:-12px;left:15px;position:relative; }
	
	#right_cntnt label{
		float:left;
		width:175px;
		margin-right: 10px;
		line-height:normal;
		margin-bottom:10px;
		clear:both;
	}
	
	#right_cntnt input{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		margin-bottom:10px;
		clear:both;
	}
	
	#right_cntnt textarea{
		width: 300px;
		height: 100px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		margin-bottom:10px;
		clear:both;
	}
	
	#right_cntnt select{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		line-height:normal;
		letter-spacing:normal;
		margin-bottom:10px;
		clear:both;
	}
	
	#right_cntnt .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #000000;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		margin-left:195px;
	}
	
	#right_cntnt.more_info span{
		color:#990000;
	}
	
	#right_cntnt img a{
		border:none;
	}
	
	#right_cntnt img a:hover{
		border:none;
	}

	.rep_results{
		width:400px;
		margin-bottom:30px;
	}
	
	.rep_results p{
		margin:0;
		padding:0;
		line-height:160%;
	}
	
	.rep_results ul{margin-top:0;}
	
	.rep_results li{
		list-style: none;
		padding:2px;
	}
	
	.rep_company_name{
		width:400px;
		background-color:#EEF5F9;
		padding-left:5px;
		font-weight:bold;
	}
	
	
/*--------------------------------
Terms & Conditions
--------------------------------*/
	
	#terms_header{
		background-image:url("/images/site_components/headers/terms.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:206px;
		height:16px;
		padding-bottom:20px;
	}
	
/*--------------------------------
Privacy Policy
--------------------------------*/
	
	#privacy_header{
		background-image:url("/images/site_components/headers/privacy.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:143px;
		height:20px;
		padding-bottom:20px;
	}
	
/*--------------------------------
Calculator
--------------------------------*/

	#calc_header{
		background-image:url("/images/site_components/headers/calculator.png");
		background-repeat:no-repeat;
		text-indent:-5600px;
		width:398px;
		height:20px;
		padding-bottom:20px;
	}

	#calc-table td, #calc-table th{padding:5px 5px 10px 5px;vertical-align:top;position:relative;line-height:normal}
	#calc-table th{background-color:#666;color:#FFF;font-size:10px}
	#calc-table td input{width:60px;padding:5px;background-color:#FFF;border:1px solid #CCC;text-align:right;border-top:1px solid #000;border-left:1px solid #000}
	#calc-table tr.alt_row{background-color:#F2F2F2}
	#calc-table tr.results_hdr th{background-color:#144794;color:#FFF}
	#calc-table td.letter, #calc-table td.input_col{text-align:right}
	#calc-table td input.selected{font-size:13px;font-weight:bold}
	#calc-table tr.results_row{font-size:16px;font-weight:bold}
	#calc-table tr.results_row #roi, #calc-table tr.results_row #life_savings{color:#144794}
	
	#roi_calc p{line-height:normal}
	#roi_calc em{color:#333}
	
	.result_area {text-align:left;line-height:normal;margin-top:20px;padding:10px;padding-left:50px;border-top:1px dashed #144794;background-color:#EEF5F9;color:#333}
	.result_area em{font-weight:bold}
	.result_area p{font-size:14px;margin-bottom:0;padding-bottom:0}
	.result_area strong{font-size:14px;color:#144794}
	
	#left_cntnt .result_area{border:1px dashed #144794;position:fixed;top:110px;width:200px;padding:5px}
	#left_cntnt .result_area p{font-size:12px}
	#left_cntnt .result_area strong{font-size:13px}
	
	#left_cntnt #agent_lookup{background:#F2F2F2;line-height:normal;padding:0 5px;border:1px solid #CCC;position:fixed;top:390px;width:200px}
	#left_cntnt #agent_lookup p{padding-bottom:10px}
	#left_cntnt #agent_lookup a{border:1px solid #CCC;background-color:#EEF5F9;padding:5px}
	#left_cntnt #agent_lookup h3{font-size:12px}
	
	a.stnd_btn{border:1px solid #CCC;background-color:#EEF5F9;padding:5px}
	#calc-table td input.green, #calc-table td select.green{border:1px solid #009900;background-color:#E5F5E5}
	
	.disclaimer{line-height:normal}
	
	#calc-table td select{width:125px}
	
	.red_callout{font-weight:normal;color:#F00}

/* Modal popup */
	  
	.jqmWindow {
		display: none;
		text-align:left;
		
		position: fixed;
		top: 100px;
		left: 50%;
		
		margin-left: -200px;
		width: 400px;
		
		background-color: #FFF;
		color: #333;
		border: 1px solid #F2F2F2;
		padding: 15px;
		line-height:normal;
		
		z-index:100
	}
	
	.jqmOverlay { background-color: #000;z-index:0 }
	.jqmOverlay_refresh { background-color: #000;z-index:0 }
	* html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
	
	a.jqmClose{
		position:absolute;
		border-bottom:none;
		right:15px;top:10px
	}
	
/*--------------------------------
Lightbox
--------------------------------*/
	
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
	}
	
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
	}	
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	#closeButton{ top: 5px; right: 5px; }

	#lightbox img{ border: none; clear: both;} 
	#overlay img{ border: none; }

	#overlay{ background-image: url("/js/images/overlay.png"); }

	* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url("/pro/images/filler.gif");
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/admin/images/overlay.png", sizingMethod="scale");
	}