change background using css

I am having a problem in this page: xxx/printers/monochrome-laser-printers.html

I see the left column layered navigation is the red I want, but at the bottom开发者_Python百科 some part is pink. I changed a css class but it didnt change everything. I am not a very expert when detecting what css class I need to change.

I also need to change the Add to Cart button from pink background to the same red.

Any idea?

The bottom part is pink because you're referencing this file as your background: http://www.theprinterdepot.net/skin/frontend/default/MAG060062/images/bot3.jpg

.block-layered-nav .block-content {
background: url(../images/bot3.jpg) no-repeat bottom center;
background-color: #C9271F;
}

And your Add Cart button does the same:

button.button span {

background: transparent url(../images/bkg_btn.png) 0 0 no-repeat;

}

So you need to change your background images.

Use F12 in your browser to see the CSS rules applied to those elements. That should make it all clear.