/*================================
American Petroleum Valve
----------------------------------
AUTHOR(S): 
	marianne@topspotims.com
=================================*/

html, body, h2, h3, h4, p, ul, li, form, fieldset, label, img, div {
	margin: 0;
	padding: 0;
	border: none;
}
h1 { 
	margin: 0 0 0.25em 0; 
	padding: 0; 
	border: none; 
	font-size: 1.9em; 
}
h2 { 
	font-size: 1.75em; 
}
h3 { 
	font-size: 1.5em; 
}
h4 { 
	font-size: 1.3em; 
}

body {  
	background: URL(/images/header-bg.jpg) repeat-x #ffffff; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 62.5%; 
}
.floatleft { 
	float: left; 
}
.floatright { 
	float: right; 
}
.clearboth { 
	clear: both; 
}
a { 
	text-decoration: none; 
	color: #A00000; 
}
a:hover { 
	text-decoration: underline; 
}
div.container { 
	width: 900px; 
	margin: auto;
	overflow: auto; 
	clear: both; 
}
a:focus { 
	border: none; 
	outline: none;
}

/*========== header =========== */

div#header { 
	width: 960px; 
	margin: auto; 
	overflow: visible; 
	background: URL(/images/flag-bg.jpg) top right no-repeat transparent; 
	height: 159px; 
}
	#tagline { 
		margin-left: -9999px; 
		float: left; 
		overflow: hidden; 
	}
	#phone_num { 
		float: right; 
		text-align: right; 
		width: 427px; 
		height: 35px; 
		margin: 30px 30px 0 0; 
		padding-left: 27px; 
		color: #ffffff; 
		font-size: 2.25em; 
		font-weight: bold; 
		/*background: URL(/images/phone.gif) 263px 2px no-repeat transparent; */
	}	
	#header form { 
		clear: right; 
		float: right; 
		overflow: hidden; 
		background: none transparent; 
		height: 25px;
		margin: 0 30px 10px 0;
		padding: 0; 
		width: 220px; 
	}
	#ajaxSearch_input { 
		float: left; 
		margin: 0; 
		padding: 0; 
		width: 150px; 
	}
	#ajaxSearch_submit {
		clear: none;  
		float: right; 
		border: 1px solid #606060; 
		color: #ffffff; 
		background: #980311; 
		padding: 1px 5px; 
		width: 50px;
		margin: 0 0 0 10px; 
		cursor: pointer;
	}
	div.ajaxSearch_result { 
		border-bottom: 1px solid #c0c0c0; 
		margin: 1em 0; 
	}
a.logo { 
	display: block; 
	float: left; 
	width: 244px; 
	height: 159px; 
	background: URL(/images/logo.jpg) no-repeat top left transparent; 
	text-indent: -9999px; 
}
	div#navContainer { 
		margin: 25px 0 0 0; 
		height: 33px; 
		float: right; 
		overflow: visible; 
		clear: right; 	  
		width: 691px; 
		}
		div.whitespacer { 
			width: 36px; 
			height: 33px; 
			background: URL(/images/menu-first.jpg) top left no-repeat transparent; 
			float: right; 
		}
		ul.primaryNav { 
			background: #1f3351 URL(/images/menu-bg.jpg) repeat-x top; 	
			float: right; 
			list-style: none; 
			overflow: visible; 
			padding: 0;

		}
			ul.primaryNav li { 
				float: left; 
				padding: 0 36px 0 0; 
				background: URL(/images/menu-spacer.jpg) no-repeat top right transparent; 
				height: 33px; 
				position: relative; 
				overflow: visible; 
			}
			ul.primaryNav li.last { 
				padding: 0 32px 0 0; 
				background: URL(/images/menu-last.jpg) no-repeat top right transparent; 
			}
				ul.primaryNav li a { 
					display: block; 
					padding: 10px 0 0 0; 
					font-size: 1.15em; 
					text-transform: uppercase; 
					color: #999999; 
					text-decoration: none; 
				}
				ul.primaryNav li a:hover, ul.primaryNav li.active a { 
					color: #ffffff; 
				}
			ul.primaryNav ul.valveList { 
				position: absolute;
				display: none;
				list-style: none; 
				clear: both; 
				float: left; 
				margin: 33px 0 0 0;  
				top: 0; 
				left: 0;  
				overflow: visible; 
			}
			
				ul.primaryNav ul.valveList li { 
					float: left; 
					clear: both; 
					position: relative; 
					top: 0; 
					left: 0; 
					font-size: 1em; 
					height: auto; 
					padding: 0; 
				}
				.primaryNav ul.valveList li a { 
					display: block; 
					width: 15em; 
					padding: 0.3em 1em; 
					text-transform: none; 
					border: 1px solid #70020d;  
					background: URL(/images/mouseover-bg.jpg) repeat-x top #980311; 
					text-decoration: none; 
				}
					.primaryNav .valveList li a:hover {
						background: URL(/images/mouseover-bg-hover.jpg) repeat-x top #70020d; 
						border: 1px solid #560009;
					}
				/*ul.primaryNav li:hover ul.valveList, li.over ul {
					display: block;
				}*/
				
				
