body { BACKGROUND: #FFF; COLOR: #D4D4D4; FONT-FAMILY: arial, helvetica, san-serif; FONT-SIZE: 12px; MARGIN: 0; PADDING: 0; TEXT-ALIGN: center; }
select,input { FONT-SIZE: 12px; }
img { BORDER: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
a { COLOR: #999; }
a:hover { COLOR: #e04f92; }

/* PLUGIN */

#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: move; DISPLAY: none; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1;  POSITION: fixed; _position: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left;  }
#plugCLOSE { FLOAT: right; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #FFF; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }
#SV { background: #FF0000 url('images/SV.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 166px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/SV.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('images/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('images/slideHue.gif'); HEIGHT: 5px; WIDTH: 32px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px;  }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }

/* SWATCH */

#swatch { DISPLAY: none; POSITION: fixed; _position: absolute; BACKGROUND: #FFF; WIDTH: 350px; TEXT-ALIGN: center; -moz-user-select: none; -khtml-user-select: none; user-select: none; CURSOR: default; Z-INDEX: 1; }
#swatch .title { BACKGROUND: #2c2c2c; HEIGHT: 24px; FONT-SIZE: 11px; DISPLAY: block; TEXT-ALIGN: left; }
#swatch .title a { TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted #777; _BORDER-BOTTOM: 0; _TEXT-DECORATION: underline; COLOR: #BBB; }
#swatch .title a:hover { COLOR: #ED93CB; BORDER-BOTTOM: 1px dotted #834B6D; _BORDER-BOTTOM: 0; }
#swatch .title .east { FLOAT: right; PADDING: 6px 12px 6px 20px; TEXT-DECORATION: none; COLOR: #FFF; CURSOR: pointer; }
#swatch .title .east:hover { COLOR: #fcda59; }
#swatch .title div { FLOAT: left; PADDING: 6px 0 6px 10px; LETTER-SPACING: 0.03em; COLOR: #555; CURSOR: move; }
#swatch .box { PADDING: 7px 0 7px 0; BACKGROUND: #f5f5f5; BORDER-BOTTOM: 1px solid #D6D6D6; BORDER-RIGHT: 1px solid #E9E9E9; BORDER-LEFT: 1px solid #E7E7E7; }
#swatch input { PADDING: 1px 4px; BORDER: 1px solid #B7B8B6; BACKGROUND: #D6D6D4; COLOR: #252120; CURSOR: pointer; }
#swatch input:hover { BACKGROUND: #E0E0DE; }
#swatch select { BORDER: 1px solid #B7B8B6; BACKGROUND: #FFF; }

#swatchHex { PADDING: 1px 0 0 0; }
#swatchHex br { CLEAR: both; }
#swatchHex div { MARGIN-BOTTOM: 1px; COLOR: #FFF; TEXT-ALIGN: right; HEIGHT: 38px; CURSOR: pointer; }
#swatchHex span { POSITION: relative; TOP: -11px; _TOP: 5px; _LEFT: -3px; PADDING-RIGHT: 2px; }
#swatchHex img { PADDING: 0; MARGIN-BOTTOM: 5px; _margin-bottom: 0; DISPLAY: inline; height: 32px; }

/* CONTENT */

#everything { WIDTH: 770px; MARGIN: 0 auto; TEXT-ALIGN: left; PADDING: 90px 0 25px; }

#top { MARGIN: 0 0 30px 0; HEIGHT: 50px; PADDING-TOP: 18px; COLOR: #444; text-align: center; -moz-user-select: none; position: fixed; width: 100%; BACKGROUND: url('images/topBG.gif') 0 -15px repeat-x; z-index: 1; }
#top a { PADDING: 0 2px; COLOR: #E0E0E0; }
#top a.logo { FLOAT: left; PADDING: 0 0 0 14px; position: relative; top: -5px; }
#top div.east { FLOAT: left; TEXT-ALIGN: right; width: 666px; POSITION: relative; TOP: 18px; }
#top div.east a { TEXT-DECORATION: none; POSITION: relative; TOP: -10px; MARGIN: 0 5px 0 0; PADDING: 4px 8px; BORDER: 1px solid #332f2c; BORDER-TOP-COLOR: #3D3B37; BORDER-RIGHT-COLOR: #3D3B37; BACKGROUND: #252120 url('/media/topA.gif'); COLOR: #c8b8a9; FONT-SIZE: 13px; }
#top div.east a:hover { BACKGROUND: #191919 url('/media/topA.gif') 0 -25px; COLOR: D4B79D; }
#top br { CLEAR: both; }

.nav { WIDTH: 119px; FLOAT: left; POSITION: relative; TOP: -2px;  }
.nav input { MARGIN: 2px 0 5px 5px; WIDTH: 70px; BORDER: 1px solid #BBB; PADDING-LEFT: 4px; POSITION: relative; TOP: 2px; }
.nav table { FONT-SIZE: 13px; COLOR: #BBB; CURSOR: pointer; WORD-SPACING: 0.01em; POSITION: relative; TOP: -2px; BORDER-SPACING: 0; }
.nav table div { MARGIN: 10px 0 9px 25px; BORDER-TOP: 1px solid #e9e9e9; HEIGHT: 1px; FONT-SIZE: 1px; }
.nav table tr:hover { COLOR: #e04f92; }
.nav table tr.top td { PADDING-TOP: 6px; }
.nav table td.bot { BORDER-BOTTOM: 1px solid #eee; PADDING-BOTTOM: 7px; }
.nav table td.bor { PADDING-BOTTOM: 8px; }
.nav table td { PADDING: 0; }
.nav table span { COLOR: #BBB; }
.nav table span:hover { COLOR: #e04f92; }

.trans { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/trans.png', sizingMethod='scale'); }

#navH input { BACKGROUND: #FFDBFE; }
#navH td { COLOR: #e04f92; }

#pick { WIDTH: 651px; FLOAT: right; BORDER-BOTTOM: 1px solid #eee; PADDING: 0 0 10px 0; MARGIN: 0 0 10px 0; }
#pick div.bg { MARGIN: 0 6px 10px 6px; WIDTH: 205px; _WIDTH: 201px; FLOAT: left; TEXT-ALIGN: left; }
#pick input { HEIGHT: 19px; WIDTH: 19px; MARGIN: 40px 10px 9px 0; FLOAT: right; }

.hex { BACKGROUND: #272727; PADDING: 6px 0 6px 10px; HEIGHT: 12px; FONT-SIZE: 11px; CURSOR: pointer; }
.hex a { FLOAT: right; PADDING: 0 11px 0 15px; COLOR: #f3f3f3; TEXT-DECORATION: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.hex a:hover,.hex div:hover { COLOR: #fcda59; }
.hex div { FLOAT: left; }

.bgAllHex { display: block; CURSOR: pointer; }
.bgAllHex img { PADDING-BOTTOM: 1px; }

/* FOOT */

#bot { PADDING: 12px 0 0 10px; border-top: 1px solid #333; background: #222; FONT-SIZE: 12px; MARGIN: 0 0 0 0; position: absolute; display: none; COLOR: #444; WIDTH: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; position: fixed; height: 55px; }
#bot a { TEXT-DECORATION: none; PADDING: 6px 10px; COLOR: #E8D4C1; DISPLAY: inline; CURSOR: pointer; }
#bot a:hover,#top .east a#tThis { COLOR: #DE83AD; }

/* CUSTOMS */

#langbox { PADDING-TOP: 7px; LINE-HEIGHT: 1.5em; }
#langbox a { COLOR: #e04f92; }

#lang,#link { FONT-SIZE: 12px; LINE-HEIGHT: 1.2em; }
#lang a,#link a { COLOR: #999; PADDING-LEFT: 12px; DISPLAY: block; }
#lang a:hover,#link a:hover { COLOR: #e04f92; }

#slide { BACKGROUND: #FFF; BORDER: 1px solid #444; HEIGHT: 160px; POSITION: absolute; WIDTH: 21px; DISPLAY: none; }
#slide a { TEXT-DECORATION: none; DISPLAY: block; BACKGROUND: #2c2c2c; PADDING: 5px 0 3px 0; COLOR: #FFF; FONT-SIZE: 13px; FONT-FAMILY: arial, helvetica, san-serif; }
#slide div { CURSOR: crosshair; HEIGHT: 130px; WIDTH: 21px; BACKGROUND: #FFF url('images/slider.gif') no-repeat; BACKGROUND-POSITION: 0 5px; }

#social { BORDER-TOP: 1px solid #eee; PADDING: 10px 0 60px; MARGIN: 10px 0; }
#social a { COLOR: #e04f92; }
#social a:hover { COLOR: #F360BB; }

.select { FONT-SIZE: 11px; COLOR: #BBB; TEXT-ALIGN: center; PADDING: 5px 0 0 0; DISPLAY: inline; }
.select a { FONT-SIZE: 13px; PADDING: 0 5px; }
.select div { FLOAT: right; WIDTH: 650px; text-align: center; }