A {
  color:#666699;
  text-decoration:none;
}

A:hover {color:#9393E4;}

BODY {
  background-color:#ffffff;
  color:#666666;
  margin:5px;
}

/* skin category colors */

.bg_eyelift{ background: #00a94f; }
.txt_eyelift{
color:#00a94f;
font-family:Arial,Helvetica;
}
.txtdk_eyelift{
color:#003218;
font-family:Arial,Helvetica;
}


.bg_brightening { background: #06AA4E }
.txtdk_brightening {
color:#003218;
font-family:Arial,Helvetica;
}
.txt_brightening {
color:#00a94f;
font-family:Arial,Helvetica;
}


.bg_exfoliating { background: #06AA4E }
.txtdk_exfoliating {
color:#003218;
font-family:Arial,Helvetica;
}
.txt_exfoliating {
color:#00a94f;
font-family:Arial,Helvetica;
}

.bg_clarityimprovingsmoothing { background: #06AA4E }
.txtdk_clarityimprovingsmoothing {
color:#003218;
font-family:Arial,Helvetica;
}
.txt_clarityimprovingsmoothing {
color:#00a94f;
font-family:Arial,Helvetica;
}

.bg_acneproneskin { background: #18B4E8; }
.txt_acneproneskin {
color:#1584CB;
font-family:Arial,Helvetica;
}
.txtdk_acneproneskin {
color:#072F4A;
font-family:Arial,Helvetica;
}

.bg_allskin { background: #F3F6F9; }
.txt_allskin {
color:#666666;
font-family:Arial,Helvetica;
}
.txtdk_allskin {
color:#666666;
font-family:Arial,Helvetica;
}

.bg_dryskin { background: #F3C0D1; }
.txt_dryskin {
color:#DE90A8;
font-family:Arial,Helvetica;
}
.txtdk_dryskin {
color:#6D3046;
font-family:Arial,Helvetica;
}

.bg_redirritatedskin { background: #ABCF49; }
.txt_redirritatedskin {
color:#719735;
font-family:Arial,Helvetica;
}
.txtdk_redirritatedskin {
color:#3D4D1B;
font-family:Arial,Helvetica;
}

.bg_dulloragingskin { background: #AB9AC2; }
.txt_dulloragingskin {
color:#977DBA;
font-family:Arial,Helvetica;
}
.txtdk_dulloragingskin {
color:#342741;
font-family:Arial,Helvetica;
}

.bg_combinationnormalskin { background: #D9ED70; }
.txt_combinationnormalskin {
color:#A0B242;
font-family:Arial,Helvetica;
}
.txtdk_combinationnormalskin {
color:#4D612E;
font-family:Arial,Helvetica;
}

.bg_oilyskin { background: #AFE3F9; }
.txt_oilyskin {
color:#4E91B8;
font-family:Arial,Helvetica;
}
.txtdk_oilyskin {
color:#4E91B8;
font-family:Arial,Helvetica;
}

.bg_severelydryskin { background: #EC8CCD; }
.txt_severelydryskin {
color:#B25B96;
font-family:Arial,Helvetica;
}
.txtdk_severelydryskin {
color:#54314F;
font-family:Arial,Helvetica;
}

.bg_color{ background: #efc9d2; }
.txt_color{
color:#efc9d2;
font-family:Arial,Helvetica;
}
.txtdk_color{
color:#eecbd2;
font-family:Arial,Helvetica;
}

.bg_lips{ background: #eecbd2; }
.txt_lips{
color:#EA9BAB;
font-family:Arial,Helvetica;
}
.txtdk_lips{
color:#C54658;
font-family:Arial,Helvetica;
}

.bg_eyes{ background: #ffefe8; }
.txt_eyes{
color:#E5AB8B;
font-family:Arial,Helvetica;
}
.txtdk_eyes{
color:#923540;
font-family:Arial,Helvetica;
}

.bg_cheeks{ background: #f9caa0; }
.txt_cheeks{
color:#FA963F;
font-family:Arial,Helvetica;
}
.txtdk_cheeks{
color:#6A262D;
font-family:Arial,Helvetica;
}

.bg_face{ background: #ffd9bc; }
.txt_face{
color:#F8B47F;
font-family:Arial,Helvetica;
}
.txtdk_face{
color:#561F25;
font-family:Arial,Helvetica;
}

.bg_wrinklefiller{ background: #00a94f; }
.txt_wrinklefiller{
color:#00a94f;
font-family:Arial,Helvetica;
}
.txtdk_wrinklefiller{
color:#003218;
font-family:Arial,Helvetica;
}

.bg_sculpting{ background: #00a94f; }
.txt_sculpting{
color:#00a94f;
font-family:Arial,Helvetica;
}
.txtdk_sculpting{
color:#003218;
font-family:Arial,Helvetica;
}



/* other text styles */

.txt10 {
  font-family:Arial,Helvetica;
  font-size:10px;
}

.txt11 {
  font-family:Arial,Helvetica;
  font-size:11px;
}

.b10 {
  font-family:Arial,Helvetica;
  font-size:10px;
  font-weight: bold;
}

.b11 {
  font-family:Arial,Helvetica;
  font-size:11px;
  font-weight: bold;
}

.b12 {
  font-family:Arial,Helvetica;
  font-size:12px;
  font-weight: bold;
}

.b13 {
  font-family:Arial,Helvetica;
  font-size:13px;
  font-weight: bold;
}

.ltgray {
  color:#999999;
  font-family:Arial,Helvetica;
  font-size:11px;
}

A.ltgray_link {
  color:#999999;
  font-family:Arial,Helvetica;
  text-decoration: underline;
}

A:hover.ltgray_link { color:9393E4; }

.ltgray_sm {
  color:#999999;
  font-family:Arial,Helvetica;
  font-size:10px;
}

.gray {
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:11px;
}

.gray_sm {
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:10px;
}

.gray_lg {
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:13px;
}

.dkgray {
  color:#333333;
  font-family:Arial,Helvetica;
  font-size:11px;
}

.dkgray_sm {
  color:#333333;
  font-family:Arial,Helvetica;
  font-size:10px;
}

.purple {
  color:#666699;
  font-family:Arial,Helvetica;
}

.error {
  color:#CC6666;
  font-family:Arial,Helvetica;
  font-size:11px;
}

.search {
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:11px;
}



/* layout elements */

.vrdots {
  background-image: url('/images/global/vr_dots.gif');
  background-repeat: repeat;
}

.hrdots {
  background-image: url('/images/global/hr_dots.gif');
  background-repeat: repeat;
}

.skin_desc  {
  padding:10px 24px 0px 14px;
}

.type_desc  {
  padding:8px 24px 4px 14px;
}

.nobgtable { }



/* form elements */

TEXTAREA {
  border: #C4C6D0 solid 1px;
  color: #666666;
  font-family:Arial,Helvetica;
  font-size:10px;
}

.field {
  border: #C4C6D0 solid 1px;
  color: #666666;
  font-family:Arial,Helvetica;
  font-size:10px;
  height:18px;
}

SELECT {
  color: #333333;
  font-family:Arial,Helvetica;
  font-size: 10px;
}


/* menu elements */

.menuDesc {
  font-family:Arial,Helvetica;
  font-size:11px;
  padding:6px 10px 11px 10px;
}

.subMenuItem {
  font-family:Arial,Helvetica;
  font-size:11px;
  line-height: 21px;
  margin:0px 5px 0px 5px;
  padding-left:6px;
}

/* Lists */

ul li  { list-style-image: url(/images/global/bullet.gif) }

/* Swatch Display */

.prod_img {
        border: #DCDCDC solid 1px;
        padding:2px;
        }
.swatch_img {
  border: #F3F6F9 solid 2px;
        }
.shadeBox {
        padding: 3px;
        cursor: default;
        font-family:Arial,Helvetica; ;
        font-size: 10px;
        color: #666666;
        }
.shadeName { display: none; }


/* popup DHTMl Layer on the HP */
#popupLayer {
	position:absolute;
	top:20%;
	left:20%;


	}
