Solved

Mozilla IE

Posted on 2004-04-15
11
421 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
  • 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
 
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
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

757 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now