/*Scelzi Main Style Sheet*/

body { background:url(images/backgroundtile.jpg) repeat; font-family:Trebuchet MS, Helvetica, sans-serif; margin:0; padding:0; }

#bodyContainer { width:1000px; height:auto; position:relative; margin:0 auto; padding:0; }

/*Header*/

#headerContainer { background:url(images/outer_header.png) repeat-x; width:100%; height:180px; position:relative; margin:0 auto; padding:0; z-index:50; }

#innerheader { background:url(images/header_background.jpg) no-repeat; width:1000px; height:142px; position:relative; margin:0 auto; padding:0; }

#specials { position:absolute; top:60px; right:120px; }

#specials:link,
#specials:visited { display:block; width:105px; height:105px; background:url(images/specials.png) no-repeat left; }

#specials:hover { display:block; width:105px; height:105px; background:url(images/specials.png) no-repeat right; }

#headerlinks {
	width:450px;
	height:29px;
	position:relative;
	float:right;
	margin:0 80px 0 0;
	padding:0;
	z-index:100;
}

#headerlinks li { float:left; list-style:none; display:block; margin:0; padding:0; }

.statcounter a:link,
.statcounter a:visited,
.statcounter a:hover { background:transparent; display:block; width:29px; height:29px; }

.warranty a:link,
.warranty a:visited { background:url(images/warranty.png) no-repeat left; display:block; width:89px; height:29px; margin:0 -4px 0 0; }

.warranty a:hover { background:url(images/warranty.png) no-repeat right; display:block; width:89px; height:29px; margin:0 -4px 0 0; }

.weekly a:link,
.weekly a:visited { background:url(images/weekly_inventory.png) no-repeat left; display:block; width:130px; height:29px;; margin:0 -5px 0 0 }

.weekly a:hover { background:url(images/weekly_inventory.png) no-repeat right; display:block; width:130px; height:29px0;; margin:0 -5px 0 0 }

.login a:link,
.login a:visited { background:url(images/dealerlogin.png) no-repeat left; display:block; width:100px; height:29px; }

.login a:hover { background:url(images/dealerlogin.png) no-repeat right; display:block; width:100px; height:29px; }

.gallery a:link,
.gallery a:visited { background:url(images/gallery.png) no-repeat left; display:block; width:69px; height:29px; }

.gallery a:hover { background:url(images/gallery.png) no-repeat right; display:block; width:69px; height:29px; }

/*Main Navigation*/

#navLinks { position:relative; width:533px; height:49px; margin:0 auto; margin-top:-61px; margin-bottom:-26px; padding:0; z-index:100; }

#navLinks li { display:block; float:left; list-style:none; padding:0; margin:0; }

#navLinks li:hover ul,
#navLinks li.sfhover ul { left:auto; list-style:none; clear:both; }

#navLinks li ul { left:-999px; position:absolute; margin:0; padding:0; z-index:50; }

#navLinks li ul li { float:left; padding:0; margin:0; list-style:none; clear:both; }

#navLinks li ul.subCatalog li a { background:url(images/transparentbackfill.png) repeat; color:#fff; text-align:center; text-decoration:none; width:86px; height:20px; padding:5px 0 5px 0; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:0.8em; }

#navLinks li ul.subCatalog li a:hover { background:url(images/buttonfillover.jpg) repeat-x; color:#fff; text-align:center; text-decoration:none; width:86px; height:20px; padding:5px 0 5px 0; }

#navLinks li ul.subQuality li a { background:url(images/transparentbackfill.png) repeat; color:#fff; text-align:center; text-decoration:none; width:107px; height:20px; padding:5px 0 5px 0; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:0.8em; }

#navLinks li ul.subQuality li a:hover { background:url(images/buttonfillover.jpg) repeat-x; color:#fff; text-align:center; text-decoration:none; width:107px; height:20px; padding:5px 0 5px 0; }

.home a:link,
.home a:visited { background:url(images/home.png) left no-repeat; display:block; width:77px; height:49px; }

.home a:hover { background:url(images/home.png) right no-repeat; display:block; width:77px; height:49px; }

.catalog a:link,
.catalog a:visited { background:url(images/catalog.jpg) left no-repeat; display:block; width:88px; height:49px; }

.catalog a:hover { background:url(images/catalog.jpg) right no-repeat; display:block; width:88px; height:49px; }

.dealers a:link,
.dealers a:visited { background:url(images/dealers.jpg) left no-repeat; display:block; width:88px; height:49px; }

.dealers a:hover { background:url(images/dealers.jpg) right no-repeat; display:block; width:88px; height:49px; }

.sequality a:link,
.sequality a:visited { background:url(images/quality.jpg) left no-repeat; display:block; width:107px; height:49px; }

.sequality a:hover { background:url(images/quality.jpg) right no-repeat; display:block; width:107px; height:49px; }

.testimonials a:link,
.testimonials a:visited { background:url(images/testimonials.jpg) left no-repeat; display:block; width:123px; height:49px; }

.testimonials a:hover { background:url(images/testimonials.jpg) right no-repeat; display:block; width:123px; height:49px; }

.links a:link,
.links a:visited { background:url(images/links.jpg) left no-repeat; display:block; width:75px; height:49px; }

.links a:hover { background:url(images/links.jpg) right no-repeat; display:block; width:75px; height:49px; }

.contact a:link,
.contact a:visited { background:url(images/contact.png) left no-repeat; display:block; width:98px; height:49px; }

.contact a:hover { background:url(images/contact.png) right no-repeat; display:block; width:98px; height:49px; }

/*Flash Banner*/

