BELOW IS THE ALTERED CSS TO REMOVE BOXS. PLEASE NOTE I HAVE CHANGE COLOURS AND FONT SIZES ALSO SO JUST ADD IN THE "border: none" LINES.

/** Global formatter styles **/
.commerce-price-savings-formatter-prices .price-label {
text-align: right;
color: #666;
}

.commerce-price-savings-formatter-prices .price-amount {
text-align: left;
white-space: nowrap;
}

.commerce-price-savings-formatter-list .price-amount {
text-decoration: line-through;
}

.commerce-price-savings-formatter-price .price-amount {
font-size: 1.0em;
}
.commerce-price-savings-formatter-prices-down .commerce-price-savings-formatter-price .price-amount {
color: #e10023;
}

.commerce-price-savings-formatter-prices-down .commerce-price-savings-formatter-savings .price-amount {
color: #e10023;
}

.commerce-price-savings-formatter-prices-count-1 .commerce-price-savings-formatter-list .price-amount {
text-decoration: none;
}

/** Table formatter **/
table.commerce-price-savings-formatter-prices {
width: auto;
color: #cc9933;
border: none;

}

.commerce-price-savings-formatter-prices tr.odd,
.commerce-price-savings-formatter-prices tr.even {
background: none;
border: none;
}

.commerce-price-savings-formatter-prices tr td {
padding: 0 2px;
vertical-align: middle;
font-size: 0.6em;
line-height: 1.1em;
border: none;
}

/** Inline formatter **/
.commerce-price-savings-formatter-prices-inline .price-label {
font-size: 1.2em;
}

.commerce-price-savings-formatter-prices-inline tr.even,
.commerce-price-savings-formatter-prices-inline tr.odd {
border: 0 !important;
}

.commerce-price-savings-formatter-prices-inline tr td {
text-align: left;
padding: 0 6px;
border: none;
}

.commerce-price-savings-formatter-prices-inline tr.commerce-price-savings-formatter-label-row td {
line-height: 1.2em;
border: none;
}