html {margin: 0;padding: 0;}
body {margin: 0;padding: 0;font: .83em/1.3em Arial, Helvetica, sans-serif;color: #000;background: #000000 url('/assets/interface/bg_body.jpg') 0 0 repeat-x;}

#siteWrap {margin:0 auto;width: 822px;background: url('/assets/interface/bg_container_804px.png') 0 0 repeat-y;}

img#header {margin:0 0 0 9px;padding:0;border:0;}

#mainNav {height:40px;margin:-3px 0 0 9px;}

#colWrap {padding-top:40px;overflow:hidden;}

.col {float: left;}
.colABC {width: 724px;margin:0 40px;}
.colAB {width:500px;margin:0 40px;} .colC {width:180px;}
.colA {width: 180px;margin:0 40px;} .colBC {width: 500px;}


/* ================================== */
/* ===== MAIN NAVIGATION ===== */
/* ================================== */
#mainNav ul {width: 804px;height: 40px;margin:0;padding:0;list-style:none;}
#mainNav ul li {padding:0;margin:0;background:none;float:left;}
#mainNav ul li a {display:block;height:40px;width:134px;margin:0;text-indent:-999em;}

#mainNav ul li a.navHome {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:0 0;}
#mainNav ul li a.navHome:hover {background-position:0 -40px;}
#mainNav ul li a.navHome.selected {background-position:0 -80px;}

#mainNav ul li a.navProducts {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:-134px 0;}
#mainNav ul li a.navProducts:hover {background-position:-134px -40px;}
#mainNav ul li a.navProducts.selected {background-position:-134px -80px;}

#mainNav ul li a.navFeatures {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:-268px 0;}
#mainNav ul li a.navFeatures:hover {background-position:-268px -40px;}
#mainNav ul li a.navFeatures.selected {background-position:-268px -80px;}

#mainNav ul li a.navSpecs {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:-402px 0;}
#mainNav ul li a.navSpecs:hover {background-position:-402px -40px;}
#mainNav ul li a.navSpecs.selected {background-position:-402px -80px;}

#mainNav ul li a.navApplications {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:-536px 0;}
#mainNav ul li a.navApplications:hover {background-position:-536px -40px;}
#mainNav ul li a.navApplications.selected {background-position:-536px -80px;}

#mainNav ul li a.navContact {background-image: url('/assets/interface/sprite_mainNav_flexcomp3.gif');background-position:-670px 0;}
#mainNav ul li a.navContact:hover {background-position:-670px -40px;}
#mainNav ul li a.navContact.selected {background-position:-670px -80px;}


#mainNav ul li a.navWarranty {display:none;}


/* ================================== */
/* ===== PAGE TITLE SPRITES ===== */
/* ================================== */
h2 {background: url('/assets/interface/sprite_flexComp_pageTitles.gif');height: 39px;width:400px;text-indent: -999em;margin:0;padding:0;}
h2#titWelcome {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 2px no-repeat;}
h2#titProducts {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -38px no-repeat;}
h2#titFeatures {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -78px no-repeat;}
h2#titSpecifications {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -119px no-repeat;}
h2#titApplications {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -158px no-repeat;}
h2#titContact {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -198px no-repeat;}
h2#titWarranty {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -238px no-repeat;}
h2#titBurstVideo {background: url('/assets/interface/sprite_flexComp_pageTitles.gif') 0 -278px no-repeat;}



/* ================================== */
/* ===== MISCELLANEOUS ===== */
/* ================================== */
h1{display:none;}
h3,h4,h5 {margin:0;padding:0;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}

img {padding:1px;border:1px solid #8b8e8f;}

img.right {float:right;margin:0 0 0 2em;}

.small {font-size:10px;color:#666;}

#burstVideo {margin:50px 0 0 0;}


/* ================================== */
/* ===== TABLES ===== */
/* ================================== */
table {
	border-collapse:collapse;
	margin:0;
	font-size:10px;
	width:100%;
	border-left:1px solid #d2d2d2;
	}
caption {font-size: 9px;text-transform:uppercase;text-align:right;padding:0;margin:0;color:#999;}
caption strong {display: none;}
th{text-align:center;background:#555;color:#fff;text-transform:uppercase;padding:.4em .25em .5em;font-weight:bold;font-size:8px;line-height:1.2em;}
tbody tr {text-align:left;border-bottom:1px solid #e0e0e0;}
tbody tr:hover {background:#b1dcf0;color:#333;}
tr.trA {background:#ededed;}
tr.trB {background:#fcfcfc;} 

td {font-size:.95em;padding: .2em .25em .2em;border-right:1px solid #e0e0e0;}

tfoot td {background:#999;color:#e8e8e8;font-size: 9px;line-height:1em;font-style:oblique;}


/* ================================== */
/* ===== SPECS TABLE ===== */
/* ================================== */
table#specData td {text-align: center;}
table#specData tfoot p {font-size:11px;color: #fff;text-align: left;margin:1em;line-height: 1.2em;}

table#specData ul {list-style:none;margin:0;padding:0;}
table#specData ul li {}
table#specData ul li ul {display:none;background:#b1dcf0;position:absolute;z-index:200;}
table#specData ul li ul li {padding:.25em 1.5em .25em 18px;margin:0;text-align:left;border-bottom:1px solid white;}
table#specData ul:hover {color:red;}
table#specData ul li:hover ul {display:block;color:black;margin:0 0 0 -3px;position:absolute;z-index:200;font-weight:bold;}




/* ================================== */
/* ===== PRODUCTS ===== */
/* ================================== */
.productCat {float:left;width:330px;}

#hoses {margin:25px 50px 0 0;}

#fittings {margin:25px 0 0 0;}

.productCat h3 {
	width: 144px;
	height: 134px;
	margin:10px auto 0;
	text-indent: -999em;}

div.productCat#hoses h3 {
	background: url('../assets/interface/titleProductCat_hoses.gif');
	}

div.productCat#fittings h3 {
	background: url('../assets/interface/titleProductCat_fittings.gif');
	}

.product {
	margin:2em 0 2em 0;
	overflow:hidden;
	position: relative;
	background:url('/assets/interface/product_bgBody.gif');
	}

.product h4 {
	background:url('/assets/interface/product_bgTitle.gif');
	height:30px;
	width:330px;
	display:block;
	color:#ffffff;
	margin:0;
	padding:10px 0 0 10px;
	font-size:14px;
	}

.product h5 {
	margin:0 0 0 25px;
	}
.product img {
	margin:0 0 0 1px;
	padding:0;
	border:0;
	}

.product ul {
	margin:0 10px 1em 40px;
	padding:0;
	font-size:11px;
	line-height:1.24em;
	}
.product li {}
.productFoot {
	background:url('/assets/interface/product_bgFoot.gif');
	width:330px;
	height:6px;
	display:block;
	text-indent:-999em;
	}
a.btn_viewLrgPhoto {position: absolute;text-transform: uppercase;font-size: 9px;right: 4px;top: 259px;}



/* ================================== */
/* ===== FEATURES ===== */
/* ================================== */
.feature {overflow:hidden;margin:1em 0 4em;border-top:1px solid #d2d2d2;}
.feature h3 {margin:.5em 0 .5em 0;}
.feature img {float:left;margin:.5em 2em 0 0;border:0;}
.feature ul {list-style:none;margin:.25em 0 0 0;}
.feature li {}
.feature li strong {}

/* ================================== */
/* ===== APPLICATIONS ===== */
/* ================================== */
.application {width: 330px;float:left;margin:2em 0 0 0;}
#appPetro {margin-right:40px;}
.application h3 {font-size:1.6em;font-weight:normal;margin:.5em 0 12px 25px;}
.application img {border: none;}
.application ul {list-style: none;margin:0 0 0 50px;padding:0;}
.application li {margin:0;padding:0;}

/* ================================== */
/* ===== FOOTER ===== */
/* ================================== */
#footer {font-size: 9px;text-transform: uppercase;margin:2em 40px 0 40px;color:#999;clear:both;overflow: auto;}

#footerNav ul {list-style: none;margin: 0;padding: 0;overflow: auto;clear: both;}
#footerNav li {float: left;margin: 0 1em 0 0;padding: 0;}
#footerNav ul li span {color:#888;}
#footer a:link {color:#7dadd4;text-decoration:none;}
#footer a:visited {color:#7dadd4;text-decoration:none;}
#footer a:hover {color:#7dadd4;text-decoration:none;}
#footer a:active {color:#7dadd4;text-decoration:none;}

#footer p {margin: 0;padding: 0;}

#footerIcons {overflow:hidden;border:1px solid #d2d2d2;border-right:0;border-left:0;}
#footerIcons img {}
#footerIcons p {height:48px;float:left;text-indent:-999em;}
#madeInCan {width:220px;background: url('/assets/images/logo_canada.gif');}
#envirStory {width:291px;height:48px;float:left;text-indent:-999em;display:block;background: url('/assets/images/logo_enviroCan.gif');}
#isoCert {width:209px;background: url('/assets/images/logo_iso.gif');}


/* ================================== */
/* ===== SIDEBAR FORMS ===== */
/* ================================== */
.colC form {font-size:.9em;line-height:1.2em;margin:0 0 2em 0;width:180px;}
.colC form fieldset {border:none;border-top:1px solid #666;}
.colC form legend {font-size:1.2em;font-weight:bold;margin:0 0 0 .5em;padding:0 .5em;}
.colC form p {}
.colC form div {margin:0 0 .5em 0;}
.colC form div.submit input {width:auto;}
.colC form label {display:block;padding:0 1em 0 0;font-size:11px;}
.colC form input {border:1px solid #999da1;width:100%;}
.colC form textarea {border:1px solid #999da1;height:10em;}