index.html

    <div class="datagrid">
        <table>


            <tbody>
                <tr>
                    <td><img src="http://dev.virusintl.com/skin/frontend/ebajes/default/images/image1.png" alt="" width="92" height="66" /></td>

                    <td><img src="http://dev.virusintl.com/skin/frontend/ebajes/default/images/image2.png" alt="" width="92" height="66" /></td>

                    <td><img src="http://dev.virusintl.com/skin/frontend/ebajes/default/images/image3.png" alt="" width="92" height="66" /></td>

                    <td><img src="http://dev.virusintl.com/skin/frontend/ebajes/default/images/image4.png" alt="" width="92" height="66" /></td>
                </tr>

                <tr class="alt">
                    <td>UV Protection</td>

                    <td>Airflow Activated</td>

                    <td>Nano Infused</td>

                    <td>Moisture evaporation</td>
                </tr>
            </tbody>
        </table>

style.css

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; }.datagrid table td, .datagrid table th { padding: 0px 20px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #FFFFFF) );background:-moz-linear-gradient( center top, #FFFFFF 5%, #FFFFFF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');background-color:#FFFFFF; color:#FFFFFF; font-size: 13px; font-weight: bold; border-left: 0px solid #FFFFFF; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #000000; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #FFFFFF; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }