/* ---------- LAYOUT ---------- */

body {
  background-color: #cecece;
  color: #000;
  font: 13px Arial, Hevetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#wrapper {
  background-color: #fff;
  border: #bbb 4px solid;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 840px;
}

/* ---------- GENERAL ---------- */

a {
  color: #09496d;
}

form, ul {
  margin: 0;
}

textarea {
  overflow: auto;
}

h2, h3 {
  font: bold 13px Arial, Hevetica, sans-serif;
  margin: 0;
}

div.right, td.right {
  text-align: right;
}

div.center, td.center {
  text-align: center;
}

td.top {
  vertical-align: top;
}

div.clear {
  clear: both;
}

table.wide {
  width: 100%;
}

a.external {
  background: url("/img/external.png") center right no-repeat;
  padding-right: 13px;
}

.label {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.strike {
  text-decoration: line-through;
}

div.bubble { background-color: #d1e7f5; }
div.tl { background: url("/img/bubble_tl.gif") no-repeat top left; margin: 0 auto; }
div.tr { background: url("/img/bubble_tr.gif") no-repeat top right; }
div.bl { background: url("/img/bubble_bl.gif") no-repeat bottom left; }
div.br { background: url("/img/bubble_br.gif") no-repeat bottom right; padding: 10px; }

ul.disclaimer {
  list-style: none;
  margin: 25px 0 0 0;
  padding: 0;
}

ul.disclaimer li {
  color: #999;
  font-size: 12px;
  line-height: 16px;
}

/* ---------- HEADER ---------- */

div#header {
  height: 100px;
  position: relative;
}

a#logo img {
  position: absolute; top: 15px; left: 0;
}

#tagline {
  background: url("/img/books.gif") no-repeat center right;
  font: bold italic 16px Arial, Hevetica, sans-serif;
  line-height: 100px;
  padding-right: 38px;
  position: absolute; top: 0; left: 240px;
}

#tagline em {
  color: #094b70;
  font: bold italic 16px Arial, Hevetica, sans-serif;
}

div#cart {
  color: #7f7f7f;
  font-size: 12px;
  position: absolute; bottom: 0; right: 15px;
  text-align: right;
}

div#cart a {
  background: url("/img/cart.gif") no-repeat center left;
  color: #083f5d;
  font-size: 12px;
  padding-left: 18px;
}

/* ---------- NAVIGATION ---------- */

div#tabs {
  background: url("/img/hr.gif") repeat-x bottom left;
  overflow: hidden; /* tells the browser that this is a container */
  width: 100%;
}

div#tabs ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 288px;
}

div#tabs ul li {
  display: block;
  float: left;
}

div#tabs ul li a {
  background: url("/img/tab.jpg") no-repeat;
  color: #68899b;
  display: block;
  float: left;
  font: bold 16px Arial, Hevetica, sans-serif;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 144px;
}

div#tabs ul li a:hover {
  color: #083f5d;
}

div#tabs ul li a.focus {
  color: #083f5d;
}

/* ---------- SEARCH FORM ---------- */

div#nosearch {
  background: url("/img/gradient.jpg") repeat-x;
  line-height: 40px;
  height: 40px;
}

input.search {
  background-color: #339933;
  border-top: #b6c5b6 1px solid;
  border-left: #b6c5b6 1px solid;
  border-bottom: #425042 1px solid;
  border-right: #425042 1px solid;
  color: #fff;
  font: 16px Arial, Hevetica, sans-serif;
}

/* ---------- BUY BOOKS SEARCH FORM ---------- */

div#buysearch {
  background: url("/img/buybg.jpg") repeat-x;
}

div#buyarrow {
  background: url("/img/buyarrow.jpg") no-repeat;
  height: 82px;
}

div#buysearch form {
  margin-left: 236px;
  padding-top: 15px;
}

div#buysearch label {
  color: #b7d0de;
  font-size: 13px;
  line-height: 16px;
}

div#buysearch input#pattern {
  font-size: 16px;
  width: 260px;
}

/* ---------- SELL BOOKS SEARCH FORM ---------- */

div#sellsearch {
  background: url("/img/sellbg.jpg") repeat-x;
}

div#sellarrow {
  background: url("/img/sellarrow.jpg") no-repeat;
  height: 140px;
}

div#sellsearch form {
  margin-left: 236px;
  padding-top: 15px;
}

