Solved

Mozilla IE

Posted on 2004-04-15
11
425 Views
Last Modified: 2008-02-01
i need this to look the same in Mozilla FireFox

It looks fine in ie, but not MOZ

I have not the time to go thru and play with CSS so i am asking for your help

If you can just show me what css i need to make, i can handle the rest


TIA
jAy

////////////


<img name="prev" src="color_preview.gif"><br />
<span style="width: 160px;text-align: center;"><b><u>Name</u></b></span><span style="width: 80px;text-align: center;"><b><u>Code</u></b></span><span style="width: 80px;text-align: center;"><b><u>Color</u></b></span><br />
<div style="overflow: scroll;width: 500px; height: 400px;">
      <span style="width: 160px;text-align: center;">Tempest Brown</span>
      <span style="width: 80px;text-align: center;">153A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#9b404F"></span><br />

      <span style="width: 160px;text-align: center;">Flint Black</span>
      <span style="width: 80px;text-align: center;">161A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#000000"></span><br />

      <span style="width: 160px;text-align: center;">Ebony Blue</span>
      <span style="width: 80px;text-align: center;">163A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3B416B"></span><br />

      <span style="width: 160px;text-align: center;">Hearth Yellow</span>
      <span style="width: 80px;text-align: center;">2011P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcf887"></span><br />

      <span style="width: 160px;text-align: center;">Almond Chip</span>
      <span style="width: 80px;text-align: center;">2013P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcefcc"></span><br />

      <span style="width: 160px;text-align: center;">Baroque</span>
      <span style="width: 80px;text-align: center;">212A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EE5b3c"></span><br />

      <span style="width: 160px;text-align: center;">Tigerstripe</span>
      <span style="width: 80px;text-align: center;">214A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f73532"></span><br />

      <span style="width: 160px;text-align: center;">Robust Red</span>
      <span style="width: 80px;text-align: center;">222A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d62a32"></span><br />

      <span style="width: 160px;text-align: center;">October Bronze</span>
      <span style="width: 80px;text-align: center;">224A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ed293E"></span><br />

      <span style="width: 160px;text-align: center;">Tremont Blue</span>
      <span style="width: 80px;text-align: center;">242A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#2e54b8"></span><br />

      <span style="width: 160px;text-align: center;">Blue Purple</span>
      <span style="width: 80px;text-align: center;">244A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#4c45a4"></span><br />

      <span style="width: 160px;text-align: center;">Sashay Red</span>
      <span style="width: 80px;text-align: center;">262A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6254A"></span><br />

      <span style="width: 160px;text-align: center;">Orange Soverign</span>
      <span style="width: 80px;text-align: center;">264A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6253b"></span><br />

      <span style="width: 160px;text-align: center;">Wood Box</span>
      <span style="width: 80px;text-align: center;">3012T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ddbc67"></span><br />

      <span style="width: 160px;text-align: center;">Weatherburn Tan</span>
      <span style="width: 80px;text-align: center;">3014T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#dab25C"></span><br />

      <span style="width: 160px;text-align: center;">Pine Bud</span>
      <span style="width: 80px;text-align: center;">3121P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d8edcb"></span><br />

      <span style="width: 160px;text-align: center;">Terrestrial Green</span>
      <span style="width: 80px;text-align: center;">3123D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#66994c"></span><br />

      <span style="width: 160px;text-align: center;">Washed Needles</span>
      <span style="width: 80px;text-align: center;">3125P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cbe3b6"></span><br />

      <span style="width: 160px;text-align: center;">Curling Bark</span>
      <span style="width: 80px;text-align: center;">4022T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e9c491"></span><br />

      <span style="width: 160px;text-align: center;">Shipsgate</span>
      <span style="width: 80px;text-align: center;">4024T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#dbae70"></span><br />

      <span style="width: 160px;text-align: center;">Cedar Scent</span>
      <span style="width: 80px;text-align: center;">4071P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fbc396"></span><br />

      <span style="width: 160px;text-align: center;">Cider Brown</span>
      <span style="width: 80px;text-align: center;">4073D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cb4d38"></span><br />

      <span style="width: 160px;text-align: center;">Valley Smoke</span>
      <span style="width: 80px;text-align: center;">4075P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#edb88F"></span><br />

      <span style="width: 160px;text-align: center;">Clay Vessel</span>
      <span style="width: 80px;text-align: center;">4092T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F67A43"></span><br />

      <span style="width: 160px;text-align: center;">Wet Moccasin</span>
      <span style="width: 80px;text-align: center;">4094T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e87d42"></span><br />

      <span style="width: 160px;text-align: center;">Prairie Dust</span>
      <span style="width: 80px;text-align: center;">4111P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fca898"></span><br />

      <span style="width: 160px;text-align: center;">Redwood Plank</span>
      <span style="width: 80px;text-align: center;">4113D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#c73133"></span><br />

      <span style="width: 160px;text-align: center;">Mauve Gray</span>
      <span style="width: 80px;text-align: center;">4115P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e59985"></span><br />

      <span style="width: 160px;text-align: center;">Ashwood</span>
      <span style="width: 80px;text-align: center;">4192T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ba7f82"></span><br />

      <span style="width: 160px;text-align: center;">Outpost Gray</span>
      <span style="width: 80px;text-align: center;">4194T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CECDD9"></span><br />

      <span style="width: 160px;text-align: center;">Quarry Pebble</span>
      <span style="width: 80px;text-align: center;">4221P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CECDD9"></span><br />

      <span style="width: 160px;text-align: center;">Silhouette Gray</span>
      <span style="width: 80px;text-align: center;">4223D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BA5B78"></span><br />

      <span style="width: 160px;text-align: center;">Gray Mystic</span>
      <span style="width: 80px;text-align: center;">4225P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BEBEC4"></span><br />

      <span style="width: 160px;text-align: center;">Dry Wheat</span>
      <span style="width: 80px;text-align: center;">5022T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F5BC4D"></span><br />

      <span style="width: 160px;text-align: center;">Ripe Wheat</span>
      <span style="width: 80px;text-align: center;">5024T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC94E"></span><br />

      <span style="width: 160px;text-align: center;">Sunstraw</span>
      <span style="width: 80px;text-align: center;">5041P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD675"></span><br />

      <span style="width: 160px;text-align: center;">Mansion Gold</span>
      <span style="width: 80px;text-align: center;">5043D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#AD383F"></span><br />

      <span style="width: 160px;text-align: center;">Pearl Inlay</span>
      <span style="width: 80px;text-align: center;">5045P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE092"></span><br />

      <span style="width: 160px;text-align: center;">Caramel Sugar</span>
      <span style="width: 80px;text-align: center;">5052T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9E4C"></span><br />

      <span style="width: 160px;text-align: center;">Sunshine Tea</span>
      <span style="width: 80px;text-align: center;">5054T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9849"></span><br />

      <span style="width: 160px;text-align: center;">Berry Wine</span>
      <span style="width: 80px;text-align: center;">5101P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9D8F"></span><br />

      <span style="width: 160px;text-align: center;">Cactus Berry</span>
      <span style="width: 80px;text-align: center;">5103D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F23443"></span><br />

      <span style="width: 160px;text-align: center;">Victorian Peach</span>
      <span style="width: 80px;text-align: center;">5105P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCA592"></span><br />

      <span style="width: 160px;text-align: center;">Faded Lilac</span>
      <span style="width: 80px;text-align: center;">5192T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C9BCE5"></span><br />

      <span style="width: 160px;text-align: center;">Purple Haze</span>
      <span style="width: 80px;text-align: center;">5194T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B7BEEC"></span><br />

      <span style="width: 160px;text-align: center;">Vinyard Shadow</span>
      <span style="width: 80px;text-align: center;">5231P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C9D9F2"></span><br />

      <span style="width: 160px;text-align: center;">Blue Nocturne</span>
      <span style="width: 80px;text-align: center;">5233D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CCD5EC"></span><br />

      <span style="width: 160px;text-align: center;">Pale Morn Sky</span>
      <span style="width: 80px;text-align: center;">5235P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EEF4FA"></span><br />

      <span style="width: 160px;text-align: center;">So Dainty</span>
      <span style="width: 80px;text-align: center;">6082P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD2AD"></span><br />

      <span style="width: 160px;text-align: center;">Grasslands</span>
      <span style="width: 80px;text-align: center;">61A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C6E0C9"></span><br />

      <span style="width: 160px;text-align: center;">Greenway</span>
      <span style="width: 80px;text-align: center;">63A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#80BF95"></span><br />

      <span style="width: 160px;text-align: center;">Spinning Silk</span>
      <span style="width: 80px;text-align: center;">7021P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCDE52"></span><br />

      <span style="width: 160px;text-align: center;">Buttercup Bouquet</span>
      <span style="width: 80px;text-align: center;">7023D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F8A235"></span><br />

      <span style="width: 160px;text-align: center;">Softly Lit</span>
      <span style="width: 80px;text-align: center;">7025P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE56E"></span><br />

      <span style="width: 160px;text-align: center;">Goldsmith</span>
      <span style="width: 80px;text-align: center;">7052T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB442"></span><br />

      <span style="width: 160px;text-align: center;">Daffodil</span>
      <span style="width: 80px;text-align: center;">7054T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCA743"></span><br />

      <span style="width: 160px;text-align: center;">Daydawn</span>
      <span style="width: 80px;text-align: center;">7091P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F7A996"></span><br />

      <span style="width: 160px;text-align: center;">Koralle</span>
      <span style="width: 80px;text-align: center;">7093D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F03547"></span><br />

      <span style="width: 160px;text-align: center;">Spring Song</span>
      <span style="width: 80px;text-align: center;">7095P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCBCB2"></span><br />

      <span style="width: 160px;text-align: center;">Fresco Blue</span>
      <span style="width: 80px;text-align: center;">7222T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#7FABEE"></span><br />

      <span style="width: 160px;text-align: center;">Blue Emotion</span>
      <span style="width: 80px;text-align: center;">7224T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#6FA2EB"></span><br />

      <span style="width: 160px;text-align: center;">Ash White</span>
      <span style="width: 80px;text-align: center;">OW241P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F0F1E7"></span><br />

      <span style="width: 160px;text-align: center;">Gray Dew</span>
      <span style="width: 80px;text-align: center;">OW242P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFEFED"></span><br />

      <span style="width: 160px;text-align: center;">Country Club</span>
      <span style="width: 80px;text-align: center;">111A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1E2D3"></span><br />

      <span style="width: 160px;text-align: center;">Amenity</span>
      <span style="width: 80px;text-align: center;">1121P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFF8ED"></span><br />

      <span style="width: 160px;text-align: center;">Green Fortune</span>
      <span style="width: 80px;text-align: center;">1123D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B4D9AC"></span><br />

      <span style="width: 160px;text-align: center;">Party Mint</span>
      <span style="width: 80px;text-align: center;">1125P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EAF6E9"></span><br />

      <span style="width: 160px;text-align: center;">Crisp Green</span>
      <span style="width: 80px;text-align: center;">1131P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EEF6F2"></span><br />

      <span style="width: 160px;text-align: center;">Turquoise Beads</span>
      <span style="width: 80px;text-align: center;">1133D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CEE7D8"></span><br />

      <span style="width: 160px;text-align: center;">Falling Water</span>
      <span style="width: 80px;text-align: center;">1135P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E9F4F0"></span><br />

      <span style="width: 160px;text-align: center;">Saddle Brown</span>
      <span style="width: 80px;text-align: center;">141A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#95312E"></span><br />

      <span style="width: 160px;text-align: center;">Red Earth</span>
      <span style="width: 80px;text-align: center;">143A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A72E32"></span><br />

      <span style="width: 160px;text-align: center;">Expresso</span>
      <span style="width: 80px;text-align: center;">151A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#843F3A"></span><br />

      <span style="width: 160px;text-align: center;">Bordeau Brown</span>
      <span style="width: 80px;text-align: center;">154A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3C182B"></span><br />

      <span style="width: 160px;text-align: center;">Tempest Sea</span>
      <span style="width: 80px;text-align: center;">162A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3c5f69"></span><br />

      <span style="width: 160px;text-align: center;">Black Night</span>
      <span style="width: 80px;text-align: center;">164A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3d3b41"></span><br />

      <span style="width: 160px;text-align: center;">Translucent</span>
      <span style="width: 80px;text-align: center;">2012P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcf3b2"></span><br />

      <span style="width: 160px;text-align: center;">Golden Wonder</span>
      <span style="width: 80px;text-align: center;">211A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fc8842"></span><br />

      <span style="width: 160px;text-align: center;">Harvest Orange</span>
      <span style="width: 80px;text-align: center;">213A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fa5738"></span><br />

      <span style="width: 160px;text-align: center;">Scarlet Oak</span>
      <span style="width: 80px;text-align: center;">221A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cb2433"></span><br />

      <span style="width: 160px;text-align: center;">Glowing Ember</span>
      <span style="width: 80px;text-align: center;">223A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ea3041"></span><br />

      <span style="width: 160px;text-align: center;">Porcelain Blue</span>
      <span style="width: 80px;text-align: center;">241A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3a4bad"></span><br />

      <span style="width: 160px;text-align: center;">Dynasty</span>
      <span style="width: 80px;text-align: center;">243A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3a4bad"></span><br />

      <span style="width: 160px;text-align: center;">Knockout Red</span>
      <span style="width: 80px;text-align: center;">261A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e22541"></span><br />

      <span style="width: 160px;text-align: center;">Cotillion Red</span>
      <span style="width: 80px;text-align: center;">263A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6253b"></span><br />

      <span style="width: 160px;text-align: center;">Natural Almond</span>
      <span style="width: 80px;text-align: center;">3011P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFDBAB"></span><br />

      <span style="width: 160px;text-align: center;">Crete Barrel</span>
      <span style="width: 80px;text-align: center;">3013D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B88C3D"></span><br />

      <span style="width: 160px;text-align: center;">Sanded Birch</span>
      <span style="width: 80px;text-align: center;">3015P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#edd594"></span><br />

      <span style="width: 160px;text-align: center;">Jasper Green</span>
      <span style="width: 80px;text-align: center;">3122T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#abce89"></span><br />

      <span style="width: 160px;text-align: center;">Gladwyne Green</span>
      <span style="width: 80px;text-align: center;">3124T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#afcc91"></span><br />

      <span style="width: 160px;text-align: center;">Birch Patina</span>
      <span style="width: 80px;text-align: center;">4021P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ebddc9"></span><br />

      <span style="width: 160px;text-align: center;">Firewood</span>
      <span style="width: 80px;text-align: center;">4023D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#bf814b"></span><br />

      <span style="width: 160px;text-align: center;">Foggy Day</span>
      <span style="width: 80px;text-align: center;">4025P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f2ddb7"></span><br />

      <span style="width: 160px;text-align: center;">Natural Cedar</span>
      <span style="width: 80px;text-align: center;">4072T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e38948"></span><br />

      <span style="width: 160px;text-align: center;">Saddle Tan</span>
      <span style="width: 80px;text-align: center;">4074T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#db8a50"></span><br />

      <span style="width: 160px;text-align: center;">Vessel Chip</span>
      <span style="width: 80px;text-align: center;">4091P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcb488"></span><br />

      <span style="width: 160px;text-align: center;">Copper Bell</span>
      <span style="width: 80px;text-align: center;">4093D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d4352C"></span><br />

      <span style="width: 160px;text-align: center;">Footprint</span>
      <span style="width: 80px;text-align: center;">4095P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcb682"></span><br />

      <span style="width: 160px;text-align: center;">New Brick</span>
      <span style="width: 80px;text-align: center;">4112T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e8624d"></span><br />

      <span style="width: 160px;text-align: center;">Mauve Wood</span>
      <span style="width: 80px;text-align: center;">4114T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e3715a"></span><br />

      <span style="width: 160px;text-align: center;">Light Taupe</span>
      <span style="width: 80px;text-align: center;">4191P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ddbcb6"></span><br />

      <span style="width: 160px;text-align: center;">Brandford Brown</span>
      <span style="width: 80px;text-align: center;">4193D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#884448"></span><br />

      <span style="width: 160px;text-align: center;">Silvertaupe</span>
      <span style="width: 80px;text-align: center;">4195P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#D4B0B4"></span><br />

      <span style="width: 160px;text-align: center;">Liberty Gray</span>
      <span style="width: 80px;text-align: center;">4222T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A198AF"></span><br />

      <span style="width: 160px;text-align: center;">Weathervane</span>
      <span style="width: 80px;text-align: center;">4224T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#9689A3"></span><br />

      <span style="width: 160px;text-align: center;">Wheat Dust</span>
      <span style="width: 80px;text-align: center;">5021P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCC7B"></span><br />

      <span style="width: 160px;text-align: center;">Harvest Flame</span>
      <span style="width: 80px;text-align: center;">5023D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9E40"></span><br />

      <span style="width: 160px;text-align: center;">Chaff</span>
      <span style="width: 80px;text-align: center;">5025P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE79C"></span><br />

      <span style="width: 160px;text-align: center;">Honeynut</span>
      <span style="width: 80px;text-align: center;">5042T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB743"></span><br />

      <span style="width: 160px;text-align: center;">Laquered Maple</span>
      <span style="width: 80px;text-align: center;">5044T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB450"></span><br />

      <span style="width: 160px;text-align: center;">Caramel Cream</span>
      <span style="width: 80px;text-align: center;">5051P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC871"></span><br />

      <span style="width: 160px;text-align: center;">Hubbard Squash</span>
      <span style="width: 80px;text-align: center;">5053D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FB5E35"></span><br />

      <span style="width: 160px;text-align: center;">Weak Tea</span>
      <span style="width: 80px;text-align: center;">5055P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCD85"></span><br />

      <span style="width: 160px;text-align: center;">Muddled Berry</span>
      <span style="width: 80px;text-align: center;">5102T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F5645F"></span><br />

      <span style="width: 160px;text-align: center;">Wintersweet Berry</span>
      <span style="width: 80px;text-align: center;">5104T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC5C5E"></span><br />

      <span style="width: 160px;text-align: center;">Lilac Lace</span>
      <span style="width: 80px;text-align: center;">5191P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E6E5EB"></span><br />

      <span style="width: 160px;text-align: center;">Poet's Purple</span>
      <span style="width: 80px;text-align: center;">5193D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#8B8BD4"></span><br />

      <span style="width: 160px;text-align: center;">Violet Dust</span>
      <span style="width: 80px;text-align: center;">5195P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#D8DCF0"></span><br />

      <span style="width: 160px;text-align: center;">Gray Grape</span>
      <span style="width: 80px;text-align: center;">5232T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A3BAE7"></span><br />

      <span style="width: 160px;text-align: center;">Blue Bramble</span>
      <span style="width: 80px;text-align: center;">5234T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#DEE7F7"></span><br />

      <span style="width: 160px;text-align: center;">Infant Smile</span>
      <span style="width: 80px;text-align: center;">6081P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD2C5"></span><br />

      <span style="width: 160px;text-align: center;">Musing</span>
      <span style="width: 80px;text-align: center;">6083P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD397"></span><br />

      <span style="width: 160px;text-align: center;">Arboretum</span>
      <span style="width: 80px;text-align: center;">62A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#91CAA1"></span><br />

      <span style="width: 160px;text-align: center;">Lush Green</span>
      <span style="width: 80px;text-align: center;">64A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#7DB28F"></span><br />

      <span style="width: 160px;text-align: center;">Crocus Yellow</span>
      <span style="width: 80px;text-align: center;">7022T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC13E"></span><br />

      <span style="width: 160px;text-align: center;">Sweet Yellow</span>
      <span style="width: 80px;text-align: center;">7024T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC949"></span><br />

      <span style="width: 160px;text-align: center;">Melted Butter</span>
      <span style="width: 80px;text-align: center;">7051P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCD54"></span><br />

      <span style="width: 160px;text-align: center;">Field Daisy</span>
      <span style="width: 80px;text-align: center;">7053D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F26F33"></span><br />

      <span style="width: 160px;text-align: center;">Warm Smile</span>
      <span style="width: 80px;text-align: center;">7055P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCC74"></span><br />

      <span style="width: 160px;text-align: center;">Cinnarose</span>
      <span style="width: 80px;text-align: center;">7092T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EF7C66"></span><br />

      <span style="width: 160px;text-align: center;">Corallina</span>
      <span style="width: 80px;text-align: center;">7094T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FEDEDC"></span><br />

      <span style="width: 160px;text-align: center;">Corner Cupboard</span>
      <span style="width: 80px;text-align: center;">7221P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ADCBEE"></span><br />

      <span style="width: 160px;text-align: center;">Blue Award</span>
      <span style="width: 80px;text-align: center;">7223D</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#2A70D1"></span><br />

      <span style="width: 160px;text-align: center;">Blue Aura</span>
      <span style="width: 80px;text-align: center;">7225P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B7D8F4"></span><br />

      <span style="width: 160px;text-align: center;">Snow White</span>
      <span style="width: 80px;text-align: center;">OW201P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCFBE3"></span><br />

      <span style="width: 160px;text-align: center;">Sandlight</span>
      <span style="width: 80px;text-align: center;">OW202P</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FAEDC2"></span><br />

      <span style="width: 160px;text-align: center;">Garden Green</span>
      <span style="width: 80px;text-align: center;">112A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1E0D5"></span><br />

      <span style="width: 160px;text-align: center;">Restful Green</span>
      <span style="width: 80px;text-align: center;">1122T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E5F3E2"></span><br />

      <span style="width: 160px;text-align: center;">Spun Green</span>
      <span style="width: 80px;text-align: center;">1124T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E4F2DE"></span><br />

      <span style="width: 160px;text-align: center;">Lush Foliage</span>
      <span style="width: 80px;text-align: center;">113A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1DED4"></span><br />

      <span style="width: 160px;text-align: center;">Aqua Glass</span>
      <span style="width: 80px;text-align: center;">1132T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E0F0E9"></span><br />

      <span style="width: 160px;text-align: center;">Shalimar</span>
      <span style="width: 80px;text-align: center;">1134T</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E2F1E8"></span><br />

      <span style="width: 160px;text-align: center;">Courtyard Green</span>
      <span style="width: 80px;text-align: center;">114A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C2D8D3"></span><br />

      <span style="width: 160px;text-align: center;">Field Oak</span>
      <span style="width: 80px;text-align: center;">142A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BF2F31"></span><br />

      <span style="width: 160px;text-align: center;">Red Country</span>
      <span style="width: 80px;text-align: center;">144A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#AB3838"></span><br />

      <span style="width: 160px;text-align: center;">Newtowne Brown</span>
      <span style="width: 80px;text-align: center;">152A</span>
      <span style="width: 80px;text-align: center;"><img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.images['prev'].style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A2383D"></span><br />
