Jsf table com h:selectOneRadio

Silva03:

Olá
Pessoal
Nessa primeira table html da certinho, agora gostaria de deixar a segunda table igualmente a primeira só que tenho que usuar a tag jsf h:selectOneRadio

Como fiacaria na segunda table para ficar igual a primeira?

Grato

<h:panelGrid id="cartoes" columns="1" width="595" >
                                         <table width="130" border="0"  columns="4" cellspacing="0" cellpadding="0" align="left"  >
                                           <tr>
                                              <td align="center"><img src="../resources/images/cartao_master.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_visa.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_hipercard.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_visa.gif" width="30" height="19" /></td>
                                           </tr>

                                           <tr>
                                              <td align="center"><input type="radio"  name=cartao value="1" /></td>
                                              <td align="center"><input type="radio"  name=cartao value="2" /></td>
                                              <td align="center"><input type="radio"  name=cartao value="3" /></td>
                                              <td align="center"><input type="radio"  name=cartao value="4" /></td>
                                           </tr>

                                         </table>
                </h:panelGrid>

<h:panelGrid id="cartoes" columns="1" width="595" >
                                         <table width="130" border="0"  columns="4" cellspacing="0" cellpadding="0" align="left"  >
                                           <tr>
                                              <td align="center"><img src="../resources/images/cartao_master.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_visa.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_hipercard.gif" width="30" height="19" /></td>
                                              <td align="center"><img src="../resources/images/cartao_visa.gif" width="30" height="19" /></td>
                                           </tr>
                                             <h:selectOneRadio id="cartoesdeCreditosFotos"  >
                                                <f:selectItem  id="cartao1" itemValue="#{gerenciaBean.cartao1}" />
                                                <f:selectItem  id="cartao2" itemValue="#{gerenciaBean.cartao2}" />
                                                <f:selectItem  id="cartao3" itemValue="#{gerenciaBean.cartao3}" />
                                                <f:selectItem  id="cartao4" itemValue="#{gerenciaBean.cartao4}" />
                                            </h:selectOneRadio>
                                         </table>
                </h:panelGrid>