﻿/* CSS Document */
body { margin:0; background:#0771A5 url(../images/bg.jpg) top left no-repeat }
body, table, .formfield { font:12px Arial, Helvetica, sans-serif; color:#555 }
p { margin:10px 0 }
.formfield { background-color:#F2F7F9; border:1px solid #DDD; padding:1px 2px }
.formbutton { font-size:11px }
.lgeBlue { color:#204a8c; font-size:14px; line-height:200% }
a img { border:0 }

#dealerTag { z-index:1000; height:228px; width:227px; position:absolute; right:0; }
#wrapper { margin:0 auto; width:960px }
#header { height:110px; background:url(../images/bg_header.jpg) top center no-repeat; }
#header img { margin:47px 0 0 50px }
#header h2 { width:200px; float:right; margin:30px 80px 10px 0; color:#C9DFEC; font-style:italic; font-size:17px; font-weight:normal }
#header h2 span { color:#2A67AA; font-weight:bold; font-size:16px; display:block; margin-top:4px }
#footer { background:#4fa2d5; height:10px; margin:0 15px; padding:10px; font-size:10px; color:#c4dbe8; text-align:right; clear:both; _margin-top:25px }

#mainWrap { background:#FFF url(../images/bg_menu.jpg) left top repeat-y }

#menu { width:147px; float:left; padding:25px 15px }
#menu ul { padding:0; margin:0; list-style:none }
#menu ul li { border-bottom:1px dotted #CCC }
#menu ul li a { display:block; font-size:12px; font-weight:bold; padding:3px; color:#555; text-decoration:none }
#menu ul li a.sel { color:#204a8c; background:#f3f3f3 }
#menu ul li a:hover { background:#F8F8F8 }
#menu ul.child li { border:none }
#menu ul.child li a { font-size:11px; padding-left:15px; color:#888 }
#menu ul.child li a.sel { color:#666; }

#contentWrap { width:782px; float:right; border-left:1px solid #CCC }
#pageHead { background:#204a8c url(../images/bg_title.jpg) left top repeat-y; padding:10px }
#pageHead h1 { font-size:18px; font-weight:normal; color:#67B2E5; margin:4px 0 }
#pageHead h1 a { color:#67B2E5; text-decoration:none }
#pageHead h1 a:hover { color:#A8D5F2 }

#content { padding:0 20px 15px; line-height:160%; min-height:300px }
#content table { line-height:160%; }
#content a { color:#204a8c; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#breadcrumbs { margin:5px 0 0 10px; font-size:11px; color:#999; }
#breadcrumbs a { text-decoration:none; color:#999; }
#breadcrumbs a:hover { text-decoration:underline; color:#204a8c; }

#promoArea { float:right; width:288px; margin-right:-10px }
.promo { margin:0 0 15px 10px; padding:10px; border:1px dotted #008500; background:#CFFFD5 }
.promo h2 { font-size:21px; font-weight:bold; color:#008500; margin:0; }
.promo .details { font-size:14px; line-height:130%; }
.promo .fineprint { font-size:10px; color:#999; line-height:100%; margin-bottom:0; }

#banner { height:110px; }
#bannerImg, #quote { width:782px; height:110px; position:absolute }

/* Testimonials */
#quote {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 30%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(255,255,255,0)), color-stop(55%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#d9FFFFFF',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, rgba(255,255,255,0) 30%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* W3C */
}

#quote div { color:#666; width:400px; float:right }
#quoteMain { font-style: italic; text-align:center; margin:8px 10px 0 0; line-height:140%; }
#clientName { text-align:right; margin-right:30px; font-size:11px }

/* Products */
ul#products { list-style:none; margin:15px 0 0; padding:0 }
ul#products li.product { border-top:1px dotted #CCC; padding:25px 0 }
ul#products h2 { color:#204a8c; font-size:15px; margin:0 0 2px }
ul#products div.details { margin-left:140px }
ul#products .images { width:128px; float:left }
ul#products .images img { border:1px solid #CCC; padding:3px; width:120px; margin-bottom:5px }
ul#products .images img.sml { padding:1px; width:50px; margin:4px 4px 0px 4px  }

ul#products div.tubing ul { list-style:none; margin:0; padding:0 }
ul#products div.tubing h3 { font-size:12px; color:#777; margin:10px 0 4px }
ul#products div.tubing li { padding:2px 10px; border:none; border-bottom:1px dotted #EEE }
ul#products div.tubing li.alt { background:#F2F7F9 }
ul#products div.tubing li a { color:#204a8c; float:right; text-decoration:none }
ul#products div.tubing li a:hover { text-decoration:underline }

#testimonials { list-style:none; margin:15px 0; padding:0 }
#testimonials li { margin:15px 0 }
#testimonials .quote { font-style:italic; }
#testimonials .client { margin-left:15px; font-size:11px }

/* Contact Page */
table#contact td { padding:3px }
table#contact td.firstcol { width:150px; text-align:right }
table#contact td.firstcol span { color:#FF0000 }