</div>
0
Comment
Question by:jaysolomon
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
  • 2
11 Comments
 
LVL 16

Author Comment

by:jaysolomon
ID: 10834960
and lastly, i like this one better

<html>
<head>
<title></title>
</head>
<body>
<div id="colorBar" style="width: 400px;color: #cccccc;text-align: center;"></div>
<div style="border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;width: 400px;">
<span style="background: #f5f5f5; border-right: 1px solid #cccccc;width: 160px;text-align: center;"><b><u>Name</u></b></span><span style="background: #f5f5f5; border-right: 1px solid #cccccc;width: 80px;text-align: center;"><b><u>Code</u></b></span><span style="background: #f5f5f5; width: 158px;text-align: center;"><b><u>Color</u></b></span><br />
</div>
<div style="overflow: auto;width: 400px; height: 400px;border: 1px double #cccccc;">
      <span style="width: 160px;text-align: center;">Tempest Brown</span>
      <span style="width: 80px;text-align: center;">153A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#9b404F"></span><br />

      <span style="width: 160px;text-align: center;">Flint Black</span>
      <span style="width: 80px;text-align: center;">161A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#000000"></span><br />

      <span style="width: 160px;text-align: center;">Ebony Blue</span>
      <span style="width: 80px;text-align: center;">163A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3B416B"></span><br />

      <span style="width: 160px;text-align: center;">Hearth Yellow</span>
      <span style="width: 80px;text-align: center;">2011P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcf887"></span><br />

      <span style="width: 160px;text-align: center;">Almond Chip</span>
      <span style="width: 80px;text-align: center;">2013P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcefcc"></span><br />

      <span style="width: 160px;text-align: center;">Baroque</span>
      <span style="width: 80px;text-align: center;">212A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EE5b3c"></span><br />

      <span style="width: 160px;text-align: center;">Tigerstripe</span>
      <span style="width: 80px;text-align: center;">214A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f73532"></span><br />

      <span style="width: 160px;text-align: center;">Robust Red</span>
      <span style="width: 80px;text-align: center;">222A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d62a32"></span><br />

      <span style="width: 160px;text-align: center;">October Bronze</span>
      <span style="width: 80px;text-align: center;">224A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ed293E"></span><br />

      <span style="width: 160px;text-align: center;">Tremont Blue</span>
      <span style="width: 80px;text-align: center;">242A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#2e54b8"></span><br />

      <span style="width: 160px;text-align: center;">Blue Purple</span>
      <span style="width: 80px;text-align: center;">244A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#4c45a4"></span><br />

      <span style="width: 160px;text-align: center;">Sashay Red</span>
      <span style="width: 80px;text-align: center;">262A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6254A"></span><br />

      <span style="width: 160px;text-align: center;">Orange Soverign</span>
      <span style="width: 80px;text-align: center;">264A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6253b"></span><br />

      <span style="width: 160px;text-align: center;">Wood Box</span>
      <span style="width: 80px;text-align: center;">3012T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ddbc67"></span><br />

      <span style="width: 160px;text-align: center;">Weatherburn Tan</span>
      <span style="width: 80px;text-align: center;">3014T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#dab25C"></span><br />

      <span style="width: 160px;text-align: center;">Pine Bud</span>
      <span style="width: 80px;text-align: center;">3121P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d8edcb"></span><br />

      <span style="width: 160px;text-align: center;">Terrestrial Green</span>
      <span style="width: 80px;text-align: center;">3123D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#66994c"></span><br />

      <span style="width: 160px;text-align: center;">Washed Needles</span>
      <span style="width: 80px;text-align: center;">3125P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cbe3b6"></span><br />

      <span style="width: 160px;text-align: center;">Curling Bark</span>
      <span style="width: 80px;text-align: center;">4022T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e9c491"></span><br />

      <span style="width: 160px;text-align: center;">Shipsgate</span>
      <span style="width: 80px;text-align: center;">4024T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#dbae70"></span><br />

      <span style="width: 160px;text-align: center;">Cedar Scent</span>
      <span style="width: 80px;text-align: center;">4071P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fbc396"></span><br />

      <span style="width: 160px;text-align: center;">Cider Brown</span>
      <span style="width: 80px;text-align: center;">4073D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cb4d38"></span><br />

      <span style="width: 160px;text-align: center;">Valley Smoke</span>
      <span style="width: 80px;text-align: center;">4075P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#edb88F"></span><br />

      <span style="width: 160px;text-align: center;">Clay Vessel</span>
      <span style="width: 80px;text-align: center;">4092T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F67A43"></span><br />

      <span style="width: 160px;text-align: center;">Wet Moccasin</span>
      <span style="width: 80px;text-align: center;">4094T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e87d42"></span><br />

      <span style="width: 160px;text-align: center;">Prairie Dust</span>
      <span style="width: 80px;text-align: center;">4111P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fca898"></span><br />

      <span style="width: 160px;text-align: center;">Redwood Plank</span>
      <span style="width: 80px;text-align: center;">4113D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#c73133"></span><br />

      <span style="width: 160px;text-align: center;">Mauve Gray</span>
      <span style="width: 80px;text-align: center;">4115P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e59985"></span><br />

      <span style="width: 160px;text-align: center;">Ashwood</span>
      <span style="width: 80px;text-align: center;">4192T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ba7f82"></span><br />

      <span style="width: 160px;text-align: center;">Outpost Gray</span>
      <span style="width: 80px;text-align: center;">4194T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CECDD9"></span><br />

      <span style="width: 160px;text-align: center;">Quarry Pebble</span>
      <span style="width: 80px;text-align: center;">4221P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CECDD9"></span><br />

      <span style="width: 160px;text-align: center;">Silhouette Gray</span>
      <span style="width: 80px;text-align: center;">4223D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BA5B78"></span><br />

      <span style="width: 160px;text-align: center;">Gray Mystic</span>
      <span style="width: 80px;text-align: center;">4225P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BEBEC4"></span><br />

      <span style="width: 160px;text-align: center;">Dry Wheat</span>
      <span style="width: 80px;text-align: center;">5022T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F5BC4D"></span><br />

      <span style="width: 160px;text-align: center;">Ripe Wheat</span>
      <span style="width: 80px;text-align: center;">5024T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC94E"></span><br />

      <span style="width: 160px;text-align: center;">Sunstraw</span>
      <span style="width: 80px;text-align: center;">5041P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD675"></span><br />

      <span style="width: 160px;text-align: center;">Mansion Gold</span>
      <span style="width: 80px;text-align: center;">5043D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#AD383F"></span><br />

      <span style="width: 160px;text-align: center;">Pearl Inlay</span>
      <span style="width: 80px;text-align: center;">5045P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE092"></span><br />

      <span style="width: 160px;text-align: center;">Caramel Sugar</span>
      <span style="width: 80px;text-align: center;">5052T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9E4C"></span><br />

      <span style="width: 160px;text-align: center;">Sunshine Tea</span>
      <span style="width: 80px;text-align: center;">5054T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9849"></span><br />

      <span style="width: 160px;text-align: center;">Berry Wine</span>
      <span style="width: 80px;text-align: center;">5101P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9D8F"></span><br />

      <span style="width: 160px;text-align: center;">Cactus Berry</span>
      <span style="width: 80px;text-align: center;">5103D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F23443"></span><br />

      <span style="width: 160px;text-align: center;">Victorian Peach</span>
      <span style="width: 80px;text-align: center;">5105P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCA592"></span><br />

      <span style="width: 160px;text-align: center;">Faded Lilac</span>
      <span style="width: 80px;text-align: center;">5192T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C9BCE5"></span><br />

      <span style="width: 160px;text-align: center;">Purple Haze</span>
      <span style="width: 80px;text-align: center;">5194T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B7BEEC"></span><br />

      <span style="width: 160px;text-align: center;">Vinyard Shadow</span>
      <span style="width: 80px;text-align: center;">5231P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C9D9F2"></span><br />

      <span style="width: 160px;text-align: center;">Blue Nocturne</span>
      <span style="width: 80px;text-align: center;">5233D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CCD5EC"></span><br />

      <span style="width: 160px;text-align: center;">Pale Morn Sky</span>
      <span style="width: 80px;text-align: center;">5235P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EEF4FA"></span><br />

      <span style="width: 160px;text-align: center;">So Dainty</span>
      <span style="width: 80px;text-align: center;">6082P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD2AD"></span><br />

      <span style="width: 160px;text-align: center;">Grasslands</span>
      <span style="width: 80px;text-align: center;">61A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C6E0C9"></span><br />

      <span style="width: 160px;text-align: center;">Greenway</span>
      <span style="width: 80px;text-align: center;">63A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#80BF95"></span><br />

      <span style="width: 160px;text-align: center;">Spinning Silk</span>
      <span style="width: 80px;text-align: center;">7021P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCDE52"></span><br />

      <span style="width: 160px;text-align: center;">Buttercup Bouquet</span>
      <span style="width: 80px;text-align: center;">7023D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F8A235"></span><br />

      <span style="width: 160px;text-align: center;">Softly Lit</span>
      <span style="width: 80px;text-align: center;">7025P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE56E"></span><br />

      <span style="width: 160px;text-align: center;">Goldsmith</span>
      <span style="width: 80px;text-align: center;">7052T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB442"></span><br />

      <span style="width: 160px;text-align: center;">Daffodil</span>
      <span style="width: 80px;text-align: center;">7054T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCA743"></span><br />

      <span style="width: 160px;text-align: center;">Daydawn</span>
      <span style="width: 80px;text-align: center;">7091P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F7A996"></span><br />

      <span style="width: 160px;text-align: center;">Koralle</span>
      <span style="width: 80px;text-align: center;">7093D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F03547"></span><br />

      <span style="width: 160px;text-align: center;">Spring Song</span>
      <span style="width: 80px;text-align: center;">7095P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCBCB2"></span><br />

      <span style="width: 160px;text-align: center;">Fresco Blue</span>
      <span style="width: 80px;text-align: center;">7222T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#7FABEE"></span><br />

      <span style="width: 160px;text-align: center;">Blue Emotion</span>
      <span style="width: 80px;text-align: center;">7224T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#6FA2EB"></span><br />

      <span style="width: 160px;text-align: center;">Ash White</span>
      <span style="width: 80px;text-align: center;">OW241P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F0F1E7"></span><br />

      <span style="width: 160px;text-align: center;">Gray Dew</span>
      <span style="width: 80px;text-align: center;">OW242P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFEFED"></span><br />

      <span style="width: 160px;text-align: center;">Country Club</span>
      <span style="width: 80px;text-align: center;">111A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1E2D3"></span><br />

      <span style="width: 160px;text-align: center;">Amenity</span>
      <span style="width: 80px;text-align: center;">1121P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFF8ED"></span><br />

      <span style="width: 160px;text-align: center;">Green Fortune</span>
      <span style="width: 80px;text-align: center;">1123D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B4D9AC"></span><br />

      <span style="width: 160px;text-align: center;">Party Mint</span>
      <span style="width: 80px;text-align: center;">1125P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EAF6E9"></span><br />

      <span style="width: 160px;text-align: center;">Crisp Green</span>
      <span style="width: 80px;text-align: center;">1131P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EEF6F2"></span><br />

      <span style="width: 160px;text-align: center;">Turquoise Beads</span>
      <span style="width: 80px;text-align: center;">1133D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#CEE7D8"></span><br />

      <span style="width: 160px;text-align: center;">Falling Water</span>
      <span style="width: 80px;text-align: center;">1135P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E9F4F0"></span><br />

      <span style="width: 160px;text-align: center;">Saddle Brown</span>
      <span style="width: 80px;text-align: center;">141A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#95312E"></span><br />

      <span style="width: 160px;text-align: center;">Red Earth</span>
      <span style="width: 80px;text-align: center;">143A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A72E32"></span><br />

      <span style="width: 160px;text-align: center;">Expresso</span>
      <span style="width: 80px;text-align: center;">151A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#843F3A"></span><br />

      <span style="width: 160px;text-align: center;">Bordeau Brown</span>
      <span style="width: 80px;text-align: center;">154A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3C182B"></span><br />

      <span style="width: 160px;text-align: center;">Tempest Sea</span>
      <span style="width: 80px;text-align: center;">162A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3c5f69"></span><br />

      <span style="width: 160px;text-align: center;">Black Night</span>
      <span style="width: 80px;text-align: center;">164A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3d3b41"></span><br />

      <span style="width: 160px;text-align: center;">Translucent</span>
      <span style="width: 80px;text-align: center;">2012P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcf3b2"></span><br />

      <span style="width: 160px;text-align: center;">Golden Wonder</span>
      <span style="width: 80px;text-align: center;">211A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fc8842"></span><br />

      <span style="width: 160px;text-align: center;">Harvest Orange</span>
      <span style="width: 80px;text-align: center;">213A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fa5738"></span><br />

      <span style="width: 160px;text-align: center;">Scarlet Oak</span>
      <span style="width: 80px;text-align: center;">221A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#cb2433"></span><br />

      <span style="width: 160px;text-align: center;">Glowing Ember</span>
      <span style="width: 80px;text-align: center;">223A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ea3041"></span><br />

      <span style="width: 160px;text-align: center;">Porcelain Blue</span>
      <span style="width: 80px;text-align: center;">241A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3a4bad"></span><br />

      <span style="width: 160px;text-align: center;">Dynasty</span>
      <span style="width: 80px;text-align: center;">243A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#3a4bad"></span><br />

      <span style="width: 160px;text-align: center;">Knockout Red</span>
      <span style="width: 80px;text-align: center;">261A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e22541"></span><br />

      <span style="width: 160px;text-align: center;">Cotillion Red</span>
      <span style="width: 80px;text-align: center;">263A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f6253b"></span><br />

      <span style="width: 160px;text-align: center;">Natural Almond</span>
      <span style="width: 80px;text-align: center;">3011P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EFDBAB"></span><br />

      <span style="width: 160px;text-align: center;">Crete Barrel</span>
      <span style="width: 80px;text-align: center;">3013D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B88C3D"></span><br />

      <span style="width: 160px;text-align: center;">Sanded Birch</span>
      <span style="width: 80px;text-align: center;">3015P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#edd594"></span><br />

      <span style="width: 160px;text-align: center;">Jasper Green</span>
      <span style="width: 80px;text-align: center;">3122T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#abce89"></span><br />

      <span style="width: 160px;text-align: center;">Gladwyne Green</span>
      <span style="width: 80px;text-align: center;">3124T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#afcc91"></span><br />

      <span style="width: 160px;text-align: center;">Birch Patina</span>
      <span style="width: 80px;text-align: center;">4021P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ebddc9"></span><br />

      <span style="width: 160px;text-align: center;">Firewood</span>
      <span style="width: 80px;text-align: center;">4023D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#bf814b"></span><br />

      <span style="width: 160px;text-align: center;">Foggy Day</span>
      <span style="width: 80px;text-align: center;">4025P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#f2ddb7"></span><br />

      <span style="width: 160px;text-align: center;">Natural Cedar</span>
      <span style="width: 80px;text-align: center;">4072T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e38948"></span><br />

      <span style="width: 160px;text-align: center;">Saddle Tan</span>
      <span style="width: 80px;text-align: center;">4074T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#db8a50"></span><br />

      <span style="width: 160px;text-align: center;">Vessel Chip</span>
      <span style="width: 80px;text-align: center;">4091P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcb488"></span><br />

      <span style="width: 160px;text-align: center;">Copper Bell</span>
      <span style="width: 80px;text-align: center;">4093D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#d4352C"></span><br />

      <span style="width: 160px;text-align: center;">Footprint</span>
      <span style="width: 80px;text-align: center;">4095P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#fcb682"></span><br />

      <span style="width: 160px;text-align: center;">New Brick</span>
      <span style="width: 80px;text-align: center;">4112T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e8624d"></span><br />

      <span style="width: 160px;text-align: center;">Mauve Wood</span>
      <span style="width: 80px;text-align: center;">4114T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#e3715a"></span><br />

      <span style="width: 160px;text-align: center;">Light Taupe</span>
      <span style="width: 80px;text-align: center;">4191P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ddbcb6"></span><br />

      <span style="width: 160px;text-align: center;">Brandford Brown</span>
      <span style="width: 80px;text-align: center;">4193D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#884448"></span><br />

      <span style="width: 160px;text-align: center;">Silvertaupe</span>
      <span style="width: 80px;text-align: center;">4195P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#D4B0B4"></span><br />

      <span style="width: 160px;text-align: center;">Liberty Gray</span>
      <span style="width: 80px;text-align: center;">4222T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A198AF"></span><br />

      <span style="width: 160px;text-align: center;">Weathervane</span>
      <span style="width: 80px;text-align: center;">4224T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#9689A3"></span><br />

      <span style="width: 160px;text-align: center;">Wheat Dust</span>
      <span style="width: 80px;text-align: center;">5021P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCC7B"></span><br />

      <span style="width: 160px;text-align: center;">Harvest Flame</span>
      <span style="width: 80px;text-align: center;">5023D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC9E40"></span><br />

      <span style="width: 160px;text-align: center;">Chaff</span>
      <span style="width: 80px;text-align: center;">5025P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCE79C"></span><br />

      <span style="width: 160px;text-align: center;">Honeynut</span>
      <span style="width: 80px;text-align: center;">5042T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB743"></span><br />

      <span style="width: 160px;text-align: center;">Laquered Maple</span>
      <span style="width: 80px;text-align: center;">5044T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCB450"></span><br />

      <span style="width: 160px;text-align: center;">Caramel Cream</span>
      <span style="width: 80px;text-align: center;">5051P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC871"></span><br />

      <span style="width: 160px;text-align: center;">Hubbard Squash</span>
      <span style="width: 80px;text-align: center;">5053D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FB5E35"></span><br />

      <span style="width: 160px;text-align: center;">Weak Tea</span>
      <span style="width: 80px;text-align: center;">5055P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCD85"></span><br />

      <span style="width: 160px;text-align: center;">Muddled Berry</span>
      <span style="width: 80px;text-align: center;">5102T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F5645F"></span><br />

      <span style="width: 160px;text-align: center;">Wintersweet Berry</span>
      <span style="width: 80px;text-align: center;">5104T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FC5C5E"></span><br />

      <span style="width: 160px;text-align: center;">Lilac Lace</span>
      <span style="width: 80px;text-align: center;">5191P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E6E5EB"></span><br />

      <span style="width: 160px;text-align: center;">Poet's Purple</span>
      <span style="width: 80px;text-align: center;">5193D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#8B8BD4"></span><br />

      <span style="width: 160px;text-align: center;">Violet Dust</span>
      <span style="width: 80px;text-align: center;">5195P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#D8DCF0"></span><br />

      <span style="width: 160px;text-align: center;">Gray Grape</span>
      <span style="width: 80px;text-align: center;">5232T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A3BAE7"></span><br />

      <span style="width: 160px;text-align: center;">Blue Bramble</span>
      <span style="width: 80px;text-align: center;">5234T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#DEE7F7"></span><br />

      <span style="width: 160px;text-align: center;">Infant Smile</span>
      <span style="width: 80px;text-align: center;">6081P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD2C5"></span><br />

      <span style="width: 160px;text-align: center;">Musing</span>
      <span style="width: 80px;text-align: center;">6083P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCD397"></span><br />

      <span style="width: 160px;text-align: center;">Arboretum</span>
      <span style="width: 80px;text-align: center;">62A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#91CAA1"></span><br />

      <span style="width: 160px;text-align: center;">Lush Green</span>
      <span style="width: 80px;text-align: center;">64A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#7DB28F"></span><br />

      <span style="width: 160px;text-align: center;">Crocus Yellow</span>
      <span style="width: 80px;text-align: center;">7022T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC13E"></span><br />

      <span style="width: 160px;text-align: center;">Sweet Yellow</span>
      <span style="width: 80px;text-align: center;">7024T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCC949"></span><br />

      <span style="width: 160px;text-align: center;">Melted Butter</span>
      <span style="width: 80px;text-align: center;">7051P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCD54"></span><br />

      <span style="width: 160px;text-align: center;">Field Daisy</span>
      <span style="width: 80px;text-align: center;">7053D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#F26F33"></span><br />

      <span style="width: 160px;text-align: center;">Warm Smile</span>
      <span style="width: 80px;text-align: center;">7055P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCCC74"></span><br />

      <span style="width: 160px;text-align: center;">Cinnarose</span>
      <span style="width: 80px;text-align: center;">7092T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#EF7C66"></span><br />

      <span style="width: 160px;text-align: center;">Corallina</span>
      <span style="width: 80px;text-align: center;">7094T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FEDEDC"></span><br />

      <span style="width: 160px;text-align: center;">Corner Cupboard</span>
      <span style="width: 80px;text-align: center;">7221P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#ADCBEE"></span><br />

      <span style="width: 160px;text-align: center;">Blue Award</span>
      <span style="width: 80px;text-align: center;">7223D</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#2A70D1"></span><br />

      <span style="width: 160px;text-align: center;">Blue Aura</span>
      <span style="width: 80px;text-align: center;">7225P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#B7D8F4"></span><br />

      <span style="width: 160px;text-align: center;">Snow White</span>
      <span style="width: 80px;text-align: center;">OW201P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FCFBE3"></span><br />

      <span style="width: 160px;text-align: center;">Sandlight</span>
      <span style="width: 80px;text-align: center;">OW202P</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#FAEDC2"></span><br />

      <span style="width: 160px;text-align: center;">Garden Green</span>
      <span style="width: 80px;text-align: center;">112A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1E0D5"></span><br />

      <span style="width: 160px;text-align: center;">Restful Green</span>
      <span style="width: 80px;text-align: center;">1122T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E5F3E2"></span><br />

      <span style="width: 160px;text-align: center;">Spun Green</span>
      <span style="width: 80px;text-align: center;">1124T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E4F2DE"></span><br />

      <span style="width: 160px;text-align: center;">Lush Foliage</span>
      <span style="width: 80px;text-align: center;">113A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C1DED4"></span><br />

      <span style="width: 160px;text-align: center;">Aqua Glass</span>
      <span style="width: 80px;text-align: center;">1132T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E0F0E9"></span><br />

      <span style="width: 160px;text-align: center;">Shalimar</span>
      <span style="width: 80px;text-align: center;">1134T</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#E2F1E8"></span><br />

      <span style="width: 160px;text-align: center;">Courtyard Green</span>
      <span style="width: 80px;text-align: center;">114A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#C2D8D3"></span><br />

      <span style="width: 160px;text-align: center;">Field Oak</span>
      <span style="width: 80px;text-align: center;">142A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#BF2F31"></span><br />

      <span style="width: 160px;text-align: center;">Red Country</span>
      <span style="width: 80px;text-align: center;">144A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#AB3838"></span><br />

      <span style="width: 160px;text-align: center;">Newtowne Brown</span>
      <span style="width: 80px;text-align: center;">152A</span>
      <span style="width: 133px;text-align: center;"><img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="document.getElementById('colorBar').style.backgroundColor = 'transparent';this.style.width='80px';" src="color_mask.gif" width="80" height="20" STYLE="cursor: e-resize;background-color:#A2383D"></span><br />
