Joomla 1.5 Как прописать в CSS для стиля чтобы он использовал другой стиль ?

Проблема в следующем:
1. На сайте пропали кнопки "Читать далее.." ("Подробнее")
2. В поисках проблемы изрыл все настройки, все нормально
3. В ходе эксперементов установил, что стиль используемый для кнопки Шаблоном затирается, то есть после установки компонента JComments уже используется его стиль.

- В шаблоне сайта используется стиль из template.css .art-button-wrapper
пример - что было раньше, перед загрузкой компонета:

Код (PHP):

1. <a class="readon art-button" href="/index.php?option=com_content&amp;view=article&amp;id=4:2222&amp;catid=1:11111111&amp;Itemid=2">
2.   Подробнее...  </a>

- В шаблоне компонента используется потом из style.css .readmore-link
пример того, что стало после загрузки компонента:

Код (PHP):

1. <a class="readmore-link" href="/index.php?option=com_content&amp;view=article&amp;id=4:2222&amp;catid=1:11111111&amp;Itemid=2" title="222222">Подробнее...</a>

Найти как поменять, чтобы сайт опять использовал для кнопки стиль из template.css .art-button-wrapper не смог.

Отсюда возник вопрос, а можно ли прописать для стиля style.css[/B] .readmore-link ссылку на стиль template.css .art-button-wrapper, чтобы он использовал тот который в шаблоне самого сайта а не компонента ? (В CSS шибко не силен, поэтому и спрашиваю про такую возможность синтаксиса).

 

А почему бы просто для readmore-link не прописать старые стили - readon art-button?

 

У меня была такая идея, но вот как правильно, ведь у тега .art-button-wrapper
достаточно объемный:

Код (PHP):

1. /* begin Button */
2. .art-button-wrapper .art-button
3. {
4.     display:inline-block;
5.     width: auto;
6.     outline:none;
7.     border:none;
8.     background:none;
9.     line-height:31px;
10.     margin:0 !important;
11.     padding:0 !important;
12.     overflow: visible;
13.     cursor: default;
14.     text-decoration: none !important;
15.     z-index:0;
16. }
17.  
18. .art-button-wrapper
19. {
20.     display:inline-block;
21.     position:relative;
22.     height: 31px;
23.     overflow:hidden;
24.     white-space: nowrap;
25.     width: auto;
26.     z-index:0;
27. }
28.  
29. .firefox2 .art-button-wrapper
30. {
31.     display:block;
32.     float:left;
33. }
34.  
35. .art-button-wrapper .art-button
36. {
37.     display:block;
38.     height: 31px;
39. font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
40. font-size: 13px;
41.     white-space: nowrap;
42.     text-align: left;
43.     padding: 0 13px !important;
44.     line-height: 31px;
45.     text-decoration: none !important;
46.     color: #000000 !important;
47. }
48.  
49. input, select
50. {
51. font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
52. font-size: 13px;
53. }
54.  
55. .art-button-wrapper.hover .art-button, .art-button:hover
56. {
57.     color: #EEEBFE !important;
58.     text-decoration: none !important;
59. }
60.  
61. .art-button-wrapper.active .art-button
62. {
63.     color: #EAE9FC !important;
64. }
65.  
66. .art-button-wrapper .l, .art-button-wrapper .r
67. {
68.     display:block;
69.     position:absolute;
70.     z-index:-1;
71.     height: 93px;
72.     background-image: url('../images/Button.png');
73. }
74.  
75. .art-button-wrapper .l
76. {
77.     left:0;
78.     right:7px;
79. }
80.  
81. .art-button-wrapper .r
82. {
83.     width:403px;
84.     right:0;
85.     clip: rect(auto, auto, auto, 396px);
86. }
87.  
88. .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
89. {
90.     top: -31px;
91. }
92.  
93. .art-button-wrapper.active .l, .art-button-wrapper.active .r
94. {
95.     top: -62px;
96. }
97.  
98.  
99. /* end Button */

а для .readmore-link

Код (PHP):

1. .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat}
2. .readmore-link {background-position: 0 2px}

Заменить полностью???

 

Да, замените полностью.