Добрый день, Уважаемые форумчане! Очень прошу помочь. Долго искал ответ, но так и не смог найти его. Мне необходимо сделать разный дизайн оформления блоков, которые на скриншоте обведены в красную рамочку.
У этих блоков одинаковый стиль, а именно:
.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;
}
Как же разделить, чтоб можно было сделать разный дизайн для блока Категории и блока Рекомендуем. Очень прошу помочь.