asked on

Mozilla IE

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"> 
NameCodeColor 
<div style="overflow: scroll;width: 500px; height: 400px;">
 Tempest Brown
 153A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Flint Black
 161A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ebony Blue
 163A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Hearth Yellow
 2011P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Almond Chip
 2013P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Baroque
 212A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tigerstripe
 214A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Robust Red
 222A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 October Bronze
 224A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tremont Blue
 242A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Purple
 244A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sashay Red
 262A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Orange Soverign
 264A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wood Box
 3012T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weatherburn Tan
 3014T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pine Bud
 3121P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Terrestrial Green
 3123D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Washed Needles
 3125P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Curling Bark
 4022T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Shipsgate
 4024T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cedar Scent
 4071P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cider Brown
 4073D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Valley Smoke
 4075P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Clay Vessel
 4092T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wet Moccasin
 4094T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Prairie Dust
 4111P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Redwood Plank
 4113D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mauve Gray
 4115P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ashwood
 4192T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Outpost Gray
 4194T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Quarry Pebble
 4221P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Silhouette Gray
 4223D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Mystic
 4225P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Dry Wheat
 5022T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ripe Wheat
 5024T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sunstraw
 5041P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mansion Gold
 5043D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pearl Inlay
 5045P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Caramel Sugar
 5052T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sunshine Tea
 5054T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Berry Wine
 5101P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cactus Berry
 5103D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Victorian Peach
 5105P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Faded Lilac
 5192T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Purple Haze
 5194T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Vinyard Shadow
 5231P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Nocturne
 5233D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pale Morn Sky
 5235P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 So Dainty
 6082P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Grasslands
 61A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Greenway
 63A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spinning Silk
 7021P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Buttercup Bouquet
 7023D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Softly Lit
 7025P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Goldsmith
 7052T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Daffodil
 7054T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Daydawn
 7091P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Koralle
 7093D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spring Song
 7095P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Fresco Blue
 7222T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Emotion
 7224T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ash White
 OW241P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Dew
 OW242P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Country Club
 111A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Amenity
 1121P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Green Fortune
 1123D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Party Mint
 1125P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crisp Green
 1131P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Turquoise Beads
 1133D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Falling Water
 1135P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Saddle Brown
 141A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Red Earth
 143A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Expresso
 151A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Bordeau Brown
 154A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tempest Sea
 162A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Black Night
 164A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Translucent
 2012P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Golden Wonder
 211A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Harvest Orange
 213A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Scarlet Oak
 221A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Glowing Ember
 223A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Porcelain Blue
 241A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Dynasty
 243A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Knockout Red
 261A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cotillion Red
 263A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Natural Almond
 3011P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crete Barrel
 3013D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sanded Birch
 3015P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Jasper Green
 3122T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gladwyne Green
 3124T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Birch Patina
 4021P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Firewood
 4023D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Foggy Day
 4025P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Natural Cedar
 4072T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Saddle Tan
 4074T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Vessel Chip
 4091P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Copper Bell
 4093D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Footprint
 4095P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 New Brick
 4112T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mauve Wood
 4114T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Light Taupe
 4191P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Brandford Brown
 4193D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Silvertaupe
 4195P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Liberty Gray
 4222T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weathervane
 4224T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wheat Dust
 5021P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Harvest Flame
 5023D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Chaff
 5025P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Honeynut
 5042T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Laquered Maple
 5044T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Caramel Cream
 5051P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Hubbard Squash
 5053D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weak Tea
 5055P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Muddled Berry
 5102T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wintersweet Berry
 5104T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lilac Lace
 5191P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Poet's Purple
 5193D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Violet Dust
 5195P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Grape
 5232T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Bramble
 5234T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Infant Smile
 6081P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Musing
 6083P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Arboretum
 62A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lush Green
 64A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crocus Yellow
 7022T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sweet Yellow
 7024T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Melted Butter
 7051P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Field Daisy
 7053D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Warm Smile
 7055P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cinnarose
 7092T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Corallina
 7094T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Corner Cupboard
 7221P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Award
 7223D
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Aura
 7225P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Snow White
 OW201P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sandlight
 OW202P
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Garden Green
 112A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Restful Green
 1122T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spun Green
 1124T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lush Foliage
 113A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Aqua Glass
 1132T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Shalimar
 1134T
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Courtyard Green
 114A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Field Oak
 142A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Red Country
 144A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Newtowne Brown
 152A
 <img onmouseover="document.images['prev'].style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 
</div>

jaysolomon

