body {text-align: center;}

div {text-align: left;}

.detail {width: 300px; float: left; clear: none; padding: 0 30px;}

img.product {float: left; clear: none;}

.productDetail {width: 790px; float: left; clear: none;}

.hide {display: none;}

.quantity, .price strong {color: #f15a8b; font-weight: 900; font-family: "Arial Black", Arial, sans;}

input.quantity {color: #f15a8b; border: 1px solid #ccc; background: none; outline: none;font-size: 1.5em; width: 50px; padding: 1px; }

.price strong {font-size: 1.3em; color: #666;}

.purchase {text-align: right;}

div.submit {height: 46px; overflow: hidden; text-align: right;}

div.submit input:hover, div.submit input.hover {margin-top: -46px;}

.productDesc {clear: none; float: left;}

#LN {_width: 151px;}

#BN {_height: 32px;_width: 609px;}


/* legacy */
a#sparklead {	position: fixed;  _position: absolute; display: block;top: 0px;right: 0px;width: 127px;height: 126px;background-image: url(images_mr/sparklead.png); _background-image: url(images_mr/sparklead.gif); z-index: 2000; background-position: 0px 0px;}
a#sparklead:hover {	position: fixed;  _position: absolute; display: block;top: 0px;right: 0px;width: 127px;height: 126px;background-image: url(images_mr/sparklead.png); _background-image: url(images_mr/sparklead.gif); z-index: 2000; background-position: 0px -126px; text-indent: 0px;}
a#sparklead span {display: none;}
a#sparklead:hover span {display: block; position: fixed; _position: absolute; background-image: url(images_mr/sparklead.png); _background-image: url(images_mr/sparklead.gif);  z-index: 2001; width: 171px; height: 336px; background-position: 0px -252px; right: 0px; top: 100px; }




/* CONTENT */

.TV { float: left; clear: none; width: 625px; height: 433px; padding: 136px 0 0 87px; background: url(/assets/images/TV.jpg) 0 0 no-repeat; margin-top: -50px; position: relative; margin-bottom: 20px;}

.TV h1 {position: absolute; top: 480px; left: 0; width: 513px; text-align: center; padding: 0 100px;}

.categoryLanding h1, .categoryLanding .productDetail *, .categoryLanding h1 a {font-family: "Trebuchet MS","Tahoma",sans; color: #000;}

.categoryLanding h1 a {color: #000; padding-bottom: 30px; font-size: 18px; }

.categoryLanding h1 a:hover {color: #fff;}

.categoryLanding h1 {font-size: 2.5em; position: absolute; top: 0px; left: 326px; font-weight: normal; text-align: center; display: block; width: 400px; line-height: .7em; height: 80px; *position: relative;  *float: left; *width: 400px; *margin: -100px 0 0 -200px;}

.categoryLanding .productDetail {position: relative; margin: 50px 0 0 30px; _margin-top: 25px; width: 600px; height: 604px; }

#Black-Serum .productDetail {background: url(/assets/images/categories/black-with-bkg.jpg) 0 0 no-repeat;}

#RetinAngel .productDetail {background: url(/assets/images/categories/retinangel.jpg) 0 0 no-repeat; width: 675px; height: 460px;}

.categoryLanding .productDetail tt {display: block; position: absolute; top: 0; left: 0; width: 600px; height:0; opacity:0; filter: alpha(opacity = 0); background: #fff;}

.categoryLanding .productDetail a {position: absolute; display: block; height: 460px; width: 123px; top: 0; }

#RetinAngel .productDetail a {width: 147px; height: 370px;}

#RetinAngel .productDetail a em {top: 380px; width: 150px; left: 0; }

.categoryLanding .productDetail a span, .categoryLanding .productDetail a em {display: none; width: 150px; height: 100px; top:470px; left: -13px; position: absolute; text-align: center; font-size: 1.4em; }

.categoryLanding .productDetail a:hover em {display: block; }

#Black-Serum #RTS {left: 0px;}

#Black-Serum #SUM {left: 159px;}

#Black-Serum #PHM {left: 319px;}

#Black-Serum #MREL {left: 481px;}

#RetinAngel #RA2 {left: 28px;}

#RetinAngel #RA3 {left: 189px;}

#RetinAngel #RA4 {left: 352px;}

#RetinAngel #RA5 {left: 515px;}

#RetinAngel h1 {left: 288px; top: 5px; _top: 10px;}

#serum-detail, #completeSet {position: absolute; top: 20px; left: 50px; width: 500px; text-align: center; display: none; padding-top: 50px; }

#serum-detail h2 {font-size: 1.3em;}

.categoryLanding #serum-detail * {margin-bottom: 20px; color: #000;}

/*serum detail pages*/

.black-serum .detail {width: 500px; font-weight: normal; font-family: "Trebuchet MS","Tahoma",sans; color: #000; font-size: .8em; line-height: 1.4em; }

.black-serum .detail h1 {display: block; width: 280px; float: right; clear: none; font-size: 2.5em; line-height: 1em; padding: 35px 0 0 10px; text-transform: lowercase;}

.black-serum strong {color: #897e74;}

.productPage .detail h1.tall {padding-top: 15px;}

.productPage .detail p {padding-bottom: 10px; }

.productPage .detail p.price {padding-bottom: 2px}

ul.bulleted {list-style-type: disc; padding: 0 0 10px 30px ; list-style-position: outside; }

.productPage .detail form * {color: #000;}

.back-to-category {float: left; clear: none;  position: relative;  }

.back-to-category span, .productDetail h1 span {display: none;}

.back-to-category:hover span {display: block; position: absolute; top:6px; left: 185px; height: 20px; width: 200px; font-weight: 900; color: #000;}

.productPage .prodDesc {clear:both;}

.retinAngel .back-to-category:hover span {top: -10px;}

.retinAngel .back-to-category {display: block; width: 400px; padding-bottom: 10px;}

.retinAngel h1 {font-size: 4em; display: block;  width: 170px; position: absolute; top: 16px; left: 342px; color: #273b8e; font-family: Times, serif; _position: relative; _margin-top: -130px; _height: 115px; }

.productDetail {position: relative;}

.productPage .detail {font-family: "Trebuchet MS","Tahoma",sans;}

.retinAngel .detail {width: 400px;}

.retinAngel .detail form *, .retinAngel .detail .price, .retinAngel .detail .price * {color: #273b8e;}


/*skn-projector*/

#skn-projector {
	width: 675px;
	height: 380px;
	float: left;	
	position: relative;
}
#skn-projector .screen {
	width: 575px;
	height: 380px;
	margin-left: 75px;
	overflow: hidden;
	position: relative;
}
#skn-projector .stage {
	position: absolute;
	left: 0;
	width: 20000px;
}
.stage li {
	float: left;
	clear: none;
	height: 380px;
	display: block;	
}
#controls span {
	position: absolute; 
	background: url(/assets/images/skn-projector/controls.jpg) 0 0 no-repeat;
	top: 0;
	left: 0;
	display: block; 
	width: 50px;
	height: 380px;
	cursor: pointer;
}
#controls span:hover {
	background-position: -50px 0;
}
#controls span.nextSlide {
 background-position: -150px 0;
 left: 675px;
}
#controls span.nextSlide:hover {
	background-position: -100px 0;	
}