Ottimizzare Css esterno

[Scellino02]

Ciao a tutti, premetto che non sono molto pratico di css, vorrei infatti sapere, come ottimizzare alcune classi che ho preparato nel mio foglio di stile esterno.

Mi spiego:
Attualmete, ad esempio, ho qualcosa del genere:
.Viola{
float:left;
background-image:url(../images/viola.gif);
width:14px;
height:27px;
}
.Rosso{
float:right;
background-image:url(../images/rosso.gif);
width:14px;
height:27px;
}
.Blu{
float:left;
background-image:url(../images/blu.gif);
width:14px;
height:27px;
}
.Grigio{
float:right;
background-image:url(../images/grigio.gif);
width:14px;
height:27px;
}

Applico queste classi a singoli div contenuti nella stessa pagina... c'è una tecnica per ottimizzare il tutto dato che l'unica differenza tra le varie classi è solo il background-image?

Grazie 1000 anticipatamente!

[fcaldera]

.Viola, .Rosso, .Blu, .Grigio {
    width   : 14px;
    height  : 27px;
    float   : left;
}

.Viola  { background-image: url(../images/viola.gif); }
.Rosso  { background-image: url(../images/rosso.gif); }
.Blu    { background-image: url(../images/blu.gif); }
.Grigio { background-image: url(../images/grigio.gif); }

[Scellino02]

Grazie 1000!
Alla prossima!