div#sellsearch label {
  color: #b7d0de;
  font-size: 13px;
  line-height: 16px;
}

div#sellsearch textarea {
  font-size: 16px;
  height: 80px;
  width: 240px;
}

/* override */
div#sellsearch input.search {
  margin-top: 30px;
  margin-left: 10px;
  vertical-align: top;
}

/* ---------- FOOTER ---------- */

div#footer {
  background: url("/img/hr.gif") repeat-x top left;
  font-size: 12px;
  padding: 20px 15px 10px 15px;
  text-align: center;
}

div#footer ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  text-align: center;
}

div#footer ul li {
  display: inline;
}

div#footer ul li a {
  color: #000;
  font-size: 12px;
  padding: 0 3px;
  text-decoration: none;
}

div#footer ul li a:hover {
  text-decoration: underline;
}

div#footer table.seals {
  margin: 10px auto;
}

div#footer table.seals td {
  padding: 0 25px;
  vertical-align: top;
}

/* ----- INTRO ----- */

dl.intro {
  background: url("/img/intro_bg.jpg") repeat-y;
  margin: 10px 0 25px 0;
  width: 790px;
}

dl.intro dt {
  background: url("/img/intro_top.jpg") no-repeat top left;
  color: #09496d;
  font: bold 14px Georgia, Arial, Hevetica, sans-serif;
  margin: 0;
  padding: 15px 25px 0 25px;
}

dl.intro dd {
  background: url("/img/intro_bottom.jpg") no-repeat bottom left;
  line-height: 18px;
  margin: 10px 0 0 0;
  padding: 0 25px 15px 25px;
}

/* ----- FLASH ----- */

div.flash_error {
  background-color: #ffebe8;
  border: #dd3c10 1px solid;
  font-weight: bold;
  margin: 15px 25px 0 25px;
  padding: 15px;
}

div.flash_notice {
  background-color: #fff9d7;
  border: #e2c822 1px solid;
  font-weight: bold;
  margin: 15px 25px 0 25px;
  padding: 15px;
}

/* ---------- STRUCTURE ---------- */

div#content {
  padding: 15px 25px;
}

div#content p {
  line-height: 20px;
  margin: 15px 0;
}

div#content h1 {
  background: url("/img/hr.gif") repeat-x bottom left;
  font: bold 16px Georgia, Arial, Hevetica, sans-serif;
  margin: 5px 0;
  padding-bottom: 10px;
}

/* --------------- FAQ --------------- */

dl.faq {
  margin: 10px 0;
}

dl.faq dt {
  font-weight: normal;
  margin: 10px 0;
}

dl.faq dd {
  line-height: 18px;
}

dl.faq dd ul {
  margin: 10px 0;
}

dl.faq dd ul li {
  line-height: 18px;
}

dl.faq dd em {
  font-style: italic;
}

/* ---------- SHIPPING PAGE ---------- */

table.shipping {
  border-bottom: #b7b7b7 1px solid;
  border-left: #b7b7b7 1px solid;
  margin-bottom: 25px;
  width: 100%;
}

table.shipping th, table.shipping td {
  border-top: #b7b7b7 1px solid;
  border-right: #b7b7b7 1px solid;
  padding: 5px;
}

table.shipping th {
  background-color: #e4e4e4;
  font-weight: bold;
}

