Change Checkout, Detail, Add to cart buttons mouse rollover

Hello Masters.
Sorry for bad english.
I've changed 99% of nopCommerce 1.9 appearance.(Colors customized).
I want to make sence on buttons when user move mouse pointer on them.For more of them I could do it but not for detail,add to chart,checkout buttons.So how can I make roll over button for detail,add to chart,checkout buttons ... ?
I found one solution (at least for mouse pointer) but it doest not work in following link.

                 https://www.nopcommerce.com/boards/t/7823/changing-cursor-on-rollover-buttons.aspx

-------------------------------------------------------------------------
just one thing I could do it is following change in style.css file  but it did not work as well:

.searchbutton a:hover, .contactusbutton a:hover,
... , .checkoutbutton a:hover,...,
.uploadavatarbutton a:hover
{
...
...
...
color:#F00;
background:#FFB;
...
...

}
----------------------------------------------------------------------
beforehand I appreciate you.

Add to cart, checkout , detail are input buttons.

So you can use the hover property to change the color or background image, any kind of hover effect

try this code

input.button1{ background:#adc32b; color:#fff; height:30px; width:80px; font-size:14px; font-weight:bold; border:none; cursor:pointer;}
input:hover.button1{ background:#e07c33;}

where button1 is the css class you apply to a button.