/* CSS Document */
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background: transparent; }




/* Base style
------------------------------------*/

body{
	padding: 0;
	margin: 0;
	}
	


/* Things to hide
------------------------------------*/

#header h1 {display: none;}


/* Container
------------------------------------*/

#bkg {
	min-width: 960px;
	background-repeat: repeat-x;
	background-color: #082252;
	background-image: url(../images/bg_bk.jpg);

}

#subpage #bkg {

}

#container-bkg {
	width: 100%;
	min-width: 960px;
	background-color: #D8D3B1;
}

#container {
	width:940px;
	min-width: 960px;
	padding: 0;
	margin: 0 auto 0 auto;
	position: relative;
	background-color: #D8D3B1;
	}

#container-top {
	width:920px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	}

	
#top_border {width: 100%; height: 10px; background: #333;}
	
/* Header
------------------------------------*/
#header {
	width:900px;
	height: 157px;
	margin: 0;
	padding: 10px;
	position: relative;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

.logo {
	position:absolute;
	left: 0;
	top: 0;
	display:block; 
	height: 120px;
	width: 270px;
	font-weight: normal;
	font-size: 1.2em;
	color: #000000;
	padding: 15px;
	text-align:center;
	text-transform: uppercase;
}



#action_buttons {
	margin: 0;
	padding: 0;
	}
	
#action_buttons li {
	list-style: none;
	float: left;
	margin-right: 4px;
	}
	
#action_buttons li a {
	display: block;
	background: #666666;
	color: #fff;
	padding: 12px;
	}
	
#action_buttons li a:hover {
	background: #999;
	}
	
#split_col2 label {
	font-size: .8em;
	text-transform: uppercase;
	color: #333;
	}




/* Navigation
------------------------------------*/

#nav {
	width: 600px;
	height: 37px;
	padding: 5px 0 10px 10px;
	margin: 0;
	font-size: .9em;
	position: absolute;
	left: 320px;
	top: 85px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	display: block;
	/*overflow: hidden;*/
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 13px 10px;
	margin: 0 0 0 6px;
	color: #ccc;
}

	/* Nav, rollover style(s)
	------------------------------------*/

		a.navrollover-sales {
	width: 111px;
	height:17px;
	background-image: url(../images/navtext-sales.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}
		a.navrollover-sales:hover {background: url(../images/navtext-sales.png) no-repeat 10px -21px;}
		
		a.navrollover-service {background: url(../images/navtext-service.png) no-repeat 10px 6px; width: 111px; height:17px;}
		a.navrollover-service:hover {background: url(../images/navtext-service.png) no-repeat 10px -21px;} 
		
		a.navrollover-parts {background: url(../images/navtext-parts.png) no-repeat 10px 6px; width: 111px; height:17px;}
		a.navrollover-parts:hover {background: url(../images/navtext-parts.png) no-repeat 10px -21px;} 
		
		a.navrollover-contact {background: url(../images/navtext-contact.png) no-repeat 10px 6px; width: 111px; height:17px; margin-left: 10px;}
		a.navrollover-contact:hover {background: url(../images/navtext-contact.png) no-repeat 10px -21px;} 
	 
	/* Nav, current page style(s)
	------------------------------------*/
	
	

	
#secondary_nav {position: absolute; left: 640px; top: 20px;  padding: 10px; font-size: .8em; width: 300px; height: 20px;}

#secondary_nav li {float: left; list-style: none; margin: 0; padding: 0;}

#secondary_nav li a {display: block; padding: 5px 8px 0 8px; font-weight: bold; color: #ccc;}

	#sub_nav {
		background: #fff;
		width: auto;
		padding: 3px 0 3px 3px;
		margin: 0;
		font-size: .9em;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		display: inline;
		display: block;
		overflow: hidden;
		color: #999;
		}
	

	
		
	#sub_nav ul {margin: 0; padding: 0;}
	
	#sub_nav li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#sub_nav li a {
		display: block;
		height: 42px;
		padding: 10px 8px 13px 17px;
		margin: 0 0 0 6px;
		float: left;
		}

#breadcrumbs {padding: 18px 0 18px 10px; font-size: .8em;}

