@charset "UTF-8";
/* CSS Document */

#brands {  
  list-style: none;
  margin:0;
  padding:0;
  text-align:center;
}

#brands li {
	display:inline-block;
	box-sizing:border-box;
}

#brands a * {
  display:none;
  cursor:pointer;
}

#brands a,
#brands a .hover {
  width:140px;
  height: 50px;
  display:inline-block;
}


/* Individual Buttons */
#brands a.extang {
  background: url(../style/brands/extang.png);
}
#brands .highlight a.extang:hover,
#brands a.extang .hover {
  background: url(../style/brands/extangHover.png);
}

#brands a.snowBear {
  background: url(../style/brands/snowBear.png);
}
#brands .highlight a.snowBear:hover,
#brands a.snowBear .hover {
  background: url(../style/brands/snowBearHover.png);
}

#brands a.canadaTrailers {
  background: url(../style/brands/canadaTrailers.png);
}
#brands .highlight a.canadaTrailers:hover,
#brands a.canadaTrailers .hover {
  background: url(../style/brands/canadaTrailersHover.png);
}

#brands a.theBoss {
  background: url(../style/brands/boss.png);
}
#brands .highlight a.theBoss:hover,
#brands a.theBoss .hover {
  background: url(../style/brands/bossHover.png);
}

#brands a.drawTite {
  background: url(../style/brands/drawTite.png);
}
#brands .highlight a.drawTite:hover,
#brands a.drawTite .hover {
  background: url(../style/brands/drawTiteHover.png);
}

#brands a.bedRug {
  background: url(../style/brands/bedRug.png);
}
#brands .highlight a.bedRug:hover,
#brands a.bedRug .hover {
  background: url(../style/brands/bedRugHover.png);
}

#brands a.skidResistor {
  background: url(../style/brands/skidResistor.png);
}
#brands .highlight a.skidResistor:hover,
#brands a.skidResistor .hover {
  background: url(../style/brands/skidResistorHover.png);
}

#brands a.reese {
  background: url(../style/brands/reese.png);
}
#brands .highlight a.reese:hover,
#brands a.reese .hover {
  background: url(../style/brands/reeseHover.png);
}

#brands a.triton {
  background: url(../style/brands/triton.png);
}
#brands .highlight a.triton:hover,
#brands a.triton .hover {
  background: url(../style/brands/tritonHover.png);
}

#brands a.raider {
  background: url(../style/brands/raider.png);
}
#brands .highlight a.raider:hover,
#brands a.raider .hover {
  background: url(../style/brands/raiderHover.png);
}

#brands a.fisher {
  background: url(../style/brands/fisher.png);
}
#brands .highlight a.fisher:hover,
#brands a.fisher .hover {
  background: url(../style/brands/fisherHover.png);
}

#brands a.bak {
  background: url(../style/brands/bak.png);
}
#brands .highlight a.bak:hover,
#brands a.bak .hover {
  background: url(../style/brands/bakHover.png);
}

#brands a.ranger {
  background: url(../style/brands/ranger.png);
}
#brands .highlight a.ranger:hover,
#brands a.ranger .hover {
  background: url(../style/brands/rangerHover.png);
}