* { margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-weight: normal;
 }
html { 
	background-color: #000000;
}
body { 
	border-width: 0;
	background-color: #000000;
}
td { }

#wrapper {
	width: 744px;
	margin: 0 auto;
}
.hide {
	display: none;
}
img {
	border: 0;
}
a, a:link, a:hover, a:visited, a:active {
	color: #0f7ce8;
}
.bold {
	font-weight: bold;
	color: #0f7ce8;
}
.disclaimer {
	font-style: italic;
	font-size: 14px;
}
/*----------------- Header Styles -----------------*/
#mainNav {
	background: url(Global/Header.jpg) no-repeat left 0;
	width: 744px;
	height: 172px;
	position: relative;
}
#mainNav ul {
	list-style-type: none;
	position: relative;
	padding: 127px 0 0 0;
}
#mainNav li {
	float: left;
	display: inline;
}
#mainNav li a {
	display: block;
	height: 45px;
}
#mainNav li a.home {
	background: url(Global/Nav-Home.gif) no-repeat top left;
	width: 75px;
}
#mainNav li a.about {
	background: url(Global/Nav-About.gif) no-repeat 0 0;
	width: 124px;
}
#mainNav li a.design {
	background: url(Global/Nav-Design.gif) no-repeat 0 0;
	width: 136px;
}
#mainNav li a.products {
	background: url(Global/Nav-Products.gif) no-repeat 0 0;
	width: 82px;
}
#mainNav li a.parts {
	background: url(Global/Nav-Parts.gif) no-repeat 0 0;
	width: 118px;
}
#mainNav li a.gallery {
	background: url(Global/Nav-Gallery.gif) no-repeat 0 0;
	width: 72px;
}
#mainNav li a.links {
	background: url(Global/Nav-Links.gif) no-repeat 0 0;
	width: 137px;
}
#mainNav li a:hover {
	background-position: top right;
}
/*
        Simple Navigation layer
*/
#mainNav ul li .simple-flyout {
	position: absolute;
	top: 172px;
	font-size: 1em;
	/*border-radius: 0 3px 3px 3px;*/
	width: 170px;
	visibility:hidden;
	background-color: #dfe1ed;
	border-top: 1px solid #000;
}
#mainNav ul li .simple-flyout, nav ul li a.nav-item .simple-flyout {
	visibility: hidden;
}
#mainNav ul li a.nav-item:hover .simple-flyout {
	visibility: visible;
	/*background: #fff;*/
	overflow: hidden;
	background: url(../images/bg-simple-flyout-top.png) right top no-repeat;
}
#mainNav ul li:hover .simple-flyout {
	visibility: visible;
	z-index: 500;
	/*background: #fff;*/
	/*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
	behavior: url(/css/PIE.htc); /*css3pie (css3pie.com) */
}
#mainNav ul li ul {
	padding: 0;
	display: block;
	overflow: hidden;
}
#mainNav ul li ul li {
	padding: 0;
	width: 100%;
}
#mainNav ul li ul li a {
	height: auto;
	width: 144px;
	display: block;
	padding: 8px 13px;
	text-decoration: none;
	color: #fff;
	background-color: #0F7CE8;
}
#mainNav ul li ul li a:hover {
	background-color: #eeeef1;
	color: #0F7CE8;
}



/*----------------- Break Styles -----------------*/
#break {
	width: 744px;
	height: 32px;
}
#break ul {
	list-style-type: none;
	position: relative;
}
#break li {
	float: right;
	position: relative;
	top: 13px;
}
#break li a {
	display: block;
	height: 9px
}
/*#break li#welcome {
	background: url(Global/Txt-Welcome.gif) no-repeat left 0;
	width: 231px;
	margin-left: 17px;
}*/
#break li#info {
	background: url(Global/Txt-Info.gif) no-repeat left 0;
	width: 89px;
	padding-right: 27px;
}
#break li#contact {
	background: url(Global/Txt-Contact.gif) no-repeat left center;
	width: 89px;
	padding-right: 15px;
}
	
