Highlighting of particular after it's style is changed

Sorry forgot to put a subject on my last post. Anyways, After setting the selected cell's style, that cell does not highlight properly when the entire row is highlighted like it did before. It just stays the new style color, in this case white(#FFF) or gray(#DDD). Is there a way to get the row highlighting to work for that cell again?

This is what I have as far as setting the style of the highlight:

/* Highlight on mouseover, mousedown */
<style>
#obj_id .aw-mouseover-row {background: #FFEF40;}
#obj_id .aw-mousedown-row {background: #999;}
</style>

And here is the code I talked about:

/* This changes the color of the current cell and sets the color of the previous cell back to normal */
        var prevCol = this.getCurrentColumn();
        var prevRow = this.getCurrentRow();
        var prevCell = this.getCellTemplate(prevCol, prevRow);
        var currCell = this.getCellTemplate(col, row);

     if ((prevRow+1)%2 == 0){
            prevCell.setStyle("background","#DDD");
        }
        else {
            prevCell.setStyle("background","#FFF");
        }

        currCell.setStyle("background","#F09F48");

Yes, you can suppress the cell color with this rule -

#obj_id .aw-mouseover-row .aw-grid-cell,
#obj_id .aw-mousedown-row .aw-grid-cell {background: none!important;}

Unfortunately it will also remove color from the selected cells, so you have to add it again -

#obj_id .aw-mouseover-row .aw-cells-selected,
#obj_id .aw-mousedown-row .aw-cells-selected {background: 00f!important;}

Thanks for the quick reply. I figured I had to add that line once again, but I'm doing everything in JavaScript, so how would you go about implementing those lines in an external .js file?

please help me how to do
#obj_id .aw-mouseover-row .aw-grid-cell,
#obj_id .aw-mousedown-row .aw-grid-cell {background: none!important;}
#obj_id .aw-mouseover-row .aw-cells-selected,
#obj_id .aw-mousedown-row .aw-cells-selected {background: 00f!important;}
in javascript