Помогите пожалуйста разобраться с CSS

[NickRogalev]

Здравствуйте ,помогите пожалуйста разобраться в CSS магазина. Использую opencart 1.5.4.1 

 

Задача в следующем:

1. я вывел изображения подкатегорий, но они большие и накладываются друг на друга. (см. скриншот) как мне их сделать меньше ,чтобы получилось аккуратней? 

 

2. Хочу сделать выравнивание названия товара ,изображения и кнопки купить не по левому краю, а по центру

3. Выравнять названия подкатегорий под картинками также по центру ,а не по левому краю.

 

Подскажите пожалуйста.

CSS файл приложен

Спасибо большое!

stylesheet.css

[marsok]

ссылку на сайт в студию

[marsok]

.category-info {
margin-bottom: 20px; // наруж. отступ с низа
overflow: auto; // полоса прокрутки, если элемент выходит за рамки
}
.category-info .image {
border: 1px solid #E7E7E7; // рамка 1 пикс сплошная серого цвета
float: left; // обтекать с права
margin-right: 15px; // наруж. отступ с права
padding: 5px; // внутр. отступ
}
.category-info .image img {
width: 166px; // Ширина картинки
}

Правь

Центрировать текст:

text-align: center;