/*----------------- Content Styles -----------------*/
#content {
	background: #FFFFFF;
	width: 744px;
	position: relative;
}
#content #header {
	background: url(About-Paddock/Header.jpg) no-repeat left top;
	width: 744px;
	height: 125px;
}
#content #tipping {
	background: url(Global/Tipping.gif) no-repeat left top;
	width: 744px;
	height: 6px;
}
#content h1 { 
	padding: 35px 0 10px 50px;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase; 
}
#content .altH1 { 
	padding: 25px 0 0px 28px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
#content h1 .smallH1 {
	font-size: 16px;
	text-transform: capitalize;
}
#content h2 { 
	padding: 35px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5e5e5e;
	clear: left;
}
#content h3 { 
	margin: 35px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
}
#content h4 { 
	margin: 10px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
}
#content h5 {
	position: relative;
	top: -8px; 
	padding: 0 0 0 50px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5e5e5e;
}
#content p {
	margin: 0 0 10px 0;
	color: #6f6f6f;
	line-height: 19px;
}
#content p img.left {
	float: left;
	padding: 5px 15px 5px 0;
}
#content p img.leftBig {
	float: left;
	padding: 0px 15px 10px 0;
}
#content p img.right {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#content a:hover {
	text-decoration: none;
}
#topCorners {
	background: url(Global/Bar-Top.gif) no-repeat left top;
	position: relative;
	float: left;
	display: block;
	width: 744px;
	height: 17px;
}
#botCorners {
	background: url(Global/Bar-Bottom.gif) no-repeat left bottom;
	width: 744px;
	height: 16px;
	padding-top: 5px;
	clear: both;
}
#singleColumn {
	width: 644px;
	padding-left: 50px;
	clear: both;
	padding-bottom: 20px;
}
#leftColumn {
	float: left;
	width: 270px;
	padding-left: 50px;
	padding-bottom: 20px;
}
#rightColumn {
	float: right;
	position: relative;
	left: -80px;
	width: 270px;
	padding-bottom: 20px;
}
#leftColumnWide {
	float: left;
	width: 360px;
	padding-left: 50px;
	padding-bottom: 20px;
}
#rightColumnNarrow {
	float: right;
	position: relative;
	left: -40px;
	width: 230px;
	padding-bottom: 20px;

}
#rightColumn p, #leftColumn p, #leftColumnWide p, #rightColumnNarrow p {
	line-height: 17px;	
}
#rightColumn h2, #leftColumn h2, #leftColumnWide h2, #rightColumnNarrow h2 {
	padding-bottom: 2px;
	border-bottom: #000000 solid 2px;
}
#rightColumn h3, #leftColumn h3, #leftColumnWide h3, #rightColumnNarrow h3 {
	margin-top: 12px;
	margin-bottom: 3px;
}
#bottomPara {
	clear: both;
}

/*----------------- Subnav Styles -----------------*/
#subNav {
	position: relative;
	top: -5px;
	left: -8px;
	font-size: 11px;
	list-style-type: none;
}
#subNav li {
	display: inline;
}
#subNav li a {
	font-size: 11px;
	line-height: 19px;
	text-decoration: none;
	padding: 10px 12px 10px 8px;
	background: url(Global/Separator-Footer.gif) no-repeat right center;
}
#subNav li a:hover {
	text-decoration: underline; 
}
#subNav .last {
	background: none;
}

/*----------------- Right Subnav Styles -----------------*/
#rightSubNav {
	float: right;
	position: relative;
	right: -50px;
	width: 200px;
	padding: 20px 0 20px 20px;
	background-color: #e8e8e8;
}
#rightSubNav li {
	list-style-type: none;
	background: url(Global/) no-repeat center left;
	padding: 6px 0 6px 0px;
	border-bottom: #d7d7d7 solid 1px;
}
#rightSubNav li a {
	font-size: 10px;
}
#rightSubNav h2 {
padding: 0 0 5px 0;
margin: 0 0 5px 0;
border-bottom: #000000 solid 2px;

}
#rightSubNav li .current {
	font-size: 10px;
	text-decoration: none;
	color: #5e5e5e;
	font-weight: bold;
}
/*----------------- Footer Styles -----------------*/
#footer {
	background: url(Global/Reflection.gif) no-repeat left top;
	padding-top: 10px;
}
#footer ul {
	padding: 0 80px 0 80px;
	font-size: 11px;
	list-style-type: none;
	text-align: center;
	height: 50px;
}
#footer ul li {
	display: inline;
	padding-bottom: 50px;
}
#footer li a {
	font-size: 11px;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 12px 10px 8px;
	background: url(Global/Separator-Footer.gif) no-repeat right center;
}
#footer li a:hover {
	text-decoration: underline; 
}
#footer .last {
	background: none;
}
a.brandAid {
	list-style-type: none;
	float: right;
	background: url(Global/Brand-Aid.gif) no-repeat left top;
	width: 29px;
	height: 34px;
	margin: -45px 25px 0 0;
}
a.brandAid:hover {
	background: url(Global/Brand-Aid.gif) no-repeat right top;
}

