/* ===============================================
---Pollution Systems
==================================================
--------------------------------------------------
BACKGROUND      #0b2b4a;

P NAV NORMAL	#;
P NAV HOVER		#;
=================================================*/

@import "default.css";

body {
	background-color: #0b2b4a;
}

/* !typography ============================== */
h1 {
	font-size: 1.8em;
	color: #f0832e;
}

p {
	margin: 7px 0;
	color: #666666;
	font-size: 1.1em;
}
h2 {
	margin: 10px 0 7px;
	font-size: 1.6em;
}
h3 {
	margin: 10px 0 7px;
	font-size: 1.4em;
}

blockquote {
	margin: 15px 0;
	font-size: 1.4em;
	color: #504e4e;
	font-style: italic;
	text-align: center;
}
#content ul li, #content ol li {
	padding: 2px 0;
	font-size: 1.1em;
	color: #666666;
}

#content a {
	color: #f0832e;
}

.error {
	color: #e61416 !important;
}
a img {border:none}


/* !structure ============================== */
#global-nav-wrapper {
	padding: 10px 0;
}
#wrapper {
	margin-bottom: 20px;
	background: #fff url(../images/wrapper-top.gif) top left no-repeat;
}
#header {
	margin-top: 10px;
	padding: 7px;
	height: 64px;
	background: transparent url(../images/header-bg.jpg) top left no-repeat;
}
#banner {
	margin: 0 10px 10px;
}
#footer {
	float: left;
	width: 940px;
	padding: 0 10px 10px;
	background: transparent url(../images/wrapper-bottom.gif) bottom left no-repeat;
}

/* !elements ============================== */
#logo {
	float: left;
	display: block;
	width: 288px;
	height: 61px;
	background: transparent url(../images/logo.jpg) no-repeat;
}
#call-us {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 2em;
	color: #fff;
}
#btn-rfq {
	display: block;
	margin: 0 auto;
	width: 185px;
	height: 38px;
	background: transparent url(../images/btn-rfq.jpg) no-repeat;
	text-indent: -9999px;
}
	a#btn-rfq:hover {
		background-position: 0 -38px;
	}
#bbb {
	display: inline;
	padding: 5px 1px 1px 50px;

}

/* !navigation ============================== */
#global-nav {
	
}
	#global-nav li {
		border-right: 1px solid #fff;
	}
	#global-nav li.last {
		border: none;
	}
	#global-nav li a {
		display: block;
		padding: 0 5px;
		color: #fff;
	}

#primary-nav {
	margin: 10px 0 !important;
	z-index: 100;
}
	#primary-nav li {
		position: relative;
	list-style: none !important;
	}
		#primary-nav li a {
			display: block;
			margin-right: 5px;
			width: 130px;
			height: 35px;
			text-align: center;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			line-height: 2.9;
			font-weight: bold;
			background: transparent url(../images/primary-nav-btn.gif) top left no-repeat;
		}
		#primary-nav li.last a, #primary-nav li.first a {
			margin: 0;
		}
		#primary-nav li a:hover, #primary-nav li.hover a {
			background-position: 0 -35px;
		}
	
	
	#primary-nav ul {
		display: none;
		position: absolute;
		top: 35px;
		border: 1px solid #fff;
		border-bottom: none;
		z-index: 100;
	}
		#primary-nav ul li {
			padding: 2px;
			background-color: #f0832e; 
			border-bottom: 1px solid #fff;
		}
			#primary-nav ul li a {
				height: auto;
				padding: 3px 5px;
				text-align: left;
				font-weight: normal;
				line-height: 1.4;
				background: transparent;
				margin-right:0px;
				width:155px;
			}
			#primary-nav ul li.parent > a {
				background: transparent url(../images/primary-nav-arrow.png) 98% 40% no-repeat;
			}
			#primary-nav ul li a:hover {
				background-color: #bb471f;
			}
	
	#primary-nav ul ul {
		left: 100%;
		top: -1px;
	}

#sidebar-left h3 {
	margin: 0;
	color: #fff;
	font-size: 1em;
	line-height: 1.8;
	background: #0072AE;
	padding:3px;
}

