изменить CSS вывода материалов zoo - ZOO 2.х

здравствуйте.
я как бы не оч хороше знаю CSS и у меня такой вопрос относительно CSS.
можно ли изменить CSS вывода материала. хочеться вывести материал так как выводиться модуль, т.е. рамку на него хочу сделать как на модулях. только вот с CSS не разабрался.
как разобрался (надеюсь не ошибаюсь) вывод на главной странице материала отвечает следующий код:
---------------------------------
#yoo-zoo .items h2.pos-title {
    font-weight: lighter;
    line-height: 8px;
    margin: 44px 0 0;
---------------------------------
а вывод модулей:
---------------------------------
.moduletable_top {
    background: url("../images/black/moduletable_left.png") repeat-x scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}
.moduletable_left_round {
    background: url("../images/black/moduletable_left_round.png") no-repeat scroll left center transparent;
    clear: left;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}
.moduletable_right_round {
    background: url("../images/black/moduletable_right_round.png") no-repeat scroll right center transparent;
    clear: right;
    float: right;
    height: 40px;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}

---

.moduletable_center_left {
    background: url("../images/black/moduletable_center_left.png") repeat-y scroll left center transparent;
    clear: left;
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}
.moduletable_center_right {
    background: url("../images/black/moduletable_center_right.png") repeat-y scroll right center transparent;
    clear: right;
    float: right;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}


---

.moduletable_bottom {
    background: url("../images/black/moduletable_bottom_center.png") repeat-x scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}
.moduletable_bottom_left {
    background: url("../images/black/moduletable_bottom_left.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 25px;
    left: 0;
    margin: 0;
    padding: 0 0 0 0;
    width: 25px;
}
.moduletable_bottom_right {
    background: url("../images/black/moduletable_bottom_right.png") no-repeat scroll 0 0 transparent;
    clear: right;
    float: right;
    height: 25px;
    margin: 0;
    padding: 0 0 0 0;
    right: 0;
    width: 25px;
}
-----------------------------

не могу понять как объеденить эти значения (.moduletable_top {  .moduletable_left_round {  .moduletable_right_round {  .moduletable_center_left {  .moduletable_center_right { .moduletable_bottom { .moduletable_bottom_left { .moduletable_bottom_right {)

я прошу извинить если не совсем корректно обьяснил, или неправильно задал вопрос
надеюсь на ваши ответы и советы
заранее спасибо всем

.moduletable_left_round,
.****,
.**** { }

То есть, объединяется через запятую. Для всех прописываешь таким образом общие параметры.
Но так как картинки у тебя разные, то для каждого класса (к примеру: .moduletable_left_round) придется отдельно еще и картинки писать

дай ссылку на сайт и скажу куду смотреть на нем.

Присваиваешь необходимому модулю класс суффикса, это в настройках.
и в CSS добавляешь описание для этого класса