ul.tracking_links {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

ul.tracking_links li {
  padding: 5px 0;
}

ul.tracking_numbers {
  margin: 5px 0;
}

ul.tracking_numbers li {
  padding: 3px 0;
}

ul.shipping_footnote {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
}

ul.shipping_footnote li {
  font-size: 12px;
  line-height: 16px;
  padding: 3px 0;
}

/* ---------- RETURNS ---------- */

ul.returns {
  margin-bottom: 25px;
}

ul.returns li {
  padding: 3px 0;
}

/* -------- LISTINGS -------- */

table.listings td {
  padding: 5px;
  vertical-align: top;
}

table.listings td.thumbnail {
  text-align: center;
}

table.listings td.thumbnail img {
  margin: 1px;
}

table.listings td.details {
  line-height: 18px;
}

table.listings .price {
  color: #09496d;
  font-weight: bold;
}

/* ---------- PAGINATION ---------- */

div.pagination {
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
}

div.pagination .current {
  background-color: #09496d;
  border: #09496d 1px solid;
  color: #fff;
  padding: 1px 3px;
  margin: 0 3px;
}

div.pagination a {
  border: #b7d8ee 1px solid;
  font-size: 12px;
  font-weight: normal;
  padding: 1px 3px;
  margin: 0 3px;
  text-decoration: none;
}

div.pagination a:hover {
  border: #09496d 1px solid;
}

/* -------- PRODUCT -------- */

table.product {
  margin: 5px 0;
}

table.product td {
  vertical-align: top;
}

table.product td.details {
  line-height: 18px;
  padding: 0 15px;
}

table.product td.details h2 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

table.product td.details .price {
  color: #09496d;
  font-weight: bold;
}

table.savings td {
  color: #333;
  font-size: 12px;
  padding: 1px 3px;
  white-space: nowrap;
}

table.savings a {
  color: #333;
  font-size: 12px;
  text-decoration: none;
}

table.savings tr.total td {
  border-top: #333 1px solid;
}

table.marketplace {
  border-top: #eee 1px solid;
  margin: 5px 0;
  width: 100%;
}

table.marketplace td {
  border-bottom: #eee 1px solid;
  padding: 10px 10px 10px 5px;
  vertical-align: top;
}

table.marketplace .price {
  color: #09496d;
  font-size: 16px;
  font-weight: bold;
}

table.marketplace .condition {
  font-weight: bold;
}

table.marketplace .comments {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

/* ---------- CART ---------- */

table.cart {
  border-bottom: #bbb 1px solid;
  border-left: #bbb 1px solid;
  margin: 5px 0;
  width: 100%;
}

table.cart th, table.cart td {
  border-top: #bbb 1px solid;
  border-right: #bbb 1px solid;
  padding: 5px;
  text-align: center;
}

table.cart th {
  background-color: #339933;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

table.cart td.rownum {
  color: #bbb;
  border-right: none;
  padding: 5px 0;
  text-align: right;
  vertical-align: top;
}

table.cart td.thumbnail {
  border-right: none;
  padding: 5px 0;
  vertical-align: top;
}

table.cart td.details {
  line-height: 18px;
  text-align: left;
  vertical-align: top;
}

table.cart td.details .title {
  font-weight: bold;
}

table.cart td.buy {
  width: 380px; /* approximately 45 percent */
}

table.cart td.sell {
  width: 480px; /* approximately 60 percent */
}

/* ------- CART TOTALS ------- */

div.cart_summary {
  margin: 5px 0;
}

div.cart_summary div.continue {
  float: left;
  margin: 0 5px;
}

div.cart_summary table {
  float: right;
}

div.cart_summary table td {
  padding: 3px 5px;
  text-align: right;
}

div.cart_summary table.summary tr.total td {
  font-size: 16px;
  font-weight: bold;
}

div.cart_summary table.update {
  margin-right: 50px;
}

div.cart_summary table.update td {
  font-size: 12px;
}

/* ------- CART FORM ------- */

div#cart_form fieldset {
  border: none;
  margin: 25px 0 10px 0;
  padding: 0;
}

div#cart_form fieldset ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#cart_form fieldset ul li {
  padding-top: 5px;
}

div#cart_checkout {
  border-top: #eee 1px solid;
  padding: 5px;
}

div#cart_checkout input {
  float: right;
}

/* ----- FORM NAVIGATION ----- */

div.sell_nav {
  margin: 5px 0;
}

div.sell_nav table {
  float: right;
}

div.sell_nav table td {
  padding: 0 5px;
}

/* ----- SELL FORM ----- */

table#sell_form {
  border-bottom: #eee 1px solid;
  width: 100%;
}

table#sell_form td {
  border-top: #eee 1px solid;
  padding: 15px 10px;
  vertical-align: top;
}

table#sell_form tr.top td {
  padding-bottom: 5px;
}

table#sell_form tr.middle td {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

table#sell_form tr.bottom td {
  border: none;
  padding-top: 5px;
}

table#sell_form table.nested td {
  border: none;
  padding: 1px 0;
}

table#sell_form .optional {
  font-weight: normal;
}

table#sell_form ul li {
  color: #333;
  font-size: 12px;
  line-height: 18px;
}

/* ----- SELL FORM FOOTNOTE ----- */

