Manufacturer List Page

I am attempting to vertically and horizontally center the manufacturer's logos on the manufacturer's list page in the item-box.  For some reason, I am not able to figure out how to do this.  I am trying to use the following code in the Custom Head Styles, but having no luck.  I have tried several variations.  Can you give me a hand with this?

.manufacturer-list-page .item-box .manufacturer-item .picture {vertical-align: middle;}

Hello,

If you want to center the image inside the link I recommend that you do with absolute positioning. Here is the css code you have to add:

.manufacturer-grid .item-box a {
  position: relative
}
.manufacturer-item .picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
max-width: 100%;
}

You can add this inside your Custom Head Styles textfield (nopCommerce Administration -> Plugins -> Nop Motion Theme -> Settings), or at the place where you have decidet to write your custom css. 

Worked perfectly.  Thank  you.