Remove the hover effect from the Grid component

<grid>
    <rows>
        <row style="background:#FFFFFF;">
    ...

/*********************** L I S T B O X *********************/

/* Even rows in a listbox */
tr.z-listitem,tr.z-row td.z-row-inner,tr.z-row td.z-group-inner,tr.z-row td.z-group-foot-inner,tr.z-row
	{
	background: #EEEEEE none repeat scroll 0 0;
}

/* Odd rows in a listbox */
tr.odd td.gc,tr.odd,tr.z-listbox-odd,tr.z-grid-odd td.z-row-inner,tr.z-grid-odd
	{
	background: #FFFFFF none repeat scroll 0 0;
}

/* Unselected rows with the mouse hovering over them */
tr.overd,td.overd,tr.z-listitem-over {
	background: #D3DBFC none repeat scroll 0 0;
}

/* Selected rows in a listbox */
tr.seld,td.seld,tr.z-listitem-seld {
	background: #B8BFDC none repeat scroll 0 0;
}

/* Selected rows with the mouse hovering over them */
tr.overseld,td.overseld,tr.z-listitem-over-seld {
	background: #D3DBFC none repeat scroll 0 0;
}

.tblWithoutHover > tr.z-row-over > td.z-row-inner {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}
.tblWithoutHover tr.z-row-over > td.z-row-inner, tr.z-row-over > .z-cell {
    background-image: none;
}