@import "http://www.colorlord.com/colourgeneral.css";
.swatch.CopperGlitter .colourTab {
background-color: #B87333;
}
.swatch.CopperGlitter .hint {
border-bottom: 3px solid #B87333;
border-top: 1px solid #B87333;
border-left: 1px solid #B87333;
border-right: 1px solid #B87333;
background-color: #FFF;
}
.swatch.BrownStdMod .colourTab {
background-color: #5E0E00;
}
.swatch.BrownStdMod .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.TerracottaStd .colourTab {
background-color: #E2725B;
}
.swatch.TerracottaStd .hint {
border-bottom: 3px solid #E2725B;
border-top: 1px solid #E2725B;
border-left: 1px solid #E2725B;
border-right: 1px solid #E2725B;
background-color: #FFF;
}
.swatch.BiscuitStd .colourTab {
background-color: #f6e0c1;
}
.swatch.BiscuitStd .hint {
border-bottom: 3px solid #f6e0c1;
border-top: 1px solid #f6e0c1;
border-left: 1px solid #f6e0c1;
border-right: 1px solid #f6e0c1;
background-color: #FFF;
}
.swatch.StoneStd .colourTab {
background-color: #faf0c2;
}
.swatch.StoneStd .hint {
border-bottom: 3px solid #faf0c2;
border-top: 1px solid #faf0c2;
border-left: 1px solid #faf0c2;
border-right: 1px solid #faf0c2;
background-color: #FFF;
}
.swatch.OrangeSolid .colourTab {
background-color: #fe7f00;
}
.swatch.OrangeSolid .hint {
border-bottom: 3px solid #fe7f00;
border-top: 1px solid #fe7f00;
border-left: 1px solid #fe7f00;
border-right: 1px solid #fe7f00;
background-color: #FFF;
}
.swatch.PinkSolid .colourTab {
background-color: #ff9dff;
}
.swatch.PinkSolid .hint {
border-bottom: 3px solid #ff9dff;
border-top: 1px solid #ff9dff;
border-left: 1px solid #ff9dff;
border-right: 1px solid #ff9dff;
background-color: #FFF;
}
.swatch.BrownSolid .colourTab {
background-color: #5E0E00;
}
.swatch.BrownSolid .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.LightGreenSolid .colourTab {
background-color: #00FF00;
}
.swatch.LightGreenSolid .hint {
border-bottom: 3px solid #00FF00;
border-top: 1px solid #00FF00;
border-left: 1px solid #00FF00;
border-right: 1px solid #00FF00;
background-color: #FFF;
}
.swatch.LightBlueSolid .colourTab {
background-color: #90Dfff;
}
.swatch.LightBlueSolid .hint {
border-bottom: 3px solid #90Dfff;
border-top: 1px solid #90Dfff;
border-left: 1px solid #90Dfff;
border-right: 1px solid #90Dfff;
background-color: #FFF;
}
.swatch.BlackSolid .colourTab {
background-color: #000000;
}
.swatch.BlackSolid .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.PurpleSolid .colourTab {
background-color: #7F007F;
}
.swatch.PurpleSolid .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.LuminousYellow .colourTab {
background-color: #ffffc7;
}
.swatch.LuminousYellow .hint {
border-bottom: 3px solid #ffffc7;
border-top: 1px solid #ffffc7;
border-left: 1px solid #ffffc7;
border-right: 1px solid #ffffc7;
background-color: #FFF;
}
.swatch.PewterMetallic .colourTab {
background-color: #989a89;
}
.swatch.PewterMetallic .hint {
border-bottom: 3px solid #989a89;
border-top: 1px solid #989a89;
border-left: 1px solid #989a89;
border-right: 1px solid #989a89;
background-color: #FFF;
}
.swatch.SilverMetallic .colourTab {
background-color: #C0C0C0;
}
.swatch.SilverMetallic .hint {
border-bottom: 3px solid #C0C0C0;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
background-color: #FFF;
}
.swatch.CopperMetallic .colourTab {
background-color: #B87333;
}
.swatch.CopperMetallic .hint {
border-bottom: 3px solid #B87333;
border-top: 1px solid #B87333;
border-left: 1px solid #B87333;
border-right: 1px solid #B87333;
background-color: #FFF;
}
.swatch.Crimson300ml .colourTab {
background-color: #db143c;
}
.swatch.Crimson300ml .hint {
border-bottom: 3px solid #db143c;
border-top: 1px solid #db143c;
border-left: 1px solid #db143c;
border-right: 1px solid #db143c;
background-color: #FFF;
}
.swatch.Lemon300ml .colourTab {
background-color: #fff138;
}
.swatch.Lemon300ml .hint {
border-bottom: 3px solid #fff138;
border-top: 1px solid #fff138;
border-left: 1px solid #fff138;
border-right: 1px solid #fff138;
background-color: #FFF;
}
.swatch.SkyBlue300ml .colourTab {
background-color: #90dfff;
}
.swatch.SkyBlue300ml .hint {
border-bottom: 3px solid #90dfff;
border-top: 1px solid #90dfff;
border-left: 1px solid #90dfff;
border-right: 1px solid #90dfff;
background-color: #FFF;
}
.swatch.Purple300ml .colourTab {
background-color: #7f007f;
}
.swatch.Purple300ml .hint {
border-bottom: 3px solid #7f007f;
border-top: 1px solid #7f007f;
border-left: 1px solid #7f007f;
border-right: 1px solid #7f007f;
background-color: #FFF;
}
.swatch.Orange300ml .colourTab {
background-color: #fe7f00;
}
.swatch.Orange300ml .hint {
border-bottom: 3px solid #fe7f00;
border-top: 1px solid #fe7f00;
border-left: 1px solid #fe7f00;
border-right: 1px solid #fe7f00;
background-color: #FFF;
}
.swatch.BurntSienna300ml .colourTab {
background-color: #a83c1f;
}
.swatch.BurntSienna300ml .hint {
border-bottom: 3px solid #a83c1f;
border-top: 1px solid #a83c1f;
border-left: 1px solid #a83c1f;
border-right: 1px solid #a83c1f;
background-color: #FFF;
}
.swatch.BrilliantGreen300ml .colourTab {
background-color: #06c701;
}
.swatch.BrilliantGreen300ml .hint {
border-bottom: 3px solid #06c701;
border-top: 1px solid #06c701;
border-left: 1px solid #06c701;
border-right: 1px solid #06c701;
background-color: #FFF;
}
.swatch.BrilliantYellow300ml .colourTab {
background-color: #fde910;
}
.swatch.BrilliantYellow300ml .hint {
border-bottom: 3px solid #fde910;
border-top: 1px solid #fde910;
border-left: 1px solid #fde910;
border-right: 1px solid #fde910;
background-color: #FFF;
}
.swatch.BrilliantRed300ml .colourTab {
background-color: #ff0000;
}
.swatch.BrilliantRed300ml .hint {
border-bottom: 3px solid #ff0000;
border-top: 1px solid #ff0000;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
background-color: #FFF;
}
.swatch.BrilliantBlue300ml .colourTab {
background-color: #0000ff;
}
.swatch.BrilliantBlue300ml .hint {
border-bottom: 3px solid #0000ff;
border-top: 1px solid #0000ff;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
background-color: #FFF;
}
.swatch.White300ml .colourTab {
background-color: #ffffff;
}
.swatch.White300ml .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.Black300ml .colourTab {
background-color: #000000;
}
.swatch.Black300ml .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.SilverMarker .colourTab {
background-color: #b4b5b0;
}
.swatch.SilverMarker .hint {
border-bottom: 3px solid #b4b5b0;
border-top: 1px solid #b4b5b0;
border-left: 1px solid #b4b5b0;
border-right: 1px solid #b4b5b0;
background-color: #FFF;
}
.swatch.PaleOrangeMarker .colourTab {
background-color: #ff9955;
}
.swatch.PaleOrangeMarker .hint {
border-bottom: 3px solid #ff9955;
border-top: 1px solid #ff9955;
border-left: 1px solid #ff9955;
border-right: 1px solid #ff9955;
background-color: #FFF;
}
.swatch.FluorescentPinkMarker .colourTab {
background-color: #fb0ed6;
}
.swatch.FluorescentPinkMarker .hint {
border-bottom: 3px solid #fb0ed6;
border-top: 1px solid #fb0ed6;
border-left: 1px solid #fb0ed6;
border-right: 1px solid #fb0ed6;
background-color: #FFF;
}
.swatch.FluorescentOrangeMarker .colourTab {
background-color: #fe5720;
}
.swatch.FluorescentOrangeMarker .hint {
border-bottom: 3px solid #fe5720;
border-top: 1px solid #fe5720;
border-left: 1px solid #fe5720;
border-right: 1px solid #fe5720;
background-color: #FFF;
}
.swatch.FluorescentLemonMarker .colourTab {
background-color: #fff16b;
}
.swatch.FluorescentLemonMarker .hint {
border-bottom: 3px solid #fff16b;
border-top: 1px solid #fff16b;
border-left: 1px solid #fff16b;
border-right: 1px solid #fff16b;
background-color: #FFF;
}
.swatch.FluorescentYellowMarker .colourTab {
background-color: #ffff00;
}
.swatch.FluorescentYellowMarker .hint {
border-bottom: 3px solid #ffff00;
border-top: 1px solid #ffff00;
border-left: 1px solid #ffff00;
border-right: 1px solid #ffff00;
background-color: #FFF;
}
.swatch.LightBlueMarker .colourTab {
background-color: #97f1f7;
}
.swatch.LightBlueMarker .hint {
border-bottom: 3px solid #97f1f7;
border-top: 1px solid #97f1f7;
border-left: 1px solid #97f1f7;
border-right: 1px solid #97f1f7;
background-color: #FFF;
}
.swatch.DarkGreenMarker .colourTab {
background-color: #0c6a2d;
}
.swatch.DarkGreenMarker .hint {
border-bottom: 3px solid #0c6a2d;
border-top: 1px solid #0c6a2d;
border-left: 1px solid #0c6a2d;
border-right: 1px solid #0c6a2d;
background-color: #FFF;
}
.swatch.MetallicBlueMarker .colourTab {
background-color: #4163c8;
}
.swatch.MetallicBlueMarker .hint {
border-bottom: 3px solid #4163c8;
border-top: 1px solid #4163c8;
border-left: 1px solid #4163c8;
border-right: 1px solid #4163c8;
background-color: #FFF;
}
.swatch.MetallicGreenMarker .colourTab {
background-color: #52a36d;
}
.swatch.MetallicGreenMarker .hint {
border-bottom: 3px solid #52a36d;
border-top: 1px solid #52a36d;
border-left: 1px solid #52a36d;
border-right: 1px solid #52a36d;
background-color: #FFF;
}
.swatch.MetallicPurpleMarker .colourTab {
background-color: #8b668b;
}
.swatch.MetallicPurpleMarker .hint {
border-bottom: 3px solid #8b668b;
border-top: 1px solid #8b668b;
border-left: 1px solid #8b668b;
border-right: 1px solid #8b668b;
background-color: #FFF;
}
.swatch.MetallicPinkMarker .colourTab {
background-color: #ef9ace;
}
.swatch.MetallicPinkMarker .hint {
border-bottom: 3px solid #ef9ace;
border-top: 1px solid #ef9ace;
border-left: 1px solid #ef9ace;
border-right: 1px solid #ef9ace;
background-color: #FFF;
}
.swatch.CopperMarker .colourTab {
background-color: #cc7722;
}
.swatch.CopperMarker .hint {
border-bottom: 3px solid #cc7722;
border-top: 1px solid #cc7722;
border-left: 1px solid #cc7722;
border-right: 1px solid #cc7722;
background-color: #FFF;
}
.swatch.BronzeMarker .colourTab {
background-color: #b8860b;
}
.swatch.BronzeMarker .hint {
border-bottom: 3px solid #b8860b;
border-top: 1px solid #b8860b;
border-left: 1px solid #b8860b;
border-right: 1px solid #b8860b;
background-color: #FFF;
}
.swatch.GoldMarker .colourTab {
background-color: #f1d074;
}
.swatch.GoldMarker .hint {
border-bottom: 3px solid #f1d074;
border-top: 1px solid #f1d074;
border-left: 1px solid #f1d074;
border-right: 1px solid #f1d074;
background-color: #FFF;
}
.swatch.YellowGreenMarker .colourTab {
background-color: #cdd704;
}
.swatch.YellowGreenMarker .hint {
border-bottom: 3px solid #cdd704;
border-top: 1px solid #cdd704;
border-left: 1px solid #cdd704;
border-right: 1px solid #cdd704;
background-color: #FFF;
}
.swatch.WhiteMarker .colourTab {
background-color: #ffffff;
}
.swatch.WhiteMarker .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.SkyBlueMarker .colourTab {
background-color: #63b8ff;
}
.swatch.SkyBlueMarker .hint {
border-bottom: 3px solid #63b8ff;
border-top: 1px solid #63b8ff;
border-left: 1px solid #63b8ff;
border-right: 1px solid #63b8ff;
background-color: #FFF;
}
.swatch.PinkMarker .colourTab {
background-color: #ff6eb4;
}
.swatch.PinkMarker .hint {
border-bottom: 3px solid #ff6eb4;
border-top: 1px solid #ff6eb4;
border-left: 1px solid #ff6eb4;
border-right: 1px solid #ff6eb4;
background-color: #FFF;
}
.swatch.VioletMarker .colourTab {
background-color: #bf5fff;
}
.swatch.VioletMarker .hint {
border-bottom: 3px solid #bf5fff;
border-top: 1px solid #bf5fff;
border-left: 1px solid #bf5fff;
border-right: 1px solid #bf5fff;
background-color: #FFF;
}
.swatch.OrangeMarker .colourTab {
background-color: #fe6e2a;
}
.swatch.OrangeMarker .hint {
border-bottom: 3px solid #fe6e2a;
border-top: 1px solid #fe6e2a;
border-left: 1px solid #fe6e2a;
border-right: 1px solid #fe6e2a;
background-color: #FFF;
}
.swatch.BlackMarker .colourTab {
background-color: #000000;
}
.swatch.BlackMarker .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.BlueMarker .colourTab {
background-color: #436eee;
}
.swatch.BlueMarker .hint {
border-bottom: 3px solid #436eee;
border-top: 1px solid #436eee;
border-left: 1px solid #436eee;
border-right: 1px solid #436eee;
background-color: #FFF;
}
.swatch.YellowMarker .colourTab {
background-color: #fcf216;
}
.swatch.YellowMarker .hint {
border-bottom: 3px solid #fcf216;
border-top: 1px solid #fcf216;
border-left: 1px solid #fcf216;
border-right: 1px solid #fcf216;
background-color: #FFF;
}
.swatch.GreenMarker .colourTab {
background-color: #1da237;
}
.swatch.GreenMarker .hint {
border-bottom: 3px solid #1da237;
border-top: 1px solid #1da237;
border-left: 1px solid #1da237;
border-right: 1px solid #1da237;
background-color: #FFF;
}
.swatch.PurpleMarker .colourTab {
background-color: #9932cc;
}
.swatch.PurpleMarker .hint {
border-bottom: 3px solid #9932cc;
border-top: 1px solid #9932cc;
border-left: 1px solid #9932cc;
border-right: 1px solid #9932cc;
background-color: #FFF;
}
.swatch.BrownMarker .colourTab {
background-color: #8a360f;
}
.swatch.BrownMarker .hint {
border-bottom: 3px solid #8a360f;
border-top: 1px solid #8a360f;
border-left: 1px solid #8a360f;
border-right: 1px solid #8a360f;
background-color: #FFF;
}
.swatch.RedMarker .colourTab {
background-color: #ff0000;
}
.swatch.RedMarker .hint {
border-bottom: 3px solid #ff0000;
border-top: 1px solid #ff0000;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
background-color: #FFF;
}
.swatch.SkyBlue1Land5L .colourTab {
background-color: #90Dfff;
}
.swatch.SkyBlue1Land5L .hint {
border-bottom: 3px solid #90Dfff;
border-top: 1px solid #90Dfff;
border-left: 1px solid #90Dfff;
border-right: 1px solid #90Dfff;
background-color: #FFF;
}
.swatch.Turquoise1Land5L .colourTab {
background-color: #33D7B6;
}
.swatch.Turquoise1Land5L .hint {
border-bottom: 3px solid #33D7B6;
border-top: 1px solid #33D7B6;
border-left: 1px solid #33D7B6;
border-right: 1px solid #33D7B6;
background-color: #FFF;
}
.swatch.Pink1Land5L .colourTab {
background-color: #FF9DFF;
}
.swatch.Pink1Land5L .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.Purple1Land5L .colourTab {
background-color: #7F007F;
}
.swatch.Purple1Land5L .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.BurntSienna1Land5L .colourTab {
background-color: #a83c1f;
}
.swatch.BurntSienna1Land5L .hint {
border-bottom: 3px solid #a83c1f;
border-top: 1px solid #a83c1f;
border-left: 1px solid #a83c1f;
border-right: 1px solid #a83c1f;
background-color: #FFF;
}
.swatch.BurntUmber1Land5L .colourTab {
background-color: #5E0E00;
}
.swatch.BurntUmber1Land5L .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.BrilliantGreen1Land5L .colourTab {
background-color: #06C701;
}
.swatch.BrilliantGreen1Land5L .hint {
border-bottom: 3px solid #06C701;
border-top: 1px solid #06C701;
border-left: 1px solid #06C701;
border-right: 1px solid #06C701;
background-color: #FFF;
}
.swatch.LeafGreen1Land5L .colourTab {
background-color: #00ff00;
}
.swatch.LeafGreen1Land5L .hint {
border-bottom: 3px solid #00ff00;
border-top: 1px solid #00ff00;
border-left: 1px solid #00ff00;
border-right: 1px solid #00ff00;
background-color: #FFF;
}
.swatch.CobaltBlue1Land5L .colourTab {
background-color: #0047AB;
}
.swatch.CobaltBlue1Land5L .hint {
border-bottom: 3px solid #0047AB;
border-top: 1px solid #0047AB;
border-left: 1px solid #0047AB;
border-right: 1px solid #0047AB;
background-color: #FFF;
}
.swatch.BrilliantBlue1Land5L .colourTab {
background-color: #0000ff;
}
.swatch.BrilliantBlue1Land5L .hint {
border-bottom: 3px solid #0000ff;
border-top: 1px solid #0000ff;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
background-color: #FFF;
}
.swatch.Crimson1Land5L .colourTab {
background-color: #DB143C;
}
.swatch.Crimson1Land5L .hint {
border-bottom: 3px solid #DB143C;
border-top: 1px solid #DB143C;
border-left: 1px solid #DB143C;
border-right: 1px solid #DB143C;
background-color: #FFF;
}
.swatch.BrilliantRed1Land5L .colourTab {
background-color: #FF0000;
}
.swatch.BrilliantRed1Land5L .hint {
border-bottom: 3px solid #FF0000;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color: #FFF;
}
.swatch.Orange1Land5L .colourTab {
background-color: #fe7f00;
}
.swatch.Orange1Land5L .hint {
border-bottom: 3px solid #fe7f00;
border-top: 1px solid #fe7f00;
border-left: 1px solid #fe7f00;
border-right: 1px solid #fe7f00;
background-color: #FFF;
}
.swatch.BrilliantYellow1Land5L .colourTab {
background-color: #fDE910;
}
.swatch.BrilliantYellow1Land5L .hint {
border-bottom: 3px solid #fDE910;
border-top: 1px solid #fDE910;
border-left: 1px solid #fDE910;
border-right: 1px solid #fDE910;
background-color: #FFF;
}
.swatch.Lemon1Land5L .colourTab {
background-color: #fff138;
}
.swatch.Lemon1Land5L .hint {
border-bottom: 3px solid #fff138;
border-top: 1px solid #fff138;
border-left: 1px solid #fff138;
border-right: 1px solid #fff138;
background-color: #FFF;
}
.swatch.White1Land5L .colourTab {
background-color: #ffffff;
}
.swatch.White1Land5L .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.Black1Land5L .colourTab {
background-color: #000000;
}
.swatch.Black1Land5L .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.Cyan600ml .colourTab {
background-color: #1423ff;
}
.swatch.Cyan600ml .hint {
border-bottom: 3px solid #1423ff;
border-top: 1px solid #1423ff;
border-left: 1px solid #1423ff;
border-right: 1px solid #1423ff;
background-color: #FFF;
}
.swatch.DeepYellow600ml .colourTab {
background-color: #e2e600;
}
.swatch.DeepYellow600ml .hint {
border-bottom: 3px solid #e2e600;
border-top: 1px solid #e2e600;
border-left: 1px solid #e2e600;
border-right: 1px solid #e2e600;
background-color: #FFF;
}
.swatch.Cerise600ml .colourTab {
background-color: #DE3163;
}
.swatch.Cerise600ml .hint {
border-bottom: 3px solid #DE3163;
border-top: 1px solid #DE3163;
border-left: 1px solid #DE3163;
border-right: 1px solid #DE3163;
background-color: #FFF;
}
.swatch.Viridian600ml .colourTab {
background-color: #01AA50;
}
.swatch.Viridian600ml .hint {
border-bottom: 3px solid #01AA50;
border-top: 1px solid #01AA50;
border-left: 1px solid #01AA50;
border-right: 1px solid #01AA50;
background-color: #FFF;
}
.swatch.Vermilion600ml .colourTab {
background-color: #FF461A;
}
.swatch.Vermilion600ml .hint {
border-bottom: 3px solid #FF461A;
border-top: 1px solid #FF461A;
border-left: 1px solid #FF461A;
border-right: 1px solid #FF461A;
background-color: #FFF;
}
.swatch.YellowOchre600ml .colourTab {
background-color: #CAB000;
}
.swatch.YellowOchre600ml .hint {
border-bottom: 3px solid #CAB000;
border-top: 1px solid #CAB000;
border-left: 1px solid #CAB000;
border-right: 1px solid #CAB000;
background-color: #FFF;
}
.swatch.Peach600ml .colourTab {
background-color: #FEF3AB;
}
.swatch.Peach600ml .hint {
border-bottom: 3px solid #FEF3AB;
border-top: 1px solid #FEF3AB;
border-left: 1px solid #FEF3AB;
border-right: 1px solid #FEF3AB;
background-color: #FFF;
}
.swatch.PrussianBlue600ml .colourTab {
background-color: #003357;
}
.swatch.PrussianBlue600ml .hint {
border-bottom: 3px solid #003357;
border-top: 1px solid #003357;
border-left: 1px solid #003357;
border-right: 1px solid #003357;
background-color: #FFF;
}
.swatch.SkyBlue600ml .colourTab {
background-color: #90Dfff;
}
.swatch.SkyBlue600ml .hint {
border-bottom: 3px solid #90Dfff;
border-top: 1px solid #90Dfff;
border-left: 1px solid #90Dfff;
border-right: 1px solid #90Dfff;
background-color: #FFF;
}
.swatch.Turquoise600ml .colourTab {
background-color: #33D7B6;
}
.swatch.Turquoise600ml .hint {
border-bottom: 3px solid #33D7B6;
border-top: 1px solid #33D7B6;
border-left: 1px solid #33D7B6;
border-right: 1px solid #33D7B6;
background-color: #FFF;
}
.swatch.Pink600ml .colourTab {
background-color: #FF9DFF;
}
.swatch.Pink600ml .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.Purple600ml .colourTab {
background-color: #7F007F;
}
.swatch.Purple600ml .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.BurntSienna600ml .colourTab {
background-color: #a83c1f;
}
.swatch.BurntSienna600ml .hint {
border-bottom: 3px solid #a83c1f;
border-top: 1px solid #a83c1f;
border-left: 1px solid #a83c1f;
border-right: 1px solid #a83c1f;
background-color: #FFF;
}
.swatch.BurntUmber600ml .colourTab {
background-color: #5E0E00;
}
.swatch.BurntUmber600ml .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.LeafGreen600ml .colourTab {
background-color: #00ff00;
}
.swatch.LeafGreen600ml .hint {
border-bottom: 3px solid #00ff00;
border-top: 1px solid #00ff00;
border-left: 1px solid #00ff00;
border-right: 1px solid #00ff00;
background-color: #FFF;
}
.swatch.BrilliantGreen600ml .colourTab {
background-color: #06C701;
}
.swatch.BrilliantGreen600ml .hint {
border-bottom: 3px solid #06C701;
border-top: 1px solid #06C701;
border-left: 1px solid #06C701;
border-right: 1px solid #06C701;
background-color: #FFF;
}
.swatch.CobaltBlue600ml .colourTab {
background-color: #0047AB;
}
.swatch.CobaltBlue600ml .hint {
border-bottom: 3px solid #0047AB;
border-top: 1px solid #0047AB;
border-left: 1px solid #0047AB;
border-right: 1px solid #0047AB;
background-color: #FFF;
}
.swatch.BrilliantBlue600ml .colourTab {
background-color: #0000ff;
}
.swatch.BrilliantBlue600ml .hint {
border-bottom: 3px solid #0000ff;
border-top: 1px solid #0000ff;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
background-color: #FFF;
}
.swatch.Crimson600ml .colourTab {
background-color: #DB143C;
}
.swatch.Crimson600ml .hint {
border-bottom: 3px solid #DB143C;
border-top: 1px solid #DB143C;
border-left: 1px solid #DB143C;
border-right: 1px solid #DB143C;
background-color: #FFF;
}
.swatch.BrilliantRed600ml .colourTab {
background-color: #FF0000;
}
.swatch.BrilliantRed600ml .hint {
border-bottom: 3px solid #FF0000;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color: #FFF;
}
.swatch.Orange600ml .colourTab {
background-color: #fe7f00;
}
.swatch.Orange600ml .hint {
border-bottom: 3px solid #fe7f00;
border-top: 1px solid #fe7f00;
border-left: 1px solid #fe7f00;
border-right: 1px solid #fe7f00;
background-color: #FFF;
}
.swatch.BrilliantYellow600ml .colourTab {
background-color: #fDE910;
}
.swatch.BrilliantYellow600ml .hint {
border-bottom: 3px solid #fDE910;
border-top: 1px solid #fDE910;
border-left: 1px solid #fDE910;
border-right: 1px solid #fDE910;
background-color: #FFF;
}
.swatch.Lemon600ml .colourTab {
background-color: #fff138;
}
.swatch.Lemon600ml .hint {
border-bottom: 3px solid #fff138;
border-top: 1px solid #fff138;
border-left: 1px solid #fff138;
border-right: 1px solid #fff138;
background-color: #FFF;
}
.swatch.White600ml .colourTab {
background-color: #ffffff;
}
.swatch.White600ml .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.Black600ml .colourTab {
background-color: #000000;
}
.swatch.Black600ml .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.MultiStd .colourTab {
background-color: #ccd1ad;
}
.swatch.MultiStd .hint {
border-bottom: 3px solid #ccd1ad;
border-top: 1px solid #ccd1ad;
border-left: 1px solid #ccd1ad;
border-right: 1px solid #ccd1ad;
background-color: #FFF;
}
.swatch.GreenSolid .colourTab {
background-color: #54b54a;
}
.swatch.GreenSolid .hint {
border-bottom: 3px solid #54b54a;
border-top: 1px solid #54b54a;
border-left: 1px solid #54b54a;
border-right: 1px solid #54b54a;
background-color: #FFF;
}
.swatch.WhiteSolid .colourTab {
background-color: #ffffff;
}
.swatch.WhiteSolid .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.YellowSolid .colourTab {
background-color: #f9e906;
}
.swatch.YellowSolid .hint {
border-bottom: 3px solid #f9e906;
border-top: 1px solid #f9e906;
border-left: 1px solid #f9e906;
border-right: 1px solid #f9e906;
background-color: #FFF;
}
.swatch.BlueSolid .colourTab {
background-color: #0d28e7;
}
.swatch.BlueSolid .hint {
border-bottom: 3px solid #0d28e7;
border-top: 1px solid #0d28e7;
border-left: 1px solid #0d28e7;
border-right: 1px solid #0d28e7;
background-color: #FFF;
}
.swatch.RedSolid .colourTab {
background-color: #f02f28;
}
.swatch.RedSolid .hint {
border-bottom: 3px solid #f02f28;
border-top: 1px solid #f02f28;
border-left: 1px solid #f02f28;
border-right: 1px solid #f02f28;
background-color: #FFF;
}
.swatch.ChocolateStd .colourTab {
background-color: #591408;
}
.swatch.ChocolateStd .hint {
border-bottom: 3px solid #591408;
border-top: 1px solid #591408;
border-left: 1px solid #591408;
border-right: 1px solid #591408;
background-color: #FFF;
}
.swatch.ClementineStd .colourTab {
background-color: #ffdebd;
}
.swatch.ClementineStd .hint {
border-bottom: 3px solid #ffdebd;
border-top: 1px solid #ffdebd;
border-left: 1px solid #ffdebd;
border-right: 1px solid #ffdebd;
background-color: #FFF;
}
.swatch.SilverGlitter .colourTab {
background-color: #C5C5C5;
}
.swatch.SilverGlitter .hint {
border-bottom: 3px solid #C5C5C5;
border-top: 1px solid #C5C5C5;
border-left: 1px solid #C5C5C5;
border-right: 1px solid #C5C5C5;
background-color: #FFF;
}
.swatch.PastelLemon .colourTab {
background-color: #FFFD3B;
}
.swatch.PastelLemon .hint {
border-bottom: 3px solid #FFFD3B;
border-top: 1px solid #FFFD3B;
border-left: 1px solid #FFFD3B;
border-right: 1px solid #FFFD3B;
background-color: #FFF;
}
.swatch.PastelPeach .colourTab {
background-color: #FFE1A8;
}
.swatch.PastelPeach .hint {
border-bottom: 3px solid #FFE1A8;
border-top: 1px solid #FFE1A8;
border-left: 1px solid #FFE1A8;
border-right: 1px solid #FFE1A8;
background-color: #FFF;
}
.swatch.PastelPink .colourTab {
background-color: #FF9DFF;
}
.swatch.PastelPink .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.PastelGreen .colourTab {
background-color: #50C878;
}
.swatch.PastelGreen .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.PastelLilac .colourTab {
background-color: #7D09A9;
}
.swatch.PastelLilac .hint {
border-bottom: 3px solid #7D09A9;
border-top: 1px solid #7D09A9;
border-left: 1px solid #7D09A9;
border-right: 1px solid #7D09A9;
background-color: #FFF;
}
.swatch.PastelBlue .colourTab {
background-color: #90DFFF;
}
.swatch.PastelBlue .hint {
border-bottom: 3px solid #90DFFF;
border-top: 1px solid #90DFFF;
border-left: 1px solid #90DFFF;
border-right: 1px solid #90DFFF;
background-color: #FFF;
}
.swatch.Skin6 .colourTab {
background-color: #4F4034;
}
.swatch.Skin6 .hint {
border-bottom: 3px solid #4F4034;
border-top: 1px solid #4F4034;
border-left: 1px solid #4F4034;
border-right: 1px solid #4F4034;
background-color: #FFF;
}
.swatch.Skin5 .colourTab {
background-color: #C6741E;
}
.swatch.Skin5 .hint {
border-bottom: 3px solid #C6741E;
border-top: 1px solid #C6741E;
border-left: 1px solid #C6741E;
border-right: 1px solid #C6741E;
background-color: #FFF;
}
.swatch.Skin4 .colourTab {
background-color: #97816B;
}
.swatch.Skin4 .hint {
border-bottom: 3px solid #97816B;
border-top: 1px solid #97816B;
border-left: 1px solid #97816B;
border-right: 1px solid #97816B;
background-color: #FFF;
}
.swatch.Skin3 .colourTab {
background-color: #C0A582;
}
.swatch.Skin3 .hint {
border-bottom: 3px solid #C0A582;
border-top: 1px solid #C0A582;
border-left: 1px solid #C0A582;
border-right: 1px solid #C0A582;
background-color: #FFF;
}
.swatch.Skin2 .colourTab {
background-color: #FeE3ab;
}
.swatch.Skin2 .hint {
border-bottom: 3px solid #FeE3ab;
border-top: 1px solid #FeE3ab;
border-left: 1px solid #FeE3ab;
border-right: 1px solid #FeE3ab;
background-color: #FFF;
}
.swatch.Skin1 .colourTab {
background-color: #ff9dff;
}
.swatch.Skin1 .hint {
border-bottom: 3px solid #ff9dff;
border-top: 1px solid #ff9dff;
border-left: 1px solid #ff9dff;
border-right: 1px solid #ff9dff;
background-color: #FFF;
}
.swatch.PearlescentBlue .colourTab {
background-color: #008CFF;
}
.swatch.PearlescentBlue .hint {
border-bottom: 3px solid #008CFF;
border-top: 1px solid #008CFF;
border-left: 1px solid #008CFF;
border-right: 1px solid #008CFF;
background-color: #FFF;
}
.swatch.PearlescentGreen .colourTab {
background-color: #50C878;
}
.swatch.PearlescentGreen .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.PearlescentPink .colourTab {
background-color: #FE00CC;
}
.swatch.PearlescentPink .hint {
border-bottom: 3px solid #FE00CC;
border-top: 1px solid #FE00CC;
border-left: 1px solid #FE00CC;
border-right: 1px solid #FE00CC;
background-color: #FFF;
}
.swatch.PearlescentRed .colourTab {
background-color: #FF0306;
}
.swatch.PearlescentRed .hint {
border-bottom: 3px solid #FF0306;
border-top: 1px solid #FF0306;
border-left: 1px solid #FF0306;
border-right: 1px solid #FF0306;
background-color: #FFF;
}
.swatch.BlackStd .colourTab {
background-color: #000000;
}
.swatch.BlackStd .hint {
border-bottom: 3px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFF;
}
.swatch.BrilliantBlueStd .colourTab {
background-color: #0000FF;
}
.swatch.BrilliantBlueStd .hint {
border-bottom: 3px solid #0000FF;
border-top: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
background-color: #FFF;
}
.swatch.BrilliantGreenStd .colourTab {
background-color: #06C701;
}
.swatch.BrilliantGreenStd .hint {
border-bottom: 3px solid #06C701;
border-top: 1px solid #06C701;
border-left: 1px solid #06C701;
border-right: 1px solid #06C701;
background-color: #FFF;
}
.swatch.BrilliantRedStd .colourTab {
background-color: #FF0000;
}
.swatch.BrilliantRedStd .hint {
border-bottom: 3px solid #FF0000;
border-top: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color: #FFF;
}
.swatch.BrilliantYellowStd .colourTab {
background-color: #FDE910;
}
.swatch.BrilliantYellowStd .hint {
border-bottom: 3px solid #FDE910;
border-top: 1px solid #FDE910;
border-left: 1px solid #FDE910;
border-right: 1px solid #FDE910;
background-color: #FFF;
}
.swatch.BurntSiennaStd .colourTab {
background-color: #a83c1f;
}
.swatch.BurntSiennaStd .hint {
border-bottom: 3px solid #a83c1f;
border-top: 1px solid #a83c1f;
border-left: 1px solid #a83c1f;
border-right: 1px solid #a83c1f;
background-color: #FFF;
}
.swatch.BurntUmberStd .colourTab {
background-color: #5E0E00;
}
.swatch.BurntUmberStd .hint {
border-bottom: 3px solid #5E0E00;
border-top: 1px solid #5E0E00;
border-left: 1px solid #5E0E00;
border-right: 1px solid #5E0E00;
background-color: #FFF;
}
.swatch.PearlescentViolet .colourTab {
background-color: #cb3efe;
}
.swatch.PearlescentViolet .hint {
border-bottom: 3px solid #cb3efe;
border-top: 1px solid #cb3efe;
border-left: 1px solid #cb3efe;
border-right: 1px solid #cb3efe;
background-color: #FFF;
}
.swatch.PearlescentYellow .colourTab {
background-color: #FDE910;
}
.swatch.PearlescentYellow .hint {
border-bottom: 3px solid #FDE910;
border-top: 1px solid #FDE910;
border-left: 1px solid #FDE910;
border-right: 1px solid #FDE910;
background-color: #FFF;
}
.swatch.BlueGlitter .colourTab {
background-color: #2A2BFC;
}
.swatch.BlueGlitter .hint {
border-bottom: 3px solid #2A2BFC;
border-top: 1px solid #2A2BFC;
border-left: 1px solid #2A2BFC;
border-right: 1px solid #2A2BFC;
background-color: #FFF;
}
.swatch.DazzelberryGlitter .colourTab {
background-color: #7F007F;
}
.swatch.DazzelberryGlitter .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.DiscoGlitter .colourTab {
background-color: #ffffff;
}
.swatch.DiscoGlitter .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.ElectricLimeGlitter .colourTab {
background-color: #11C810;
}
.swatch.ElectricLimeGlitter .hint {
border-bottom: 3px solid #11C810;
border-top: 1px solid #11C810;
border-left: 1px solid #11C810;
border-right: 1px solid #11C810;
background-color: #FFF;
}
.swatch.ExtremeTangerineGlitter .colourTab {
background-color: #ffc400;
}
.swatch.ExtremeTangerineGlitter .hint {
border-bottom: 3px solid #ffc400;
border-top: 1px solid #ffc400;
border-left: 1px solid #ffc400;
border-right: 1px solid #ffc400;
background-color: #FFF;
}
.swatch.GoldGlitter .colourTab {
background-color: #FEDB1E;
}
.swatch.GoldGlitter .hint {
border-bottom: 3px solid #FEDB1E;
border-top: 1px solid #FEDB1E;
border-left: 1px solid #FEDB1E;
border-right: 1px solid #FEDB1E;
background-color: #FFF;
}
.swatch.GreenGlitter .colourTab {
background-color: #60DA60;
}
.swatch.GreenGlitter .hint {
border-bottom: 3px solid #60DA60;
border-top: 1px solid #60DA60;
border-left: 1px solid #60DA60;
border-right: 1px solid #60DA60;
background-color: #FFF;
}
.swatch.MultiGlitter .colourTab {
background-color: #c9cd9d;
}
.swatch.MultiGlitter .hint {
border-bottom: 3px solid #c9cd9d;
border-top: 1px solid #c9cd9d;
border-left: 1px solid #c9cd9d;
border-right: 1px solid #c9cd9d;
background-color: #FFF;
}
.swatch.NeonYellowGlitter .colourTab {
background-color: #FFDD2C;
}
.swatch.NeonYellowGlitter .hint {
border-bottom: 3px solid #FFDD2C;
border-top: 1px solid #FFDD2C;
border-left: 1px solid #FFDD2C;
border-right: 1px solid #FFDD2C;
background-color: #FFF;
}
.swatch.PurpleGlitter .colourTab {
background-color: #6b00db;
}
.swatch.PurpleGlitter .hint {
border-bottom: 3px solid #6b00db;
border-top: 1px solid #6b00db;
border-left: 1px solid #6b00db;
border-right: 1px solid #6b00db;
background-color: #FFF;
}
.swatch.RedGlitter .colourTab {
background-color: #f50000;
}
.swatch.RedGlitter .hint {
border-bottom: 3px solid #f50000;
border-top: 1px solid #f50000;
border-left: 1px solid #f50000;
border-right: 1px solid #f50000;
background-color: #FFF;
}
.swatch.ShockingPinkGlitter .colourTab {
background-color: #ff33cc;
}
.swatch.ShockingPinkGlitter .hint {
border-bottom: 3px solid #ff33cc;
border-top: 1px solid #ff33cc;
border-left: 1px solid #ff33cc;
border-right: 1px solid #ff33cc;
background-color: #FFF;
}
.swatch.FluorescentBlue .colourTab {
background-color: #0070FF;
}
.swatch.FluorescentBlue .hint {
border-bottom: 3px solid #0070FF;
border-top: 1px solid #0070FF;
border-left: 1px solid #0070FF;
border-right: 1px solid #0070FF;
background-color: #FFF;
}
.swatch.FluorescentGreen .colourTab {
background-color: #00FF00;
}
.swatch.FluorescentGreen .hint {
border-bottom: 3px solid #00FF00;
border-top: 1px solid #00FF00;
border-left: 1px solid #00FF00;
border-right: 1px solid #00FF00;
background-color: #FFF;
}
.swatch.FluorescentOrange .colourTab {
background-color: #FF9700;
}
.swatch.FluorescentOrange .hint {
border-bottom: 3px solid #FF9700;
border-top: 1px solid #FF9700;
border-left: 1px solid #FF9700;
border-right: 1px solid #FF9700;
background-color: #FFF;
}
.swatch.FluorescentPink .colourTab {
background-color: #FE00CC;
}
.swatch.FluorescentPink .hint {
border-bottom: 3px solid #FE00CC;
border-top: 1px solid #FE00CC;
border-left: 1px solid #FE00CC;
border-right: 1px solid #FE00CC;
background-color: #FFF;
}
.swatch.FluorescentRed .colourTab {
background-color: #FE2400;
}
.swatch.FluorescentRed .hint {
border-bottom: 3px solid #FE2400;
border-top: 1px solid #FE2400;
border-left: 1px solid #FE2400;
border-right: 1px solid #FE2400;
background-color: #FFF;
}
.swatch.AntiqueGoldMetallic .colourTab {
background-color: #CFB53B;
}
.swatch.AntiqueGoldMetallic .hint {
border-bottom: 3px solid #CFB53B;
border-top: 1px solid #CFB53B;
border-left: 1px solid #CFB53B;
border-right: 1px solid #CFB53B;
background-color: #FFF;
}
.swatch.BronzeMetallic .colourTab {
background-color: #cfa159;
}
.swatch.BronzeMetallic .hint {
border-bottom: 3px solid #cfa159;
border-top: 1px solid #cfa159;
border-left: 1px solid #cfa159;
border-right: 1px solid #cfa159;
background-color: #FFF;
}
.swatch.GoldMetallic .colourTab {
background-color: #FFD700;
}
.swatch.GoldMetallic .hint {
border-bottom: 3px solid #FFD700;
border-top: 1px solid #FFD700;
border-left: 1px solid #FFD700;
border-right: 1px solid #FFD700;
background-color: #FFF;
}
.swatch.CeriseStd .colourTab {
background-color: #DE3163;
}
.swatch.CeriseStd .hint {
border-bottom: 3px solid #DE3163;
border-top: 1px solid #DE3163;
border-left: 1px solid #DE3163;
border-right: 1px solid #DE3163;
background-color: #FFF;
}
.swatch.ClearStd .colourTab {
background-color: #f6f9f9;
}
.swatch.ClearStd .hint {
border-bottom: 3px solid #f6f9f9;
border-top: 1px solid #f6f9f9;
border-left: 1px solid #f6f9f9;
border-right: 1px solid #f6f9f9;
background-color: #FFF;
}
.swatch.CobaltBlueStd .colourTab {
background-color: #0047AB;
}
.swatch.CobaltBlueStd .hint {
border-bottom: 3px solid #0047AB;
border-top: 1px solid #0047AB;
border-left: 1px solid #0047AB;
border-right: 1px solid #0047AB;
background-color: #FFF;
}
.swatch.FluorescentYellow .colourTab {
background-color: #f4ff00;
}
.swatch.FluorescentYellow .hint {
border-bottom: 3px solid #f4ff00;
border-top: 1px solid #f4ff00;
border-left: 1px solid #f4ff00;
border-right: 1px solid #f4ff00;
background-color: #FFF;
}
.swatch.PeachStd .colourTab {
background-color: #FEE3AB;
}
.swatch.PeachStd .hint {
border-bottom: 3px solid #FEE3AB;
border-top: 1px solid #FEE3AB;
border-left: 1px solid #FEE3AB;
border-right: 1px solid #FEE3AB;
background-color: #FFF;
}
.swatch.PinkStd .colourTab {
background-color: #FF9DFF;
}
.swatch.PinkStd .hint {
border-bottom: 3px solid #FF9DFF;
border-top: 1px solid #FF9DFF;
border-left: 1px solid #FF9DFF;
border-right: 1px solid #FF9DFF;
background-color: #FFF;
}
.swatch.PrussianBlueStd .colourTab {
background-color: #003357;
}
.swatch.PrussianBlueStd .hint {
border-bottom: 3px solid #003357;
border-top: 1px solid #003357;
border-left: 1px solid #003357;
border-right: 1px solid #003357;
background-color: #FFF;
}
.swatch.PurpleStd .colourTab {
background-color: #7F007F;
}
.swatch.PurpleStd .hint {
border-bottom: 3px solid #7F007F;
border-top: 1px solid #7F007F;
border-left: 1px solid #7F007F;
border-right: 1px solid #7F007F;
background-color: #FFF;
}
.swatch.SeaGreenStd .colourTab {
background-color: #2E8B57;
}
.swatch.SeaGreenStd .hint {
border-bottom: 3px solid #2E8B57;
border-top: 1px solid #2E8B57;
border-left: 1px solid #2E8B57;
border-right: 1px solid #2E8B57;
background-color: #FFF;
}
.swatch.SkyBlueStd .colourTab {
background-color: #90DFFF;
}
.swatch.SkyBlueStd .hint {
border-bottom: 3px solid #90DFFF;
border-top: 1px solid #90DFFF;
border-left: 1px solid #90DFFF;
border-right: 1px solid #90DFFF;
background-color: #FFF;
}
.swatch.TurquoiseStd .colourTab {
background-color: #33D7B6;
}
.swatch.TurquoiseStd .hint {
border-bottom: 3px solid #33D7B6;
border-top: 1px solid #33D7B6;
border-left: 1px solid #33D7B6;
border-right: 1px solid #33D7B6;
background-color: #FFF;
}
.swatch.VermilionStd .colourTab {
background-color: #ff461a;
}
.swatch.VermilionStd .hint {
border-bottom: 3px solid #ff461a;
border-top: 1px solid #ff461a;
border-left: 1px solid #ff461a;
border-right: 1px solid #ff461a;
background-color: #FFF;
}
.swatch.VioletStd .colourTab {
background-color: #8601AF;
}
.swatch.VioletStd .hint {
border-bottom: 3px solid #8601AF;
border-top: 1px solid #8601AF;
border-left: 1px solid #8601AF;
border-right: 1px solid #8601AF;
background-color: #FFF;
}
.swatch.ViridianStd .colourTab {
background-color: #01AA50;
}
.swatch.ViridianStd .hint {
border-bottom: 3px solid #01AA50;
border-top: 1px solid #01AA50;
border-left: 1px solid #01AA50;
border-right: 1px solid #01AA50;
background-color: #FFF;
}
.swatch.WhiteStd .colourTab {
background-color: #ffffff;
}
.swatch.WhiteStd .hint {
border-bottom: 3px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background-color: #FFF;
}
.swatch.YellowOchreStd .colourTab {
background-color: #CAB000;
}
.swatch.YellowOchreStd .hint {
border-bottom: 3px solid #CAB000;
border-top: 1px solid #CAB000;
border-left: 1px solid #CAB000;
border-right: 1px solid #CAB000;
background-color: #FFF;
}
.swatch.CrimsonStd .colourTab {
background-color: #DB143C;
}
.swatch.CrimsonStd .hint {
border-bottom: 3px solid #DB143C;
border-top: 1px solid #DB143C;
border-left: 1px solid #DB143C;
border-right: 1px solid #DB143C;
background-color: #FFF;
}
.swatch.CyanStd .colourTab {
background-color: #0073b3;
}
.swatch.CyanStd .hint {
border-bottom: 3px solid #0073b3;
border-top: 1px solid #0073b3;
border-left: 1px solid #0073b3;
border-right: 1px solid #0073b3;
background-color: #FFF;
}
.swatch.EmeraldGreenStd .colourTab {
background-color: #50C878;
}
.swatch.EmeraldGreenStd .hint {
border-bottom: 3px solid #50C878;
border-top: 1px solid #50C878;
border-left: 1px solid #50C878;
border-right: 1px solid #50C878;
background-color: #FFF;
}
.swatch.GreyStd .colourTab {
background-color: #C1BFD2;
}
.swatch.GreyStd .hint {
border-bottom: 3px solid #C1BFD2;
border-top: 1px solid #C1BFD2;
border-left: 1px solid #C1BFD2;
border-right: 1px solid #C1BFD2;
background-color: #FFF;
}
.swatch.LeafGreenStd .colourTab {
background-color: #00FF00;
}
.swatch.LeafGreenStd .hint {
border-bottom: 3px solid #00FF00;
border-top: 1px solid #00FF00;
border-left: 1px solid #00FF00;
border-right: 1px solid #00FF00;
background-color: #FFF;
}
.swatch.LemonStd .colourTab {
background-color: #fff138;
}
.swatch.LemonStd .hint {
border-bottom: 3px solid #fff138;
border-top: 1px solid #fff138;
border-left: 1px solid #fff138;
border-right: 1px solid #fff138;
background-color: #FFF;
}
.swatch.OrangeStd .colourTab {
background-color: #FE7F00;
}
.swatch.OrangeStd .hint {
border-bottom: 3px solid #FE7F00;
border-top: 1px solid #FE7F00;
border-left: 1px solid #FE7F00;
border-right: 1px solid #FE7F00;
background-color: #FFF;
}