/*----------------- Image Styles -----------------*/
/*--- Below is two failed attempts for the cool rollover with the TOP button.

	a.topH2 {
	display: block;
	float: right;
	position: relative;
	left: 0px;
	background: url(Global/Top-Icon.gif) no-repeat bottom center;
	width: 40px;
	height: 10px;
}
a.topH2:hover {
	background: url(Global/Top-Icon-over.gif) no-repeat center center;
}
====The below worked as a rollover when the user rolled over the image, the image would pop
	up indicating the motion to the top.}
a.topH2 {
	display: inline;
	background: url(Global/Top-Icon.gif) no-repeat center center;
	width: 21px;
	height: 10px;
	padding: 5px 10px 5px 50px;
}
a.topH2:hover {
	background: url(Global/Top-Icon-over.gif) no-repeat center center;
	padding: 10px 10px 0px 50px;
}*/
.upToTop {
position: relative;
padding: 10px 20px 10px 20px;
}
a.upToTop:hover {
padding: 10px 20px 10px 20px;
top: -8px;
}
a.galleryEntry {
	background: url(Gallery/Arrow-Box.gif) no-repeat bottom right;
	display: block;
	position: relative;
	top: 2px;
	width: 270px;
	height: 161px;
}
a.galleryEntry:hover {
	background: url(Gallery/Arrow-Box-over.gif) no-repeat bottom right;
}
.galleryImages a img {
	margin-bottom: 15px;
	padding: 20px;
	border: #000000 solid 1px;
	background-color: #e8e8e8;
}
.galleryImages a:hover img {
	background-color: #000000;
}
.photoRight {
	float: right;
	margin: 4px 5px 0 5px;
}
.photoLeft {
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

/*----------------- Product and Parts Catalog Styles -----------------*/
.thumbnailCont {
	position: relative;
	left: 8px;
}
.thumbnail {
	position: relative;
	float: left;
	padding: 4px;
	width: 160px;
	height: 260px;
	text-align: center;
	border: solid #868686 1px;
	margin: 8px 6px 28px 6px;
}
#content .thumbnail p {
	line-height: 12px;
	margin-bottom: 3px;
	margin-top: 4px;
}
#content .thumbnail p a {
	font-size: 12px;
}
#content p.itemInfo {
	font-size: 10px;
	margin: 0px;
	line-height: 13px;
}
a.infoHeader {
}
a:hover.infoHeader {
	color: #000000;
}
.clearFix {
	display: block;
	width: 500px;
	clear: both;
}
.subHeadButtons {
	position: absolute;
	right: 35px;
	top: 30px;
	display: block;
}
.subHeadLink {
	position: relative;
	display: block;
	padding: 0 0 20px 28px;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #5e5e5e;
}
.subHeadLink a {
	font-size: 10px;
}
.subHeadLinkBot {
	position: relative;
	top: -8px; 
	padding: 0 0 20px 28px;
	margin-top: 35px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5e5e5e;
}
#itemInfo {
	float: left;
	width: 300px;
	position: relative;
	left: 28px;
}
#itemInfo h6 {
	background-color: #999999;
	color: #FFFFFF;
	padding: 1px 8px 1px 8px;
	margin-bottom: 2px;
	text-transform: uppercase;
}
#itemInfo p.infoIndent {
	padding-left: 8px;
	font-size: 11px;
	line-height: 14px;
}
#itemPhoto {
	float: right;
	position: relative;
	right: 20px;	
}
#itemPhoto img {
	border: #6c6c6c solid 1px;
}
#itemPhoto p {
	position: relative;
	width: 360px;
	top: 5px;
}
#itemPhoto .noBorder {
	border: 0;
}
.cartItem {
	position: relative;
	border-top: #0000FF solid 1px;
	left: 28px;
	width: 690px;
	padding: 15px 0 15px 0;
}
.cartItemInfo {
	float: left;
	width: 500px;
}
.cartItem2 {
	position: relative;
	border-top: #000000 solid 2px;
	left: 28px;
	width: 166px;
	padding: 15px 0 15px 0;
	float: left;
	margin-right: 8px;
}
.cartItemInfo2 {
	width: 160px;
}
.cartPhoto {
	float: right;
	position: relative;
}
.magnify {
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.cartItem label {
	margin-right: 25px;
}
.subTotal {
	position: relative;
	border-top: #0000FF solid 1px;
	left: 28px;
	width: 690px;
	padding: 15px 0 15px 0;
}
.subTotal h3 {
	text-transform: uppercase;
}
.headerTxt {
	position: relative;
	left: 28px;
	width: 690px;
}
.deleteFrom {
	margin-top: 8px;
	display: block;
	position: relative;
}
.edit {
	position: relative;
	top: 4px;
}
.addToCart {
	position: relative;
	margin-top: 15px;
}

/*----------------- List Styles -----------------*/
.pdf {
	padding-bottom: 20px;
	/*- Workaround: Safari was showing the border lines going behind the right floated
	elements (subNavRight). Firefox cutting off where I thought they should. Searching the net, I
	found that Firefox's behavior is incorrect, and that Safari was showing correctly.
	Also, I the research said that the background and borders of a non-floated element
	will show behind a floated element. Trying to float this left cause the next element
	to show to the right (all the text bunched together ugly). So, I think I would have to
	float all the elements on the left side, unless I use this workaround. I prefer the quick
	workaround!!!*/
	overflow: hidden; zoom: 1;
}
.pdf li {
	list-style-type: none;
	background: url(Global/PDF-Icon.gif) no-repeat center left;
	padding: 10px 0 10px 30px;
	border-bottom: #d7d7d7 solid 1px;
}
a.pdf {
	background: url(Global/PDF-Icon.gif) no-repeat center left;
	padding: 10px 0 10px 30px;
}
.pdf2 {
	padding-bottom: 20px;
	/*- Workaround: Safari was showing the border lines going behind the right floated
	elements (subNavRight). Firefox cutting off where I thought they should. Searching the net, I
	found that Firefox's behavior is incorrect, and that Safari was showing correctly.
	Also, I the research said that the background and borders of a non-floated element
	will show behind a floated element. Trying to float this left cause the next element
	to show to the right (all the text bunched together ugly). So, I think I would have to
	float all the elements on the left side, unless I use this workaround. I prefer the quick
	workaround!!!*/
	overflow: hidden; zoom: 1;
}
.pdf2 li {
	list-style-type: none;
	background: url(Global/PDF-Icon.gif) no-repeat 7px left;
	padding: 10px 0 10px 30px;
	border-bottom: #d7d7d7 solid 1px;
}
a.pdf2 {
	background: url(Global/PDF-Icon.gif) no-repeat center left;
	padding: 10px 0 10px 30px;
}
.doc {
	padding-bottom: 20px;
	/*- Workaround: Safari was showing the border lines going behind the right floated
	elements (subNavRight). Firefox cutting off where I thought they should. Searching the net, I
	found that Firefox's behavior is incorrect, and that Safari was showing correctly.
	Also, I the research said that the background and borders of a non-floated element
	will show behind a floated element. Trying to float this left cause the next element
	to show to the right (all the text bunched together ugly). So, I think I would have to
	float all the elements on the left side, unless I use this workaround. I prefer the quick
	workaround!!!*/
	overflow: hidden; zoom: 1;
}
.doc li {
	list-style-type: none;
	background: url(Global/DOC-Icon.gif) no-repeat center left;
	padding: 10px 0 10px 30px;
	border-bottom: #d7d7d7 solid 1px;
}
a.doc {
	background: url(Global/DOC-Icon.gif) no-repeat center left;
	padding: 10px 0 10px 30px;
}
.plainList li {
	list-style-type: none;
	padding: 4px 0 4px 0;
}
.plainList ul {
	padding-left: 2em;
}
.plainList ul li {
	list-style-type: disc;
}
.bulleted {
	margin-left: 27px;
}
.bulleted li {
	padding: 4px 0 4px 0;
	margin-left: 0;
}
.indented {
	margin-left: 14px;
}
.indented li {
	list-style-type: none;
	padding: 4px 0 4px 0;
	line-height: 19px;
}
/*----------------- Forms -----------------*/
.contactForm {
	background: #e8e8e8;
	position: relative;
	left: -50px;
	padding: 2px 50px 15px 50px;
	margin-top: 10px;
	width: 230px;
}
.contactForm fieldset {
	border: 0;
	overflow: hidden;
}
.contactForm #textFields input { 
	border: 1px solid #a3a3a3;
	width: 140px;
}
.contactForm #textFields input:hover {
	border-color: #000000;
}
.contactForm #textFields input:active, input:focus {
	border-color: #787878;
}
.contactForm #textFields label, label span {
	display: block;
	padding-bottom: 7px;
}
.contactForm #textFields label {
	float: left;
	width: 150px;
}
.contactForm #textFields label span {
	float: left;
	width: 35%;
}
.contactForm #checkbox label, label span {
	display: inline;
	padding-bottom: .40em;
}
.contactForm #checkbox label {
	float: left;
	width: 100%;
}
.contactForm #checkbox span {
	padding-left: 10px;
}
.contactForm #checkbox textarea {
	width: 215px;
}
.contactForm .submit {
	padding-top: 15px;
}

