Estilizar checkbox y sumar el valor del mismo

[axelb]

Buenas, estoy en un pequeño problema, tengo un formulario con unos checkbox estilizados con CSS y algo de JS y ademas, necesito ir sumando el valor contendio en la propiedad value de los checkbox a medida que se los selecciona. El codigo JS para que me vaya sumando es el siguiente:

function ReCalculate(form){
var total=0;
for (var e=0;e<form.elements.length;++e){
var fld=form.elements[e];
if (fld.name.substring(0,4)=="ADD_"){
if (fld.checked)total+=parseFloat(fld.value);
}
}
form.total.value=total.toFixed(2);
}

y los checkbox:

<input type="checkbox" name="ADD_entree" value="14.95" onClick="ReCalculate(this.form);"/> Entree<br/>
<input type="checkbox" name="ADD_beverage" value="3.95" onClick="ReCalculate(this.form);" class="styled"/> Beverage<br/>
<input type="checkbox" name="ADD_dessert" value="5.95" onClick="ReCalculate(this.form);" class="styled"/> Dessert<br/>
<input type="checkbox" name="togo" value="1.95" class="styled"> To go??<br/>
<input type="text" readonly name="total" value="0.00" />

El método autosuma funciona correctamente cuando los checkbox no están estilizados, pero cuando los estilizo dejan de funcionar, en realidad simplemente no actualiza la caja de texto que almacena el valor total.

Si me pueden ayudar les agradecería mucho!