/* Table of Contents:
	- Stylesheet Imports
	- Global Containers
	- Global Link Styles
	- Header Layout
	- General Middle Layout
	- Product Listing and Description Pages
	- About, History, Contact, & Misc Pages
	- Footer Layout
*/

/* Stylesheet Imports
--------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("abs-topnav.css");
@import url("abs-sidenav.css");
@import url("abs-forms.css");

/* Global Containers
--------------------------------------------------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../img/vert-bg.jpg) top left repeat-x;
}

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

img.floatright {
	margin: 0 14px 10px 28px;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

.center {
	text-align: center;
}

.expand {
	margin-bottom: 200px;
}

/* Global Link Styles
--------------------------------------------------------------------------------------- */
a:link, a:active {
	color: #b01f24;
	text-decoration: underline;
}

a:visited {
	color: #660099;
	text-decoration: none;
}

a:hover {
	color: #355366;
	text-decoration: underline;
}

/* Header Layout
--------------------------------------------------------------------------------------- */
h1 {
	width: 900px;
	height: 80px;
	background: url(../img/header-bg.jpg) top left no-repeat;
}

h1 img {
	margin: 8px 0 0 148px;
}

h1 span {
	position: absolute;
	left: -9999px;
}

#content {
	width: 771px;
	float: left;
	display: inline;
	background: #fff;
	border-top: solid 1px #fff;
	margin: 0 0 10px 0;
}

/* General Middle Layout
--------------------------------------------------------------------------------------- */
h2 {
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	margin: 0 50px 14px 14px;
	clear: left;
	color: #244794;
}

h2.about {
	background: url(../img/about.jpg) top left no-repeat;
	width: 605px;
	height: 213px;
	margin: 0;
	padding: 5px 0 0 11px;
	font-size: 26px;
	color: #fff;
}

h2.about span {
	visibility: hidden;
}

h3 {
	font-size: 12px;
	line-height: 16px;
	margin: 0 14px 6px 14px;
	color: #355366;
}

h4 {
	font-size: 12px;
	line-height: 16px;
	background: #650374;
	color: #fff;
	text-transform: uppercase;
	margin: 0 270px 6px 14px;
	padding: 1px 5px 2px 10px;
}

h4 a, h4 a:link, h4 a:active, h4 a:hover, h4 a:visited  {
	color: #fff;
	font-weight: normal;
	font-size: 9px;
	text-transform: none;
	float: right;
	text-decoration: underline;
}

p, ul, ol {
	font-size: 11px;
	line-height: 15px;
	margin: 0 14px 10px 14px;
}

ul {
	list-style: disc;
	margin-left: 30px;
}

ol {
	list-style-type: decimal;
	margin-left: 33px;
}

ul li, ol li {
	margin: 0 0 5px 0;
}

hr {
	clear: both;
	color: #244794;
	background: #244794;
	border: none;
	height: 1px;
	margin-left: 14px;
	margin-right: 14px;
}

/* Product Listing and Description Pages
--------------------------------------------------------------------------------------- */
#subnav {
	list-style: none;
	clear: left;
	margin: 0 270px 10px 14px;
	padding: 1px 0 2px 0;
	background: #650374;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
}

#subnav.support {
	margin-right: 200px;
}

#subnav li {
	display: inline;
	padding: 0 10px;
}

#subnav a, #subnav a:link, #subnav a:active, #subnav a:visited {
	color: #fff;
	text-decoration: none;
}

#subnav a:hover {
	text-decoration: underline;
}

div.cols {
	width: 385px;
	float: left;
}

div.center img {
	margin: 0;
}

p.literature {
	margin-top: 10px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

p.caption {
	font-size: 10px;
	font-style: italic;
}

ul.products {
	list-style: none;
	margin: 0;
}

ul.products li {
	float: left;
	display: inline;
	width: 350px;
	margin: 14px;
}

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

ul.products strong {
	display: block;
}

ul.cols3 li {
	width: 229px;
}

ul.nobull {
	list-style: none;
	margin-left: 14px;
}

ul.nobull img {
	float: left;
}

ul.nobull li {
	float: left;
	clear: left;
	margin: 12px 0 0 0;
	width: 353px;
}

ul.pumps li {
	width: 185px;
	height: 200px;
}

ul.pumps img {
	float: none;
	margin: 0;
}

ul.pumps strong {
	text-align: center;
}

#pickup_callout {
	width: 370px;
	height: 414px;
	margin: 0 auto 12px auto;
	padding: 1px 0;
	background: url(../img/pickup-velocity/pickup-velocity-callouts.jpg) top left no-repeat;
	list-style: none;
	text-align: left;
}

#pickup_callout li {
	margin: 0;
}

#pickup_callout a {
	display: block;
	width: 90px;
	height: 64px;
}

#pickup_callout li.p3 a {
	margin: 8px 0 0 272px;
}

