Отображение товаров в категории разными l - Дизайн и оформление

<link rel="alternate stylesheet" type="text/css" href=/ПутьДоФайла/green.css" title="green" />

<script type="text/javascript" src="/ПутьДоСкрипта/styleswitcher.js"></script>

<a href="#" class="setka" onclick="setActiveStyleSheet('style'); return false;">Сетка</a>  
<a href="#" class="spisok" onclick="setActiveStyleSheet('green'); return false;">Таблица</a>

.spisok { background: url(../images/list.png) no-repeat scroll bottom; }
.spisok:hover { background-position: top; }

.spisok { background-position: top; }

<link rel="alternate stylesheet" type="text/css" href="/components/com_jshopping/css/green.css" title="green" />
<script type="text/javascript" src="/components/com_jshopping/templates/default_div/product/styleswitcher.js"></script>
<a href="#" class="setka" onclick="setActiveStyleSheet('style'); return false;">Сетка</a>  
<a href="#" class="spisok" onclick="setActiveStyleSheet('green'); return false;">Таблица</a>

.green div{
display:inline;
background:#F81A1D;
color:#EF0A0E;
font-style:italic;
}

.green{
display:inline;
background:#F81A1D;
color:#EF0A0E;
font-style:italic;
}

.style{
display:inline;
background:#F81A1D;
color:#EF0A0E;
font-style:italic;
}

.jshop_list_product .block_product .spisok{
display:inline;
font-style:italic;
}