/* CSS developed by 9xb.com
Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		font: 12px/1.4em verdana, arial, helvetica, tahoma, sans-serif;
		color: #333;
		line-height: normal;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/bg_main.gif) repeat-x top center #9791c6;
	}
	
/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader, hr {
		display: none;
	}
	
	a img {
		border: 0;
	}
	
	a {
		color: #554e8a;
		font-weight: bold;
		text-decoration: none;
	}
	a {
		text-decoration: underline;
	}
	
	.clear {
		clear: both;
	}
	p {
		padding: 0;
		margin: 0 0 15px 0;
	}
	.floatL {
		float: left;
	}
	.floatR {
		float: right;
	}
	.floatLimg {
		float: left;
		margin: 0 20px 10px 0;
		padding: 2px;
		border: 1px solid #ccc;
	}
	.floatRimg {
		float: right;
		margin: 0 0 10px 20px;
		padding: 2px;
		border: 1px solid #ccc;
	}
	hr {
		display: none;
	}
	.information {
		border:1px solid #FF9900;
		background:#FFFFCC;
		color:#FF3300;
		text-align:center;
		padding:10px;
		margin:20px 0;
		}
	
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */
	
	#outerwrap {
		text-align: left;
		margin: 0;
		padding: 0;
		height: 768px;
		background: url(../images/bg_swirls.gif) no-repeat top center;
		
	}
	#innerwrap {
		width: 740px;
		margin: 0 auto;
		padding: 0;
	}
	#innerwrap2 {
		width: 740px;
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/bg_innerwrap.gif) no-repeat top left #fff;
	}
	#headerwrap {
		padding: 15px 15px 0 15px;
		float: left;
		width: 710px;
	}
	#contentwrap {
		padding: 15px 15px 15px 15px;
		float: left;
		width: 710px;
	}
	#content {
		float: left;
		width: 490px;
		padding: 10px 20px;
	}
	.container {
		float: left;
		padding: 10px 20px;
	}
	#rightcolumn {
		float: right;
		width: 170px;
	}
	#footerwrap {
		width: 740px;
		margin: 0 auto;
		padding: 15px 0;
		clear: both;
		position: relative;
		color: #fff;
		text-align: center;
	}
	
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		font-size: 1px;
		padding: 0;
		margin: 0 0 10px 0;
		height: 83px;
		width: 329px;
		float: left;
	}
	h1 a {
		border: 0;
		padding: 0;
		margin: 0;
		text-indent: -3000em;
		overflow: hidden;
		display: block;
		height: 83px;
		width: 329px;
		background: url(../images/logo_flowmon.gif) center center no-repeat;
	}
	
	h2 {
		font-size: 2em;
		color: #554e8a;
	}
	h3 {
		font-size: 1.6em;
		color: #010101;
	}
	h4 {
		font-size: 1em;
		color: #010101;
	}
	h2, h3, h4, h5 {
		margin: 0 0 15px 0;
		line-height: 1.2em;
	}
	
/* ---------------------------------- */
/* HEADER STYLES  */   
/* ---------------------------------- */

	#headerwrap p {
		font-size: 1px;
		padding: 0;
		margin: 0;
		height: 83px;
		width: 181px;
		background: url(../images/logo_flowmon2.gif) no-repeat center center;
		float: right;
		text-indent: -3000em;
	}

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

	#nav {
		clear: both;
		float: left;
		width: 688px;
		border: 1px solid #d9d8e9;
		background: #eae9f4;
		list-style: none;
		padding: 10px;
		margin: 0;
		font-size: 95%;
	}
	#nav li {
		float: left;
		text-align: center;
		margin: 0 10px 0 0;
	}
	#nav li.homelink,
	#nav li.productslink,
	#nav li.searchlink,
	#nav li.dislink {
		padding: 8px 0 0 0;
	}
	#nav li.contactlink {
		margin: 0;
	}
	#nav li a {
		text-decoration: none;
	}
	#nav li a:hover, #nav li a.selected {
		color: #000;
	}
	

/* ---------------------------------- */
/* CONTENT STYLES  */   
/* ---------------------------------- */

/* Homepage */

	#banner_homepage {
		float: left;
		width: 670px;
		height: 180px;
		background: url(../images/banner_homepage.jpg) no-repeat top left;
		padding: 20px;
		margin: 0 0 15px 0;
		color: #fff;
	}
	#banner_homepage h2 {
		color: #fff;
	}
	#banner_homepage p {
		width: 350px;
	}
	#banner_homepage p strong {
		font-size: 1.4em;
	}
	#banner_homepage p a {
		color: #83d921;
	}