#pickup_callout li.p2 a {
	margin: 58px 0 0 79px;
}

#pickup_callout li.p1 a {
	margin: 10px 0 0 54px;
}

#pickup_callout a span {
	visibility: hidden;
	position: absolute;
}

#news h3, #news p {
	margin-left: 132px;
}

#news img {
	float: left;
	margin: 0 14px 4px 8px;
}

#news hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Pickup Velocity Calculator 
--------------------------------------------------------------------------------------- */
strong.color {
	color: #267934;
}

#calc {
	clear: left;
	width: 600px;
	margin: 14px;
	font-size: 10px;
	line-height: 14px;
}

#calc td, #calc th {
	padding: 14px 10px;
	vertical-align: middle;
}

#calc th {
	border-right: solid 10px #fff;
	background: #f9a752;
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	padding: 14px 18px;
}

#calc td {
	background: #fffada;
}

#calc td label {
	width: 145px;
	display: block;
	text-align: right;
}

#calc tr.result th {
	background: #267934;
}

#calc tr.result td {
	background: #a8d7b0;
}

#calc tr.head th, #calc tr.head td {
	border-top: solid 10px #fff;
	padding: 6px 14px 0 14px;
}

#calc tr.head td {
	font-size: 18px;
	line-height: 20px;
	color: #267934;
	font-weight: bold;
}

#calc td input, #calc td select {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	background: #fff;
	border: solid 1px #999;
	padding: 1px;
	width: 80px;
}

#calc td input:focus, #calc td select:focus {
	background: #e5f7ff;
	border: solid 1px #04acfb;
}

#calc tr.report th {
	padding-top: 0;
}

#calc tr.report td {
	background: #a8d7b0;
	border: 0;
	padding-top: 0;
	text-align: right;
}

#calc tr.report a {
	float: right;
	display: inline;
	text-align: center;
	width: 148px;
	height: 26px;
	background: url(../img/pickup-velocity/create-report.jpg) top left no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 26px;
	text-decoration: none;
	margin: 0 50px 0 0;
}

#calc tr.report a:hover {
	color: #267934;
	background-position: bottom left;
}

div.calc h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #267934;
}

#request.calc {
	margin-left: 14px;
	background: #fff;
	border: none;
	padding: 0;
	clear: left;
}

.required {
	color: #267934;
}

#pv_form {
	display: block;
	clear: left;
	width: 500px;
	height: 680px;
	border-top: dashed 1px #267934;
}

/* About, History, Contact, & Misc Pages
--------------------------------------------------------------------------------------- */
div.mission {
	text-align: center;
	margin: 0 50px;
}

div.mission h3 {
	font-size: 18px;
}

.pdf {
	background: #fff url(../img/pdf-icon.gif) center left no-repeat;
	padding-left: 22px;
}

h3.pdf {
	line-height: 18px;
}

#contact {
	clear: left;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 50px 14px;
	border-left: solid 1px #ccc;
}

#contact th, #contact td {
	text-align: left;
	padding: 4px 56px 4px 10px;
	border-right: solid 1px #ccc;
}

#contact thead td {
	padding-top: 0;
	border-bottom: solid 1px #ccc;
}

#contact th {
	font-size: 12px;
	line-height: 16px;
	color: #355366;
	padding-bottom: 0;
}

#contact tbody th, #contact tbody td {
	border-bottom: dashed 1px #eee;
}

#contacts {

}

#contacts h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #244794;
}

#contacts h4 {
	font-size: 11px;
	line-height: 15px;
	background: none;
	color: #000;
	text-transform: none;
	padding: 0;
	margin: 0 14px;
}

#contacts div.corporate {
	width: 257px;
	float: left;
}

#contacts div.corporate ul {
	list-style: square;
}

#contacts div.corporate ul ul {
	margin: 6px 0 6px 14px;
	list-style: disc;
}

#contacts div.sales {
	width: 513px;
	float: left;
	border-left: solid 1px #999;
}

#contacts div.sales div.col {
	width: 256px;
	float: left;
	margin-bottom: 14px;
}

#contacts div.sales div.border {
	border-left: solid 1px #999;
}

#contacts #request {
	border: 0;
	background: none;
	width: 513px;
	margin: 0;
	clear: left;
}

#contacts #request p label {
	margin-right: 8px;
}

#contacts #request p.textarea label {
	float: none;
	display: block;
	width: auto;
	text-align: left;
}

#contacts #referrer, #contacts #product {
	width: 475px;
}

/* Footer Layout
--------------------------------------------------------------------------------------- */
address {
	width: 880px;
	margin: 0 auto 14px auto;
	padding: 2px 10px;
	text-align: left;
	clear: both;
	font-size: 11px;
	line-height: 14px;
	border-top: solid 4px #244794;
}

address.body {
	width: auto;
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
	font-size: 16px;
	line-height: 22px;
	margin: 0 14px 10px 14px;
}