ASKER

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;">
NameCodeColor 
</div>
<div style="overflow: auto;width: 400px; height: 400px;border: 1px double #cccccc;">
 Tempest Brown
 153A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Flint Black
 161A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ebony Blue
 163A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Hearth Yellow
 2011P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Almond Chip
 2013P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Baroque
 212A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tigerstripe
 214A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Robust Red
 222A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 October Bronze
 224A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tremont Blue
 242A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Purple
 244A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sashay Red
 262A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Orange Soverign
 264A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wood Box
 3012T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weatherburn Tan
 3014T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pine Bud
 3121P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Terrestrial Green
 3123D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Washed Needles
 3125P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Curling Bark
 4022T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Shipsgate
 4024T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cedar Scent
 4071P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cider Brown
 4073D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Valley Smoke
 4075P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Clay Vessel
 4092T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wet Moccasin
 4094T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Prairie Dust
 4111P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Redwood Plank
 4113D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mauve Gray
 4115P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ashwood
 4192T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Outpost Gray
 4194T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Quarry Pebble
 4221P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Silhouette Gray
 4223D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Mystic
 4225P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Dry Wheat
 5022T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ripe Wheat
 5024T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sunstraw
 5041P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mansion Gold
 5043D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pearl Inlay
 5045P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Caramel Sugar
 5052T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sunshine Tea
 5054T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Berry Wine
 5101P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cactus Berry
 5103D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Victorian Peach
 5105P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Faded Lilac
 5192T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Purple Haze
 5194T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Vinyard Shadow
 5231P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Nocturne
 5233D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Pale Morn Sky
 5235P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 So Dainty
 6082P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Grasslands
 61A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Greenway
 63A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spinning Silk
 7021P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Buttercup Bouquet
 7023D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Softly Lit
 7025P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Goldsmith
 7052T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Daffodil
 7054T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Daydawn
 7091P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Koralle
 7093D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spring Song
 7095P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Fresco Blue
 7222T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Emotion
 7224T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Ash White
 OW241P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Dew
 OW242P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Country Club
 111A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Amenity
 1121P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Green Fortune
 1123D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Party Mint
 1125P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crisp Green
 1131P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Turquoise Beads
 1133D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Falling Water
 1135P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Saddle Brown
 141A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Red Earth
 143A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Expresso
 151A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Bordeau Brown
 154A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Tempest Sea
 162A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Black Night
 164A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Translucent
 2012P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Golden Wonder
 211A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Harvest Orange
 213A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Scarlet Oak
 221A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Glowing Ember
 223A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Porcelain Blue
 241A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Dynasty
 243A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Knockout Red
 261A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cotillion Red
 263A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Natural Almond
 3011P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crete Barrel
 3013D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sanded Birch
 3015P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Jasper Green
 3122T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gladwyne Green
 3124T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Birch Patina
 4021P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Firewood
 4023D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Foggy Day
 4025P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Natural Cedar
 4072T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Saddle Tan
 4074T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Vessel Chip
 4091P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Copper Bell
 4093D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Footprint
 4095P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 New Brick
 4112T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Mauve Wood
 4114T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Light Taupe
 4191P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Brandford Brown
 4193D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Silvertaupe
 4195P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Liberty Gray
 4222T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weathervane
 4224T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wheat Dust
 5021P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Harvest Flame
 5023D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Chaff
 5025P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Honeynut
 5042T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Laquered Maple
 5044T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Caramel Cream
 5051P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Hubbard Squash
 5053D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Weak Tea
 5055P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Muddled Berry
 5102T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Wintersweet Berry
 5104T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lilac Lace
 5191P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Poet's Purple
 5193D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Violet Dust
 5195P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Gray Grape
 5232T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Bramble
 5234T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Infant Smile
 6081P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Musing
 6083P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Arboretum
 62A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lush Green
 64A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Crocus Yellow
 7022T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sweet Yellow
 7024T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Melted Butter
 7051P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Field Daisy
 7053D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Warm Smile
 7055P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Cinnarose
 7092T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Corallina
 7094T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Corner Cupboard
 7221P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Award
 7223D
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Blue Aura
 7225P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Snow White
 OW201P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Sandlight
 OW202P
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Garden Green
 112A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Restful Green
 1122T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Spun Green
 1124T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Lush Foliage
 113A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Aqua Glass
 1132T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Shalimar
 1134T
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Courtyard Green
 114A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Field Oak
 142A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Red Country
 144A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 

 Newtowne Brown
 152A
 <img onmouseover="document.getElementById('colorBar').style.backgroundColor = this.style.backgroundColor;this.style.width='100px';" onmouseout="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"> 
</div>
</body>
</html>

seanpowell

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.

seanpowell

Also - I need to remove the span tags - they're not supposed to have a width defined...

jaysolomon

ASKER

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">

Zyloch

I'll look at this for you... It may take a litle time though.

jaysolomon

ASKER

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

seanpowell

I've finished the file for you - do you want the color bars separated a little vertically or together?

Zyloch

Nevermind then, lol. Good job seanpowell.

jaysolomon

ASKER

if you think it would look a lil better then yes, if not then leave as is

TIA so much
jAy

ASKER CERTIFIED SOLUTION

seanpowell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

seanpowell

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...