.steward {background: #fff !important;}



/* Son of Suckerfish: Horizontal Sprite Nav
------------------------------------*/

#nav li ul { /* second-level lists */
	position: absolute;
	background: #f5f5f5;
	border: 3px #0294F5 solid;
	width: 100px;
	top: 15px;
	margin-left: -40px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { /* second-level lists */
	padding: 2px 10px 5px 5px;
	border:none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* Features
------------------------------------*/

#feature {
width: 898px;
height: 335px;
margin: 0;
padding: 0;
}

#feature a {color:#ccc;}



#intro_text {
	float: left;
	width: 400px;
	color: #fff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	}
	
#intro_text p {margin: 0; font-size: .95em; line-height: 22px;}

#intro_text a {
	padding: 4px 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #0066FF;
}

#intro_text a:hover { background: #176674; }
	
#feature_img {
	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-repeat: no-repeat;
} 	


.selects form {width: 160px; position: absolute; top: 8px; left: 362px;}

 #feature h1 {
	display: none;
	}

	#feature .title {
	width: 440px;
	height: 50px;
	margin-left: -5px;
	margin-top: 2px;
	background-image: url(../images/feature-title.png);
	background-repeat: no-repeat;
	}	

/* Content
------------------------------------*/

#content {
	width:900px;
	padding-left: 7px;
	padding-bottom: 25px;
	}


	
#content a {
	color: #046d85;
}	
	
.highlight {background: #ccc; padding: 5px 8px 5px 8px;}





/*base font settings
------------------------------------*/

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#333333;
	}

/*HTML tag font settings
------------------------------------*/

p {
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}

h1 {
	font-size: 1.2em;

	font-weight: bold;
	color: #3366CC;
	margin: -.2em 0em -.2em 0em;
}