#billingForm {
	width: 664px;
	background: #e8e8e8;
	position: relative;
	padding: 2px 30px 15px 50px;
	margin-top: 10px;
}
#billingForm fieldset {
	border: 0;
	overflow: hidden;
}
#billingForm #textFields input { 
	border: 1px solid #a3a3a3;
	width: 60%;
	height: 18px;
}
#billingForm #textFields input:hover {
	border-color: #000000;
}
#billingForm #textFields input:active, input:focus {
	border-color: #787878;
}
#billingForm #textFields label, label span {
	display: block;
	padding-bottom: 7px;
}
#billingForm #textFields label {
	float: left;
	width: 320px;
}
#billingForm #textFields label span {
	float: left;
	width: 35%;
}
#billingForm #checkbox label, label span {
	display: inline;
	padding-bottom: .40em;
}
#billingForm #checkbox label {
	float: left;
	width: 100%;
}
#billingForm #checkbox span {
	padding-left: 10px;
}
#billingForm #checkbox textarea {
	width: 215px;
}
#billingForm textarea {
	width: 300px;
	height: 150px;
}
#billingForm .submit {
}
#billingForm #textFields input#city {
	width: 100px;
	margin-right: 8px;
}
#billingForm #textFields input#state {
	width: 20px;
	margin-right: 8px;
}
#billingForm #textFields input#zip {
	width:50px;
	margin-right: 8px;
}
#billingForm #textFields input#security {
	width: 30px;
}
#billingForm #textFields input#credit {
	border: 0;
	width: 18px;
}
#billingForm .submit {
	display: block;
	padding-top: 25px;
	padding-bottom: 10px;
	text-align: center;
}
#billingForm input#submit {
	width: auto;
	height: auto;
}
.leftForm {
	width: 320px;
	float: left;
	position: relative;
}
.leftFormClear {
	width: 320px;
	clear: both;
	position: relative;
}
.rightForm {
	float: right;
	width: 320px;
	position: relative;
}
.formContainer {
	/*keeps floated divs from disappearing in IE 6, IE 7*/
}

/*----------------- Lightbox (thanks to Lokesh Dhakar) -----------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(Global/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Global/overlay.png", sizingMethod="scale");
	}

/*----------------- These are standard sIFR styles... do not modify -----------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*----------------- sIFR styles:  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/*----------------- sIFR styles: These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*.sIFR-hasFlash h2 {
	visibility: hidden;
	font-weight: normal;
	width: 480px;
}
.sIFR-hasFlash .frTitle {
	visibility: hidden;
	font-size: 1.3em;
}*/
/* sIFR styles not active

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

/*----------------- sIFR styles:  This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}
span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
 */