#flashContainer { background:url(images/flashbanner_bg.png); width:796px; height:177px; position:relative; margin:0 auto; padding:0 0 0 0; text-align:center; }

#swfObject { width:796px; height:177px; position:absolute; top:0; left:0; }

/*Truck Navigation*/

.truckLinks { position:relative; width:793px; height:74px; margin:0 auto; padding:12px 0 0 0; }

.truckLinks li { display:inline-block; float:left; list-style:none; height:74px; padding:0; margin:0; }

a:link.service8,
a:visited.service8 { background:url(images/servicebody8.png) left no-repeat; display:block; width:148px; height:74px; }

a:hover.service8 { background:url(images/servicebody8.png) right no-repeat; display:block; width:148px; height:74px; }

a:link.service9,
a:visited.service9 { background:url(images/servicebody9.png) left no-repeat; display:block; width:150px; height:74px; }

a:hover.service9 { background:url(images/servicebody9.png) right no-repeat; display:block; width:150px; height:74px; }

a:link.service11,
a:visited.service11 { background:url(images/servicebody11.png) left no-repeat; display:block; width:150px; height:74px; }

a:hover.service11 { background:url(images/servicebody11.png) right no-repeat; display:block; width:150px; height:74px; }

a:link.combo,
a:visited.combo { background:url(images/combobody.png) left no-repeat; display:block; width:177px; height:74px; }

a:hover.combo { background:url(images/combobody.png) right no-repeat; display:block; width:177px; height:74px; }

a:link.contractor,
a:visited.contractor { background:url(images/contractorbody.png) left no-repeat; display:block; width:168px; height:74px; }

a:hover.contractor { background:url(images/contractorbody.png) right no-repeat; display:block; width:168px; height:74px; }

a:link.western,
a:visited.western { background:url(images/westernflatbed.png) left no-repeat; display:block; width:148px; height:74px; }

a:hover.western { background:url(images/westernflatbed.png) right no-repeat; display:block; width:148px; height:74px; }

a:link.welder,
a:visited.welder { background:url(images/welderbody.png) left no-repeat; display:block; width:151px; height:74px; }

a:hover.welder { background:url(images/welderbody.png) right no-repeat; display:block; width:151px; height:74px; }

a:link.landscaper,
a:visited.landscaper { background:url(images/landscaperdump.png) left no-repeat; display:block; width:162px; height:74px; }

a:hover.landscaper { background:url(images/landscaperdump.png) right no-repeat; display:block; width:162px; height:74px; }

a:link.flatdump,
a:visited.flatdump { background:url(images/flatbeddump.png) left no-repeat; display:block; width:162px; height:74px; }

a:hover.flatdump { background:url(images/flatbeddump.png) right no-repeat; display:block; width:162px; height:74px; }

a:link.scelziflatbed,
a:visited.scelziflatbed { background:url(images/scelziflatbed.png) left no-repeat; display:block; width:170px; height:74px; }

a:hover.scelziflatbed { background:url(images/scelziflatbed.png) right no-repeat; display:block; width:170px; height:74px; }

/*Details Window*/

.yui-overlay,
.yui-panel-container { visibility:hidden; position:absolute; z-index: 2; }

.yui-panel { visibility:hidden; position:relative; left:0; top:0; z-index:1; overflow:hidden; }

.detailsTop { background:url(images/details_top_bar.png) no-repeat; height:45px; width:693px; padding:0; }

.detailsContent { background:url(images/details_content_fill.png) repeat-y; width:693px; height:340px; }

.detailsBottom { background: url(images/details_bottom.png) no-repeat; height:20px; width:693px; padding:0; }

.hd p { float:left; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; margin:17px 0 0 20px; width:588px; position:relative; }

.closeButton { float:left; margin:17px 0 0 0; position:relative; }

a:link.closeButton,
a:visited.closeButton { display: block; width: 63px; height: 21px; background:url(images/close.png) left no-repeat; position:relative; padding:0; }

a:hover.closeButton { display: block; width: 63px; height: 21px; background:url(images/close.png) right no-repeat; position:relative; padding:0; }

.detailsBody { position:relative; margin:0 auto; width:590px; padding:15px 0 0 20px; }

.detailsBody li { list-style:none; padding:0; margin:0 0 20px; 0; }

.detailImage { margin:0; padding:0; position:relative; width:590px; height:256px; }

.viewLinks { margin:0; padding:0 0 0 55px; list-style:none; position:relative; height:32px; }

.viewLinks li { float:left; margin:0 0 0 20px; }

.viewSchematic { background:url(images/view_schematic.jpg) no-repeat; display:block; width:196px; height:32px; }

.viewDatasheet { background:url(images/view_data_sheet.jpg) no-repeat; display:block; width:196px; height:32px; }

#westernDetails { visibility:hidden; }

#comboDetails { visibility:hidden; }

#service8Details { visibility:hidden; }

#contractorDetails { visibility:hidden; }

#scelziflatDetails { visibility:hidden; }

#service9Details { visibility:hidden; }

#welderDetails { visibility:hidden; }

#landscaperDetails { visibility:hidden; }

#flatdumpDetails { visibility:hidden; }

#service11Details { visibility:hidden; } 

/*Footer*/

#footerOuter { background:url(images/outer_footer.png) repeat-x; width:100%; height:75px; position:fixed; bottom:0; margin:0; padding:0; text-align:center; z-index:50;}

.footerText { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:10px; color:#fff; position:relative; margin-top:30px; text-align:center; }

#footerOuter a:link,
#footerOuter a:visited
{ text-decoration:none; color:#ffff00; font-weight:bold; }

#footerOuter a:hover
{ text-decoration:none; color:#ffffff; font-weight:bold; }