/*======== internal page content ========== */

div.introtext { 
	padding: 1em 0 2em 0; 
	width: 900px; 
	margin: auto;
	overflow: hidden; 
	clear: both; 
}
div.introtext p { 
	clear: both; 
	float: left; 
	font-size: 1.5em; 
	line-height: 1.5; 
	margin: 1em 0 0 10px; 
	width: 680px; 
	overflow: auto; 
}
div.introtext p.right { 

}
	div.introtext p a { 
		text-decoration: none; 
		color: #a00000; 
	}
		div.introtext p a:hover { 
			text-decoration: underline; 
		}
	div.introtext ul { 
		list-style: circle; 
		margin: 0.5em 0 0 3em; 
		font-size: 1.35em; 
		float: left; 
	}
ul.homeValves { 
	padding-left: 4em;
}
ul.homeValves li { 
	padding-bottom: 0.5em; 
}
ul.homeValves a { 
	font-size: 1.2em; 
	font-weight: bold; 
}	
		
div.internal2 { 
	clear: none; 
	float: left;  
	width: 475px; 
	margin: 0 0 1.5em 0; 
	padding: 0; 
}
div.internal3 { 
	clear: none; 
	width: 900px; 
	float: left;  
	margin: 0; 
}
div.internal, div.internal2, div.internal3 { 
	font-size: 1.25em; 
}
div.internal p, div.internal2 p, div.internal3 p { 
	margin: 0.75em 0; 
	line-height: 1.4em; 
}
div.internal ul, div.internal2 ul { 
	display: block; 
}
div.internal ul li, div.internal2 ul li { 
	margin: 0.5em 2em; 
}
div.internalImage img { 
	border: 1px solid #b0b0b0; 
}
div.breadcrumb { 
	float: left; 
	margin: 1em 0.25em 1em 0; 
}
	div.breadcrumb a { 
		color: #6696bf; 
	}
div.internalImage { 
	clear: both; 
	float: left; 
	width: 220px; 
}
div.internal { 
	float: left; 
	clear: both; 
	width: 660px; 
	margin: 0 0 1.5em 0; 
}
div.iframe { 
	float: left; 
	margin-left: 3em; 
}
iframe { 
	border: 1px solid #c0c0c0; 
}
td { 
	vertical-align: top; 
	padding: 0 2em 1em 0; 
}

/*========== LeftNav ============ */

div#leftNav { 
	clear: both; 
	float: left; 
	width: 180px; 
	margin-right: 40px;
	font-size: 1.2em;  
}
#leftNav h3 { 
	font-weight: normal; 
	color: #404040; 
	padding-bottom: 0.25em; 
}
#leftNav ul { 
	list-style: circle; 
	color: #000000; 
	margin-left: 1.5em; 
}
#leftNav ul li { 
	padding: 3px 0; 
}
#leftNav ul .active .boldLink { 
	font-weight: bold; 
}
#leftNav ul .active #innerNav .active a{ 
	color:#6696BF;
}


/*========== quick contact form ============ */

div.sidebar { 
	float: right; 
	width: 170px;
	margin-top: 2em;  
}

