if your 3rd-party css does not use unique id's or classes, then you
could create your own (which will enable you to use !important):
1. locate the html for the candy, in your site's html pages.
2. surround it with a div with an id that does not appear anyplace in
the rest of your site:
<div id="candy">...</div>
3. open each of the candy's css files, and precede every element with
that same id:
#candy ul li { width: 100% !important; }
DONE!
If the candy appears more than once on your site, then do the same
thing with a class-name instead of an id name, and use .candy instead
of #candy in the css files.