#sidebar-left h3 span{
	display:block;
	padding-left: 9px;
	border:1px solid #4C9DCA;
	}
	
#secondary-nav {
	padding: 10px;
	background-color: #ded9c2;
	border: 1px solid #0072ae;
	font-size: 1.1em;
}
	#secondary-nav li {
		margin: 0;
		padding: 3px 0;
		list-style: none;
	}
		#secondary-nav li a {
			color: #0b2b4a;
			text-decoration: none;
			font-weight: bold;
		}
		#secondary-nav li.active > a {
			color: #f0832e;
		}
		#secondary-nav li a:hover {
			text-decoration: underline;
		}
	#secondary-nav ul {
		display: none;
		margin: 0 0 5px 15px;
	}
	#secondary-nav li.active ul {
		display: block;
	}
		#secondary-nav ul li a {
			font-weight: normal;
		}
/* !banner ============================== */
#banner-content {
	float: left;
	margin-right: 1px;
	padding: 20px 10px 8px;
	width: 293px;
	height: 145px;
	background: transparent url(../images/banner-left-bg.jpg) no-repeat;
}
	#banner-content h2 {
		margin: 10px 0 0;
		color: #fff;
		font-size: 2em;
	}
	#banner-content h3 {
		font-size: 1.2em;
		color: #6fbae1;
	}
	#banner-content p {
		color: #fff;
		font-size: 1.1em;
		line-height: 1.4;
	}
#banner-rotate {
	float: left;
	margin: 0;
	padding: 0;
}
	#banner-rotate li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

/* !buckets ============================== */
#buckets {
	background: transparent url(../images/buckets-bg.gif) top no-repeat;
}
	.bucket {
		
	}
	.bucket img {
		float: left;
		margin: 15px 0 0 15px;
	}
	.bucket h3 {
		margin: 25px 5px 10px 80px;
		color: #0072ae;
		font-size: 1.6em;
	}
		.bucket h3 span {
			display: block;
			text-transform: uppercase;
			font-weight: bold;
			color: #0b2b4a;
		}
	.bucket h3 a {
		color:#0072AE;
		text-decoration:none;
		}
	.bucket h3 a:hover {
		text-decoration:underline;
		}
	.bucket h3 a:hover span{
		text-decoration:underline;
		}
	.bucket p {
		margin: 15px;
		line-height: 1.4;
	}
	.bucket a.learn-more {
		position: absolute;
		right: 10px;
		display: block;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
		color: #f0832e;
	}

#content-buckets {
	
}
	#content-buckets div {
		float: left;
		margin: 10px 10px 0 0;
		padding: 10px;
		width: 45%;
		height: 200px;
		border: 1px solid #f6f4e9;
		background: transparent url(../images/content-buckets-bg.gif) top repeat-x;
	}
	#content-buckets div .default-img {
		float: left;
		padding: 2px;
		border: 1px solid #0072ae;
	}
	#content-buckets div h3 {
		margin: 0;
		padding: 3px 0;
		font-size: 1.4em;
		background: none !important;
/*
		background-repeat: no-repeat;
		background-position: 0 50%;
*/
		margin-left: 135px;
	}
		#content-buckets div h3 a {
			color: #0072ae;
			text-decoration: none;
		}
		#content-buckets div h3 a:hover {
			text-decoration: underline;
		}
	#content-buckets div p {
		margin-left: 135px;
		color: #0b2b4a;
	}
		#content-buckets div p a.more {
			display: block;
			float: right;
			margin-top: 15px;
			width: 48px;
			height: 15px;
			text-indent: -9999px;
			background: transparent url(../images/btn-more.gif) top no-repeat;
		}
			#content-buckets div p a.more:hover {
				background-position: 0 -15px;
			}

#locations {
	margin-top: 25px;
	padding: 7px 0;
	background-color: #ded9c2;
}
	#locations div {
		text-align: center;
		color: #0b2b4a;
		font-size: 1.1em;
	}
	#locations div.single-line {
		line-height: 2;
	}




#footer div {
	height: 65px;
	background: transparent url(../images/footer-bg.gif) no-repeat;
}

