button {
  /*
      Strip down the button and link elements to a base we can work with.
  */
  padding: 0 0 0 0;
  margin: 0 3px 0 3px;
  border: none;
  display: block;
  float: left;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  overflow: visible;
}

button, x:-moz-any-link {
  /*
      FF fix to make button spacing even across browsers.
  */
  margin: 0 0 0 0;
}

*:first-child+html button {
  /*
      Reset IE7 back to what it was for previous fix.
  */
  margin: 0 3px 0 3px;
}

button span {
  /*
      Set the span tags to display: block, as they will work our background-image magic.
  */
  display: block;
}
/*--------------------------------------------------------------------------------------------------
  
   CUSTOMIZATIONS 
  
   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.
   
--------------------------------------------------------------------------------------------------*/

button {
  /* 
      HEIGHT - Total height of button. 
  */
  height: 61px; 
  font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
  font-size: 13px;
  background-color: transparent;
}

button span {
  padding: 0 20px 0 0;
  height: 61px;
  background: url(/images/red_right_rounded.png) top right;
  background-repeat: no-repeat;
}

button span span {
  padding: 0 0 0 20px;
  height: 61px;
  background: url(/images/red_left_rounded.png) top left;
  background-repeat: no-repeat;
}

button span span span {
  padding: 0;
  height: 61px;
  line-height: 60px;
  background: url(/images/red_background.png);
  background-repeat: repeat-x;
}
.buybooks, .rentbooks, .sellbooks, .howitworks, .classnotes,
.search_course, .search_isbn, .search_title {
  padding: 12px 247px 0 247px;
  background-repeat: no-repeat;
  background-position: center 11px;
}
.buybooks {
  background-image :url(/images/red_buybooks.png);
}
.rentbooks {
  background-image :url(/images/red_rentbooks.png);
}
.sellbooks {
  background-image :url(/images/red_sellbooks.png);
}
.howitworks {
  background-image :url(/images/red_howitworks.png);
}
.classnotes {
  background-image :url(/images/red_class_notes.png);
}
.search_course {
  background-image :url(/images/red_search_by_course.png);
}
.search_isbn {
  background-image :url(/images/red_search_by_isbn.png);
}
.search_title {
  background-image :url(/images/red_search_by_title.png);
}
.red_button {
  padding-top :15px;
  height :61px;
  margin-left :120px;
}
