Alternare formattazione css a seconda del blocco

[Alejandro]

Spero che il mio titolo sia corretto. Non ho ben chiaro come spiegarlo.
Il mio problema è questo: ho due blocchi di contenuto, uno da 360px e l'altro da 300px. Vorrei che a seconda del blocco questo attributo css:
background: transparent url(../img/separator_300.png) no-repeat top left;

diventi
background: transparent url(../img/separator_360.png) no-repeat top left;

Ho impostato il codice così ma non funziona.
CSS (in questo preciso ordine):

.block .holder div{
	overflow:hidden;
	padding:8px 8px 11px;
	background: transparent url(../img/separator_300.png) no-repeat top left;
	text-align: left;
	margin: 0px;
}

.block .holder div.360{
	overflow:hidden;
	padding:8px 8px 11px;
	background: transparent url(../img/separator_360.png) no-repeat top left;
	text-align: left;
	margin: 0px;
}

ed il codice html del blocco 360 così:

<div class="holder">
	<div class="360">bla bla bla</div>
</div>

Dove sbaglio?