product_lists.less

//no margin on lists
ol,
ul {
    &.row {
        margin-left:0;
        padding-left:0;
        list-style: none;

        &.no-padding {
            [class*="col-"] {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}

//Remove margin if condition
.row [class*="col-"] {
    &.no-margin {
        margin-left:0;
    }
}

//Products listed container
// Space between products in a list is determined by the Grid and therfore the
// gutter width: 20px
.product_pod {
    height:370px;
    overflow:hidden;
    text-align:center;
    margin: @line-height-computed 0;
    position:relative;
    p, h3, h2, form {
        margin-bottom:0;
    }
    h3 {
        .h5();
        margin-bottom:0;
    }
    .price_color {
        .h4();
        color:@brand-success;
    }
    .availability,
    .price_color {
        min-height:30px;
        white-space:nowrap;
    }
    .image_container,
    .availability,
    .price_color {
        margin-bottom: @line-height-computed / 2;
    }
    // This could be set to 100% but this gives a little more space around products.
    .product_price {
        position:absolute;
        bottom:0;
        left:5%;
        width:90%;
    }
}

// Product list image container sets a height so images don't breakout
// This can be used to verically align the image with same line-height
// Alternatively if you are cropping images and have a specific W & H this isn't neccessary
.image_container {
    width:100%;
    min-height:@imagecontainerheight;
    overflow:hidden;
    text-align: center;
    position:relative;
    img {
        max-height:@imagecontainerheight - 10px;
        max-width:90%;
        width:auto;
        margin:0px auto;
    }
}

// Add a hover state for thumbnail
a:hover .thumbnail {
    border-color: @link-color;
    .box-shadow(0 1px 4px rgba(0,105,214,.25));
}