/* =============================================================================
Seed to Plate - Shop
============================================================================= */

h2 {margin: 0 0 0 12px;}

.base {
  background: url(/img/frames/frame_929_split.gif) 0 0 repeat-y;
  width: 929px;
}

.base_top {
  background: url(/img/frames/frame_929_top_split.jpg) left top no-repeat;
}

.base_bottom {
  background: url(/img/frames/frame_929_bottom_split.jpg) left bottom no-repeat;
  color: #fff;
  padding: 0 17px 19px 17px;
}

  .base_bottom p {
    margin: 7px 16px 0 16px;
  }

  .base_bottom #left {
    background: url(/img/backgrounds/shop_1.jpg) 0 0 no-repeat;
    width: 423px;
    height: 352px;
    margin: 17px 0 0 0;
    float: left;
  }

    .base_bottom ul {
      margin: 16px 16px 0 16px;
      display: block;
      height: 20px;
    }
    
    .base_bottom ul li {
      background: url(/img/misc/seed_pipe.gif) 0 4px no-repeat;
      float: left;
      display: block;
      padding-left: 8px;
      margin-left: 8px;
    }
    .base_bottom #right ul li {background-image: url(/img/misc/equipment_pipe.gif);}
    .base_bottom ul li.end, .base_bottom #right ul li.end {background: none; padding: 0; margin: 0;}
    
    .base_bottom a.over_image {
      height: 192px;
      width: 423px;
      background: none;
      display: block
    }

    .base_bottom ul a {
      color: #fff;
      font-size: 14px;
      line-height: 18px;
      text-decoration: none;
      border-bottom: 1px solid #a4be67;
    }
    
    .base_bottom #right ul a {
      border-color: #bb9377;
    }

    .base_bottom ul a:hover, .base_bottom #right ul a:hover {border-bottom: 1px solid #fff;}

h2#seed_shop {
  background: url(/img/typography/shop_seeds.gif) 0 0 no-repeat;
  width: 218px;
  height: 23px;
  margin: 20px 0 0 16px;
}

  .base_bottom #right {
    background: url(/img/backgrounds/shop_2.jpg) 0 0 no-repeat;
    width: 423px;
    height: 352px;
    margin: 17px 0 0 0;
    float: right;
  }

h2#equipment_shop {
  background: url(/img/typography/shop_equipment.gif) 0 0 no-repeat;
  width: 231px;
  height: 23px;
  margin: 20px 0 0 16px;
}

/* Boxes
============================================================================= */

#boxes {
  margin: 23px 0 0 0;
}

  #boxes .box {
    width: 224px;
    margin: 0 11px 0 0;
    float: left;
  }

  #boxes .end  {margin: 0;}

    #boxes .box p {
      width: 196px;
      margin: 11px 0 0 12px;
    }

    #boxes .box .polaroid {
      background: url(/img/frames/frame_224.jpg) 0 0 no-repeat;
      width: 206px;
      height: 152px;
      padding: 17px 0 0 18px;
      margin: 6px 0 0 0;
    }