/* COLOUR AREAS AND SWATCHES */
---------------------------------------------*/

.typography div.productColours {
	display: block;
	width: 100%;
}

.typography ul.areas {
	display: block;
	float: left;
	margin-left: 0;
}

.typography ul.areas li {
	list-style-type: none;
}

.typography ul.swatches {
	padding: 0px;
}

.typography ul.swatches li.swatch { 
	list-style-type: none;
	margin: 0px;
}

.typography ul.swatches li.swatch span {
	padding: 0px 10px 5px 10px;
	margin: 3px;
}

.typography ul.swatches li.swatch span.selected {
	border: 2px solid;
}

/*.typography ul.swatches li.swatch span.white {
	background: white;
}
.typography ul.swatches li.swatch span.green {
	background: green;
}
.typography ul.swatches li.swatch span.blue {
	background: blue;
}
.typography ul.swatches li.swatch span.navyBlue {
	background: navy;
}
.typography ul.swatches li.swatch span.royalBlue {
	background: royalBlue;
}
.typography ul.swatches li.swatch span.purple {
	background: purple;
}
.typography ul.swatches li.swatch span.yellow {
	background: yellow;
}
.typography ul.swatches li.swatch span.pink {
	background: pink;
}
.typography ul.swatches li.swatch span.red {
	background: red;
}
.typography ul.swatches li.swatch span.orange {
	background: orange;
}
.typography ul.swatches li.swatch span.grey {
	background: grey;
}
.typography ul.swatches li.swatch span.brightGreen {
	background: limeGreen;
}
.typography ul.swatches li.swatch span.lightBlue {
	background: lightBlue;
}*/
.typography ul.swatches li.swatch span.aqua {
	background: aqua;
}
.typography ul.swatches li.swatch span.athleticGold {
	background: #cbb065;
}
.typography ul.swatches li.swatch span.attolBlue {
	background: blue;
}
.typography ul.swatches li.swatch span.bamboo {
	background: brown;
}
.typography ul.swatches li.swatch span.wheat {
	background: wheat;
}
.typography ul.swatches li.swatch span.appleGreen {
	background: lawnGreen;
}
.typography ul.swatches li.swatch span.black {
	background: black;
}
.typography ul.swatches li.swatch span.beige {background: #d3caa1;}
.typography ul.swatches li.swatch span.blackBlack {background: black;}
.typography ul.swatches li.swatch span.blackBlue {background: -webkit-linear-gradient(left, black 50%, blue 50%);}
.typography ul.swatches li.swatch span.blackBrightGreen {background: -webkit-linear-gradient(left, black 50%, #86c447 50%);}
.typography ul.swatches li.swatch span.blackDarkBlue {background: -webkit-linear-gradient(left, black 50%, darkBlue 50%);}
.typography ul.swatches li.swatch span.blackForestGreen {background: -webkit-linear-gradient(left, black 50%, forestGreen 50%);}
.typography ul.swatches li.swatch span.blackGreen {background: -webkit-linear-gradient(left, black 50%, green 50%);}
.typography ul.swatches li.swatch span.blackGreenLens {background: -webkit-linear-gradient(left, black 50%, green 50%);}
.typography ul.swatches li.swatch span.blackGrey {background: -webkit-linear-gradient(left, black 50%, grey 50%);}
.typography ul.swatches li.swatch span.blackLightBlue {background: -webkit-linear-gradient(left, black 50%, lightSkyBlue 50%);}
.typography ul.swatches li.swatch span.blackLimeGreen {background: -webkit-linear-gradient(left, black 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.blackNatural {background: -webkit-linear-gradient(left, black 50%, wheat 50%);}
.typography ul.swatches li.swatch span.blackOrange {background: -webkit-linear-gradient(left, black 50%, darkOrange 50%);}
.typography ul.swatches li.swatch span.blackPink {background: -webkit-linear-gradient(left, black 50%, hotPink 50%);}
.typography ul.swatches li.swatch span.blackPurple {background: -webkit-linear-gradient(left, black 50%, purple 50%);}
.typography ul.swatches li.swatch span.blackRed {background: -webkit-linear-gradient(left, black 50%, red 50%);}
.typography ul.swatches li.swatch span.blackRoyalBlue {background: -webkit-linear-gradient(left, black 50%, royalBlue 50%);}
.typography ul.swatches li.swatch span.blackSilver {background: -webkit-linear-gradient(left, black 50%, silver 50%);}
.typography ul.swatches li.swatch span.blackSilverLens {background: -webkit-linear-gradient(left, black 50%, silver 50%);}
.typography ul.swatches li.swatch span.blackWhite {background: -webkit-linear-gradient(left, black 50%, white 50%);}
.typography ul.swatches li.swatch span.blackYellow {background: -webkit-linear-gradient(left, black 50%, yellow 50%);}
.typography ul.swatches li.swatch span.blackCarryCaseWithTheContentsAsIllustrated {background: black;}
.typography ul.swatches li.swatch span.blackCaseWithClearLid {background: black;}
.typography ul.swatches li.swatch span.blackLimeGreen {background: -webkit-linear-gradient(left, black 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.blackWithAClearPlasticExternalSleeve {background: black;}
.typography ul.swatches li.swatch span.blackWithAWhiteFrontPanelWhichCanBeReproducedInAlm {background: black;}
.typography ul.swatches li.swatch span.blackWithAWhiteSleeveWhichCanBeReproducedInAlmostA {background: black;}
.typography ul.swatches li.swatch span.blackWithBlackLens {background: black;}
.typography ul.swatches li.swatch span.blackWithBlackLenses {background: black;}
.typography ul.swatches li.swatch span.blackWithSilverKeys {background: -webkit-linear-gradient(left, black 50%, silver 50%);}
.typography ul.swatches li.swatch span.blackWithSilverMirrorLenses {background: -webkit-linear-gradient(left, black 50%, silver 50%);}
.typography ul.swatches li.swatch span.blue {background: blue;}
.typography ul.swatches li.swatch span.blueBlack {background: -webkit-linear-gradient(left, blue 50%, black 50%);}
.typography ul.swatches li.swatch span.blueClear {background: -webkit-linear-gradient(left, blue 50%, white 50%);}
.typography ul.swatches li.swatch span.blueFrostedBlack {background: -webkit-linear-gradient(left, blue 50%, black 50%);}
.typography ul.swatches li.swatch span.blueNatural {background: -webkit-linear-gradient(left, blue 50%, wheat 50%);}
.typography ul.swatches li.swatch span.blueWhite {background: -webkit-linear-gradient(left, blue 50%, white 50%);}
.typography ul.swatches li.swatch span.blueWood {background: -webkit-linear-gradient(left, blue 50%, brown 50%);}
.typography ul.swatches li.swatch span.blueOrBlackTrim {background: blue;}
.typography ul.swatches li.swatch span.blueOrPurple {background: blue;}
.typography ul.swatches li.swatch span.blueWithGreenAccents {background: -webkit-linear-gradient(left, blue 50%, green 50%);}
.typography ul.swatches li.swatch span.bottlesSilver {background: silver;}
.typography ul.swatches li.swatch span.brightGreen {background: #86c447;}
.typography ul.swatches li.swatch span.brightGreenBlack {background: -webkit-linear-gradient(left, #86c447 50%, black 50%);}
.typography ul.swatches li.swatch span.brightGreenWhite {background: -webkit-linear-gradient(left, #86c447 50%, white 50%);}
.typography ul.swatches li.swatch span.brown {background: brown;}
.typography ul.swatches li.swatch span.burgundy {background: darkMagenta;}
.typography ul.swatches li.swatch span.burgundyBlack {background: -webkit-linear-gradient(left, darkMagenta 50%, black 50%);}
.typography ul.swatches li.swatch span.burntOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.camoflage {background: green;}
.typography ul.swatches li.swatch span.canBePrintedInAnyColour {background: white;}
.typography ul.swatches li.swatch span.canBeProducedInAlmostAnyColour {background: white;}
.typography ul.swatches li.swatch span.canBeReproducedInAlmostAnyColour {background: white;}
.typography ul.swatches li.swatch span.carbonFibre {background: black;}
.typography ul.swatches li.swatch span.carbonFibreBlack {background: black;}
.typography ul.swatches li.swatch span.carbonFibreBlackWithBlackLens {background: black;}
.typography ul.swatches li.swatch span.carbonFibreSatinBlack {background: black;}
.typography ul.swatches li.swatch span.charcoal {background: darkSlateGrey;}
.typography ul.swatches li.swatch span.clear {background: white;}
.typography ul.swatches li.swatch span.clearColour {background: white;}
.typography ul.swatches li.swatch span.clearBlack {background: black;}
.typography ul.swatches li.swatch span.clearBlue {background: blue;}
.typography ul.swatches li.swatch span.clearGreen {background: green;}
.typography ul.swatches li.swatch span.clearOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.clearPurple {background: purple;}
.typography ul.swatches li.swatch span.clearRed {background: red;}
.typography ul.swatches li.swatch span.clearWhite {background: white;}
.typography ul.swatches li.swatch span.clearYellow {background: yellow;}
.typography ul.swatches li.swatch span.copper {background: chocolate;}
.typography ul.swatches li.swatch span.darkBlue {background: darkBlue;}
.typography ul.swatches li.swatch span.darkBlueBlack {background: -webkit-linear-gradient(left, darkBlue 50%, black 50%);}
.typography ul.swatches li.swatch span.darkGreen {background: darkGreen;}
.typography ul.swatches li.swatch span.darkGreenWhite {background: -webkit-linear-gradient(left, darkGreen 50%, white 50%);}
.typography ul.swatches li.swatch span.electroplatedBlue {background: dodgerBlue;}
.typography ul.swatches li.swatch span.fluorescentBlue {background: dodgerBlue;}
.typography ul.swatches li.swatch span.fluorescentGreen {background: green;}
.typography ul.swatches li.swatch span.fluorescentPink {background: hotPink;}
.typography ul.swatches li.swatch span.fluorescentYellow {background: yellow;}
.typography ul.swatches li.swatch span.forestGreen {background: forestGreen;}
.typography ul.swatches li.swatch span.forestGreenBlack {background: -webkit-linear-gradient(left, forestGreen 50%, black 50%);}
.typography ul.swatches li.swatch span.frostedBlack {background: black;}
.typography ul.swatches li.swatch span.frostedBlackSilver {background: -webkit-linear-gradient(left, black 50%, silver 50%);}
.typography ul.swatches li.swatch span.frostedBlue {background: blue;}
.typography ul.swatches li.swatch span.frostedBrightGreen {background: #86c447;}
.typography ul.swatches li.swatch span.frostedClear {background: white;}
.typography ul.swatches li.swatch span.frostedClearBlack {background: black;}
.typography ul.swatches li.swatch span.frostedClearBlue {background: blue;}
.typography ul.swatches li.swatch span.frostedClearOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.frostedClearPink {background: hotPink;}
.typography ul.swatches li.swatch span.frostedClearPurple {background: purple;}
.typography ul.swatches li.swatch span.frostedClearYellow {background: yellow;}
.typography ul.swatches li.swatch span.frostedClearChangingToYellow {background: -webkit-linear-gradient(left, white, yellow);}
.typography ul.swatches li.swatch span.frostedDarkBlue {background: darkBlue;}
.typography ul.swatches li.swatch span.frostedDarkGreen {background: darkGreen;}
.typography ul.swatches li.swatch span.frostedGreen {background: green;}
.typography ul.swatches li.swatch span.frostedIndigo {background: Indigo;}
.typography ul.swatches li.swatch span.frostedLightBlue {background: lightSkyBlue;}
.typography ul.swatches li.swatch span.frostedNatural {background: wheat;}
.typography ul.swatches li.swatch span.frostedOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.frostedPink {background: pink;}
.typography ul.swatches li.swatch span.frostedPurple {background: purple;}
.typography ul.swatches li.swatch span.frostedRed {background: red;}
.typography ul.swatches li.swatch span.frostedWhite {background: white;}
.typography ul.swatches li.swatch span.frostedWhiteLimeGreen {background: -webkit-linear-gradient(left, white 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.frostedWhiteOrange {background: -webkit-linear-gradient(left, white 50%, darkOrange 50%);}
.typography ul.swatches li.swatch span.frostedWhitePink {background: -webkit-linear-gradient(left, white 50%, hotPink 50%);}
.typography ul.swatches li.swatch span.frostedWhitePurple {background: -webkit-linear-gradient(left, white 50%, purple 50%);}
.typography ul.swatches li.swatch span.frostedWhiteRoyalBlue {background: -webkit-linear-gradient(left, white 50%, royalBlue 50%);}
.typography ul.swatches li.swatch span.frostedWhiteTeal {background: -webkit-linear-gradient(left, white 50%, teal 50%);}
.typography ul.swatches li.swatch span.frostedWhiteYellow {background: -webkit-linear-gradient(left, white 50%, yellow 50%);}
.typography ul.swatches li.swatch span.frostedYellow {background: yellow;}
.typography ul.swatches li.swatch span.fuchsia {background: fuchsia;}
.typography ul.swatches li.swatch span.fullColour {background: white;}
.typography ul.swatches li.swatch span.gold {background: #cbb065;}
.typography ul.swatches li.swatch span.metallicGold {background: #cbb065;}
.typography ul.swatches li.swatch span.grayMaskWithOrangeEarPlugsAndClearPouch {background: -webkit-linear-gradient(left, grey 33%, darkOrange 34%, white 33%);}
.typography ul.swatches li.swatch span.green {background: green;}
.typography ul.swatches li.swatch span.greenBlack {background: -webkit-linear-gradient(left, green 50%, black 50%);}
.typography ul.swatches li.swatch span.greenClear {background: -webkit-linear-gradient(left, green 50%, white 50%);}
.typography ul.swatches li.swatch span.greenGlowBlue {background: -webkit-linear-gradient(left, green 50%, blue 50%);}
.typography ul.swatches li.swatch span.greenGlowGreen {background: -webkit-linear-gradient(left, green 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.greenGlowOrange {background: -webkit-linear-gradient(left, green 50%, darkOrange 50%);}
.typography ul.swatches li.swatch span.greenGlowPink {background: -webkit-linear-gradient(left, green 50%, hotPink 50%);}
.typography ul.swatches li.swatch span.greenGlowYellow {background: -webkit-linear-gradient(left, green 50%, yellow 50%);}
.typography ul.swatches li.swatch span.grey {background: grey;}
.typography ul.swatches li.swatch span.greyBlack {background: -webkit-linear-gradient(left, grey 50%, black 50%);}
.typography ul.swatches li.swatch span.greyWhite {background: -webkit-linear-gradient(left, grey 50%, white 50%);}
.typography ul.swatches li.swatch span.greyMelange {background: grey;}
.typography ul.swatches li.swatch span.greyWithWhite {background: -webkit-linear-gradient(left, grey 50%, white 50%);}
.typography ul.swatches li.swatch span.gunmetal {background: #2C3539;}
.typography ul.swatches li.swatch span.gunmetalBlack {background: -webkit-linear-gradient(left, #2C3539 50%, black 50%);}
.typography ul.swatches li.swatch span.gunmetalLimeGreen {background: -webkit-linear-gradient(left, #2C3539 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.gunmetalRed {background: -webkit-linear-gradient(left, #2C3539 50%, red 50%);}
.typography ul.swatches li.swatch span.gunmetalRoyalBlue {background: -webkit-linear-gradient(left, #2C3539 50%, royalBlue 50%);}
.typography ul.swatches li.swatch span.hunterGreen {background: forestGreen;}
.typography ul.swatches li.swatch span.kellyGreen {background: green;}
.typography ul.swatches li.swatch span.khaki {background: khaki;}
.typography ul.swatches li.swatch span.lightBlue {background: lightSkyBlue;}
.typography ul.swatches li.swatch span.lightBlueBlack {background: -webkit-linear-gradient(left, lightSkyBlue 50%, black 50%);}
.typography ul.swatches li.swatch span.lightBlueWhite {background: -webkit-linear-gradient(left, lightSkyBlue 50%, white 50%);}
.typography ul.swatches li.swatch span.lime {background: limeGreen;}
.typography ul.swatches li.swatch span.limeGreen {background: limeGreen;}
.typography ul.swatches li.swatch span.limeGreenBlack {background: -webkit-linear-gradient(left, limeGreen 50%, black 50%);}
.typography ul.swatches li.swatch span.maroon {background: maroon;}
.typography ul.swatches li.swatch span.matteSilver {background: silver;}
.typography ul.swatches li.swatch span.mattGold {background: #cbb065;}
.typography ul.swatches li.swatch span.mattSilver {background: silver;}
.typography ul.swatches li.swatch span.mattWhite {background: white;}
.typography ul.swatches li.swatch span.metallicBlack {background: black;}
.typography ul.swatches li.swatch span.metallicBlue {background: blue;}
.typography ul.swatches li.swatch span.metallicGreen {background: green;}
.typography ul.swatches li.swatch span.metallicGunmetal {background: #2C3539;}
.typography ul.swatches li.swatch span.metallicRed {background: red;}
.typography ul.swatches li.swatch span.metallicSilver {background: silver;}
.typography ul.swatches li.swatch span.metallicSilverBlack {background: -webkit-linear-gradient(left, silver 50%, black 50%);}
.typography ul.swatches li.swatch span.mixAndMatch:Silver {background: silver;}
.typography ul.swatches li.swatch span.mixAndMatchSilver {background: silver;}
.typography ul.swatches li.swatch span.mixAndMatch:SilverSwivelOnly) {background: silver;}
.typography ul.swatches li.swatch span.mixAndMatchSilverSwivelOnly) {background: silver;}
.typography ul.swatches li.swatch span.mixNMatchGrey {background: grey;}
.typography ul.swatches li.swatch span.mouseGrey {background: grey;}
.typography ul.swatches li.swatch span.multi:WhiteYellowRedGreenBlue {background: white;}
.typography ul.swatches li.swatch span.multiWhiteYellowRedGreenBlue {background: -webkit-linear-gradient(left, white, yellow, red,green,blue);}
.typography ul.swatches li.swatch span.natural {background: wheat;}
.typography ul.swatches li.swatch span.naturalBlack {background: -webkit-linear-gradient(left, wheat 50%, black 50%);}
.typography ul.swatches li.swatch span.naturalBlue {background: -webkit-linear-gradient(left, wheat 50%, blue 50%);}
.typography ul.swatches li.swatch span.naturalDarkBlue {background: -webkit-linear-gradient(left, wheat 50%, darkBlue 50%);}
.typography ul.swatches li.swatch span.naturalGreen {background: -webkit-linear-gradient(left, wheat 50%, green 50%);}
.typography ul.swatches li.swatch span.naturalNavy {background: -webkit-linear-gradient(left, wheat 50%, navy 50%);}
.typography ul.swatches li.swatch span.naturalOrange {background: -webkit-linear-gradient(left, wheat 50%, darkOrange 50%);}
.typography ul.swatches li.swatch span.naturalRed {background: -webkit-linear-gradient(left, wheat 50%, red 50%);}
.typography ul.swatches li.swatch span.naturalRoyalBlue {background: -webkit-linear-gradient(left, wheat 50%, royalBlue 50%);}
.typography ul.swatches li.swatch span.naturalWhite {background: -webkit-linear-gradient(left, wheat 50%, white 50%);}
.typography ul.swatches li.swatch span.naturalWithGray {background: -webkit-linear-gradient(left, wheat 50%, grey 50%);}
.typography ul.swatches li.swatch span.navy {background: navy;}
.typography ul.swatches li.swatch span.navyWhite {background: -webkit-linear-gradient(left, navy 50%, white 50%);}
.typography ul.swatches li.swatch span.navyBlue {background: navy;}
.typography ul.swatches li.swatch span.neonOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.neonPink {background: hotPink;}
.typography ul.swatches li.swatch span.neonYellow {background: yellow;}
.typography ul.swatches li.swatch span.orange {background: darkOrange;}
.typography ul.swatches li.swatch span.orangeBlack {background: -webkit-linear-gradient(left, darkOrange 50%, black 50%);}
.typography ul.swatches li.swatch span.orangeBlue {background: -webkit-linear-gradient(left, darkOrange 50%, blue 50%);}
.typography ul.swatches li.swatch span.orangeClear {background: -webkit-linear-gradient(left, darkOrange 50%, white 50%);}
.typography ul.swatches li.swatch span.orangeWhite {background: -webkit-linear-gradient(left, darkOrange 50%, white 50%);}
.typography ul.swatches li.swatch span.orchidPink {background: orchid;}
.typography ul.swatches li.swatch span.pink {background: hotPink;}
.typography ul.swatches li.swatch span.pinkBlack {background: -webkit-linear-gradient(left, hotPink 50%, black 50%);}
.typography ul.swatches li.swatch span.pinkWhite {background: -webkit-linear-gradient(left, hotPink 50%, white 50%);}
.typography ul.swatches li.swatch span.purple {background: purple;}
.typography ul.swatches li.swatch span.purpleBlack {background: -webkit-linear-gradient(left, purple 50%, black 50%);}
.typography ul.swatches li.swatch span.purpleWhite {background: -webkit-linear-gradient(left, purple 50%, white 50%);}
.typography ul.swatches li.swatch span.red {background: red;}
.typography ul.swatches li.swatch span.redBlack {background: -webkit-linear-gradient(left, red 50%, black 50%);}
.typography ul.swatches li.swatch span.redClear {background: -webkit-linear-gradient(left, red 50%, white 50%);}
.typography ul.swatches li.swatch span.redNatural {background: -webkit-linear-gradient(left, red 50%, wheat 50%);}
.typography ul.swatches li.swatch span.redWhite {background: -webkit-linear-gradient(left, red 50%, white 50%);}
.typography ul.swatches li.swatch span.redAndBlackAccents {background: -webkit-linear-gradient(left, red 50%, black 50%);}
.typography ul.swatches li.swatch span.redAndBlueAccents {background: -webkit-linear-gradient(left, red 50%, blue 50%);}
.typography ul.swatches li.swatch span.rimu {background: brown;}
.typography ul.swatches li.swatch span.royalBlue {background: royalBlue;}
.typography ul.swatches li.swatch span.roseGold {background: #ca967e;}
.typography ul.swatches li.swatch span.royalBlueBlack {background: -webkit-linear-gradient(left, royalBlue 50%, black 50%);}
.typography ul.swatches li.swatch span.royalBlueWhite {background: -webkit-linear-gradient(left, royalBlue 50%, white 50%);}
.typography ul.swatches li.swatch span.satinBlack {background: black;}
.typography ul.swatches li.swatch span.satinChrome {background: silver;}
.typography ul.swatches li.swatch span.shinyChrome {background: silver;}
.typography ul.swatches li.swatch span.silver {background: silver;}
.typography ul.swatches li.swatch span.silverBlack {background: -webkit-linear-gradient(left, silver 50%, black 50%);}
.typography ul.swatches li.swatch span.silverBlue {background: -webkit-linear-gradient(left, silver 50%, blue 50%);}
.typography ul.swatches li.swatch span.silverBlueLens {background: -webkit-linear-gradient(left, silver 50%, blue 50%);}
.typography ul.swatches li.swatch span.silverFrostedBlack {background: -webkit-linear-gradient(left, silver 50%, black 50%);}
.typography ul.swatches li.swatch span.silverFrostedBlue {background: -webkit-linear-gradient(left, silver 50%, blue 50%);}
.typography ul.swatches li.swatch span.silverGreen {background: -webkit-linear-gradient(left, silver 50%, green 50%);}
.typography ul.swatches li.swatch span.silverGreenLens {background: -webkit-linear-gradient(left, silver 50%, green 50%);}
.typography ul.swatches li.swatch span.silverLimeGreen {background: -webkit-linear-gradient(left, silver 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.silverRed {background: -webkit-linear-gradient(left, silver 50%, red 50%);}
.typography ul.swatches li.swatch span.silverRedLens {background: -webkit-linear-gradient(left, silver 50%, red 50%);}
.typography ul.swatches li.swatch span.silverSilverLens {background: silver;}
.typography ul.swatches li.swatch span.silverYellowLens {background: -webkit-linear-gradient(left, silver 50%, yellow 50%);}
.typography ul.swatches li.swatch span.silverWithGreyKeys {background: -webkit-linear-gradient(left, silver 50%, grey 50%);}
.typography ul.swatches li.swatch span.stainless {background: silver;}
.typography ul.swatches li.swatch span.teal {background: teal;}
.typography ul.swatches li.swatch span.translcuentBlue {background: blue;}
.typography ul.swatches li.swatch span.translcuentClear {background: white;}
.typography ul.swatches li.swatch span.translcuentPurple {background: purple;}
.typography ul.swatches li.swatch span.translcuentYellow {background: yellow;}
.typography ul.swatches li.swatch span.translucentBlack {background: black;}
.typography ul.swatches li.swatch span.translucentBlackWhite {background: -webkit-linear-gradient(left, black 50%, white 50%);}
.typography ul.swatches li.swatch span.translucentBlackWithBlackLenses {background: black;}
.typography ul.swatches li.swatch span.translucentBlue {background: blue;}
.typography ul.swatches li.swatch span.translucentBlueBlack {background: -webkit-linear-gradient(left, blue 50%, black 50%);}
.typography ul.swatches li.swatch span.translucentBlueWhite {background: -webkit-linear-gradient(left, blue 50%, white 50%);}
.typography ul.swatches li.swatch span.translucentCharcoal {background: grey;}
.typography ul.swatches li.swatch span.translucentCharcoalBlack {background: -webkit-linear-gradient(left, grey 50%, black 50%);}
.typography ul.swatches li.swatch span.translucentClear {background: white;}
.typography ul.swatches li.swatch span.translucentFuchsia {background: fushia;}
.typography ul.swatches li.swatch span.translucentGreen {background: green;}
.typography ul.swatches li.swatch span.translucentGreenBlack {background: -webkit-linear-gradient(left, green 50%, black 50%);}
.typography ul.swatches li.swatch span.translucentGunmetal {background: #2C3539;}
.typography ul.swatches li.swatch span.translucentLightBlue {background: lightSkyBlue;}
.typography ul.swatches li.swatch span.translucentLimeGreen {background: limeGreen;}
.typography ul.swatches li.swatch span.translucentLimeGreenWhite {background: -webkit-linear-gradient(left, limeGreen 50%, white 50%);}
.typography ul.swatches li.swatch span.translucentOrange {background: darkOrange;}
.typography ul.swatches li.swatch span.translucentPink {background: pink;}
.typography ul.swatches li.swatch span.translucentPurple {background: purple;}
.typography ul.swatches li.swatch span.translucentPurpleBlack {background: -webkit-linear-gradient(left, purple 50%, black 50%);}
.typography ul.swatches li.swatch span.translucentPurpleWhite {background: -webkit-linear-gradient(left, purple 50%, white 50%);}
.typography ul.swatches li.swatch span.translucentRed {background: red;}
.typography ul.swatches li.swatch span.translucentRedBlack {background: -webkit-linear-gradient(left, red 50%, black 50%);}
.typography ul.swatches li.swatch span.translucentRedWhite {background: -webkit-linear-gradient(left, red 50%, white 50%);}
.typography ul.swatches li.swatch span.translucentSilver {background: silver;}
.typography ul.swatches li.swatch span.translucentTeal {background: teal;}
.typography ul.swatches li.swatch span.translucentWhite {background: white;}
.typography ul.swatches li.swatch span.translucentYellow {background: yellow;}
.typography ul.swatches li.swatch span.trueTimberCamouflage {background: -webkit-linear-gradient(left, brown 50%, forestGreen 50%);}
.typography ul.swatches li.swatch span.turquoise {background: turquoise;}
.typography ul.swatches li.swatch span.white {background: white;}
.typography ul.swatches li.swatch span.whiteBlack {background: -webkit-linear-gradient(left, white 50%, black 50%);}
.typography ul.swatches li.swatch span.whiteBlue {background: -webkit-linear-gradient(left, white 50%, blue 50%);}
.typography ul.swatches li.swatch span.whiteBrightGreen {background: -webkit-linear-gradient(left, white 50%, #86c447 50%);}
.typography ul.swatches li.swatch span.whiteDarkBlue {background: -webkit-linear-gradient(left, white 50%, darkBlue 50%);}
.typography ul.swatches li.swatch span.whiteDarkGreen {background: -webkit-linear-gradient(left, white 50%, darkGreen 50%);}
.typography ul.swatches li.swatch span.whiteFrostedBlack {background: -webkit-linear-gradient(left, white 50%, black 50%);}
.typography ul.swatches li.swatch span.whiteFrostedBlue {background: -webkit-linear-gradient(left, white 50%, blue 50%);}
.typography ul.swatches li.swatch span.whiteFushia {background: -webkit-linear-gradient(left, white 50%, fushia 50%);}
.typography ul.swatches li.swatch span.whiteGreen {background: -webkit-linear-gradient(left, white 50%, green 50%);}
.typography ul.swatches li.swatch span.whiteGreenLens {background: -webkit-linear-gradient(left, white 50%, green 50%);}
.typography ul.swatches li.swatch span.whiteGrey {background: -webkit-linear-gradient(left, white 50%, grey 50%);}
.typography ul.swatches li.swatch span.whiteLightBlue {background: -webkit-linear-gradient(left, white 50%, lightSkyBlue 50%);}
.typography ul.swatches li.swatch span.whiteLimeGreen {background: -webkit-linear-gradient(left, white 50%, limeGreen 50%);}
.typography ul.swatches li.swatch span.whiteNavy {background: -webkit-linear-gradient(left, white 50%, navy 50%);}
.typography ul.swatches li.swatch span.whiteOrange {background: -webkit-linear-gradient(left, white 50%, darkOrange 50%);}
.typography ul.swatches li.swatch span.whitePink {background: -webkit-linear-gradient(left, white 50%, hotPink 50%);}
.typography ul.swatches li.swatch span.whitePurple {background: -webkit-linear-gradient(left, white 50%, purple 50%);}
.typography ul.swatches li.swatch span.whiteRed {background: -webkit-linear-gradient(left, white 50%, red 50%);}
.typography ul.swatches li.swatch span.whiteRoyalBlue {background: -webkit-linear-gradient(left, white 50%, royalBlue 50%);}
.typography ul.swatches li.swatch span.whiteSilver {background: -webkit-linear-gradient(left, white 50%, silver 50%);}
.typography ul.swatches li.swatch span.whiteSilverLens {background: -webkit-linear-gradient(left, white 50%, silver 50%);}
.typography ul.swatches li.swatch span.whiteTranslucentBlack {background: -webkit-linear-gradient(left, white 50%, black 50%);}
.typography ul.swatches li.swatch span.whiteTranslucentBlue {background: -webkit-linear-gradient(left, white 50%, blue 50%);}
.typography ul.swatches li.swatch span.whiteTranslucentRed {background: -webkit-linear-gradient(left, white 50%, red 50%);}
.typography ul.swatches li.swatch span.whiteYellow {background: -webkit-linear-gradient(left, white 50%, yellow 50%);}
.typography ul.swatches li.swatch span.whiteBottleWithBlackHolder {background: -webkit-linear-gradient(left, white 50%, black 50%);}
.typography ul.swatches li.swatch span.whiteWithBlackThongs {background: -webkit-linear-gradient(left, white 50%, black 50%);}
.typography ul.swatches li.swatch span.whiteWithBlueMirrorLenses {background: -webkit-linear-gradient(left, white 50%, blue 50%);}
.typography ul.swatches li.swatch span.whiteWithFrostedClearBoxes {background: white;}
.typography ul.swatches li.swatch span.whiteWithGrey {background: -webkit-linear-gradient(left, white 50%, grey 50%);}
.typography ul.swatches li.swatch span.whiteWithGreyAccents {background: -webkit-linear-gradient(left, white 50%, grey 50%);}
.typography ul.swatches li.swatch span.whiteWithGreyAndBlackAccents {background: -webkit-linear-gradient(left, white 33%, grey 34%, black 33%);}
.typography ul.swatches li.swatch span.whiteWithGreyAndRedAccents {background: -webkit-linear-gradient(left, white 33%, grey 34%, red 33%);}
.typography ul.swatches li.swatch span.whiteWithPinkAndBlackAccents {background: -webkit-linear-gradient(left, white 33%, hotPink 34%, black 33%);}
.typography ul.swatches li.swatch span.whiteWithSilverBack {background: -webkit-linear-gradient(left, white 50%, silver 50%);}
.typography ul.swatches li.swatch span.whiteWithSilverHandles {background: -webkit-linear-gradient(left, white 50%, silver 50%);}
.typography ul.swatches li.swatch span.whteRed {background: -webkit-linear-gradient(left, white 50%, red 50%);}
.typography ul.swatches li.swatch span.woodBlack {background: -webkit-linear-gradient(left, brown 50%, black 50%);}
.typography ul.swatches li.swatch span.yellow {background: yellow;}
.typography ul.swatches li.swatch span.yellowBlack {background: -webkit-linear-gradient(left, yellow 50%, black 50%);}
.typography ul.swatches li.swatch span.yellowBlue {background: -webkit-linear-gradient(left, yellow 50%, blue 50%);}
.typography ul.swatches li.swatch span.yellowWhite {background: -webkit-linear-gradient(left, yellow 50%, white 50%);}
.typography ul.swatches li.swatch span.yellowOrange {background: -webkit-linear-gradient(left, yellow 50%, darkOrange 50%);}

.typography ul.swatches li.swatch span.lemon {background: yellow;}
.typography ul.swatches li.swatch span.clove {background: #7c5636;}
.typography ul.swatches li.swatch span.eucalyptus {background: 	rgb(127, 188, 167);}
.typography ul.swatches li.swatch span.lavender {background: #B378D3;}
.typography ul.swatches li.swatch span.peppermint {background: #A9FDCB;}
.typography ul.swatches li.swatch span.neonSunfire {background: #be463e;}
.typography ul.swatches li.swatch span.cranberry {background: #b2235d;}
.typography ul.swatches li.swatch span.aqua {background: #7bbeb5;}
.typography ul.swatches li.swatch span.neonBlue {background: #47aad4;}
.typography ul.swatches li.swatch span.heatherGrey {background: #999f9f;}
.typography ul.swatches li.swatch span.khakiBrown {background: #b6a684;}
.typography ul.swatches li.swatch span.greyMelangeGreyInner {background: #a3a3a3;}
.typography ul.swatches li.swatch span.charcoalMelangeBlueInner {background: #515151;}
.typography ul.swatches li.swatch span.metallicCopper {background: #ac4d31;}
.typography ul.swatches li.swatch span.metallicRed {background: #ca292f;}
.typography ul.swatches li.swatch span.metallicGreen {background: #9fca45;}
.typography ul.swatches li.swatch span.metallicBlue {background: #304a9d;}
.typography ul.swatches li.swatch span.lightGrey {background: #a7a79d;}
.typography ul.swatches li.swatch span.darkGrey {background: #4e504d;}
.typography ul.swatches li.swatch span.clearColour {background: white;}
.typography ul.swatches li.swatch span.camoWithOrangeEyelets {background: orange;}
.typography ul.swatches li.swatch span.camoWithGreenEyelets {background: #78866B;}

/* COLOURS AND POSITIONS BOXES */
---------------------------------------------*/

#ProductInfoArea div.typography ul.variations li.area {
	list-style-type: none;
	background: pink;
}

.typography ul.noofcolours li.numberBox {
	list-style-type: none;	
	padding: 0px 6px 0px 6px;
	margin: 2px;
	margin-right: .5rem;
	margin-left:0;
	float: left;
	border: 1px solid;
}

.typography ul.noofcolours li.selected {
	border: 2px solid;
}

.typography span.numberBoxesLabel {
	font-weight: normal;
}

.typography span.variationLabel {
	font-weight: bold;
}