What is the problem?
Just add css-code to your style.css with “!important”:
.sp-wrap {
padding: 0px!important;
border-style: solid!important;
border-image: none!important;
border-width: 1px 1px 1px 2px!important;
clear: both!important;
margin-bottom:10px!important;
}
.sp-head {
cursor: pointer!important;
display: block!important;
font-weight: bold!important;
margin-left: 6px!important;
padding: 4px 14px 3px!important;
text-align: left!important;
}
.sp-body {
padding: 2px 6px!important;
height:auto!important;
}
.spdiv {
width: 98%!important;
margin: 0px auto!important;
text-align: right!important;
font-size: 0.8em!important;
cursor: pointer!important;
display:block!important;
}
.sp-wrap-default {
background: none repeat scroll 0% 0% #E9E9E6!important;
border-color: #C3CBD1!important;
}
.sp-wrap-default .sp-head {
background: url(../img/icon_plus.gif) no-repeat left center!important;
color: #2A2A2A!important;
}
.sp-wrap-default .sp-head.unfolded {
background: url(../img/icon_minus.gif) no-repeat left center!important;
}
.sp-wrap-default .sp-body {
background: #F5F5F5!important;
border-top:1px solid #C3CBD1!important;
}
.sp-wrap-default .spdiv {
color: #444!important;
}