/* hit the reset button */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0; padding:0;}  
a:active, a:focus {outline:none;}
label {cursor:pointer; font-weight:bold;}
img {border:none;}
/* body and headings */
body {background:url(../images/body.png) repeat-x #fff; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:20px; padding:5px 0 0;}
h2 {font-size:16px; color:#2F8BBF; padding:5px 0; clear:both;}
h2 a {color:#2F8BBF; text-decoration:none;}\

h3 {font-size:14px; padding:5px 0;}

/* header and top navigation */
#header {background:url(../images/header.png) no-repeat; width:922px; height:131px; margin:0 auto; position:relative;}
#phone {position:absolute; right:52px; top:40px; font-size:18px; color:#fff;}
#nav {width:515px; height:27px; text-indent:-6666px; position:absolute; bottom:32px; right:39px;} 
#nav li {float:left; list-style:none;}

#nav a {background:url(../images/nav.png) left no-repeat; display:block; height:27px; }
#nav a.home {background-position:0px 0px; width:62px;}
#nav a.home:hover {background-position:0px -27px;}
#nav a.aboutus {background-position:-62px 0px; width:71px;}
#nav a.aboutus:hover {background-position:-62px -27px;}
#nav a.contact {background-position:-133px 0px; width:61px;}
#nav a.contact:hover {background-position:-133px -27px;}
#nav a.login {background-position:-194px 0px; width:50px;}
#nav a.login:hover {background-position:-194px -27px;}
#nav a.rfq {background-position:-244px 0px; width:117px;}
#nav a.rfq:hover {background-position:-244px -27px;}
#nav a.industryapp {background-position:-361px 0px; width:154px;}
#nav a.industryapp:hover {background-position:-361px -27px;}

/* main content */
#contenttop {background:url(../images/contentbg.png) top no-repeat; width:922px; margin:0 auto; overflow:hidden;}
#content {background:url(../images/contentbottom.png) bottom no-repeat; width:922px; margin:0 auto; overflow:hidden; padding-bottom: 120px; min-height:540px;}

#left {float:left; margin-left:43px; width:235px; display:inline;}
#leftnav {width:214px; background:url(../images/ourproducts.png) no-repeat; padding-top:20px; margin-top:10px;}
/*
.bags {width:214px; height:38px; display:block; background:url(../images/bags.png) no-repeat; text-indent:-6666px;}
.cartridges {width:214px; height:29px; display:block; background:url(../images/cartridges.png) no-repeat; text-indent:-6666px;}
.housings {width:214px; height:46px; display:block; background:url(../images/housings.png) no-repeat; text-indent:-6666px;}
#leftnavbottom {background:url(../images/leftnavbottom.png) no-repeat; width:214px; height:23px; clear:both;}
*/
dt.toplevel { margin:10px 0;}
.toplevel a {color:#000; font-weight:bold; text-transform:uppercase; font-size:12px; text-decoration:none; background:url(../images/plus.png) no-repeat; background-position:2px 3px; padding-left:15px; display:block;}
.toplevel a:hover {color:#308cbd;}
#leftnav ul {list-style:none; padding-bottom:8px;}
#leftnav li a {color:#000; font-size:12px; line-height:24px; text-decoration:none; display:block; width:199px; padding-left:25px; border-bottom:1px solid #eee; }
#leftnav li a:hover {color:#fff; background:#308cbd; background-position:2px 8px;  border-bottom:1px solid #268cc6;}

.divide {background:#308cbd; height:3px; width:214px; clear:both; margin:20px 0; overflow:hidden;}

#rfqcontact {width:201px; height:84px; text-indent:-6666px; padding-bottom:25px;}
#rfqcontact li {list-style:none; float:left;}
#rfqcontact a {background:url(../images/buttons.png) no-repeat; display:block; width:201px;}
#rfqcontact a.rfqbutton {background-position:0px 0px; height:42px;}
#rfqcontact a.rfqbutton:hover {background-position:-201px 0px;}
#rfqcontact a.contactbutton {background-position:0px -42px; height:42px;}
#rfqcontact a.contactbutton:hover {background-position:-201px -42px;}
#rfqcontact a.prodliterature {background-position:0px -84px; height:41px;}
#rfqcontact a.prodliterature:hover {background-position:-201px -84px;}

#right {float:left; width:610px;}
#right p a {color:#2F8BBF; text-decoration:none;}
#right p a:hover {text-decoration:underline;}

#productimg {float:right; padding-left:20px; width:260px;}
.download {display:block; background:url(../images/download.png) no-repeat; height:28px; padding:3px 0 0 28px;}

#right ul {padding-left:20px;}
#right li {font-size:12px; line-height:18px; margin:8px 0;}
ul#tabmenu {padding-left:0px; clear:both; width:610px;}
#tabmenu li {margin:0 2px 0 0 ;}

#contactinfo {float:right; padding-left:15px; margin-left:10px; border-left:1px dashed #ccc; width:144px;}
#contactform {font-size:12px;}
.contact td {padding:4px; font-size:12px; vertical-align:text-top;}
#right .contact td.bottom {vertical-align:bottom;}

.specs, .verticalspecs {border-collapse:collapse; width:100%;}
.specs th, .verticalspecs th{background:#1A82BA; color:#fff; font-size:11px; padding:3px; margin-top:20px;}
.specs tr {border:solid #ccc; border-width:1px 0 0;}
.verticalspecs td {border:solid #ccc; border-width:0 1px 0; vertical-align:top;}
.verticalspecs span {display:block; clear:both; margin:4px 0;}
.indent span {margin:4px 0 4px 16px; text-indent:-16px;}
.center {text-align:center;}
.specs td, .verticalspecs td {font-size:11px; padding:5px; vertical-align:top;}
.speclabel {font-weight:bold; color:#1A82BA;}

.specsmall td {width:50%; text-align:center;}
.thirds td {width:33%; text-align:center;}

.alignright {float:right; margin:5px 0 5px 10px;}
.alignleft {float:left; margin:5px 10px 5px 0;}

.column {width:190px;}
.column a {color:#2F8BBF; text-decoration:none;}
.column a:hover {text-decoration:underline;}

.endcap {text-align:center; font-size:12px; overflow:hidden;}
.endcap a {text-decoration:none;}
.endcap div {float:left; width:150px; margin:10px 19px;}
.endcap img {margin:10px; border:1px solid #ededed;}

.needsfilled {background:#308BBD; color:#fff;}

.subcat {clear:both; margin:10px 0; border-bottom:1px dashed #ccc; padding:10px; overflow:hidden;}

.product {width:250px; float:left; padding:10px; margin:10px; border:1px solid #eee;}
#right .product p {margin-top:0;}

.highlight {background:#C2DFEF !important;}
.even {background:#ececec;}

.hidden {display:none;}
#typeerror {background:#308BBD; color:#fff; padding:4px; margin:5px 0;}
#error {font-size:10px; color:red; display:none;}

fieldset {padding:5px; border:1px solid #ededed; margin:15px 0;}
legend {font-size:13px; text-transform:uppercase; font-weight:bold; color:#2F8BBF;}

#productlines {width:579px; height:201px; background:url(../images/product-lines.jpg) no-repeat; margin-bottom:15px;}
#productlines a {display:block; width:193px; height:201px; text-indent:-6666px; float:left;}
#right p {font-size:12px; line-height:18px; margin:12px 0;}

/* footer */
#footer {background:url(../images/footer.png) repeat-x #2f8abc; clear:both; position:relative; margin-top:-46px; height:46px;}
#footerinside {background:url(../images/footerinside.png) no-repeat; width:922px; height:46px; margin:0 auto; position:relative;}
span.copyright {position:absolute; top:20px; right:50px; font-size:11px; color:#fff;}


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img.centered {display:block; margin:5px auto;}