/* ---------------------------------- */
	
	form#contactForm label {
		display:block;
		float:left;
		width:100px;
		font-size:12px;
		color:#584F9F;
		}
	form#contactForm input, form#contactForm select, form#contactForm textarea {
		font-family:Arial, Helvetica, sans-serif;
		padding:1px;
		font-size:12px;
		}
	form#contactForm fieldset {
		border-top:1px solid #E5E3F1;
		border-bottom:none;
		border-left:none;
		border-right:none;
		padding:20px 10px;
		margin:0;
		}
	form#contactForm legend {
		background:#fff;
		padding:0 10px;
		font-weight:bold;
		color:#A8A3CF;
		margin:0;
		}
	
	form#searchForm div.row, form#contactForm div.row {
		clear:both;
		margin:5px 0;
		font-size:10px;
		}
		form#searchForm label {
			float:left;
			display:block;
			font-size:11px;
			margin:0 10px 0 0;
			padding:2px 0 0 0;
			width:200px;
			color:#584F9F;
			}
		form#searchForm fieldset {
			border:none;
			}
		form#searchForm legend {
			font-size:1.2em;
			color:#9993C7;
			font-weight:bold;
			margin:15px 0 0 0;
			}
		form#searchForm input, form#searchForm select, form#searchForm textarea {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			}
		form#searchForm p {	
			clear:both;
			padding:2px;
			background:#f9f9f9;
			margin:15px 0;
			}
		form#searchForm p span.small {	
			font-size:10px;
			font-style:italic;
			}
		form#searchForm p.blank {
			background:none;
			margin:5px 0 0 0;
			}
		form#searchForm .button {
			padding:2px 10px;
			cursor:pointer;
			font-weight:bold;
			}
		form#searchForm .textfield {
			border:1px solid #999;
			background:#fff;
			padding:2px;
			}
		form#searchForm .textfield_invalid {
			border:1px solid #dd0000;
			background:#FFEBEA;
			padding:2px;
			}

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

	.distributorbox {
		margin:10px 0;
		padding:6px;
		clear:both;
		overflow:auto;
		background:#f8f8f8;
		border-top:1px solid #ddd;
		}
		.distributorbox p.address, distributorbox p.contact { float:left; width:240px; }
		.distributorbox p.contact {margin-left:20px;color:#555;}

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

	#product_categories {
		float: left;
		padding: 0;
		margin: 0 0 15px 0;
		width: 710px;
	}
	#product_categories div {
		float: left;
		padding: 0;
		margin: 0 10px 0 0;
		width: 168px;
		height: 14em;
		border: 1px solid #cdcdcd;
		position: relative;
	}
	#product_categories .sight { background: no-repeat bottom center; }
	#product_categories .water { background: no-repeat bottom center; }
	#product_categories .oil { background: no-repeat bottom center; }
	
	#product_categories .other {
		margin: 0;
		background: no-repeat bottom center;
	}
	#product_categories div h3 {
		text-align: center;
		background: #eee;
		font-size: 1em;
		padding: 10px;
	}
	#product_categories div p {
		margin: 0 10px 10px 10px;
		padding: 0;
	}
	#product_categories div p.go {
		position: absolute;
		bottom: 5px;
		right: 5px;
		margin: 0;
		padding: 0;
	}

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

	#ctafooter {
		float: left;
		padding: 0;
		margin: 0 0 15px 0;
		width: 710px;
	}
	#ctafooter div {
		float: left;
		padding: 0;
		margin: 0 10px 0 0;
		width: 348px;
		height: 11em;
		border: 1px solid #cdcdcd;
		position: relative;
	}
	#ctafooter div.find {
		background: url(../images/bg_cannot_find.jpg) no-repeat center right;
		width: 200px;
		padding: 0 148px 0 0;
	}
	#ctafooter div.resources {
		margin: 0;
	}
	#ctafooter div h3 {
		font-size: 1em;
		padding: 10px;
		margin: 0;
	}
	#ctafooter p {
		margin: 0;
		padding: 0 10px 10px 10px;
	}
	#ctafooter ul {
		list-style: none;
		padding: 0 10px 10px 10px;
		margin: 0;
		font-size: 95%;
	}
	#ctafooter li {
		margin: 0;
		padding: 3px 0 5px 32px;
	}
	
	#ctafooter li.image {
		background: url(../images/icon_image.gif) no-repeat left top;
	}
	#ctafooter li.pdf {
		background: url(../images/icon_pdf.gif) no-repeat left top;
	}
	#ctafooter li.excel {
		background: url(../images/icon_excel.gif) no-repeat left top;
	}
	#ctafooter li.word {
		background: url(../images/icon_word.gif) no-repeat left top;
	}
	#ctafooter li.document {
		background: url(../images/icon_document.gif) no-repeat left top;
	}
	
	#ctafooter li a {
		font-weight: normal;
		color: #000;
		text-decoration: none;
	}
	#ctafooter li a:hover {
		text-decoration: underline;
	}
	#ctafooter p.go {
		position: absolute;
		bottom: 5px;
		right: 5px;
		margin: 0;
		padding: 0;
	}
	
