.colorSwatch {display:none;}
.colorSwatch {width:15px; height:15px; border:1px solid #000; margin:0 8px 0 0; float:left;}
.colorSwatch.label {float:right; margin:0 8px 0 0;}

div.line .colorSwatch {float:none; margin:0 0 0 10px; position:relative; top:4px;}

/*--------------    hide swatches    --------------------*/
.colorSwatch.nohub, 
.colorSwatch.chromehub {display:none;}




/*--------------    neutrals    --------------------*/
.colorSwatch.white {background-color: #ffffff; display:inline-block;}
.colorSwatch.black {background-color: #000000; display:inline-block;}
.colorSwatch.blackopaque {background-color: #000000; display:inline-block;}
.colorSwatch.blackopaque12x24x18 {background-color: #000000; display:inline-block;}
.colorSwatch.blackopaque12x24x14 {background-color: #000000; display:inline-block;}
.colorSwatch.brown {background-color: #926d4d; display:inline-block;}
.colorSwatch.gray {background-color: #cccccc; display:inline-block;}
.colorSwatch.paintable {background-color: #ffffff; display:inline-block;}
.colorSwatch.blackopaque {background-color: #000000; display:inline-block;}
.colorSwatch.flatblack {background-color: #000000; display:inline-block;}
.colorSwatch.glossblack {background:#000000 url('swatches/glossblackSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.gray60yd {background-color: #cccccc; display:inline-block;}



/*--------------    reds/pinks    --------------------*/
.colorSwatch.red {background-color: #FF0000; display:inline-block;}
.colorSwatch.shallowrednolid {background-color: #FF0000; display:inline-block;}
.colorSwatch.shallowredwithlid {background-color: #FF0000; display:inline-block;}
.colorSwatch.redpkgof120 {background-color: #FF0000; display:inline-block;}
.colorSwatch.redtranslucent {background-color: #FF0000; display:inline-block;}
.colorSwatch.iridescentbritered {background-color: #E4264A; display:inline-block;}
.colorSwatch.iridescentcandyapplered {background-color: #A9254C; display:inline-block;}
.colorSwatch.flamered {background-color: #FF0000; display:inline-block;}
.colorSwatch.brightred {background-color: #FF0000; display:inline-block;}
.colorSwatch.cherryred {background-color: #FF0000; display:inline-block;}
.colorSwatch.deepred {background-color: #A71431; display:inline-block;}
.colorSwatch.pink {background-color: #E88393; display:inline-block;}
.colorSwatch.hotpink {background-color: #d73576; display:inline-block;}


/*--------------    blues   --------------------*/
.colorSwatch.blue {background-color: #384ABB; display:inline-block;}
.colorSwatch.largebluenolid {background-color: #384ABB; display:inline-block;}
.colorSwatch.largebluewithlid {background-color: #384ABB; display:inline-block;}
.colorSwatch.bluepkgof120 {background-color: #384ABB; display:inline-block;}
.colorSwatch.processblue {background-color: #006FB6; display:inline-block;}
.colorSwatch.bluetranslucent {background-color: #384ABB; display:inline-block;}
.colorSwatch.deepblue {background-color: #384ABB; display:inline-block;}
.colorSwatch.boldblue {background-color: #384ABB; display:inline-block;}
.colorSwatch.briteblue {background-color: #0197D6; display:inline-block;}


/*--------------    purples    --------------------*/
.colorSwatch.purple {background-color: #66478D; display:inline-block;}
.colorSwatch.deepviolet {background-color: #50327C; display:inline-block;}
.colorSwatch.deeppurple {background-color: #383D98; display:inline-block;}
.colorSwatch.iridescentpurple {background-color: #583996; display:inline-block;}


/*--------------    greens    --------------------*/
.colorSwatch.green {background-color: #28AA49; display:inline-block;}
.colorSwatch.standardgreennolid {background-color: #28AA49; display:inline-block;}
.colorSwatch.standardgreenwithlid {background-color: #28AA49; display:inline-block;}
.colorSwatch.greenpkgof120 {background-color: #28AA49; display:inline-block;}
.colorSwatch.emeraldgreen {background-color: #28AA49; display:inline-block;}
.colorSwatch.forestgreen {background-color: #29644a; display:inline-block;}
.colorSwatch.darkgreen {background-color: #29644a; display:inline-block;}
.colorSwatch.lightgreenopaque {background-color: #79dc92; display:inline-block;}
.colorSwatch.lightgreenopaque12x24x18 {background-color: #1C5B30; display:inline-block;}
.colorSwatch.brightgreen {background-color: #43bf2f; display:inline-block;}
.colorSwatch.fluorescentgreen {background-color: #5AA36B; display:inline-block;}



/*--------------    yellows    --------------------*/
.colorSwatch.yellow {background-color: #ffff00; display:inline-block;}
.colorSwatch.yellow50yd {background-color: #FDDE0A; display:inline-block;}
.colorSwatch.yellowtranslucent {background-color: #ffff00; display:inline-block;}
.colorSwatch.brilliantyellow {background-color: #ffff00; display:inline-block;}
.colorSwatch.sunyellow {background-color: #ffff00; display:inline-block;}
.colorSwatch.flameyellow {background-color: #ffff00; display:inline-block;}
.colorSwatch.pearlsatingold {background-color: #EEC631; display:inline-block;}


/*--------------    oranges    --------------------*/
.colorSwatch.orange {background-color: #f7941d; display:inline-block;}
.colorSwatch.orange12 {background-color: #f7941d; display:inline-block;}
.colorSwatch.orangetranslucent {background-color: #f7941d; display:inline-block;}
.colorSwatch.brightorange {background-color: #f7941d; display:inline-block;}


/*--------------    metallic    --------------------*/
.colorSwatch.pearlsilver {background-color: #CBCCCE; display:inline-block;}
.colorSwatch.aluminum {background:#a6accc url('swatches/aluminumSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.gold {background:#f6ee97 url('swatches/goldSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.goldplate {background:#f6ee97 url('swatches/goldSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.silver {background:#cbcbcb url('swatches/silverSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.bronze {background:#c9b6a6 url('swatches/bronzeSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.chrome {background:#d6cef3 url('swatches/chromeSwatch.gif') top left no-repeat; display:inline-block;}


/*--------------    other    --------------------*/
.colorSwatch.amber {background-color:#EFF071; display:inline-block;}
.colorSwatch.mirrored {background:#e8e6d9 url('swatches/mirroredSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.smoke {background:#a39e98 url('swatches/smokeSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.assorted {background:#fff url('swatches/assortedSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.varietypackpkgof120 {background:#fff url('swatches/varietypackSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.translucent {background:#fff url('swatches/translucentSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.greenblack {background:#000 url('swatches/greenblackSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.mixed {background:#000 url('swatches/mixedSwatch.gif') top left no-repeat; display:inline-block;}
.colorSwatch.whiteredstripe {background:#000 url('swatches/whiteredstripeSwatch.gif') top left no-repeat; display:inline-block;}






/*--------------    item overrides swatches    --------------------*/
.colorSwatch.pink.i2217 {background-color: #E88393; display:inline-block;}
.colorSwatch.green.i2217 {background-color: #A2D4A3; display:inline-block;}
.colorSwatch.blue.i2217 {background-color: #91B4B6; display:inline-block;}
.colorSwatch.blue.i2105 {background-color: #6DA1C9; display:inline-block;}
.colorSwatch.yellow.i2105 {background-color: #F7BE4D; display:inline-block;}