Buttons' CSS

Thank you so much Milos! I've disabled that line and now it's using the correct image. I don't have the same effect though when I hover on the button. This maybe too easy but since I'm a newbie, could you help me with what to add in order to have the same effect?

The hikashop code is:
a.hikashop_cart_button, a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover {
background-image: url("../images/button.jpg");
border: 1px solid #356AA0;
color: #000000;
cursor: pointer;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 3px 8px;
text-decoration: none;
white-space: nowrap;

Thank you!

Try adding !important next to the property that does not work. In example, if you have trouble with background image, change this line to:

background-image: url("../images/button.jpg") !important;

I added !important after each line of the code that I added at the bottom of template_css.css but it didn't work.. Any hints?

Maybe just needs refresh ??

I refreshed after the changes Ivan.. The code now is:

.button{
background-image:url(../images/button.jpg)!important;
border:1px solid #356AA0 !important;
color:#000000 !important;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
font-size:11px !important;
padding:3px 8px !important;
text-decoration:none !important;
cursor:pointer !important;
float:left !important;
white-space:nowrap !important;
}

but the hover effect does not apply.

Can we see your link