ul.sell_footnote {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

ul.sell_footnote li {
  color: #333;
  font-size: 12px;
  padding: 3px 0;
}

/* ----- ORDER CONFIRMATION ----- */

table.order {
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  margin: 5px 0;
  width: 100%;
}

table.order th, table.order td {
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding: 5px;
}

table.order th {
  background-color: #eee;
  font-weight: bold;
  text-align: center;
}

table.order th.left {
  text-align: left;
}

table.order td.rownum {
  color: #bbb;
  border-right: none;
  text-align: right;
  vertical-align: top;
}

table.order td.thumbnail {
  border-right: none;
  padding: 5px 0;
  text-align: center;
  vertical-align: top;
}

table.order td.details {
  line-height: 18px;
  vertical-align: top;
}

table.order td.details .title {
  font-weight: bold;
}

table.order td.buy {
  width: 380px; /* approximately 45 percent */
}

table.order td.sell {
  width: 480px; /* approximately 60 percent */
}

div.notes {
  line-height: 18px;
  padding: 5px;
}

/* ------- ORDER TOTALS ------- */

div.order_summary {
  margin: 5px 0;
}

div.order_summary table {
  float: right;
}

div.order_summary table td {
  padding: 3px;
  text-align: right;
}

div.order_summary table tr.total td {
  font-size: 16px;
  font-weight: bold;
}

/* ------- HOW TO ------- */

div#how_to {
  margin-top: 30px;
}

/* ------- HOW IT WORKS ------- */

div#how_it_works {
  float: left;
  width: 507px;
}

div#how_it_works h2 {
  background: url("/img/how_it_works.jpg") no-repeat;
  color: #004f00;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  margin: 0;
  padding-left: 12px; 
}

div#steps {
  border: #a9d42c 1px solid;
  padding: 15px;
}

div#steps h3 {
  color: #09476c;
  font-size: 18px;
  margin: 0 0 15px 0;
}

/* applies to all 3 steps */
div#steps div {
  padding: 10px 180px 0 70px;
}

div#steps div.step1 {
  background: url("/img/step1.jpg") no-repeat;
  height: 74px;
}

div#steps div.step2 {
  background: url("/img/step2.jpg") no-repeat;
  height: 74px;
}

div#steps div.step3 {
  background: url("/img/step3.jpg") no-repeat;
  height: 74px;
}

div#steps div.amazongc_step3 {
  background: url("/img/amazongc_step3.jpg") no-repeat;
  height: 74px;
}

div#steps h4 {
  color: #030303;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}

div#steps h4 em {
  color: #09476c;
  font-style: normal;
  font-weight: bold;
}

div#steps p {
  color: #333;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
}

div#steps div.faq {
  padding: 0;
  text-align: right;
}

div#steps div.faq a {
  font-size: 12px;
}

/* ------- WE ALSO BUY ------- */

div#we_also_buy {
  float: right;
  width: 248px;
}

div#we_also_buy h2 {
  background: url("/img/we_also_buy.jpg") no-repeat;
  color: #09496d;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  margin: 0;
  padding-left: 12px;
}

div#calculators {
  background-color: #f7fafc;
  border: #a1b8c6 1px solid;
  padding: 15px;
}

div#calculators h3 {
  color: #000;
  font-size: 13px;
  margin: 0 0 5px 0;
}

div#calculators table td {
  padding: 5px;
}

/* ------- BUYBACK LABEL ------- */

p.cutoff em {
  color: #090;
  font-style: normal;
  font-weight: bold;
}

div.buyback_label_view {
  margin-bottom: 25px;
}

div.buyback_label_view a.choose {
  font-weight: bold;
}

table.buyback_label {
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  margin: 10px 0;
}

table.buyback_label th, table.buyback_label td {
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  padding: 5px;
}

table.buyback_label .price {
  color: #09496d;
  font-weight: bold;
}

table.buyback_label ul li {
  color: #333;
  font-size: 12px;
  line-height: 18px;
}

table.buyback_label a.printer {
  background: url("/img/printer.png") center left no-repeat;
  font-weight: bold;
  line-height: 16px;
  padding-left: 20px;
}

table.buyback_label a.cancel {
  font-size: 12px;
}

/* ----- CHECKOUT FORM ----- */

table#checkout_form {
  width: 100%;
}

table#checkout_form td {
  padding: 5px;
}

table#checkout_form tr.section td {
  border-bottom: #eee 1px solid;
  padding: 0;
}

table#checkout_form td.section_label {
  color: #09496d;
  font-size: 16px;
  font-weight: bold;
}

table#checkout_form table.nested td {
  padding: 1px 0;
}