h3 {
    background-color: #CCCCFF;
    padding:        .15em;
}

#variables, #results {
    float:              left;
    margin:             .1em;
    background:         #ffc;
  width: 265px;
}

#results label {
    width:          auto;
}

#price, #rate, #downpayment, #period, #total-payment, #monthly-payment, #grace-period, #downpayment-amount {
    border:     1px solid #CCCCFF;
    background: #eef;
    font-size:  13px;
    padding:    .1em;
    width:      95px;
    text-align: right;
   margin: 2px;
}

#monthly-payment, #total-payment, #downpayment-amount {
    font-size:          18px;
    border-width:       3px;
    width:              150px;
}


#price {
    font-weight:    bold;
}

label {
    float:      left;
    width:      110px;
    font-size:  13px;
    padding:    .25em;
}


br {
    clear: both;
}

.buttons {
    background:  #CCFF99;
    padding:     .25em;
    text-align:   right;
    margin:     1em 0 0 0;
}

.buttons input {
    font-size:      18px;
}

.info-box {
    padding:        .25em;
    margin:         1em 0 0 0;
    font-size:      13px;
    border:         2px solid #FF99FF;
    background-color: #FFCCFF;
}

.info-box h4 {
    margin:         0 0 .5em 0;
}



ul {
    padding: 0;
    margin: 0;
    margin-left: 1.2em;
}

#annuity-info {
    display:        none;
}