Hover color

[Timothy]

Timothy

October 14, 2014 at 11:26 am

I am working on the following page ( *Login to see link ). I used the following css to make the changes to what I like.
.shopcolumn1 .product_item .kad_add_to_cart {
display: inline-block;
margin-top: 3px;
padding: 8px 18px;
font-size: 13px;
background-color: #a31212;
color: #fff;
border-radius: 5px;
border: 1px solid #000;
}

Then I tried this to make the hover colors change. But it did not work. Can you help me fix this?
.shopcolumn1 .product_item .kad_add_to_cart a:hover {
display: inline-block;
margin-top: 3px;
padding: 8px 18px;
font-size: 13px;
background-color: darkslategrey;
color: darkorange;
border-radius: 5px;
border: 1px solid #000;
}