<p>In <a href="https://stackoverflow.com/questions/226206/alternating-item-style">this question</a>, I was given a really cool answer to alternating an image and its description between left and right, respectively.  Now I want to apply styling to both, e.g. padding-top, padding-bottom etc. How do I apply a style to both the RowStyle and AlternatingRowStyle in this scenario.</p>

<pre><code>&lt;AlternatingRowStyle CssClass="ProductAltItemStyle" /&gt;   
&lt;RowStyle CssClass="ProductItemStyle" /&gt;
&lt;Columns&gt;
    &lt;asp:TemplateField&gt;
        &lt;ItemTemplate&gt;
            &lt;div class="Image"&gt;&lt;asp:Image runat="server" ID="productImage" ImageUrl='&lt;%# Eval("imageUrl") %&gt;' /&gt;&lt;/div&gt;
            &lt;div class="Description"&gt;&lt;asp:Label runat="server" ID="lblProductDesc" Width="100%" Text='&lt;%# Eval("productDesc") %&gt;'&gt;&lt;/asp:Label&gt;&lt;/div&gt;
        &lt;/ItemTemplate&gt;
    &lt;/asp:TemplateField&gt;
</code></pre>

Here's how you do it:
```
```
.ProductAltItemStyle, .ProductItemStyle {
    // CSS Rules that apply to both go here
}
```
```