h2 {
	font-size: 1.1em;
	margin: 0 0em 0em 0em;
	font-weight: bold;
	color: #000;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

h4 {
	font-size: 1.0em;
	margin: 1.2em 0em -1.2em 0em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em -1.2em 0em;
	font-weight: bold;
}

h6 {
	font-size: 1.0em;
	margin: 1.2em 0em -1.2em 0em;
	font-weight: bold;
}
	
hr {
	background: url(/images/line.gif) 15px repeat-x;
	height: 15px;
	border: 0;
}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {
	font-weight: bold;
}
	
acronym {
	background-color: #D3D3D3; cursor: help;
}
		
/* Text link styles
------------------------------------*/

a {
	color: #003399;
}

a:visited {
	color: #003399;
}

a:active {
	text-decoration: none;
	color: #003399;
}
	
a:hover {
	text-decoration: none;
	color: #003399;
}









* { margin: 0px; padding: 0px; }
body {
	background-attachment: scroll;
	background-color: rgb(216, 211, 177);
	background-image: url(../images/bg.headerrepeatx.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
a { outline-color: invert; outline-style: none; outline-width: medium; }
#header { margin: 0px auto; width: 900px; height: 150px; position: relative; }
#header h1 {
	text-indent: -9999px;
	position: absolute;
	left: 4px;
	top: 6px;
	height: 90px;
	width: 243px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 a { background: transparent url('img.logo.gif') no-repeat scroll left top; height: 46px; width: 242px; text-indent: -9999px; display: block; }

#featureImg { float: right; position: absolute; right: -28px; z-index: 1; top: 110px; }
#bannerContainer { background: transparent url(../images/bg.bannerrepeatx.jpg) repeat-x scroll center top; height: 254px; width: 100%; }
#banner { margin: 0px auto; background: transparent url(../images/img.banner.jpg) no-repeat scroll center top; width: 900px; height: 213px; }

#fullWidth { padding: 20px 0px; background: rgb(231, 226, 192) none repeat; width: 100%; float: left; }
#inside #fullWidth { padding: 20px 0px; background: rgb(231, 226, 192) url(../images/bg.insidefullwidthtop.gif) repeat-x scroll left top; width: 100%; float: left; }
#contentContainer { margin: 0px auto; width: 890px; }
#contentContainer h2 { line-height: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 20px; color: rgb(147, 61, 22); margin-bottom: 10px; font-weight: bold; text-transform: uppercase; }
#contentContainer h4 { border-bottom: 1px dotted rgb(199, 194, 160); font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 18px; line-height: 22px; font-size-adjust: none; font-stretch: normal; color: rgb(51, 51, 51); margin-bottom: 5px; padding-bottom: 5px; margin-top: 27px; }
#productDetail h4 { background: transparent none repeat; margin-top: 0px; }
#contentContainer p { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 18px; font-size-adjust: none; font-stretch: normal; color: rgb(43, 42, 35); margin-bottom: 10px; }
#contentContainer ul { margin-bottom: 10px; }
#contentContainer li { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 18px; font-size-adjust: none; font-stretch: normal; color: rgb(43, 42, 35); list-style-type: circle; list-style-image: none; list-style-position: inside; }
#mainContent { margin: 10px 0px 0px; float: right; width: 610px; }
#fullWidth #sideBar img { float: left; padding-right: 13px; }
img.left { border: 1px solid rgb(127, 118, 87); margin: 4px 10px 4px 0px; padding: 4px; float: left; }
img.right { border: 1px solid rgb(127, 118, 87); margin: 4px 0px 4px 10px; padding: 4px; float: right; }
#mainContent h3 { background: transparent url(../images/img.headerunderline.gif) no-repeat scroll left bottom; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); font-size: 25px; text-transform: uppercase; padding-bottom: 0px; font-weight: bold; margin-bottom: 10px; }
#globalContent { width: 890px; float: left; }
#fullWidth a, #footerContainer a { border-bottom: 1px dotted rgb(177, 123, 56); color: rgb(147, 61, 22); text-decoration: none; }
#fullWidth a:hover, #footerContainer a:hover { border: medium none ; background: rgb(231, 226, 192) none repeat; color: rgb(34, 34, 34); }
#fullWidth #sideBar { padding: 20px; background: rgb(216, 211, 177) url(../images/bg.catcolumntop.gif) no-repeat scroll left top; width: 198px; float: left; }
#fullWidth #sideBar ul { width: 198px; float: left; }
#fullWidth #sideBar li { list-style-type: none; list-style-image: none; list-style-position: outside; width: 198px; float: left; display: inline; }
#fullWidth #sideBar a { border: 0px none ; padding: 18px 10px 15px 15px; background: transparent url('img.catsep.gif') no-repeat scroll left top; display: block; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; text-decoration: none; color: rgb(51, 51, 51); }
#fullWidth #sideBar p { margin-bottom: 10px; }
#fullWidth #sideBar a:hover { border: 0px none ; padding: 18px 10px 15px 15px; display: block; color: rgb(146, 60, 21); }
#fullWidth #sideBar li#currentPage a { border: 0px none ; padding: 18px 10px 15px; background: rgb(231, 226, 192) url('img.catsepon.gif') no-repeat scroll left top; display: block; color: rgb(146, 60, 21); }
#productContainer { float: left; }
#contentContainer #productContainer a, #contentContainer #productContainer a img, #contentContainer #productContainer a:hover { border-width: 0px; margin: 0px; padding: 0px; background: transparent none repeat; float: left; }
.productItem { float: left; height: 209px; width: 177px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 22px; font-size-adjust: none; font-stretch: normal; padding-right: 26px; margin-bottom: 30px; }
#contentContainer #mainContent #productContainer a.productListImg { background: rgb(255, 0, 0) url(../images/bg.detailimgbg.gif) no-repeat scroll left top; height: 146px; width: 177px; float: left; display: block; }

.productName { width: 177px; margin-top: 5px; float: left; }
#contentContainer #mainContent .productName a { border-bottom: 1px dotted rgb(177, 123, 56); color: rgb(147, 61, 22); text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 22px; font-size-adjust: none; font-stretch: normal; }
#contentContainer #mainContent .productName a:hover { border: medium none ; background: rgb(247, 247, 234) none repeat; color: rgb(34, 34, 34); }
#productDetail { background: rgb(216, 211, 177) none repeat; float: left; width: 610px; }
#productDetail h4 { padding: 30px 0px 10px 30px; background: transparent url('none') repeat; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 24px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(148, 61, 22); }
#productDetail p { padding-left: 30px; width: 343px; text-align: justify; }
#productDetail .small { background: transparent url(../images/icon.recommended.gif) no-repeat scroll 30px 3px; font-size: 11px; padding-left: 48px; }

#detailBG { float: right; margin-top: 30px; padding-right: 30px; margin-bottom: 20px; padding-left: 20px; }


ul#browse { background: transparent url(../images/img.lisep.gif) no-repeat scroll center bottom; }
#productDetail select { width: 180px; float: left; margin-top: 31px; }
#productDetail #detailPrice { float: left; height: 73px; line-height: 73px; font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: rgb(255, 255, 255); margin-top: 5px; text-align: right; width: 120px; }
#productDetail input { float: right; margin-top: 22px; }
#homeContent { background: transparent url(../images/bg.fauxcolumns.gif) repeat-y scroll center top; width: 890px; float: left; position: relative; }
.columnSpacing { padding: 25px 20px 5px; margin-bottom: 15px; }
img.articleImg { padding: 5px 10px 0px 0px; float: left; }
#left { background: transparent url(../images/bg.columntop.gif) no-repeat scroll left top; width: 238px; float: left; }
#middle { margin: 0px 28px; background: transparent url(../images/bg.columntop2.gif) no-repeat scroll left top; width: 238px; float: left; }
#right { background: transparent url(../images/bg.columntop.gif) no-repeat scroll left top; float: left; width: 238px; }
#right p { margin-bottom: 0px; }
#truckImg { position: absolute; top: -34px; left: 170px; }

h2#browseProduct { border: medium none ; margin: 10px 0px; background: transparent url(../images/h.browsecat.gif) no-repeat scroll left top; height: 32px; width: 165px; text-indent: -9999px; }
h2#browseSize { margin: 20px 0px 10px; background: transparent url(../images/h.browsetiresize.gif) no-repeat scroll left top; height: 33px; width: 125px; text-indent: -9999px; }

ul#productCats { width: 238px; float: left; }
#productCats li { padding: 8px 0px 10px; background: transparent url(../images/img.lisep.gif) no-repeat scroll center top; list-style-type: none; list-style-image: none; list-style-position: outside; width: 238px; float: left; }
#productCats li:hover { padding: 8px 0px 10px; background: rgb(223, 219, 186) url(../images/img.lisep.gif) no-repeat scroll center top; }
#productCats span.productThumb a { border-width: 0px; height: 54px; width: 81px; margin-top: 4px; float: left; display: block; margin-left: 3px; }
html > body #productCats span.productThumb a { margin-left: 6px; }
#productCats img { border-width: 0px; }
#productCats .productInfo { padding: 8px 0px 0px 10px; width: 134px; float: left; display: block; }
#productCats strong a { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; text-decoration: none; color: rgb(51, 51, 51); }
#productCats strong a:hover { color: rgb(147, 61, 22); }
#productCats p { line-height: 16px; margin-bottom: 0px; font-size: 11px; }

#clear { clear: both; }
#footerContainer { background: transparent url(../images/bg.footerrepeatx.gif) repeat-x scroll left top; width: 100%; clear: both; float: left; }
#footer { margin: 0px auto; padding: 20px 0px; width: 890px; }
#footer p { font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 22px; font-size-adjust: none; font-stretch: normal; color: rgb(43, 42, 35); margin-bottom: 18px; text-align: center; }
.sIFR-active h3 { visibility: hidden; font-family: Arial,Helvetica,sans-serif; line-height: 1em; }
.sIFR-active h3 { font-size: 21px; color: rgb(147, 61, 22); }



.sIFR-flash { margin: 0pt; padding: 0pt; visibility: visible ! important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible ! important; }
.sIFR-alternate { overflow: hidden; position: absolute; left: 0pt; top: 0pt; width: 0pt; height: 0pt; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
#feature_img_sales {

	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
}
#feature_img_parts {


	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
}
#feature_img_service {



	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-image: url(../images/2.jpg);
	background-repeat: no-repeat;
}
#home-flash {

	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-repeat: no-repeat;
}
#BannerDiv {


	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-repeat: no-repeat;
}
#slideshow1 {


	position: absolute;
	left:450px;
	top:192px;
	width: 464px;
	height: 316px;
	z-index: 0;
	background-repeat: no-repeat;
}
#right_slideshow1 {
background: transparent url(../images/bg.columntop.gif) no-repeat scroll left top; float: right; width: 238px;
}
#rightslideshow1 p {
margin-bottom: 0px;
}
#feature_img_employment {




	position: absolute;
	left:550px;
	top:192px;
	width: 468px;
	height: 300px;
	z-index: 0;
	background-image: url(../images/employment.jpg);
	background-repeat: no-repeat;
}
#feature_img_about {




	position: absolute;
	left:450px;
	top:179px;
	width: 450px;
	height: 267px;
	z-index: 0;
	background-image: url(../images/about.jpg);
	background-repeat: no-repeat;
}
#feature_img_contact {




	position: absolute;
	left:450px;
	top:179px;
	width: 468px;
	height: 293px;
	z-index: 0;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
}