Разное оформления для блоков

[Reqman]

Добрый день, Уважаемые форумчане! Очень прошу помочь. Долго искал ответ, но так и не смог найти его. Мне необходимо сделать разный дизайн оформления блоков, которые на скриншоте обведены в красную рамочку.

 

 

У этих блоков одинаковый стиль, а именно: 

.box .box-heading {
  background-image:url(http://catalog/view/theme/default/image/background.png);
  background-position:initial initial;
  background-repeat:repeat no-repeat;
  border:1px solid #DBDEE1;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding:8px 10px 7px;
}

Как же разделить, чтоб можно было сделать разный дизайн для блока Категории и блока Рекомендуем. Очень прошу помочь. 

[Tom]

catalog\view\theme\default\template\module\category.tpl

 

и 

 

catalog\view\theme\default\template\module\featured.tpl

 

Открываем и видим что одинаковые они потому как классы одни.

 

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

Следовательно меняем на что то типа 

 

<div class="box">
  <div class="box-heading-new"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

а потом уже в стили добавляем и обыгрываем  

.box .box-heading-new {
*
*
*
*
*
*
*
*
*

}

[Reqman]

Огромное-огромное Вам спасибо!