BODY {
  margin: 0;
  text-align: center;
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #777777;
  background: #1e1e1e;
}
a { color: #D00002; }
.clear {
  clear: both;
}
.body {
  text-align: left;
  margin: 0 auto;
  width: 875px;
}
.header {
  width: 869px;
  height: 205px;
  background: url('../images/header.jpg') no-repeat;
}
.header a {
  display: block;
  width: 869px;
  height: 205px;
}
.header a h1 {
  display: none;
}
.navigation {
  height: 52px;
  background: url('../images/left-head.jpg') no-repeat;
}
.navigation UL {
  height: 52px;
  width: 551px;
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.navigation UL LI {
  float: left;
}
.navigation UL LI a {
  display: block;
  height: 52px;
}
.navigation UL LI a span {
  display: none;
}
.navigation UL LI#home a {
  height: 52px;
  width: 63px;
  background: url('../images/home.jpg') no-repeat;
}
.navigation UL LI#home a:hover {
  height: 52px;
  width: 63px;
  background: url('../images/home.jpg') 0 -52px no-repeat;
}
.navigation UL LI#about-us a {
  height: 52px;
  width: 96px;
  background: url('../images/about-us.jpg') no-repeat;
}
.navigation UL LI#about-us a:hover {
  height: 52px;
  width: 96px;
  background: url('../images/about-us.jpg') 0 -52px no-repeat;
}
.navigation UL LI#showcase a {
  height: 52px;
  width: 106px;
  background: url('../images/showcase.jpg') no-repeat;
}
.navigation UL LI#showcase a:hover {
  height: 52px;
  width: 106px;
  background: url('../images/showcase.jpg') 0 -52px no-repeat;
}
.navigation UL LI#products a {
  height: 52px;
  width: 102px;
  background: url('../images/products.jpg') no-repeat;
}
.navigation UL LI#products a:hover {
  height: 52px;
  width: 102px;
  background: url('../images/products.jpg') 0 -52px no-repeat;
}
.navigation UL LI#dealers a {
  height: 52px;
  width: 88px;
  background: url('../images/dealers.jpg') no-repeat;
}
.navigation UL LI#dealers a:hover {
  height: 52px;
  width: 88px;
  background: url('../images/dealers.jpg') 0 -52px no-repeat;
}
.navigation UL LI#contact-us a {
  height: 52px;
  width: 90px;
  background: url('../images/contact-us.jpg') no-repeat;
}
.navigation UL LI#contact-us a:hover {
  height: 52px;
  width: 90px;
  background: url('../images/contact-us.jpg') 0 -52px no-repeat;
}
.content {
  width: 869px;
  background: url('../images/continue-bg.gif') repeat-y;
}
.left-side {
  padding: 0 0 0 45px;
  float: left;
}
.left-side div#productsd {
  width: 340px;
  height: 65px;
  background: url('../images/boxes.jpg') no-repeat;
}
.left-side div#showcase {
  width: 340px;
  height: 65px;
  background: url('../images/boxes.jpg') 0 -65px no-repeat;
}
.left-side div h2 {
  display: none;
}
.left-side div#content {
  padding: 10px;
  background: #1b1b1b;
  margin: 0 2px 0 4px;
}
.left-side div#content UL#showcase {
  width: 310px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.left-side div#content UL#showcase LI {
  width: 150px;
  text-align: center;
  float: left;
  margin: 0 0 10px 4px;
}
.left-side div#content UL#showcase LI a img {
  border: 4px solid #303030;
}
.left-side div#content UL#showcase LI a:hover img {
  border: 4px solid #F4181A;
}
.left-side div#content UL#products {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 310px;
}
.left-side div#content #products td {
  text-align: center;
  margin: 0 0 10px 4px;
  width: 150px;
  float: left;
}
.left-side div#content #products a img {
  border: 4px solid #303030;
}
.left-side div#content #products a:hover img {
  border: 4px solid #F4181A;
}

.left-side div#foot {
  margin: 0 0 10px 4px;
  width: 334px;
  height: 14px;
  background: url('../images/foot-1.jpg') no-repeat; 
}
.right-side {
  padding: 10px 0 0 0;
  width: 470px;
  float: right;
}
.right-side .txt {
  text-align: justify;
  padding: 10px 25px 10px 5px;
}
.right-side div#title h2 {
  display: none;
}
.right-side div.title-about {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') no-repeat;
}
.right-side div.title-dealers {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -108px no-repeat;
}
.right-side div.title-showcase {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -36px no-repeat;
}
.right-side div.title-home {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -180px no-repeat;
}
.right-side div.title-contact {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -144px no-repeat;
}
.right-side div.title-products {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -72px no-repeat;
}
.right-side div.title-vehicleonshowcase {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -216px no-repeat;
}
.right-side div.title-universalaccessories {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -252px no-repeat;
}
.right-side div.title-rearfenders {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -288px no-repeat;
}
.right-side div.title-frontfenders {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -324px no-repeat;
}
.right-side div.title-peterbiltaccessories {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -360px no-repeat;
}
.right-side div.title-mailinglist {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -396px no-repeat;
}
.right-side div.title-daycabs {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -432px no-repeat;
}
.right-side div.title-newitems {
  height: 36px;
  width: 451px;
  background: url('../images/titles.gif') 0 -468px no-repeat;
}
.footer {
  width: 869px;
  height: 51px;
  background: url('../images/footer.gif') no-repeat;
}

.view-more {
  margin: 10px 0 0 0;
  text-align: right;
}
.view-more a {
  text-decoration: none;
  color: #F4181A;
  border-bottom: 1px solid #282828;
}
.view-more a:hover {
  color: #F4181A;
  border-bottom: 1px solid #F4181A;
}


.folders {
  margin: 10px 0 10px 0;
  width: 340px;
}
.folders UL {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  text-transform: uppercase;
  font-size: 12px;
}
.folders UL LI {
  background: #2e2e2e;
  border-bottom: 1px solid #1b1b1b;
  border-top: 1px solid #3e3e3e;
}
.folders UL LI a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #666;
}
.folders UL LI a:hover {
  display: block;
  background: #262626;
  text-decoration: underline;
}

.hold-it {
  text-align: center;
}
.hold-it UL {
  margin: 0 2px 0 2px;
  padding: 0;
  list-style: none;
}
.hold-it UL LI {
  margin: 0 12px 10px 0;
  float: left;
}
.hold-it UL LI a img {
  border: 4px solid #303030;
}
.hold-it UL LI a:hover img {
  border: 4px solid #F4181A;
}
.greytext{
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #777777;
  text-decoration:none;
}
.greytext A:link {color: #777777;
text-decoration:none;}
.greytext A:visited {color: #777777;
text-decoration:none;}
.greytext A:active {color: #777777;}
.greytext A:hover {color: #777777;
  text-decoration:underline;
}
.redfont{
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #D00002;
  text-decoration:none;
}
.redfont A:link {color: #D00002;
text-decoration:none;}
.redfont A:visited {color: #D00002;
text-decoration:none;}
.redfont A:active {color: #D00002;}
.redfont A:hover {color: #D00002;
  text-decoration:underline;
}
.redfont-large{
  font-family: Trebuchet MS;
  font-size: 18px;
  color: #D00002;
  text-decoration:none;
}
.redfont-large A:link {color: #D00002;
  text-decoration:none;}
.redfont-large A:visited {color: #D00002;
  text-decoration:none;}
.redfont-large A:active {color: #D00002;}
.redfont-large A:hover {color: #D00002;
  text-decoration:underline;}