CSS + Primefaces

Olá tenho dois dataGrid (Primefaces) porém gostaria de trocar a cor apenas do dataGrid destaque.

Já sei alterar a cor, mas quando uso o código abaixo os dois grids mudam de cor:

.ui-widget-header { background: none repeat scroll 0 0 #8BBF1C; }

<p:dataGrid var="imovel"	value="#{imovelBean.destaque}" columns="1" id="destaque" rows="4" paginator="false" >
<p:dataGrid var="imovel" value="#{imovelBean.imoveis}" columns="3" id="grid" rows="12"	paginator="true">

Como mudo a cor apenas de um grid?