ul.books {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  height: 100%;
}

ul.books li {
  width: 170px;
  float: left;
  margin: 0 0 25px 25px;
}
ul.books li.leftmost {
  margin-left: 0;
}

ul.books li h2 {
  width: 155px;
  w\idth: 145px;
  background: #c0cfd9;
  font-size: 1.15em;
  line-height: 1.9em;
  margin: 0 0 8px 0;
  padding: 0 0 0 10px;
}
ul.books li h3 {
  font-size: 1em;
  margin: 4px 0 0 0;
  padding: 0;
  background: none;
  height: 2.5em;
}
ul.books li div.image {
  padding-bottom: 10px;
  width: 155px;
  background: url(/images/books/book-list-image-footer.gif) bottom left no-repeat;
  position: relative;
}
ul.books li div.image img,
ul.books li div.image a {
  display: block;
}
ul.books li div.image a.enlarge {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 4px;
  bottom: 14px;
}
ul.books li p.price {
  margin: 3px 0 0 0;
  padding: 0;
}
ul.books li p.links {
  margin: 5px 0 0 0;
  padding: 0;
  width: 155px;
}
ul.books li p.links a,
ul.books li p.links span {
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: right;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 5px;
  margin-bottom: 4px;
  font-size: 0.9em;
}
ul.books li p.links a:hover {
  text-decoration: underline;
}
ul.books li p.links a.more-info {
  background: url(/images/books/books-more-info-bg.gif) right no-repeat;
}
ul.books li p.links a.buy-now,
ul.books li p.links span.buy-now {
  background: url(/images/books/books-buy-now-bg.gif) right no-repeat;
}




div#thebook {
  margin: 1em 0 0 0;
  overflow: hidden;
  height: 100%;
}
div#thebook h2 {
  font-size: 1.4em;
  margin: 0 0 0.5em 0;
  padding: 0;
}

div#thebook div.left {
  float: left;
  width: 240px;
}
div#thebook div.left a.enlarge {
  padding-bottom: 10px;
  display: block;
  background: url(/images/books/item-thumb-shadow.gif) bottom left no-repeat;
}
div#thebook div.left p.links {
  float: right;
  width: 155px;
  text-align: right;
  margin: 2em 0 2em 0;
}
div#thebook div.left p.links a,
div#thebook div.left p.links span {
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-align: right;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 5px;
  margin-bottom: 5px;
  font-size: 0.9em;
}
div#thebook div.left p.links a:hover {
  text-decoration: underline;
}
div#thebook div.left p.links a.more-info {
  background: url(/images/books/books-more-info-bg.gif) right no-repeat;
}
div#thebook div.left p.links a.buy-now,
div#thebook div.left p.links span.buy-now {
  background: url(/images/books/books-buy-now-bg.gif) right no-repeat;
}



div#thebook div.middle {
  margin-left: 20px;
  float: left;
  width: 290px;
  font-size: 1.1em;
}
div#thebook div.middle p {
  margin: 1em 0 0 0;
  padding: 0;
}
div#thebook div.right {
  margin-left: 20px;
  padding: 3em 0 0 0;
  font-size: 1em;
  line-height: 1.5em;
  float: left;
  width: 195px;
}
div#thebook div.right p {
  margin: 0;
  padding: 0;
}
div#thebook div.right strong {
  color: #074C76;
}


div.thumbnails {
  background: #e1e9ee;
  padding: 10px 7px 10px 4px;
}
div.thumbnails p {
  margin: 0 0 1em 4px;
  padding: 0;
}
div.thumbnails ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}
div.thumbnails ul li {
  float: left;
  margin-left: 4px;
  width: 184px;
}
div.thumbnails ul li a {
  padding-bottom: 6px;
  background: url(/images/books/thumbnail-shadow.gif) bottom left no-repeat;
  display: block;
}
div.thumbnails ul li a img {
  display: block;
  background: #fff;
  padding: 4px;
}