CSS и изображение - Вопросы по CSS

Здравствуйте. Не могу разобраться в CSS. Есть 3 страницы с изображениями на сайте, хочу чтоб к этим 2-м страницам подключались одни стили, а к ещё 1-й другие стили. Вот такие стили щас в шаблоне
если поменяю в
.art-article img, img.art-article
{
        margin:1em;
}
на
.art-article img, img.art-article
{
        margin-right:8px;
} То устраивает такой вариант для 2-х страниц, а на 3-й странице не подходит, там подходит стандартный вариант.
Как вот мне сделать разные стили и подключить их правильно?
Если непонятно сделаю скриншоты для наглядности

Здравствуйте. Не могу разобраться в CSS. Есть 3 страницы с изображениями на сайте, хочу чтоб к этим 2-м страницам подключались одни стили, а к ещё 1-й другие стили. Вот такие стили щас в шаблоне

Код: css

/* Start images */
a img
{
	border: 0;
}

.art-article img, img.art-article
{
        margin:1em;
}

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
/* Finish images */

если поменяю в
.art-article img, img.art-article
{
        margin:1em;
}
на
.art-article img, img.art-article
{
        margin-right:8px;
} То устраивает такой вариант для 2-х страниц, а на 3-й странице не подходит, там подходит стандартный вариант.
Как вот мне сделать разные стили и подключить их правильно?
Если непонятно сделаю скриншоты для наглядности

Сделал в этом же CSS файле такие же стили, по другому назвал. Как дальше их уже использовать? как новые стили применить для 2-х страниц, а те старые стили пусть так и остаются для всех остальных страниц?

с помощью firebug узнаёте классы которые присваиваются вашим изображениям или блокам в которых находятся изображения и через запятую описываете правила для них
например
.art-article img, img.art-article, .class_images img
{
        margin:1em;
}

с помощью firebug узнаёте классы которые присваиваются вашим изображениям или блокам в которых находятся изображения и через запятую описываете правила для них
например
.art-article img, img.art-article, .class_images img
{
        margin:1em;
}

дружище расскажи поподробнее, что вы все вершки от гор посрубываете и в топку...с Joomla плохо дружу, что то не получается с этим firebug, классы показывает, но что то не совсем понятно

про firebug

С firebug мне всё ясно, только щас понял что он не меняет напрямую все изменения. Но с Joomla не понятно с этими классами запутаться можно. Я не прошу мне давать ссылки с подобной информацией...я прошу помощи конкретно разобраться с моим сайтом, могу прикрепить HTML с CSS

ну конкретно разбираться в вашем коде нет никакого желания...извините
могу посоветовать htmlbook.ru и небольшую работу мозга...