a.rfq { 
	background: URL(/images/rfq-button.jpg) 0% 0% no-repeat #8899cc; 
	display: block; 
	width: 168px; 
	height: 47px; 
	text-indent: -9999px; 
}
	a.rfq:hover { 
		background-position: 0 -47px; 
	}
a.rfq1 { 
	background: URL(/images/rfq-button.jpg) 0% 0% no-repeat #8899cc; 
	display: block; 
	width: 168px; 
	height: 47px; 
	text-indent: -9999px; 
	float:right;
	margin-top:-68px;
	margin-right:2px;
}
	a.rfq1:hover { 
		background-position: 0 -47px; 
	}

div.rfqform { 
	width: 150px; 
	background: #d8e2ee; 
	border: 1px solid #a3b4ce; 
	margin: 1.5em 0 0 0; 
	padding: 8px; 
	font-size: 1.1em; 
}
	.rfqform input, .rfqform label, .rfqform textarea { 
		float: left; 
		clear: both; 	
	}
	.rfqform label { 
		margin: 0.5em 0 0 0; 
	}
	.rfqform input, .rfqform textarea { 
		border: 1px solid #808080; 
		background: #ffffff; 
		width: 150px; 
	}
	.rfqform textarea { 
		height: 100px;  
	}
	.rfqform input.submit { 
		background: #5779a9; 
		border: 1px solid #455f84;
		color: #ffffff; 
		margin: 1em 0 0 0;  
		cursor: pointer;
	}
	
	.rfqform input.submit:hover { 
		background: #114b9d; 
	}


/*========== RFQ Page ==========*/
form#rfq { 
	width: 435px; 
}
form#rfq label { 
	float: left; 
	clear: both; 
	width: 150px;
	font-size: 0.9em; 
	margin: 0.5em 0; 
}
form#rfq input, form#rfq textarea, form#rfq select { 
	float: left; 
}
form#rfq select { 
	margin: 0.5em 0; 
}
form#rfq textarea { 
	width: 250px; 
	height: 125px; 
	border: 1px solid #808080; 
	margin-right: 25px; 
}
form#rfq input { 
	border: 1px solid #808080; 
	margin: 0.5em 0; 
	background: #f0f0f0; 
}
form#rfq input.submit { 
	clear: both; 
	margin-top: 1.5em; 
	margin-left: 150px; 
}
span.required { 
	color: #ff0000; 
}

/*========== buckets ===========*/

div#buckets { 
	overflow: auto; 
	background: URL(/images/bucket-bg.jpg) repeat-x top transparent;
	padding-top: 35px; 
}
	div#buckets ul.bucketList { 
		width: 900px; 
		list-style: none; 
		margin: auto; 
		padding: 0; 
	}
		div#buckets ul li { 
			float: left; 
			padding: 0; 
			margin: 0 27px 0 0; 
		}
		
		div#buckets ul li a img{
			border: 3px solid #FFF;
		}
		
		div#buckets ul li a img:hover{
			border: 3px solid #4f6396;
		}
			div#buckets ul li.last { 
				margin: 0; 
			}
	div#buckets ul li h2 { 
		text-indent: -9999px; 
	}
	
/*======== footer ===========*/

div#footer { 
	clear: both; 
	width: 900px; 
	border-top: 5px solid #a00000; 
	margin: 2em auto; 
	padding: 0.5em 0; 
}
	div#footer p { 
		font-size: 1.2em; 
		line-height: 2; 
	}
	div#footer .small { 
		font-size: 1em; 
		margin: -0.5em 0 0 0; 
	}
	div#footer a { 
		color: #000000; 
	}
	div#footer .floatright { 
		color: #a0a0a0; 
	}
	
/* !search results ============================== */

.ajaxSearch_result {
	border-bottom: 1px solid #a6a3a9;
}

.ajaxSearch_resultLink {
	display: block;
	padding: 3px 0;
	font-size: 1.3em;
}
.ajaxSearch_resultsInfo {
	display: block;
	border-bottom: 1px solid #636363;
}
.ajaxSearch_resultDescription {
	margin: 0;
	padding: 0;
	font-style: italic;
}
.ajaxSearch_highlight {
	background: #FFFF00;
}