</div>
</body>
</html>
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10836194
You maniac....

1. I'd like to have access to the gif image...
2. Why the resize cursor?
3. This should have a strict doctype - are you okay with that, because it affects the rendering.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10836201
Also - I need to remove the span tags - they're not supposed to have a width defined...
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 16

Author Comment

by:jaysolomon
ID: 10836318
Do whatever you need to do, i have a strict doctype i just did not copy paste all :)

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 10836344
I'll look at this for you... It may take a litle time though.
0
 
LVL 16

Author Comment

by:jaysolomon
ID: 10836371
http://jaysolomon.fateback.com/color_mask.gif is the image.
It is just a image that is white, 80 x 20  and looks like so when you add color to the BG
  ______________
(_______________)

If that makes any since

in short it is ( on either side.

I just use the cursor for the heck of it, i really do not need it i just thought since onmouseover i was making the image wider
i would just turn the cursor.....  Anyways you do whatever and i am off to continue to work on the other parts


TIA
jAy
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10836374
I've finished the file for you - do you want the color bars separated a little vertically or together?
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 10836390
Nevermind then, lol. Good job seanpowell.
0
 
LVL 16

Author Comment

by:jaysolomon
ID: 10836432
if you think it would look a lil better then yes, if not then leave as is

TIA so  much
jAy
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 500 total points
ID: 10836570
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10836595
BTW - you're doctype is problematic.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

The prolog:

<?xml

throws IE into quirks mode.

If you're not using xml for the page, then just simplify it to the one I used in my example.
If you are then remove the first line - you don't need ti anyways...
0

Featured Post

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
HTML Anchor Link Problem 3 54
How to create a table with buttons 3 33
ASP sending two datas 2 23
Table doesn't show the lines! 3 25
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question