Проблемы с JoomShopping - JoomShopping

Добрый день, уважаемые знатоки! Такая проблема, есть сайт http://milkotester.ru/ , на главной страницу вывел модуль рандомных товаров, но он отображаеться вертикально, а мне кровь из носа нужно горизонтально.Понимаю что нажо делать через код.Кто то сможет помочь? ! ! ! ! !Срочно нужно!

.random_products .block_item {
  margin-bottom: 10px;
  width: 33%;
  float: left;
  text-align: center;
}

Вносить изменения здесь: http://milkotester.ru/components/com_jshopping/css/default.css
Примерно так:

Код

.random_products .block_item {
  margin-bottom: 10px;
  width: 33%;
  float: left;
  text-align: center;
}

Необходимо добавить новые классы для макета модуля (modules/.../tmpl/default.php), чтобы изменения не отражались на стилях магазина.

А можите написать как добавить новые классы? Бо я в этом деле новичок.Был бы благодарен