I’m trying to have a background image only appear in the #content div on the home page. However, it appears throughout the site. Is there a way to display a css style only on the home page (or another chosen page) and not anywhere else?

for example, I want this background image only on the content div on the home page, but nowhere else:

#content{
background: url(“http://localhost/opencart/catalog/view/theme/shoppica2/images/img06.jpg&#8221 ;
background-repeat: repeat-x;
width: 100%;
}

Any ideas on how to do this?