pues al css se lo podría dejar así:
Código:
<style type="text/css">
#tabla_detalle{ width:569px; border:solid 1px #CCCCCC; border-collapse:collapse; background-color:#FFF; }
.superior{ background-color:#0000FF; text-align:center; }
.cell1{ width:50px;border:2px solid #CCC;}
.cell2{ border:2px solid #CCC;width:400px;}
</style>
no veo más donde, mira, hay cosas en la que puedes ahorrar lineas de código como el border, si el borde es igual a los 4 lados pues es una sola línea como te coloque arriba.
también con margin y padding puedes hacer lo mismo:
Código:
.estilo{
padding-top:10px;padding-right:30px;padding-bottom:40px;padding-left:20px;/*Así no*/
padding:10px 30px 40px 20px;/*Así si en el mismo orden que esta arriba*/
padding:10px;/*Si todos los lados son iguales*/
}
y lo mismo con el margin.