Как 2 разным ссылкам применить разные стили? - Joomla 2.5: Общие вопросы

Как бы правильнее выразиться...
В-общем есть 2 кнопки. В Chrome открыл, в виде кода выглядит так:


<div class="teaser-links2" style="float: right; margin-right: 6px; ">
 <a href="http://stomsp.com/klinitsistam2/klinicheskie-sluchai/fotostranitsy/item/operaciya-4" title="Смотреть фото"  >Смотреть фото</a>
 <a href="http://stomsp.com/klinitsistam2/klinicheskie-sluchai/videostranitsy/item/operaciya-2" title="Смотреть видео"  >Смотреть видео</a>
</div>

Собственно проблема - как сделать разные стили для первой и второй ссылки.

Я так понимаю, этот код где-то в Joomla генерится. Где генерится не знаю.
Подскажите пожалуйста, как решить проблему!

Погуглите по запросу "соседние селекторы"

Премного благодарен. очень выручили.

Для тех, кто не понял.

Исходный код:
<div class="teaser-links2" style="float: right; margin-right: 6px; ">
 <a href="http://stomsp.com/klinitsistam2/klinicheskie-sluchai/fotostranitsy/item/operaciya-4" title="Смотреть фото"  >Смотреть фото</a>
 <a href="http://stomsp.com/klinitsistam2/klinicheskie-sluchai/videostranitsy/item/operaciya-2" title="Смотреть видео"  >Смотреть видео</a>
</div>

В таблице CSS нужно сделать так:
...

.teaser-links2 a {
/* Один стиль для первой ссылки */

.teaser-links2 a + a{
/* Другой стиль для второй ссылки */

...