/* begin Resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */

a:focus, a:hover, a:active /* Firefox image outline fix */
{
outline: none;
}

html,body{
	width:100%;
	height:100%;
}

body {
	font: 12px arial;
	color: #82284d;
	background: #f1d9e7;
}

h1, h2, h3, h4, h5, h6, strong
{
 font-weight: bold;
}
a
{
 text-decoration: none;
 color: #6d1f29;
}

p a
{
 color: #6d1f29;
 text-decoration: none;
}
p a:hover
{
 color: #6d1f29;
 text-decoration: underline;
 text-decoration: none;
}
img
{
 display: block;
}
a img
{
 border: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
td img
{
 display: inline;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end Resets */

p
{
 padding: 0 0 11px 0;
 line-height: 18px;
}

sub
{
    font-size: 11px;
}
sup
{
    font-size:11px;
}

.Text1
{
	background: url(../Image/Background/TextBox.jpg) 0 0 repeat-x;
	border-width: 1px 0 1px 1px;
	border-color: #e7b5cc;
	border-style: solid;
	height: 18px;
	padding: 3px 0 2px 10px;
	width: 231px;
	color: #c65f8c;
	float: left;
}

.Submit1
{
	background: url(../Image/Generic/Submit.jpg) 0 0 no-repeat;
	border: 0;
	height: 25px;
	width: 24px;
	float: left;
}

/* 
--------------------------------
Preload Animation
--------------------------------
*/

div.Preloader
 {
  width:32px;
  height:32px;
  top:52%;
  left:50%;
  margin-top:-16px;
  margin-left:-16px;
  position:absolute;
  display:none;
  z-index: 999;
 }

div.Preloader div
 {
  position:relative;
  z-index: 999;
 }

.StripSkin1
{
	background: #bd547f;
	filter:alpha(opacity=26);
	-moz-opacity:0.26;
	opacity: 0.26;
	width: 25px;
}
.StripSkin2
{
	background: #9d434d;
	filter:alpha(opacity=46);
	-moz-opacity:0.46;
	opacity: 0.46;
	width: 25px;
}

div.Master
{
	width: 100%;
  margin: 0;
}
div.Shade
{
 left:0;
 margin:auto;
 position:absolute;
 top:0;
 z-index:1;
}
div.Shade img
{
 margin:auto;
}
body div.Skin1
{
  background: url(../Image/Background/BackgroundMain.jpg) 50% 0 no-repeat;
	color: #82284d;
}
body div.Skin2
{
  background: url(../Image/Background/BackgroundMain2.jpg) 50% 0 no-repeat;
  color: #6d1f29;
}
div.MainWrap
{
margin:auto;
padding:0;
position:relative;
width:978px;
overflow: hidden;
}
div.Page
{
 background: url(../Image/Background/BackgroundHome.jpg) 9px 8px no-repeat;
 min-height: 900px;
 height: auto !important;
 height: 900px;
 width: 978px;
 margin: 0;
 position: relative;
 left: 978px;
 z-index: 3;
}

/* products */
div.PageProducts
{
 background: url(../Image/Background/BackgroundProducts.jpg) 9px 8px no-repeat;
}

/* 7 days */
div.Page7Days
{
background: url(../Image/Background/Background7Days.jpg) 9px 8px no-repeat;
}

/* 7 days */
div.Sampling
{
	background: url(../Image/Background/Sampling.jpg) 9px 8px no-repeat;
}

/* skin lightening */
div.Lighting
{
	background: url(../Image/Background/BackgroundLightening.jpg) 9px 8px no-repeat;
}

/* age miracle home */
div.Skin2 div.Page
{
 background: url(../Image/Background/BackgroundAgeMiracle1.jpg) 9px 8px no-repeat;
}

h1
{
	margin: 37px 10px 10px 10px;
	padding: 10px;
	display: inline;
	float: left;
	position: relative;
	z-index: 600;
}
h1 img
{
	display: block;
}
h2
{
	float: left;
	padding: 50px 0 0 70px;
}
div.Focus
{
 width: 390px;
 height: 175px;
 position: absolute;
 left: 0;
 clear: both;
 top: 157px;
 left: 282px;
 z-index: 8;
}
div.Focus div.Image
{
	position: absolute;
}
div.Focus div.HomeCopy
{
	position: relative;
	z-index: 3;
	top: 0;
	left: 0;
	padding: 20px 11px 0 20px;
	height: 148px;
}
div.Focus div.HomeCopy h3
{
    padding: 0 0 10px 0;
}
div.Focus p
{
    width: 170px;
}
div.Focus p.ClickHere
{
	padding: 0;
	z-index: 10;
	position: absolute;
	width: auto;
	bottom: 0;
	right: 11px;
}

/* home highlight */
div.Highlight
{
	background: url(../Image/Background/BgBar1.jpg) 0 0 no-repeat;
	float: left;
	width: 260px;
	position: absolute;
	top: 344px;
	padding: 0 0 0 33px;
	z-index: 5;
	left: 9px;
}
.Skin2 div.Highlight
{
	background: url(../Image/Background/BgBar2.jpg) 0 0 no-repeat;
}
div.Highlight h3
{
	padding: 0 0 10px 0;
}
div.Highlight p
{
	padding: 0;
}
p.ErrorMessage
{
	display: none;
}
fieldset.Form .Error
{
	color: #e2007b;
	clear: both;
}
fieldset.ThankYou
{
	display: none;
}

div.Spotlight
{
	position: absolute;
	top: 12px;
	left: 2px;
	z-index: 2;
}
div.Spotlight div
{
	position: absolute;
	top: 289px;
	left: 7px;
	z-index: 2;
}


ul.Navigation0
{
	margin:0;
	padding:0;
	position: absolute;
	top: 160px;
	z-index: 999;
	left: 9px;
}

ul.Navigation0 li{
	float:left;
	clear: left;
  width:146px;
  padding: 7px 0 7px 35px;
  background:#d583a7;
  margin-bottom: 1px;
}
ul.Navigation0 li img,
ul.Navigation0 li a{
 display: block;
 float: left;
}
ul.Navigation0 li.Home{
  width:203px;
}
ul.Navigation0 li.Products{
  width:169px;
}
ul.Navigation0 li.Sampling{
  width:129px;
}
ul.Navigation0 li.Challenge{
  width:146px;
}
ul.Navigation0 li.Active{
	background:#cd769b;
}

/* Skin 2 */
.Skin2 ul.Navigation0{
}

.Skin2 ul.Navigation0 li{
  background: #b35362;
}
.Skin2 ul.Navigation0 li.Active{
	background: #a6404e;
}



/* product category */
.PageProducts h2
{
	padding: 60px 0 0 135px;
}

div.PageProducts div.Spotlight
{
	top: 8px;
	left: 9px;
}
div.PageProducts div.Spotlight div
{
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 2;
}

div.CategoryCopy
{
	clear: both;
	width: 450px;
	padding: 35px 0 0 354px;
	display: inline;
	float: left;
}
div.CategoryCopy div.StripSkin1
{
	height: 100px;
	float: left;
	width: 25px;
}
div.CategoryCopy div.Content
{
	padding-left: 39px;
}

ul.Category
{
	clear: both;
	float: left;
	padding: 90px 0 0 9px;
	width: 960px;
}
ul.Category li
{
	float: left;
	position: relative;
	z-index: 2;
}
ul.Category li.AntiAging,
ul.Category li.AntiAging div.NonFlash{
	width: 526px;
}
ul.Category li.Flawless, 
ul.Category li.Flawless div.NonFlash{
	width: 434px;
}
ul.Category li h3
{
	float: left;
	padding-left: 30px;
}
ul.Category li div
{
	float: right;
	padding-top: 3px;
	width: 300px;
}
ul.Category div.StripSkin1
{
	height: 126px;
	float: right;
	margin-left: 9px;
	display: inline;
	width: 25px;
}
ul.Category li div.Flash
{
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 1;
}
ul.Category li div.NonFlash
{
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
ul.Category li h4
{
	float: right;
	padding-bottom: 5px;
}
ul.Category li p
{
	float: right;
	clear: both;
	width: 250px;
	text-align: right;
}


/* 7 days */
div.Copy7Days
{
	margin: 0 0 0 90px;
	padding: 42px 0 0 0;
	width: 645px;
	float: left;
	display: inline;
}
div.Copy7Days div
{
	padding: 4px 0 0 0;
	margin: 0 0 0 11px;
	float: left;
	width: 600px;
}
div.Copy7Days div.StripSkin1
{
	height: 173px;
	float: left;
	margin: 0;
	width: 25px;
}

div.Copy7Days h2
{
	padding: 0 60px 30px 0;
}
div.Copy7Days h3
{
	padding: 0;
}
div.Copy7Days p
{
	padding: 0;
	clear: both;
	width: 350px;
}
div.Copy7Days p strong
{
	display: block;
}

div.Page7Days div.Highlight
{
	background: url(../Image/Background/BgBar2.jpg) 0 0 no-repeat;
	top: 420px;
	width: 300px;
}
div.Page7Days div.Highlight p
{
 padding-bottom: 5px;
}

/* sampling */
div.SamplingCopy
{
	margin: 0 0 0 90px;
	padding: 42px 0 0 0;
	width: 645px;
	float: left;
	display: inline;
}
div.SamplingCopy div
{
	padding: 4px 0 0 0;
	margin: 0 0 0 11px;
	float: left;
	width: 600px;
}
div.SamplingCopy div.StripSkin1
{
	height: 355px;
	float: left;
	margin: 0;
	width: 25px;
}

div.SamplingCopy h2
{
	padding: 0 60px 30px 0;
}
div.Copy7Days h3
{
	padding: 0;
}
div.SamplingCopy p
{
	padding: 0;
	clear: both;
	width: 350px;
}
div.SamplingCopy p strong
{
	display: block;
}

div.SamplingCopy div.Form
{
	margin: 0;
	float: none;
	padding: 20px 0 10px 0;
}
div.Form fieldset.Row1
{
	padding: 0 0 15px 0;
}
div.Form fieldset.Row1 label
{
	display: block;
	padding: 0 0 5px 0;
}
div.Form fieldset.Row1 .Select1
{
	background: url(../Image/Background/TextBox.jpg) 0 0 repeat-x;
	border-width: 1px 0 1px 1px;
	border-color: #e7b5cc;
	border-style: solid;
	height: 25px;
	padding: 0 0 2px 5px;
	width: 280px;
	color: #c65f8c;
}

ul.Outlet
{
	position: relative;
}
ul.Outlet li
{
	width: 271px;
	padding: 5px 0 6px 10px;
	background: #f3d5e2;
	margin-bottom: 1px;
	font-weight: bold;
}
ul.Outlet li a
{
	color: #c65f8c;
}
ul.Outlet li.Active
{
	background: #e2afc5;
	color: #fff;
}
ul.Outlet li div
{
	display: none;
}
ul.Outlet li.Active div
{
	background: #ebc5d6;
	display: block;
	position: absolute;
	left: -335px;
	width: 280px;
	margin-top: -5px;
	border: 2px solid #e2acc4;
	height: 143px;
	padding: 12px 20px 12px 20px;
}
ul.Outlet li.Active div p
{
	width: 280px;
	color: #b25e81;
	font-weight: normal;
}
ul.Outlet li.Active div span
{
	display: block;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	padding-bottom: 5px;
}
ul.Outlet li.Active div em
{
	width: 50px;
}
ul.Outlet li.Active div strong
{
	display: inline;
}

.Sampling div.Highlight
{
	background: none;
	position: absolute;
	right: 9px;
	top: 435px;
	left: auto;
	width: 310px;
}

.Sampling div.Highlight div
{
	padding: 4px 0 0 0;
	margin: 0 11px 0 0;
	float: right;
	width: 265px;
}
.Sampling div.Highlight div.StripSkin1
{
	height: 173px;
	float: right;
	margin: 0;
	width: 25px;
}

.Sampling div.Highlight h2
{
	padding: 0 0 10px 0;
	float: right;
}
.Sampling div.Highlight h3
{
	padding: 0;
}
.Sampling div.Highlight p
{
	padding: 0;
	clear: both;
	width: 260px;
	text-align: right;
	float: right;
}


/* skin lightening */
ul.Navigation1
{
	ffloat: left;
	margin: 45px 10px 0 207px;
	padding: 0;
	position: absolute;
	z-index: 55;
	width: 200px;
	left: 0;
}
ul.Navigation1 li
{
	padding: 0 1px 1px 1px;
	margin: 0 0 10px 0;
	float: right;
	clear: both;
	text-align: right;
	direction: rtl;
}
ul.Navigation1 li img
{
	display: block;
	text-align: right;
}
ul.Navigation1 li.Active
{
	border-bottom: 1px solid #fbb9c5;
}
.Skin1 ul.Navigation1 li.Active
{
	border-bottom: 1px solid #c47d9c;
}


div.LandingCopy
{
	margin: 0 0 0 0px;
	padding: 42px 0 0 0;
	width: 530px;
	float: left;
	display: inline;
	position: relative;
	z-index: 4;
  left:200px;
}
div.LandingCopy div
{
	padding: 4px 0 0 0;
	margin: 0 0 0 11px;
	float: left;
	width: 490px;
}
div.LandingCopy div.StripSkin1
{
	height: 275px;
	float: left;
	margin: 0;
	width: 25px;
}

div.LandingCopy h2
{
	padding: 0 5px 30px 0;
	float: left;
}
div.LandingCopy h3
{
	padding: 0 0 0 12px;
	float: left;
}
div.LandingCopy p
{
	padding: 0 0 20px 0;
	clear: both;
	width: 450px;
}
div.LandingCopy p strong
{
	display: block;
}

div.Lighting div.Spotlight
{
	top: 9px;
	left: 9px;
}

div.Lighting div.Spotlight div
{
	top: 297px;
	left: 164px;
}

.Skin2 div.Lighting div.Spotlight
{
	top: 11px;
	left: 0px;
}
.Skin2 div.Lighting div.Spotlight div
{
	top: 302px;
	left: 122px;
}

div.Lighting div.Highlight
{
	position: absolute;
	right: 9px;
	top: 435px;
	background: none;
	float: none;
	width: auto;
}

div.Lighting div.Highlight div
{
	padding: 4px 0 0 0;
	margin: 0 11px 0 0;
	float: right;
	width: 265px;
}
div.Lighting div.Highlight div.StripSkin1
{
	height: 173px;
	float: right;
	margin: 0;
	width: 25px;
}

div.Lighting div.Highlight h2
{
	padding: 0 0 10px 0;
	float: right;
}
div.Lighting div.Highlight h3
{
	padding: 0;
}
div.Lighting div.Highlight p
{
	padding: 0;
	clear: both;
	width: 260px;
	text-align: right;
	float: right;
}


/* Skin 2 */
.Skin2
{
	
}
/* skin2 landingcopy */
.Skin2 div.LandingCopy
{
}

.Skin2 div.LandingCopy div.StripSkin2
{
	height: 275px;
	float: left;
	margin: 0;
	width: 25px;
}

/* skin2  lighting Highlight*/
.Skin2 div.Lighting div.Highlight
{
	background: none;
}

div.Lighting div.Highlight div
{
	padding: 4px 0 0 0;
	margin: 0 11px 0 0;
	float: right;
	width: 265px;
}
div.Lighting div.Highlight div.StripSkin2
{
	height: 173px;
	float: right;
	margin: 0;
	width: 25px;
}

div.Lighting div.Highlight h2
{
	padding: 0 0 10px 0;
	float: right;
}
div.Lighting div.Highlight h3
{
	padding: 0;
}
div.Lighting div.Highlight p
{
	padding: 0;
	clear: both;
	width: 260px;
	text-align: right;
	float: right;
}


/* catalog */
div.Skin2 div.Catalog,
div.Skin1 div.Catalog
{
	width: 960px;
	overflow: hidden;
	background: none;
	lleft: 0;
}
div.Columns
{
	width: 1300px;
	position: absolute;
  width: 900px;
  mmargin: auto auto;
}
div.Columns div.Column1
{
	width: 450px;
	height: 825px;
	float: left;
	position: relative;
	z-index: 11;
}
div.Columns ul.Navigation0{
	left: 7px;
}
div.Columns h1{
	position: relative;
	z-index: 300;
}
div.Columns .Navigation1{
	position: absolute;
	z-index: 300;
	right: 30px;
}
div.Columns div.Column1 .StripSkin2
{
	left: auto;
	right: 10px;
	z-index: 302;
	position: absolute;
	height: 300px;
	top: 8px;
}
div.Columns div.Column1 .StripSkin1
{
	left: auto;
	right: 10px;
	z-index: 302;
	position: absolute;
	height: 300px;
	top: 8px;
}
div.Columns .Highlight
{
	z-index: 300;
	left: 7px;
	top: 450px;
}
div.Columns div.Column1 .Shade
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
div.Columns div.Column1 .Image
{
	position: absolute;
	top: 8px;
	left: 7px;
	z-index: 21;
}

div.Columns div.Column2
{
	width: 415px;
	height: 825px;
	float: left;
	position: relative;
	z-index: 10;
	left: -12px;
	top: 10px;
}
div.Columns .Thumbnail
{
	float: left;
	z-index: 30;
	margin:43px 0 0 10px;
	width: 400px;
	position: relative;
	display: inline;
}
div.Columns .Thumbnail li
{
	float: left;
	position: relative;
	width: 190px;
	height: 205px;
}
div.Columns .Thumbnail li.LastChild
{
	padding-left: 80px;
	width: 220px;
}
div.Columns .Thumbnail li.LastChild h4
{
	top: 7px;
}
.Skin1 div.Columns .Thumbnail li.LastChild
{
	padding-left: 80px;
	width: 220px;
}
.Skin1 div.Columns .Thumbnail li.LastChild h4
{
	top: 7px;
	left: 30px;
}
div.Columns .Thumbnail li h3
{
	position: absolute;
	z-index: 401;
	right: 0;
	padding-top: 7px;
}
div.Columns .Thumbnail li a
{
	display: block;
}
div.Columns .Thumbnail li h4
{
	position: absolute;
	z-index: 400;
}
div.Columns div.Column2 .Shade
{
	position: absolute;
	z-index: 20;
}
div.Columns div.Column2 .Image
{
	position: absolute;
	top: 8px;
	left: -25px;
	z-index: 21;
}
div.Columns div.Column3
{
	width: 400px;
	height: 825px;
	float: left;
	position: relative;
	z-index: 9;
	left: -36px;
	left: -436px;
	top: 10px;
	ddisplay: none;
}
div.Columns div.Column3 .Shade
{
	position: absolute;
	z-index: 20;
}
div.Columns div.Column3 .Image
{
	position: absolute;
	top: 8px;
	left: -25px;
	z-index: 21;
}
div.Columns div.Column3 .Enlarge
{
	position: absolute;
	top: 8px;
	right: -2px;
	z-index: 100;
}


div.Columns .Detail
{
	position: absolute;
	z-index: 101;
	padding: 0 25px 10px 0;
	margin: 16px 32px 0 0;
	display: inline;
	width: 375px;
}
div.Columns .Column3 .Toogle
{
	ddisplay: none;
	z-index: 999;
	position: absolute;
	height: 400px;
	width: 406px;
}
div.Columns .Detail p.Close
{
	float: right;
	width: auto;
	margin-right: -20px;
	text-align: right;
	padding-bottom: 30px;
}
div.Columns .Detail h3
{
	float: right;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
}
div.Columns .Detail p
{
	float: right;
	clear: both;
	width: 320px;
	text-align: right;
}
div.Columns div.Column3 .StripSkin2
{
	left: 383px;
	z-index: 101;
	position: absolute;
	height: 300px;
	top: 47px;
}
div.Columns div.Column3 .StripSkin1
{
	left: 383px;
	z-index: 101;
	position: absolute;
	height: 283px;
	top: 47px;
}
div.Columns .Detail ul
{
	float: right;
	clear: both;
}
div.Columns .Detail ul li
{
	float: right;
	clear: both;
}


/* fine print */
div.FinePrint
{
	position: absolute;
	top: 640px;
	left: 20px;
	z-index: 999;
}
div.FinePrint p
{
	font-size: 10px;
}