HTML BODY.productDetails {
	background: transparent url(../images/light_gray_bkg.gif) no-repeat center 280px;
}

HTML BODY.productDetails.salon_services {
	background: transparent url(../images/light_gray_bkg.gif) no-repeat center 250px;
}

html body.productDetails.salon_services div#wrapper div#content div#details div.productName {
	color:#FFFFFF;
	font-size:72px;
	position:absolute;
	right:142px;
	top:396px;
}
html body.productDetails.salon_services div#wrapper div#content div#details div.productHeadline {
	position:absolute;
	right:142px;
	text-align:right;
	top:460px;
	width:500px;
}

html body.productDetails.salon_services div#wrapper {
	height:1200px;
}

html body.productDetails.salon_services div#wrapper div#left div#styleTipsContainer {
	height:250px;
}




HTML BODY.productDetails DIV#wrapper DIV#content div#info H3 {
	font-size: 12px;
}





html body.productDetails.form div#wrapper {
	height:710px;
}

html body.productDetails.foundation div#wrapper {
	height:710px;
}

DIV#content {
	width: 650px;
	left: auto;
	right: 20px;
	top: 7.5em;
	text-align: left;
}

HTML BODY.productDetails DIV#content * {
	color: #000;
	text-align: left;
}

DIV#left {
	float: left;
	margin-right: 2em;
	padding-left: 15px;
	width:150px;
}

DIV#left H2 {
	font-size: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid black;
}

DIV#left UL.more {
	margin: 8px 0 10px 0;
}

DIV#left UL.more LI {
	list-style-image: url(../images/blank.gif);
	font-size: 10px;
	margin-bottom: 3px;
}

DIV#left UL.more LI A {
	font-size: 10px;
}

DIV#left UL.more LI A:hover {
	color: #0CF;
	text-decoration: none;
}

DIV#left UL.more LI.selected {
	list-style-image: url(../images/arrow.gif);
}

DIV#left UL.more LI.selected A {
	color: #0CF;
}

DIV#left UL.more LI.new A {
	color: #EE7AB5;
	font-size: 10px;
}

DIV#left UL.more LI.new A:hover {
	color: #0CF;
	text-decoration: none;
}

DIV#left UL.more LI.selected_new {
	list-style-image: url(../images/arrow.gif);
}

DIV#left UL.more LI.selected_new A {
	color: #000000;
}

DIV#left DIV#styleTipsContainer {
	position: relative;
	height: 200px;
	z-index: 99;
}

DIV#left DIV#styleTipsContainer DIV#styleTipsThumb {
	margin-bottom: 0.5em;
}

/** INFO PANE **/
DIV#info {
	width: 460px;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#info H2 {
	font-size: 18px;
	color: #CCC;
	margin-bottom: 0.6em;
	line-height: 18px;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#info P {
	font-size: 11px;
	margin-bottom: 0.9em;
	line-height: 14px;
}

/** DETAILS PANE **/
HTML BODY.productDetails DIV#wrapper DIV#content DIV#details {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#details DIV.productName {
	position: absolute;
	top: 421px;
	right: 142px;
	font-size: 72px;
	color: #FFF;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#details DIV.productHeadline {
	position: absolute;
	top: 420px;
	right: 142px;
	width: 500px;
	text-align: right;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#details DIV.productClaim {
	font-family: "Avenir",Arial,"Helvetica",sans-serif;
	font-size: 10px;
	color: #666666;
	position: absolute;
	top: 525px;
	right: -15px;
	width: 600px;
	text-align: right;
}



HTML BODY.productDetails DIV#wrapper DIV#content DIV#details DIV.productShot {
	position: absolute;
	top: -60px;
	right: 0;
}

HTML BODY.productDetails DIV#wrapper DIV#content DIV#info H3 { margin-top: 1em; font-size: 12px; }

/** SPECIAL INSTRUCTIONS **/
.wideProduct { margin-right: 18px; }