<div class="box">
  <div class="box-heading"></div>
  <div class="box-content">
    <div class="box-product">   <div>
     <div class="image">картинка</div>
     <div class="name">текст</div>
      <form>
      <input type="button" value=" Купить " onclick="location.href = '<?php echo $product['href']; ?>' " id="button-cart" class="button">
      </form>
   </div>
   <?php } ?>
    </div>
  </div>
</div>

.box {
    margin-bottom: 20px;
}
.box .box-heading {
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -khtml-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    border: 1px solid #DBDEE1;
    background: url('../image/background.png') repeat-x;
    padding: 8px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #333;
}
.box .box-content {
    background: #FFFFFF;
    -webkit-border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    -khtml-border-radius: 0px 0px 7px 7px;
    border-radius: 0px 0px 7px 7px;
    border-left: 1px solid #DBDEE1;
    border-right: 1px solid #DBDEE1;
    border-bottom: 1px solid #DBDEE1;
    padding: 10px;
}
/* box products */
.box-product {
    width: 100%;
    overflow: auto;
}
.box-product > div {
    width: 157px;
    height: 270px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    padding: 7px;
    background: #F8F8F8;
    border: 1px solid #E1E1E1;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-box-shadow: 0 0 3px 0 #E9E9E9;
    -moz-box-shadow: 0 0 3px 0 #E9E9E9;
    box-shadow: 0 0 3px 0 #E9E9E9;
}

#column-left   .box-product > div , #column-right .box-product > div{
    width: 155px;
    margin-right: 0px;
}

#column-left + #column-right + #content .box-product > div {
    width: 119px;
}
.box-product .image {
    display: block;
    margin-top: 2px;
    margin-bottom: 4px;
}
.box-product .image img {
    padding: 3px;
    border: 1px solid #E7E7E7;
}