/* Top row */
div#home-top {
  clear: both;
  width: 970px;
  padding: 12px 0 0 0;
}

div#intro { /* Intro text */
  float: left;
  width: 447px;
  margin: 0 16px 0 0;
  min-height: 256px;
  background-image: url("../images/tiles/447-darkgrey-bottom.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #3c3c3c;
}

div#intro h1 {
  padding: 22px 0 14px 16px;
  font-size: 1.8em;
  font-weight: bold;
  color: #fff;
  background-image: url("../images/tiles/447-darkgrey-top.gif");
  background-repeat: no-repeat;
}

div#intro a {
  color: #fff;
}

div#intro p {
  padding: 0 16px 0 16px;
  font-size: 1.2em;
  color: #fff;
  line-height: 18px;
}

div#intro ul {
  padding: 20px 16px 0 16px;
}

div#intro ul li {
  padding: 0 0 10px 10px;
  font-size: 1.2em;
  background-image: url("../images/bullets/white-on-darkgrey.gif");
  background-repeat: no-repeat;
}

div#ad-panel { /* Ad panel */
  float: left;
  width: 209px;
  min-height: 255px;
}

div#ad-panel a {
  clear: both;
  display: block;
  margin: 12px 0 0 0;
  padding: 16px 0 16px 14px;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-image: url("../images/buttons/209-red.gif");
  background-repeat: no-repeat;
}

div#ad-panel a:hover {
  background-image: url("../images/buttons/209-red-over.gif");
}

div#ad-panel a.free {
  display: block;
  width: 209px;
  margin: 0;
  padding: 18px 0 70px 0;
  font-size: 1.8em;
  color: #3b3b3b;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-image: url("../images/tiles/free-ad.jpg");
  background-repeat: no-repeat;
}

div#ad-panel a.free span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #c50100;
  line-height: 34px;
}

div#ad-panel a.free:hover {
  background-image: url("../images/tiles/free-ad.jpg");
}

div#ad-panel a.free:hover span {
  color: #3b3b3b;
}

/* Left column */
div#home-left {
  clear: both;
  float: left;
  width: 280px;
  margin: 0 18px 0 0;
  padding: 18px 0 0 0;
}

div#home-left h2 {
  padding: 15px 0 12px 38px;
  background-image: url("../images/tiles/heading-arrow-280.gif");
  background-repeat: no-repeat;
}

div#home-left div.list {
  clear: both;
  display: block;
  margin: 0 0 18px 0;
  padding: 20px 20px 20px 20px;
  background-image: url("../images/tiles/panel-280.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-left div.list ul {
  float: left;
  width: 33%;
}

div#home-left div.list ul.wide {
  width: 50%;
}

div#home-left div.list ul li {
  padding: 0 0 8px 0;
  font-size: 1.2em;
  color: #c50100;
}

div#home-left div.list ul li a {
  color: #c50100;
}

/* Listings column */
div#home-listings {
  float: left;
  width: 672px;
  padding: 18px 0 0 0;
}

div#home-listings h2 {
  padding: 15px 0 12px 38px;
  background-image: url("../images/tiles/heading-arrow-672.gif");
  background-repeat: no-repeat;
}

div#home-listings div.cars {
  clear: both;
  display: block;
  min-height: 800px;
  padding: 22px 22px 0 22px;
  background-image: url("../images/tiles/panel-672.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-listings div.cars div.car {
  float: left;
  width: 314px;
  margin: 0 0 30px 0;
}

/* Middle column (alternative) */
div#home-alt-wrapper {
	float: left;
	width: 672px;
}

div#home-middle {
  float: left;
  width: 356px;
  padding: 18px 0 0 0;
}

div#home-middle h2 {
  padding: 15px 0 12px 38px;
  background-image: url("../images/tiles/heading-arrow-356.gif");
  background-repeat: no-repeat;
}

div#home-middle div.cars {
  clear: both;
  display: block;
  min-height: 800px;
  padding: 22px 22px 0 22px;
  background-image: url("../images/tiles/panel-left-356.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-middle div.cars div.car {
  clear: both;
  width: 314px;
  margin: 0 0 36px 0;
}

/* Right column */
div#home-right {
  float: left;
  width: 316px;
  margin: 0 0 0 -1px;
  padding: 18px 0 0 0;
}

div#home-right div.ad {
  display: block;
  padding: 0 0 0 16px;
  background-image: url("../images/tiles/panel-top-316.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-right div.ad dl dd {
  padding: 12px 12px 22px 0;
  font-size: 0.9em;
  color: #989898;
  text-align: right;
  text-transform: lowercase;
}

div#home-right div.cars {
  clear: both;
  display: block;
  min-height: 548px;
  padding: 22px 22px 0 0;
  background-image: url("../images/tiles/panel-right-316.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-right div.cars div.car {
  clear: both;
  width: 314px;
  margin: 0 0 36px 0;
}

/* Car listings styles */
div.cars div.car a {
  color: #c50100;
}

div.cars div.car dl {
  font-size: 1.2em;
}

div.cars div.car dl dt {
  padding: 0 12px 4px 0;
  font-weight: bold;
}

div.cars div.car dl dt a {
  color: #3a3a3a;
  text-decoration: none;
}

div.cars div.car dl dt a:hover {
  text-decoration: underline;
}

div.cars div.car dl dd {
  padding: 0 0 2px 0;
}

div.cars div.car small {
  position: absolute;
  margin: 18px 0 0 110px;
  width: 79px;
  padding: 10px 0 9px 0;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  background-image: url("../images/tiles/price-plinth.gif");
  background-repeat: no-repeat;
}

div.cars div.car p {
  display: block;
  padding: 8px 0 0 0;
  font-size: 1.2em;
}

div.cars div.car img {
  float: left;
  margin: 0 12px 0 0;
}

/* news */

div#home-left div.news {
  clear: both;
  display: block;
  margin: 0 0 18px 0;
  padding: 20px 20px 20px 20px;
  background-image: url("../images/tiles/panel-280.gif");
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#home-left div.news a h3 {
  color: #c50100;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 18px;
}

div#home-left div.news p {
  padding: 0 0 8px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #eee;
  margin: 0 0 8px 0;
  line-height: 18px;
}