/* ---------------- */
/* HOME */
/* ---------------- */
#bottom_spacer {
  display: none;
}
#content {
  padding-top: 0px!important;
}
div.center {
  text-align: center;
}
.double_break {
  background: url(/images/home/double_break.png) repeat-x;
  height: 5px;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 8px;
}
/* ---------------- */
/*      HERO        */
/* ---------------- */
#hero {
  width: 978px;
  height: 460px;
  margin: 0px auto;
  cursor: pointer;
  background: url(/images/home/hero_sprite.jpg) no-repeat top left;
}
#hero:hover {
  background-position: bottom left;
}
#hero_wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  width: 978px;
}
#home_hero {
  margin: 0 auto;
  text-align: center;
}
#home_hero #charity_video {
  background: #000;
  padding-bottom: 10px;
  width: 978px;
  height: 460px;
}
#home_hero #media_clipping_box {
  width: 978px;
  height: 460px;
  overflow: hidden;
  position: relative;
}
#home_hero #media_clipping_box #media_container {
  width: 10000px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#home_hero .media_block {
  width: 978px;
  height: 460px;
  float: left;
  text-align: center;
}
#home_hero .media_block .media_block_inner {
  display: table-cell;
  vertical-align: middle;
  width: 978px;
  height: 460px;
  background: url(/images/ajax-loader-black.gif) center no-repeat #000000;
  position: relative;
}
#home_hero .charity_video {
  position: relative;
}
#home_hero .charity_video .charity_video_button {
  width: 978px;
  height: 460px;
  background: url(/images/pitch/play_button.png) no-repeat 587px 316px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 20;
  cursor: pointer;
}
#home_hero .charity_video .charity_video_button:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#home_hero .charity_video .video_content {
  display: none;
}
#home_hero #meatballs {
  background-color: #000;
  text-align: center;
  height: 18px;
}
#home_hero #meatballs a.meatball {
  background: url(/images/pitch/meatball_sprite.png) top left no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 4px;
  outline: none;
  margin-top: 0px\9;
  /* IE 8 and below */

}
#home_hero #meatballs a.meatball img {
  width: 10px;
  height: 10px;
  display: block;
}
#home_hero #meatballs a.meatball:hover {
  background: url(/images/pitch/meatball_sprite.png) bottom left no-repeat;
}
#home_hero #meatballs a.selected {
  background-position: bottom left!important;
}
/* ---------------- */
/*  GENERAL STYLES  */
/* ---------------- */
#container {
  /* background:url(/images/home/home_ex.jpg) 0px -8px no-repeat; */

  background: url(/images/home/container_top_shadow.png) repeat-x #f5f5f5;
  padding-bottom: 300px;
}
#container .center_container {
  width: 978px;
  margin: 0px auto;
}
#container #how_it_works {
  padding-top: 28px;
  border-bottom: 1px solid #333333;
  height: 276px;
}
/* ---------------- */
/*   HOME BLOCKS    */
/* ---------------- */
#home_blocks {
  margin: 23px 16px 0px 16px;
}
#home_blocks .left {
  background: url(/images/home/donate_block_sprite.png) no-repeat top left;
}
#home_blocks .middle {
  margin: 0px 14px 0px 14px;
  background: url(/images/home/shop_block_sprite.png) no-repeat top left;
}
#home_blocks .right {
  background: url(/images/home/good_block_sprite.png) no-repeat top left;
}
#home_blocks .left,
#home_blocks .middle,
#home_blocks .right {
  float: left;
  width: 306px;
  height: 190px;
}
#home_blocks .left img,
#home_blocks .middle img,
#home_blocks .right img {
  width: 306px;
  height: 190px;
}
#home_blocks .left:hover,
#home_blocks .middle:hover,
#home_blocks .right:hover {
  background-position: bottom left;
}
/* ----------------- */
/* SHOP FOR BARGAINS */
/* ----------------- */
#shop_for_bargains {
  height: 297px;
  margin-top: 38px!important;
  border-bottom: 1px solid #333333;
}
#shop_for_bargains .left {
  text-align: right;
  width: 574px;
  height: 23px;
}
#shop_for_bargains .right {
  width: 100px;
  height: 23px;
  text-align: right;
  margin-top: 8px;
}
#shop_for_bargains .right a {
  font-family: arial;
  font-size: 12px;
  color: #7aab6d;
  font-weight: bold;
  text-decoration: none;
}
#shop_for_bargains .right a:hover {
  text-decoration: underline;
}
/* ---------------- */
/* PRODUCT CAROUSEL */
/* ---------------- */
#recent-items {
  border-bottom: none;
  width: 942px;
  margin: 16px 18px 0px 18px;
}
#recent-items #donated-items-wrapper {
  width: 880px!important;
  float: left;
  height: 220px;
}
#recent-items #donated-items-wrapper ul li {
  height: 220px;
  width: 168px;
  margin-right: 10px;
}
#recent-items #home_prev_container,
#recent-items #home_next_container {
  width: 27px;
  height: 50px;
}
#recent-items #home_prev_container {
  float: left;
  margin: 74px 4px 0px 0px;
}
#recent-items #home_next_container {
  float: right;
  margin: 74px 0px 0px 4px;
}
#recent-items .home_prev,
#recent-items .home_next {
  width: 27px;
  height: 27px;
  display: block;
  background-image: url("/images/home/carousel_nav.png") no-repeat;
  text-indent: -5000em;
  overflow: hidden;
  opacity: 0.8;
  z-index: 2;
}
#recent-items .home_prev {
  background-position: 0 top;
}
#recent-items .home_next {
  background-position: -36px top;
}
/* ----------------- */
/* HOME_BOTTOM_BLOCK */
/* ----------------- */
#home_bottom_block {
  margin-top: 36px!important;
}
#home_bottom_block .left {
  width: 719px;
  height: 730px;
}
#charities_block {
  width: 719px;
  /* height:623px; */

  border: 1px solid #b7b2b6;
  background: #FFF;
}
#charities_block #our_charity_partners {
  text-align: center;
  margin-top: 23px;
}
/* ---------------- */
/*   TESTIMONIALS   */
/* ---------------- */
#testimonial_block {
  width: 240px;
  height: 730px;
  float: right;
  border: 1px solid #7b9590;
  background: #80ddd6;
}
#testimonial_block .testimonial_copy {
  margin: 41px 0px 0px 20px;
}
#testimonial_block .dot_break_1,
#testimonial_block .dot_break_2,
#testimonial_block .dot_break_3 {
  background: url(/images/home/dot_break.png) 40px 0px no-repeat;
  width: 202px;
  height: 2px;
  text-align: center;
  margin: 9px 0px 6px 0px;
}
#testimonial_block .dot_break_1 {
  margin: 20px 0px 10px 0px;
}
#testimonial_block .quote {
  font-family: georgia;
  font-size: 18px;
  font-style: italic;
  color: #333;
  padding: 22px 0px 0px 20px;
  line-height: 22px;
  text-align: left;
}
#testimonial_block .quote .credit {
  font-family: arial;
  font-size: 14px;
  color: #37615b;
  text-align: right;
  margin: 10px 20px 0px 0px;
}
/* ---------------- */
/*       NEWS       */
/* ---------------- */
#news_block {
  width: 703px;
  height: 72px;
  margin: 27px 0px 0px 15px;
  background: url(/images/home/featured_sprite.png) no-repeat top left;
}
#news_block:hover {
  background-position: bottom left;
}
#news_block img {
  width: 703px;
  height: 72px;
}
/* ---------------- */
/*    CHARITIES     */
/* ---------------- */
#charities_block .column {
  width: 215px;
  float: left;
  margin-top: 18px;
}
#charities_block .column .charity-block {
  width: 215px;
  position: relative;
  margin-bottom: 6px;
}
#charities_block .column .charity-block a img {
  border: 1px solid #FFF;
}
#charities_block .column .charity-block a img:hover {
  border: 1px solid #dbdbdb;
}
#charities_block .middle {
  padding: 0px 10px 0px 10px;
}
#charities_block .middle .charity-block {
  margin-bottom: 5px;
}
