I'm trying to implement a jquery script to reveal text on click, but in doing so I'm getting some odd CSS behavior.

See here: http://www.nlmotoring.com/MiRo-112-W...112.925412.htm

The Product Description Above Pricing is as follows:

Code:
<script>
    $(document).ready(function() {
        $('#showpromo').click(function() {
                $('.itempromoText').slideToggle("fast");
                $('.itempromotext').slideToggle("fast");
        });
    });
</script>

<div id="showpromo">SALE! Prices too low to advertise. CLICK HERE to reveal.</div>
<div class="itempromoText" style="display: none;">Miro SALE! Buy 3 Get 1 FREE!</div>
<div class="itempromotext" style="display: none;">Add four (4) to your shopping cart for instant savings; no coupon code required. Can not be combined with any other offer. Some exclusions apply.<br><script src="/v/vspfiles/js/sale_3.js" type="text/javascript"></script></div>
The resulting text on the page is getting the red and all CAPS, but not the sizing or spacing. The CSS should make it look like the Product Description above price on this page:

http://www.nlmotoring.com/MiRo-112-W...112.815112.htm

Thanks in advance!