/* =============================================================================
Bush Theatre - Shop
============================================================================= */

#content_container {padding: 20px 0 0 0;}
.logo_padding {padding: 30px 0 0 0;}

/* Headers
============================================================================= */

h2#some_playtexts {
  background: url(/img/headers/some_playtexts.jpg) 0 10px no-repeat;
  height: 45px;
  width: 320px;
  padding: 0;
}

h2#shop_books {
  background: url(/img/headers/books.jpg) 0 10px no-repeat;
  height: 45px;
  width: 320px;
  padding: 0;
}

h2#shop_membership {
  background: url(/img/headers/membership.jpg) 0 10px no-repeat;
  height: 45px;
  width: 320px;
  padding: 0;
}

h2#shop_playtexts {
  background: url(/img/headers/playtexts.jpg) 0 10px no-repeat;
  height: 45px;
  width: 320px;
  padding: 0;
}

h2#shop_tickets {
  background: url(/img/headers/tickets.jpg) 0 10px no-repeat;
  height: 45px;
  width: 320px;
  padding: 0;
}

h2#a_book {
  background: url(/img/headers/a_book.jpg) 0 0 no-repeat;
  height: 35px;
  width: 200px;
  padding: 0;
  margin: 0;
}

h2#become_a_member {
  background: url(/img/headers/become_a_member.jpg) 0 0 no-repeat;
  height: 35px;
  width: 200px;
  padding: 0;
  margin: 0;
}

h2#a_ticket {
  background: url(/img/headers/a_ticket.jpg) 0 0 no-repeat;
  height: 35px;
  width: 200px;
  padding: 0;
  margin: 0;
}

/* Sub-nav
============================================================================= */

#sub-nav {
  background: url(/img/backgrounds/sub-navs/shop.gif) 0 0 no-repeat;
  width: 701px;
  height: 54px;
  float: right;
}

#sub-nav li {float: left;}

#sub-nav li a {
  display: block;
  height: 17px;
  margin: 14px 16px 0 0;
  cursor: pointer;
}

#overview {background: url(/img/sub-navs/shop/overview.gif) 0 0 no-repeat; width: 62px; margin: 0 16px 0 20px;}
#books {background: url(/img/sub-navs/shop/books.gif) 0 0 no-repeat; width: 41px;}
#membership {background: url(/img/sub-navs/shop/membership.gif) 0 0 no-repeat; width: 85px;}
#playtexts {background: url(/img/sub-navs/shop/playtexts.gif) 0 0 no-repeat; width: 68px;}
#tickets {background: url(/img/sub-navs/shop/tickets.gif) 0 0 no-repeat; width: 51px; }

#overview_active {background: url(/img/sub-navs/shop/overview.gif) 0 -17px no-repeat; width: 62px; margin: 0 16px 0 20px;}
#books_active {background: url(/img/sub-navs/shop/books.gif) 0 -17px no-repeat; width: 41px;}
#membership_active {background: url(/img/sub-navs/shop/membership.gif) 0 -17px no-repeat; width: 85px;}
#playtexts_active {background: url(/img/sub-navs/shop/playtexts.gif) 0 -17px no-repeat; width: 68px;}
#tickets_active {background: url(/img/sub-navs/shop/tickets.gif) 0 -17px no-repeat; width: 51px; margin: 0 0 0 0}

#sub-nav li#bag_box {
  background: url(/img/backgrounds/shop_bag.gif) 0 9px no-repeat;
  float: right;
  width: 139px;
  padding: 9px 0 0 33px;
  margin: 0;
}

#sub-nav li#bag_box a {
  margin: 0;
  color: #95a733;
  text-decoration: none;
  border-bottom: 1px solid #dde4b6;
  display: inline;
}

#sub-nav li#bag_box a:hover {
  color: #b0c152;
  text-decoration: none;
  border-bottom: 1px solid #edf1d5;
}

#sub-nav li#bag_box span {
  display: block;
}

#sub-nav li#bag_box span em {
  color: #A7A0A0;
}

/* Products
============================================================================= */

div.product {
  width: 200px;
  padding-right: 45px;
  float: left;
}

div.product_end {
  width: 200px;
  padding-right: 0;
}

div.product div.product_image {
  margin-top: 4px;
  background: url(/img/frames/shop_frame_200.gif) 0 0 no-repeat;
  height: 200px;
  width: 200px;
}
div.product div.product_image a {
  display: block;
  padding: 10px 0 0 10px;
}

div.product p {
  padding-top: 3px;
}

div.product p span {
  display: block;
  float: right;
  font-size: 14px;
}

div.product p a {
  font-size: 14px;
}

div.product p em {
  font-style: normal;
  color: #918486;
  display: block;
  font-size: 11px;
}

div.product p strong {
  font-weight: normal;
  font-size: 14px;
}

div.product form {
  padding: 9px 0 25px 0;
}

div.product button {
  background: url(/img/buttons/add_to_shopping_bag.gif) 0 0 no-repeat;
  display: block;
  height: 25px;
  width: 140px;
  cursor: pointer;
  border: 0;
}
div.product button:hover {
  background-position: 0 -25px;
}

div.book_online {
  height: 46px;
  width: 84px;
  padding: 5px 0 0 0;
}

div.book_online div {
  background: url(/img/buttons/shop_book_online.gif) 0 5px no-repeat;
  height: 23px;
  width: 84px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.book_online a {
  background: url(/img/buttons/shop_book_online.gif) 0 0 no-repeat;
  height: 23px;
  width: 84px;
  display: block;
}
div.book_online a:hover {
  background-position: 0 -23px;
}

/* Author Archive
============================================================================= */

form#author_archive {
  background: url(/img/lines/horizontal_700.gif) left bottom no-repeat;
  padding: 0;
  margin: 0;
  height: 38px;
}

#author_archive div {
  display: block;
  float: left;
  padding-right: 5px;
}

#author_archive label {
  padding: 0 3px 0 0;
  line-height: 5px;
}

#author_archive select {
  line-height: 12px;
}

#author_archive button {
  display: block;
  float: left;
  height: 16px;
  width: 19px;
  border: 0;
  cursor: pointer;
  background: url(/img/icons/arrow.gif) 0 0 no-repeat;
  margin: 0;
  padding: 0;
}

/* Alpha Archive
============================================================================= */

#alpha_archive {
  padding: 20px 0 0 0;
  margin: 0;
  height: 28px;
}

#alpha_archive li {
  display: block;
  float: left;
  height: 11px;
  line-height: 11px;
  padding: 0 3px 0 0;
  margin-right: 4px;
  border-right: 1px solid #BAB8B7;
  color: #BAB8B7;
}
#alpha_archive li.alpha_head {
  border: 0;
  color: #483739;
}

#alpha_archive li.last {border: 0; margin: 0; padding: 0;}

#alpha_archive li span {display: block; font-weight: bold; color: #615455;}

#alpha_archive li a {
  color: #95a733;
  text-decoration: none;
  border-bottom: 1px solid #dde4b6;
}

#alpha_archive li a:hover {
  color: #b0c152;
  text-decoration: none;
  border-bottom: 1px solid #edf1d5;
}

/* Pagination
============================================================================= */

#pagination {
  background: url(/img/lines/horizontal_700.gif) 0 0 no-repeat;
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #848383;
  padding: 21px 0 0 0;
  text-align: right;
}

#pagination strong {color: #615455; font-weight: normal;}

#pagination a {
  padding-left: 2px;
  padding-right: 2px;
}