Well if i use the links than it does use the skin styles so that works, but I want to use html button and apply the same styles!
I've dig trough the class that are applied by the module and tried to change them but because this is generated by artisteer its a bit complicated...
001.
/* begin Button */
002.
.art-button-wrapper .art-button
003.
{
004.
display
:inline-
block
;
005.
width
:
auto
;
006.
outline
:
none
;
007.
border
:
none
;
008.
background
:
none
;
009.
line-height
:
35px
;
010.
margin
:
0
!important
;
011.
padding
:
0
!important
;
012.
overflow
:
visible
;
013.
cursor
:
default
;
014.
text-decoration
:
none
!important
;
015.
z-index
:
0
;
016.
vertical-align
:
middle
;
017.
}
018.
019.
.art-button img, .art-button-wrapper img
020.
{
021.
margin
:
0
;
022.
border
:
0
;
023.
}
024.
025.
.art-button-wrapper
026.
{
027.
display
:inline-
block
;
028.
vertical-align
:
middle
;
029.
position
:
relative
;
030.
height
:
35px
;
031.
overflow
:
hidden
;
032.
white-space
:
nowrap
;
033.
width
:
auto
;
034.
z-index
:
0
;
035.
}
036.
037.
.firefox
2
.art-button-wrapper
038.
{
039.
display
:
block
;
040.
float
:
left
;
041.
}
042.
043.
.art-button-wrapper .art-button
044.
{
045.
display
:
block
;
046.
height
:
35px
;
047.
font-family
:
Verdana
, Geneva,
Arial
,
Helvetica
, Sans-
Serif
;
048.
font-size
:
13px
;
049.
white-space
:
nowrap
;
050.
text-align
:
left
;
051.
padding
:
0
21px
!important
;
052.
line-height
:
35px
;
053.
text-decoration
:
none
!important
;
054.
color
:
#EBEBEB
!important
;
055.
}
056.
057.
input, select
058.
{
059.
vertical-align
:
middle
;
060.
font-family
:
Verdana
, Geneva,
Arial
,
Helvetica
, Sans-
Serif
;
061.
font-size
:
13px
;
062.
}
063.
064.
.art-button-wrapper.hover .art-button, .art-button:hover
065.
{
066.
color
:
#F0F0F0
!important
;
067.
text-decoration
:
none
!important
;
068.
}
069.
070.
.art-button-wrapper.active .art-button
071.
{
072.
color
:
#EDEDED
!important
;
073.
}
074.
075.
.art-button-wrapper .l, .art-button-wrapper .r
076.
{
077.
display
:
block
;
078.
position
:
absolute
;
079.
z-index
:
-1
;
080.
height
:
105px
;
081.
background-image
:
url
(
'images/Button.png'
);
082.
}
083.
084.
.art-button-wrapper .l
085.
{
086.
left
:
0
;
087.
right
:
14px
;
088.
}
089.
090.
.art-button-wrapper .r
091.
{
092.
width
:
417px
;
093.
right
:
0
;
094.
clip
: rect(
auto
,
auto
,
auto
,
403px
);
095.
}
096.
097.
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
098.
{
099.
top
:
-35px
;
100.
}
101.
102.
.art-button-wrapper.active .l, .art-button-wrapper.active .r
103.
{
104.
top
:
-70px
;
105.
}
106.
107.
108.
/* end Button */