Code:
<p><span style="font-weight: bold;">Bond</span> $49<span style="font-weight: bold; color: #00cc00;"><span style="color: #66cc00;"><br /><br /><span style="color: #bd192e;">Size: Extra Large</span></span></span><br /><strong><br />20s Cocktail Flapper Costume<br /></strong><br />Includes:<br /><br />* Dress<br />* Feather Headband<br /><br /><a href="/buy-ladies-costumes/view-all-ladies-costumes/buy-20s-cocktail-flapper"><img src="/images/or_buy_costume_button.gif" alt="This costume is also for hire!" width="205" height="46" /></a><strong>$99</strong></p>
I would replace the inline styling in your descriptions with semantically meaningful class tags on the spans, and put the details of the styling in your stykesheet.
Also, you can replace
<span style="font-weight: bold;">Bond</span>
with
<strong>Bond</strong>. (I see you already have that in some places.)
<span style="font-weight: bold; color: #00cc00;"><span style="color: #66cc00;"><br /><br /><span style="color: #bd192e;">Size: Extra Large</span></span></span>
looks like an HTML editor's retention of three different iterations of design; only the last color actually applies to anything, and it could become
<span class="important1">Size:</span>
with a stylesheet rule
.important1 {font-weight: bold; color:#bd192e;}
Code:
<p><strong>Bond</strong> $49<span class="important1">Size: Extra Large</span><br /><strong><br />20s Cocktail Flapper Costume<br /></strong><br />Includes:<br /><br />* Dress<br />* Feather Headband<br /><br /><a href="/buy-ladies-costumes/view-all-ladies-costumes/buy-20s-cocktail-flapper"><img src="/images/or_buy_costume_button.gif" alt="This costume is also for hire!" width="205" height="46" /></a><strong>$99</strong></p>
Bookmarks