* {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}

#container {
float:left;
overflow:hidden;
  width:500px;
  height:230px;
  margin:20px auto 10px auto;
  padding:10px 0px 0px 5px;
  background-image:url(../fueladditives/images/calc/calc_bg.gif); background-position:left top; background-repeat:no-repeat;
}

/*We start with a hidden div and reveal it after calculating
fuel cost savings and filling it with the result.*/
#result {
background-image:url(../fueladditives/images/calc/results_bg.gif); background-position:left top; background-repeat:no-repeat;
font-weight:bold;
display:none;
height:300px;
margin-top:0px;

}

#result p {
padding:10px 0px 0px 0px;
margin:0px;
color:#FF0000;
font-size:20px;
}

.resultWrapper {
background-image:url(../fueladditives/images/calc/preresults_bg.gif); background-position:left top; background-repeat:no-repeat;
display:block;
width:165px;
height:165px;
position:relative;
float:right;
padding-right:0px;
margin-right:30px;
}

.rowWrapper {
width:280px;
display:block;
line-height:30px;
}

.leftColumnWrapper {
float:left;
display:block;
width:190px;
text-align:right;
line-height:25px;
padding-right:5px;
font-weight:bold;
}

.rightColumnWrapper {
float:left;
display:block;
width:75px;
text-align:right;
line-height:25px;
}
.oneColumnWrapper {
float:left;
display:block;
width:270px;
text-align:right;
line-height:normal;
}
.oneColumnWrapper select {
margin:5px 0px 5px 0px;
padding:0px;
}

.rightColumnWrapper input {
color:#0000CC;
}

.button {
margin:0px;
padding:0px;
}