Verschachelte CSS Elemente in JavaScript

[Sipatshi]

So sieht die CSS-Datei aus. Es soll in Javascript umgesetzt werden. Ich versuche es zumindest :-)

Original CSS

/*** Start Angebot Box 1 ***/
#a_1 {
float: left;
width: 273px;
height: 199px;
border-right: 1px dotted #8d8d8d;
background-color: #ededed;
background-image: url(../l_p.jpg);
background-repeat: no-repeat;
background-position: 5px 5px;
}
#a_1 img {
padding: 25px 0 0 115px;
border: 0;
}
#a_1 h2 {
font-size: 19px;
font-weight: normal;
margin-top: 35px;
margin-left: 25px;
}
#a_1 ul {
list-style-type: none;
margin-left: 26px;
}
#a_1 ul li {
font-size: 16px;
color: #003275;
line-height: 17px;
}
#a_1 ul li + li > strong {
font-size: 24px;
color: #000;
margin-left: 8px;
}
/*** Ende Angebot Box 1 ***/