Vertically Centering Product Images

Hi there,

I’m having a little trouble centering my product images vertically inside the predefined image box. I was wondering if anyone might have some ideas?

Here is the code I have now to create my borders and where I tried to center the images:

.kad-woo-image-size {
min-height:275px;
overflow:hidden;
border:6px solid #83D125;
border-radius:25px;
padding:2px;
}

.kad-woo-image-size img {
text-align:center;
vertical-align:middle;
max-height:262px;
border-radius:30px;
overflow:hidden;
}

.product_item a.product_item_link {
height:275px;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
}

.product_item .product_details a.product_item_link {
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
}

I tried to use the “display:table;” & “display:table-cell;” but that caused other problems resulting in the border overflowing the box it was supposed to stay inside of.

Here is a link to page with products: Blenders

As you will see unfortunately all the images stay at the top of the boxes..

Thanks!!!