/* Other pages */

	#content p {
		line-height: 1.4em;
	}
	#content p.small {
		font-size:0.9em;
		}
		
	#resources, #resources ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	
	#resources li.folder a {
		background:url(../images/resources_folder_icon.gif) left no-repeat;
		padding:15px 0 15px 50px;
		display:block;
		text-decoration:none;
		}
	
	#resources li.folder {
		padding-bottom:1px;
		}
	
	#resources > li.folder {
		margin:10px 0;
		}
	
	#resources ul {
		margin:10px;
		font-size:0.9em;
		}
		
		#resources ul ul {
			margin:0 0 0px 10px;
			}
	
	#resources ul li.folder a {
		background:url(../images/resources_folder_icon_small.gif) left no-repeat;
		padding:5px 0 5px 25px;
		display:block;
		text-decoration:none;
		}
	
	#resources li.file_detail {
		display:none;
		background:#fff;
		border-top:1px dotted #fc0;
		padding:5px;
		margin:0 0 15px 0;
		}
		
	#resources li.file_detail p {
		margin:0;
		}
		
	#resources a.download {
		padding:0 !important;
		background:none !important;
		display:inline !important;
		}
		
	#resources li.folder a.selected {
		background-color:#FFFFCC;
		}
		
	#resources li.file a.selected {
		background-color:#FFFFEF !important;
		}
		
	#resources li.folder {
		}
		
	#resources ul ul {
		font-size:1em;
		}
		
	#resources ul li.file a {
		color:#333333;
		padding:5px 0 5px 25px;
		background-image:url(../images/resources_file_icon.gif) !important;
		}
		
	#resources ul ul li.file a {
		margin:0 15px;
		}
		
	#resources ul ul li.file_detail {
		margin:0 15px;
		}
		
/* ---------------------------------- */
/* LEFT/RIGHT COLUMN STYLES  */   
/* ---------------------------------- */

	#rightcolumn div {
		float: left;
		padding: 0;
		margin: 0 0 15px 0;
		width: 168px;
		border: 1px solid #cdcdcd;
		position: relative;
	}
	#rightcolumn div.find {
		background: url(../images/bg_cannot_find.jpg) no-repeat bottom right;
		width: 168px;
		padding: 0 0 160px 0;
	}
	#rightcolumn div.resources {
		padding: 0 0 20px 0;
	}
	#rightcolumn div h3 {
		font-size: 1em;
		padding: 10px;
		margin: 0;
	}
	#rightcolumn p {
		margin: 0;
		padding: 0 10px 10px 10px;
	}
	#rightcolumn ul {
		list-style: none;
		padding: 0 10px 10px 10px;
		margin: 0;
		font-size: 95%;
	}
	#rightcolumn li {
		margin: 5px 0;
		padding: 3px 0 5px 32px;
	}
	
	
	#rightcolumn li.image {
		background: url(../images/icon_image.gif) no-repeat left top;
	}
	#rightcolumn li.pdf {
		background: url(../images/icon_pdf.gif) no-repeat left top;
	}
	#rightcolumn li.excel {
		background: url(../images/icon_excel.gif) no-repeat left top;
	}
	#rightcolumn li.word {
		background: url(../images/icon_word.gif) no-repeat left top;
	}
	#rightcolumn li.document {
		background: url(../images/icon_document.gif) no-repeat left top;
	}
	
	
	#rightcolumn li a {
		font-weight: normal;
		color: #000;
		text-decoration: none;
	}
	#rightcolumn li a:hover {
		text-decoration: underline;
	}
	#rightcolumn p.go {
		position: absolute;
		bottom: 5px;
		right: 5px;
		margin: 0;
		padding: 0;
	}


	#portStatus {
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		background:#FFFFCC;
		color:#FF6600;
		font-size:11px;
		padding:5px;
		margin:20px 0;
		border:1px solid #FFCC00;
		display:none;
		}