/* !forms ============================== */
#search {
	padding: 6px 0 4px 4px;
	width: 186px;
	height: 20px;
	background: transparent url(../images/search-bg.gif) no-repeat;
}
	#search input[type=text] {
		margin-left: 20px;
		width: 110px;
		border: none;
		background: transparent;
	}
	#search input:focus {
		outline: none;
		border: none;
	}
	#search input[type=submit] {
		float: right;
		margin-right: 5px;
		height: 20px;
		width: 25px;
		color: #fff;
		font-weight: bold;
		border: none;
		background: transparent url(../images/search-go-btn.gif) no-repeat;
	}

#contact-list p{
	float:left;
	padding:10px;
}

#quick-contact {
	padding: 10px;
	background-color: #ded9c2;
	border: 1px solid #0072ae;
}
	h3.ask-a-question {
		margin: 15px 0 0 0;
		height: 45px;
		background: transparent url(../images/ask-a-question.gif) top no-repeat;
		text-indent: -9999px;
	}
	#quick-contact label {
		display: block;
		color: #0b2b4a;
		font-size: 1.2em;
	}
	#quick-contact input[type=text], #quick-contact textarea {
		padding: 3px;
		width: 190px;
		font-size: 1.2em;
		border: 1px solid #0b2b4a;
	}
	#quick-contact input[type=submit] {
		padding: 5px 0;
		width: 100%;
		font-weight: bold;
		color: #fff;
		text-align: center;
		border: none;
		background-color: #0072ae;
	}

#content form {
	width: 310px;
	padding: 5px;
	background: #e6e3da;
}
	#content form label {
		display: block;
		margin: 2px 0;
		font-size: 1.2em;
	}
	#content form input[type=text] {
		margin: 0 0 6px;
		padding: 3px;
		width: 200px;
		font-size: 1.2em;
		border: 1px solid #626060;
	}
	#content form select {
		margin: 0 0 6px;
		padding: 1px;
		width: 208px;
		font-size: 1.2em;
		border: 1px solid #626060;
	}
	#content form textarea {
		margin: 0 0 6px;
		padding: 3px;
		width: 300px;
		height: 100px;
		font-size: 1.8em;
		border: 1px solid #626060;
	}
	#content form input[type=submit] {
		margin: 5px 0;
	}

.ajaxSearch_paging {
	font-size: 1.1em;
}

/* Added by Sal */
#content table td {padding:10px;}
#content table th {text-align:left;padding:5px 10px;background:#ccc;font-size:120%;}

/* News Page - Sal */
div.newsItem {overflow:hidden;margin:1em 0 2em;border-bottom:1px solid #ececec;padding:0 0 10px;}
#content div.newsDate {float:left;width:100px;height:190px;}


/* !footer ============================== */
#footer p {
	float: left;
	padding: 10px 0 0 10px;
	font-size: 1.1em;
	color: #fff;
	line-height: 1.3;
}
#footer ul {
	float: right;
	margin: 12px 15px 0 0;
	clear:right;
}
	#footer ul li {
		float: left;
		margin: 0;
		padding: 0 5px;
		list-style: none;
		border-right: 1px solid #fff;
	}
	#footer ul li.last {
		border: none;
		padding-right: 0;
	}
		#footer ul li a {
			color: #fff;
			text-decoration: none;
		}
#socialBar {width: 55px; list-style: none;}
#socialBar li {padding: 0; margin: 0; float: left; width: 16px; margin-right: 2px;}
#socialBar li a {display: block; background-image: url(../images/social/socialtoolbar.png);background-repeat: no-repeat; height: 16px;}
#socialBar li a.emailButton {background-position:0px 0px;}
#socialBar li a:hover.emailButton {background-position:0px -16px;}
#socialBar li a.printButton  {background-position:-19px 0px;}
#socialBar li a:hover.printButton  {background-position:-19px -16px;}
#socialBar li a.twitterButton {background-position:-38px 0px;}
#socialBar li a:hover.twitterButton {background-position:-38px -16px;}	
.socialLineOne {margin-bottom: 5px;}
.social-bar-container {width: 130px; margin: 0; padding: 0;}