/* =============================================================================
Bush Theatre - Product
============================================================================= */

#content_container {padding: 20px 0 0 0;}
.logo_padding {padding: 30px 0 0 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;
}

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

#sub-nav li a#overview_active {background: url(/img/sub-navs/shop/overview.gif) 0 -17px no-repeat; width: 62px; margin: 14px 16px 0 20px;}
#sub-nav li a#books_active {background: url(/img/sub-navs/shop/books.gif) 0 -17px no-repeat; width: 41px;}
#sub-nav li a#membership_active {background: url(/img/sub-navs/shop/membership.gif) 0 -17px no-repeat; width: 85px;}
#sub-nav li a#playtexts_active {background: url(/img/sub-navs/shop/playtexts.gif) 0 -17px no-repeat; width: 68px;}
#sub-nav li a#tickets_active {background: url(/img/sub-navs/shop/tickets.gif) 0 -17px no-repeat; width: 51px; margin: 14px 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;
}

/* Product info 
============================================================================= */

#product_info {
  padding: 28px 0 0 0;
  width: 701px;
}

#image_col {
  background: url(/img/frames/shop_frame_300.gif) 0 3px no-repeat;
  height: 438px;
  width: 290px;
  padding: 13px 0 0 10px;
  float: left;
}

#price_disc {
  width: 68px;
  height: 43px;
  float: right;
  display: block;
  text-align: center;
  color: white;
  font-weight: bold;
  background: url(/img/icons/price_sticker.gif) 9px 0 no-repeat;
  padding: 25px 0 10px 10px;
  font-size: 14px;
}

#info_col {
  float: right;
  width: 381px;
}

#info_col h2 {
  padding-top: 24px;
}

#info_col em {
  display: block;
  color: #918486;
  font-style: normal;
  padding-bottom: 17px;
  font: 11px/17px Tahoma, Arial, Sans-Serif;
}

/* Form
============================================================================= */

#info_col form {
  background: url(/img/lines/horizontal_450.gif) 0 19px no-repeat;
  padding: 43px 0 0 0;
}

#info_col label {
  display: block;
  float: left;
  padding-top: 5px;
}

#info_col select {
  display: block;
  float: left;
  margin: 3px 10px 0 5px;
  padding: 2px 0;
}

#info_col button {
  display: block;
  float: left;
  background: url(/img/buttons/add_to_bag.gif) 0 0 no-repeat;
  height: 28px;
  width: 184px;
  border: none;
  cursor: pointer;
}
#info_col button span {display: none;}
#info_col button:hover {background-position: 0 -28px;}

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

h2#by_author {
  background: url(/img/headers/by_the_same_author.jpg) 0 25px no-repeat;
  height: 60px;
  width: 320px;
  padding: 0;
}

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;
  width: 180px;
  height: 180px;
  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;
}