/*_________________ BOSS SKIN CSS STYLESHEET  ________________
______________________________________________________________________*/


/* MAIN CONTENT COLUMNS 
	__________________________ */

div#mainContent {
	background: #0f0f0f url(  '../images/essenceDeFemme_bg.jpg' ) no-repeat;
	height: 445px;
	position: relative;
	width: 860px;
}

div#mainContent div#skinContent {
	background: #0f0f0f url(  '../images/mainBackground.jpg' ) no-repeat;
	float: left;
	height: 445px;
	position: relative;
	width: 620px;
}

/* LEFT CONTENT COLUMNS 
	__________________________ */

div#mainContent div#skinContent h2 {
	background: url(  '../images/logo.jpg' ) no-repeat;
	height: 200px;
	width: 73px;
}

div#mainContent div#skinContent h2 span {
	position: absolute;
	top: -99999px;
	visibility: hidden;
	z-index: -2;
}

/* PRODUCTS PAGE 
	__________________________ */

div#mainContent div#skinProducts {
	_margin-left: 2px;
	background-color: #303038;
	float: left;
	height: 457px;
	margin-left: 4px;
	position: relative;
	width: 422px;
}

div#mainContent div#skinProducts h2 span {
	position: absolute;
	top: -99999px;
	visibility: hidden;
	z-index: -2;
}

div#mainContent div#skinProducts ul#breadCrumb {
	clear: both;
	color: #a4a5b9;
	font-size: 1.2em;
	font-weight: 700;
	margin: 10px;
	margin-bottom: 80px;
}

div#mainContent div#skinProducts ul#breadCrumb li.arrow {
	background: url(  '../images/arrow.gif' ) no-repeat;
	background-position: top right;
	float: left;
	margin-right: 5px;
	padding-right: 20px;
}

div#mainContent div#skinProducts div#productImage {
	clear: both;
	float: left;
	margin: 0 20px 0 10px;
}

div#mainContent div#skinProducts ul.productPoints {
	margin-left: 50px;
	padding-top: 50px;
}

div#mainContent div#skinProducts ul.productPoints li {
	list-style: disc;
}

div#mainContent div#skinProducts ul.productPoints li.headerOne {
	color: #e7e6ea;
	font-size: 1.2em;
	font-weight: 700;
	list-style: none;
}

div#mainContent div#skinProducts ul.productPoints li.headerTwo {
	font-weight: 700;
	list-style: none;
	margin-bottom: 10px;
}

div#mainContent div#skinProducts div#nextProduct {
	bottom: 10px;
	position: absolute;
	right: 10px;
}

div#mainContent div#skinProducts div#nextProduct a {
	background: url(  '../images/products/doublearrow.gif' ) no-repeat;
	background-position: center right;
	color: #f8f9fa;
	height: 12px;
	padding-right: 20px;
	width: 14px;
}

div#mainContent div#skinProducts div#nextProduct a:hover {
	color: #CCC;
}

div#mainContent div#rightColumnProducts {
	float: right;
	width: 430px;
}

div#mainContent div#rightColumnProducts div#rowLeft {
	float: left;
	width: 215px;
}

div#mainContent div#rightColumnProducts div#rowRight {
	float: right;
	width: 215px;
}

div#mainContent div#rightColumnProducts ul.products {
	float: left;
	margin-bottom: 2px;
	width: 210px;
}

div#mainContent div#rightColumnProducts ul.products li.header {
	background-color: #1e1e28;
	font-weight: 700;
	padding: 2px;
}

div#mainContent div#rightColumnProducts ul.products li.body {
	background: url(  '../images/product_background.gif' ) repeat-x;
	height: auto !important;
	min-height: 130px;
	position: relative;
}

div#mainContent div#rightColumnProducts ul.products li.body img {
	padding-top: 6px;
}

div#mainContent div#rightColumnProducts ul.last {
	clear: both;
	width: 426px;
}

div#mainContent div#skinContent h3#skinResistance {
	background: url(  '../images/skinResistance.gif' ) no-repeat;
	height: 23px;
	margin: 23px 0 0 19px;
	width: 259px;
}

div#mainContent div#skinContent h3#skinResistance span {
	position: absolute;
	top: -99999px;
	visibility: hidden;
	z-index: -2;
}

div#mainContent div#skinContent h3#ageDefense {
	background: url(  '../images/syrum.gif' ) no-repeat;
	float: left;
	height: 82px;
	margin: 110px 0 0;
	width: 162px;
}

div#mainContent div#skinContent h3#ageDefense span {
	position: absolute;
	top: -99999px;
	visibility: hidden;
	z-index: -2;
}

div#mainContent div#skinContent img#bottleShot {
	float: left;
	margin: 0 0 0px 0px;
}

div#mainContent div#rightColumn div.blockSection {
	background: url(  '../images/columnBackground.gif' ) repeat-x;
	float: left;
	font-size: 0.8em;
	height: 128px;
	padding: 20px 0 0 20px;
	position: relative;
	width: 220px;
}


div.panelContent h3 a {
	color: #CCCCCC;
	text-decoration: none;
}

div.blockSection a {
	color: #FFF;
	text-decoration: none;
}
div.blockSection a:hover {
	color: #CCC;
	text-decoration: none;
}

div#mainContent div#rightColumn div.blockSection {
	font-size: 11px;
}

div#mainContent div#rightColumn div.blockSection img {
	position: relative;
	top: -20px;
	right: 0px;
}


div#mainContent div#rightColumn div.blockSection p.gray input {
	font-family: arial;
	font-size: 11px;
	float: right;
	background-color: #000000;
	color: #FFFFFF;
	margin-right: 35px;
	background: url( "../images/forward_arrow.gif" ) no-repeat bottom right;
	padding-right: 20px;
	cursor: pointer;
	border: 0;
}

div#mainContent div#rightColumn div.blockSection div.topText {
	float: left;
}

div#mainContent div#rightColumn div.blockSection div.textLayer {
	-moz-opacity: .100;
	background-color: #15161b;
	filter: alpha(opacity=100);
	font-size: 1.2em;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	left: 0;
	opacity: .99;
	padding-left: 5px;
	padding-top: 3px;
	position: absolute;
	top: 128px;
	width: 235px;
	z-index: 2;
}

div#mainContent div#rightColumn div.blockSection div.textLayer3 {
	-moz-opacity: .100;
	background-color: #15161b;
	filter: alpha(opacity=100);
	font-size: 1.2em;
	min-height: 17px;
	height: auto !important;
	height: 17px;
	left: 0;
	opacity: .99;
	padding-left: 5px;
	padding-top: 3px;
	position: absolute;
	bottom: 0px;
	width: 235px;
	z-index: 2;
}

div#mainContent div#rightColumn div.blockSection ul li a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
	text-decoration: none;
	width: 121px;
}

div#mainContent div#rightColumn div.blockSection ul li a:hover {
	color: #FFF;
}

div#mainContent div#rightColumn div.blockSection div.menuItem_text {
	height: 0;
	overflow: hidden;
}

div#mainContent div#rightColumn div.blockSection h3.purpleHeader {
	color: #a8a9be;
	font-size: 1.2em;
	font-weight: 400;
	margin-bottom: 10px;
}


div#mainContent div#rightColumn div.blockSection p.gray {
	color: #999;
	float: left;
	font-size: 1.1em;
	padding-top: 10px;
}

div#mainContent div#rightColumn div.blockSection form {
	font-size: 1.1em;
}

div#mainContent div#rightColumn div.blockSection div.formColumn {
	float: left;
	width: 50px;
}

div#mainContent div#rightColumn div.blockSection form label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

div#mainContent div#rightColumn div.blockSection form input {
	margin: 0 auto;
	width: 50px;
}

div#mainContent div#rightColumn div.blockSection img.floatRight {
	float: right;
}

div#mainContent div#rightColumn div.blockSection img.bottles {
	margin-right: 15px;
	padding-left: 7px;
}

div#mainContent div#rightColumn div.blockSection img.davidCox {
	margin-top: 4px;
}

div#mainContent input.submitBut {
	clear: both;
	text-align: right;
	position: absolute;
	bottom: 50px;
	right: 22px;
	padding: 2px;
	background-color: #0F0F0F;
	color: #fff;
	text-align: right;
	font-size: 0.85em;
	width: 200px;
	float: right;
	height: auto;
	cursor: pointer;
	border: 0;
}

div#mainContent ul#skinSelector {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#mainContent ul#skinSelector li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 50px;
}

div#mainContent ul#skinSelector li input {
	margin: 0 auto;
	width: 50px;
}

div#mainContent ul#skinSelector li label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

/* BOSS SELECTION (RICH'S ADDITIONS) 
	__________________________ */


div#mainContent h3.skinSelection {
	color: #a6a9bd;
	font-size: 18px;
	font-weight: 400;
	margin: 20px;
	margin-left: 41px;
}

div#mainContent div.selectionCol {
	float: left;
	display: inline;
	height: 100px;
	margin-right: 20px;
	width: 257px;
}

div.MarginLeft20 {
	margin-left: 20px;
}

div.spec {
	padding: 17px;
}

div.MarginRight20 {
	margin-right: 20px;
}

div#mainContent div.selectionCol div.stepBox {
	background-color: #15161B;
	float: left;
	width: 260px;
}

div#mainContent div.selectionCol div.stepBox div.title {
	color: #a6a9bd;
	float: left;
	font-size: 11px;
	padding: 5px;
	width: 240px;
}

div#mainContent div.selectionCol div.stepBox div.details {
	color: #a6a9bd;
	float: left;
	font-size: 11px;
	height: 20px;
	padding: 5px;
	width: 250px;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox {
	background: #3b3c3f url(  "/skin/images/skincare_specialist/1_grey_gradient.gif" ) repeat-x right center;
	float: left;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 260px;
}



div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li {
	float: left;
	font-size: 0.85em;
	margin: 0 auto;
	padding: 0;
	width: 130px;
	text-align: center;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li label.c {
	padding-left: 35px;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li input.c {
	padding-left: 35px;
	border: 1px solid red;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li.bigger {
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 83px;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li input {
	margin: 0 auto;
	width: 63px;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li.bigger input {
	margin: 0 auto;
	width: 83px;
}

div#mainContent div.selectionCol div.stepBox ul.selectionStepsBox li label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

ul.step {
	color: #a6a9bd;
	font-size: 11px;
	font-weight: 400;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	width: 257px;
}

ul.step li {
	background-color: #2f3038;
	margin: 0;
	padding: 6px;
	width: 245px;
}

ul.step li.dark {
	background-color: #15161b;
	min-height: 17px;
	padding: 6px;
	width: 245px;
}

ul.skinSelectionTypes {
	margin: 0;
	padding: 0;
	width: 245px;
}

ul.skinSelectionTypes li {
	float: left;
	margin: 0;
	padding: 0;
	width: 50px;
}

div#mainContent div.selectionCol ul#skinSelector {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#mainContent div.selectionCol ul#skinSelector li {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 50px;
}

div#mainContent div.selectionCol ul#skinSelector li input {
	margin: 0 auto;
	width: 50px;
}

div#mainContent div.selectionCol ul#skinSelector li label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

ul#selectionSteps {
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
}

ul#selectionSteps li {
	float: left;
	padding: 0;
	width: 60px;
}

ul#selectionSteps li input {
	margin: 0 auto;
	width: 60px;
}

ul#selectionSteps li label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

div.clearme {
	clear: both;
}

h3.skinSteps {
	color: #a6a9bd;
	font-size: 18px;
	font-weight: 400;
	margin: 20px;
	text-transform: uppercase;
}

div.textBox {
	background: #3b3c3f url(  "../images/specialist_left_grad.gif" ) repeat-x right center;
	background-color: #3b3c3f;
	height: 343px;
	padding: 10px;
	font-size: 0.85em;
}

div.textBoxSpecial {
	background: #3b3c3f url(  "../images/specialist_left_grad.gif" ) repeat-x right center;
	background-color: #3b3c3f;
	height: 309px;
	padding: 22px;
	font-size: 0.85em;
}

table.selectionTable {
	background: #3b3c3f url(  "../images/specialist_right_grad.gif" ) repeat-x right center;
	background-color: #3b3c3f;
	float: left;
	padding-bottom: 4px;
	height: 190px;
}

table.selectionTable tr td.top {
	padding: 0px 0px 0px 5px;
	bottom: -100px; *padding:0px0px0px10px;
font-size:0.85em;

}

table.selectionTable tr td {
	padding: 5px; *padding:3px;
font-size:0.85em;

}

/*---[new stuff]--------------------------------------------------------------------------*/

h3.skinProductTitle {
	color: #a6a9bd;
	font-size: 18px;
	margin: 20px;
	margin-left: 42px;
	position: relative;
	z-index: 10;
	width: 300px;
}

div#mainContent div#skinContentContainer div.productInfo {
	float: left;
	display: inline;
	margin-left: 41px;
	min-height: 250px;
	width: 320px;
}

div#mainContent div#skinContentContainer div.productImage {
	left: 330px;
	position: Absolute;
	top: 0;
}

div#mainContent div#skinContentContainer div.productInfo h3.productType {
	font-size: 18px;
}

div#mainContent div#skinContentContainer div.productInfo h3.productName {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div#mainContent div#skinContentContainer div.productInfo ul#facts {
	list-style-type: circle;
	margin-top: 10px;
}

div#mainContent div#skinContentContainer div.productInfo ul#facts li {
	font-size: 0.85em;
	margin-left: 20px;
	list-style-type: disc;
}



/* product usage off tab css */


div#mainContent div#skinContentContainer div.productContainer {
	float: left;
	width: 353px;
	position: relative;
	background-color: #1f2024;
	font-size: 0.85em;
	_height: 475px;
}

div#mainContent div#skinContentContainer div.productUsage ul {
	float: left;
	width: 345px;
}

div#mainContent div#skinContentContainer div.productUsage ul li {
	float: left;
	padding: 4px 0px 0px 12px;
	width: 102px;
}

div#mainContent div#skinContentContainer div.productUsage div.tabcontent {
	width: 331px;
	background-color: #1f2024;
	margin-top: 5px;
	height: 230px;
	_height: 240px;
	line-height: 16px;
	padding: 11px;
	float: left;
}


div#mainContent div#skinContentContainer div.productUsage ul li div.tabcontent img {
	padding: 5px;
	border: 5px solid #2f3038;
	margin-left: 7px;
	margin-bottom: 7px;
}

/* product usage on tab css */

div#mainContent div#skinContentContainer div.productUsage ul li.showme {
	position: absolute;
	top: 15px;
	left: 0px;
}

div#mainContent div#skinContentContainer div.productUsage ul li.showme div.tabcontent {
	display: block;
}


/* links */

div#mainContentProduct {
	background: url(  "../images/background_gradient.jpg" ) repeat-x;
	float: left;
}
div#mainContent div#skinContentContainer div.productUsage ul li a.steplink {
	float: left;
	text-decoration: none;
	color: #cccccc; /*margin-top: -15px;*/
	_margin-top: 0px;
}

div#mainContent div#skinContentContainer div.productUsage ul li {
	/*_margin-top: -10px;*/
}

div#mainContent div#skinContentContainer div.productUsage ul li a.steplink:hover {
	color: #ffffff;
}
div#mainContent div#skinContentContainer div.productUsage ul li a.steplink:hover {
	color: #ffffff;
}
/* 
div#mainContent div#skinContentContainer div.productUsage ul li a#step1.steplink {
	margin-left: 10px;
}

div#mainContent div#skinContentContainer div.productUsage ul li a#step2.steplink {
	margin-left: 120px;
}
div#mainContent div#skinContentContainer div.productUsage ul li a#step3.steplink {
	margin-left: 240px;
}
*/
div#mainContent div#skinContentContainer div.productUsage div.content {
	background-color: #1f2024;
	padding: 5px;
}
div#mainContent div#skinContentContainer div.productUsage div.header {
	background-color: #303038;
	float: left;
	width: 333px;
	padding: 10px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

div#mainContent div#skinContentContainer div.productUsage div.header a {
	color: #ffffff;
}


div#mainContent div.header a.steplink {
	font-weight: normal;
	text-decoration: none;
}

div#mainContent div.header span.steplinkbold {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div#mainContent div#skinContentContainer div.productUsage div.header ul#stepTabs {
	width: 333px;
	margin-top: 5px;
}

div#mainContent div#skinContentContainer div.productUsage div.header ul#stepTabs li {
	float: left;
	width: 75px;
	text-align: center;
}


/* links */
div#mainContentProduct {
	background: url(  "../images/background_gradient.jpg" ) repeat;
	float: left;
	width: 506px;
	min-height: 442px;
	height: auto !important;
	height: 442px;
}


div#mainContent div#skinContentContainer div.productUsage div.content {
	background-color: #1f2024;
	padding: 5px;
}



div#mainContent div.productsList {
	position: absolute;
	background-image: url(  "../images/product_fade.jpg" );
	background-repeat: repeat-x;
	background-position: bottom right;
	width: 860px;
	background-color: #000000;
	bottom: 0px;
	left: 0px;
	z-index: 4;
	height: 133px;
	_height: 150px;
}

/*---[boss skin product page]-------------------------------------------------------------*/

div#mainContent div#fullColumn {
	float: left;
	position: relative;
	width: 860px;
}

div#mainContent div#fullColumn h2 {
	left: -99999px;
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

div#mainContent div#fullColumn h3 {
	color: #a6a9bd;
	font-size: 1.3em;
	margin-left: 20px;
}

div#mainContent div#fullColumn div#introCopy {
	_margin: 20px 20px 0 10px;
	background-color: #2f3038;
	float: left;
	margin: 20px;
	min-height: 348px;
	height: auto !important;
	height: 348px;
	padding: 20px;
	width: 230px;
}

div#mainContent div#fullColumn div#stepOne {
	background-color: #2f3038;
	float: left;
	margin: 20px 0 0;
	width: 256px;
}

div#mainContent div#fullColumn div#middleColumn h3 {
	color: #a9b1be;
	font-size: 1.5em;
	margin-left: 0;
}

div#mainContent div#fullColumn div.header {
	background-color: #15161b;
	min-height: 34px;
	padding: 5px 0 5px 20px;
}

div#mainContent div#fullColumn div#stepOne div.info {
	background-color: #2f3038;
	float: left;
	margin: 0;
	padding: 20px;
	width: 216px;
}

div#mainContent div#fullColumn div#stepOne div.footer {
	background-color: #15161b;
	clear: both;
	height: 20px;
	width: 256px;
}

div#mainContent div#fullColumn div.info form.formColumnThree {
	font-size: 0.8em;
}

div#mainContent div#fullColumn div.info form.formColumnThree div.formColumn {
	float: left;
	width: 63px;
}

div#mainContent div#fullColumn div.info form.formColumnThree label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

div#mainContent div#fullColumn div.info form.formColumnThree input {
	margin: 0 auto;
	width: 63px;
}

div#mainContent div#fullColumn div.info form.formColumnFour {
	font-size: 0.8em;
}

div#mainContent div#fullColumn div.info form.formColumnFour div.formColumn {
	float: left;
	width: 52px;
}

div#mainContent div#fullColumn div.info form.formColumnFour label {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

div#mainContent div#fullColumn div.info form.formColumnFour input {
	margin: 0 auto;
	width: 52px;
}

div#mainContent div#fullColumn div#middleColumn {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	width: 256px;
}

div#mainContent div#fullColumn div#rightColumn {
	float: left;
	margin-top: 20px;
	width: 256px;
}

div#mainContent div#fullColumn div#rightColumn h3 {
	color: #a9b1be;
	font-size: 1.5em;
	margin: 0;
}

div#mainContent div#fullColumn div#resultsUpper div#productDetail {
	_margin: 20px 20px 0 10px;
	background-color: #333;
	float: left;
	height: auto !important;
	margin: 20px;
	min-height: 238px;
	padding: 20px;
	width: 370px;
}

div#mainContent div#fullColumn div#resultsUpper div#useageSteps {
	_margin: 20px;
	background-color: #bbb;
	float: left;
	height: auto !important;
	margin: 20px 20px 0 0;
	min-height: 238px;
	padding: 20px;
	width: 330px;
}

div#mainContent div#fullColumn div#resultsLower {
	_margin: 20px 20px 0 10px;
	float: left;
	height: auto !important;
	margin: 20px;
	min-height: 117px;
	padding: px;
	width: 820px;
}


div#textNotes {
	float: right;
	width: 250px;
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 0.85em;
}

ul#yourRegime {
	position: absolute;
	bottom: 0px;
	margin-left: 30px;
}

ul#yourRegime li.back {
	padding-top: 50px;
	height: 20px;
}

ul#yourRegime li.back a {
	background: url(  "../images/back_arrow_black.gif" ) no-repeat;
	background-position: left;
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
}

ul#yourRegime li {
	float: left;
	height: 117px;
}

#yourRegime a {
	display: block;
	float: left;
	overflow: hidden;
	text-decoration: none;
}

#yourRegime a#facewash {
	background-image: url(  '../images/skincare_specialist/facewash_on_over.jpg' );
	height: 110px;
	width: 38px;
	text-indent: -9999px;
}

#yourRegime a#facewash:hover {
	height: 110px;
	width: 38px;
	background-position: 0 -117px;
}

#yourRegime a#facewashOff {
	background-image: url(  '../images/skincare_specialist/facewash_off_over.jpg' );
	height: 110px;
	width: 38px;
	text-indent: -9999px;
}

#yourRegime a#facewashOff:hover {
	height: 110px;
	width: 38px;
	background-position: 0 -117px;
}


#yourRegime a#facescrub {
	background-image: url(  '../images/skincare_specialist/facescrub_on_over.jpg' );
	background-repeat: no-repeat;
	width: 43px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#facescrub:hover {
	width: 43px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#facescrubOff {
	background-image: url(  '../images/skincare_specialist/facescrub_off_over.jpg' );
	background-repeat: no-repeat;
	width: 43px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#facescrubOff:hover {
	width: 43px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#shavegel {
	background-image: url(  '../images/skincare_specialist/shavegel_on_over.jpg' );
	background-repeat: no-repeat;
	width: 45px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#shavegel:hover {
	width: 45px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#shavegelOff {
	background-image: url(  '../images/skincare_specialist/shavegel_off_over.jpg' );
	background-repeat: no-repeat;
	width: 45px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#shavegelOff:hover {
	width: 45px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#aftershaveBalm {
	background-image: url(  '../images/skincare_specialist/shavebalm_on_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#aftershaveBalm:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#aftershaveBalmOff {
	background-image: url(  '../images/skincare_specialist/shavebalm_off_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#aftershaveBalmOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#moisturecream {
	background-image: url(  '../images/skincare_specialist/moisturecream_on_over.jpg' );
	background-repeat: no-repeat;
	height: 117px;
	width: 46px;
	text-indent: -9999px;
}

#yourRegime a#moisturecream:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#moisturecreamOff {
	background-image: url(  '../images/skincare_specialist/moisturecream_off_over.jpg' );
	background-repeat: no-repeat;
	height: 117px;
	width: 46px;
	text-indent: -9999px;
}

#yourRegime a#moisturecreamOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#moisturegel {
	background-image: url(  '../images/skincare_specialist/moisturegel_on_over.jpg' );
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 42px;
	height: 117px;
}

#yourRegime a#moisturegel:hover {
	width: 42px;
	height: 117px;
	background-position: 0 -117px;
}


#yourRegime a#moisturegelOff {
	background-image: url(  '../images/skincare_specialist/moisturegel_off_over.jpg' );
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 42px;
	height: 117px;
}

#yourRegime a#moisturegelOff:hover {
	width: 42px;
	height: 117px;
	background-position: 0 -117px;
}


#yourRegime a#eyegel {
	background-image: url(  '../images/skincare_specialist/eyegel_on_over.jpg' );
	background-repeat: no-repeat;
	display: block;
	width: 43px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#eyegel:hover {
	width: 43px;
	height: 117px;
	background-position: 0 -117px;
}


#yourRegime a#eyegelOff {
	background-image: url(  '../images/skincare_specialist/eyegel_off_over.jpg' );
	background-repeat: no-repeat;
	display: block;
	width: 43px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#eyegelOff:hover {
	width: 43px;
	height: 117px;
	background-position: 0 -117px;
}



#yourRegime a#skinserum {
	background-image: url(  '../images/skincare_specialist/skinserum_on_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#skinserum:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#skinserumOff {
	background-image: url(  '../images/skincare_specialist/skinserum_off_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#skinserumOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#facelotion {
	background-image: url(  '../images/skincare_specialist/facelotion_on_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#facelotion:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#facelotionOff {
	background-image: url(  '../images/skincare_specialist/facelotion_off_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#facelotionOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#item10:link {
	background-image: url(  '../images/skincare_specialist/body_hair_wash_over.jpg' );
	background-repeat: no-repeat;
	display: block;
	width: 54px;
}

#yourRegime a#bodyWash {
	background-image: url(  '../images/skincare_specialist/bodywash_on_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#bodyWash:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#bodyWashOff {
	background-image: url(  '../images/skincare_specialist/bodywash_off_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#bodyWashOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#item11:link {
	background-image: url(  '../images/skincare_specialist/deodrantstick_over.jpg' );
	background-repeat: no-repeat;
	display: block;
	width: 48px;
}

#yourRegime a#deodorantStick {
	background-image: url(  '../images/skincare_specialist/deodorantstick_on_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#deodorantStick:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

#yourRegime a#deodorantStickOff {
	background-image: url(  '../images/skincare_specialist/deodorantstick_off_over.jpg' );
	background-repeat: no-repeat;
	width: 46px;
	height: 117px;
	text-indent: -9999px;
}

#yourRegime a#deodorantStickOff:hover {
	width: 46px;
	height: 117px;
	background-position: 0 -117px;
}

/*----[]----------------------------------------------------------*/
div#mainContent div.productShowcase {
	background: #a6a6a6 url(  "../images/background_gradient.jpg" ) repeat-x;
	width: 430px;
	_width: 429px;
	min-height: 444px;
	height: auto !important;
	height: 449px;
	margin: 1px 1px 1px 1px;
	float: left;
	position: Relative;
	z-index: 999;
}

div#mainContent div.productShowcase a.nextProduct {
	background: url(  "../images/forward_arrow.gif" ) no-repeat;
	background-position: right;
	bottom: 10px;
	color: #FFF;
	padding-right: 20px;
	position: absolute;
	right: 10px;
	text-decoration: none;
}

div#mainContent div.productShowcase img {
	left: 30px;
	position: absolute;
	top: 0;
	z-index: 0;
}

div#mainContent div.productShowcase h2 {
	color: #A4A5B9;
	font-size: 1.7em;
	padding-left: 40px;
	padding-top: 15px;
	position: relative;
	text-transform: uppercase;
	z-index: 11;
}

div#mainContent div.productShowcase #fadeOver {
	width: 429px;
	min-height: 435px;
	height: auto !important;
	height: 435px;
	position: absolute;
	left: 0px;
	z-index: 10;
	background: #a6a6a6 url(  "../images/background_gradient.jpg" ) repeat-x;
}

div#mainContent div.productShowcase ul.productPoints {
	float: right;
	margin-right: 0px;
	padding-top: 80px;
	width: 225px;
	padding-left: 30px;
	padding-right: 8px;
}

div#mainContent div.productShowcase ul.productPoints li {
	list-style: disc;
	font-size: 11px;
}

div#mainContent div.productShowcase ul.productPoints li.headerOne {
	color: #e7e6ea;
	font-size: 1.2em;
	font-weight: 700;
	list-style: none;
	margin-left: -20px;
}

div#mainContent div.productShowcase ul.productPoints li.headerTwo {
	font-weight: 700;
	list-style: none;
	margin-bottom: 10px;
	margin-left: -20px;
}

div#mainContent div.products {
	float: left;
	height: 435px;
	margin-top: 1px;
	width: 427px;
}

div#mainContent div.products div#prodRow1 {
	background: #000 url(  "../images/background_gradient_box_top.jpg" ) repeat-x;
	background-position: top;
	background-repeat: repeat-x;
}

div#mainContent div.products div#prodRow2 {
	background: #000 url(  "../images/background_gradient_box_mid.jpg" ) repeat-x;
	background-position: top;
	background-repeat: repeat-x;
}

div#mainContent div.products div#prodRow3 {
	background: #000 url(  "../images/background_gradient_box_bot.jpg" ) repeat-x;
	background-position: bottom;
	background-repeat: repeat-x;
}

div#mainContent div.products div.productSection {
	float: left;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	position: relative;
	width: 213px;
}


div#mainContent div.products div.productSection h3 {
	position: relative;
	z-index: 2;
}

div.productSection img.cleanOne {
	bottom: 0px;
	left: 7px;
	position: absolute;
	z-index: 1;
}

div.productSection img.cleanTwo {
	bottom: 0;
	left: 55px;
	position: absolute;
	z-index: 1;
}

div.productSection img.cleanThree {
	bottom: 0px;
	left: 110px;
	position: absolute;
	z-index: 1;
}

div.productSection img.shaveOne {
	bottom: 1px;
	left: 3px;
	position: absolute;
	z-index: 1;
}

div.productSection img.shaveTwo {
	bottom: 1px;
	left: 56px;
	position: absolute;
	z-index: 1;
}



div.productSection img.moisturizeOne {
	bottom: 1px;
	left: 4px;
	position: absolute;
	z-index: 1;
}

div.productSection img.moisturizeTwo {
	bottom: 1px;
	left: 58px;
	position: absolute;
	z-index: 1;
}

div.productSection img.moisturizeThree {
	bottom: 1px;
	left: 111px;
	position: absolute;
	z-index: 1;
}

div.productSection img.enhanceOne {
	bottom: 1px;
	left: 6px;
	position: absolute;
	z-index: 1;
}

div.productSection img.enhanceTwo {
	bottom: 1px;
	left: 44px;
	position: absolute;
	z-index: 1;
}

div.productSection img.enhanceThree {
	bottom: 1px;
	left: 98px;
	position: absolute;
	z-index: 1;
}

div.productSectionLarge img.bodyOne {
	bottom: 1px;
	left: 0px;
	position: absolute;
	z-index: 1;
}

div.productSectionLarge img.bodyTwo {
	bottom: 1px;
	left: 58px;
	position: absolute;
	z-index: 1;
}

div.productSection img.shineOne {
	bottom: 2px;
	left: 8px;
	position: absolute;
	z-index: 1;
}

div.productSection img.shineTwo {
	bottom: 1px;
	left: 58px;
	position: absolute;
	z-index: 1;
}

div#mainContent div.products div.productSectionLarge {
	background: #000 url(  "../images/background_gradient_box.jpg" ) repeat-x;
	background-color: #303038;
	background-position: bottom;
	background-repeat: repeat-x;
	clear: both;
	height: 144px;
	position: relative;
	vertical-align: bottom;
	width: 427px;
}



div#mainContent div.products div.productSection h3, div#mainContent div.products div.productSectionLarge h3 {
	background-color: #1c1d26;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 4px 4px 4px 6px;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

div#mainContent div.products div.productSection.mr5 {
	margin-right: 1px;
}

div#mainContent div.products div.productSection.mb5 {
	margin-bottom: 0px;
}

/*---[Product Details Page]---------------------------------------------------*/
div#mainContent div.skinProductdetails {
	background: #a6a6a6 url(  "../images/background_gradient.jpg" ) repeat-x;
	float: left;
	min-height: 445px;
	height: auto !important;
	height: 445px;
	margin-right: 1px;
	position: relative;
	width: 618px;
}

div#mainContent div.skinProductdetails a.skinBack {
	background: url(  "../images/back_arrow.gif" ) no-repeat;
	background-position: left;
	bottom: 10px;
	color: #FFF;
	padding-left: 20px;
	position: absolute;
	left: 268px;
	text-decoration: none;
}

div#mainContent div.skinProductdetails a.skinBack:hover {
	text-decoration: none;
}

div#mainContent div.skinProductdetails h2 {
	color: #A4A5B9;
	font-size: 1.7em;
	padding-left: 40px;
	padding-top: 15px;
	position: relative;
	z-index: 2;
}

div#mainContent div.skinProductdetails img {
	left: 70px;
	position: absolute;
	top: 0;
	z-index: 0;
}

div#mainContent div.skinProductdetails div.details {
	float: right;
	margin-right: 20px;
	margin-top: 40px;
	width: 350px;
}

div#mainContent div.skinProductdetails div.details h2 {
	color: #fff;
	font-size: 14px;
	margin-left: -20px;
	margin-top: 25px;
}

div#mainContent div.skinProductdetails div.details h3 {
	font-size: 0.85em;
	font-weight: 700;
	margin: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 25px;
}

div#mainContent div.skinProductdetails div.details ul#productDetails {
	list-style: circle;
	list-style-type: circle;
	margin-left: 20px;
}

div#mainContent div.skinProductdetails div.details p {
	margin: 10px 0px 5px 21px;
	font-size: 0.85em;
}

div#mainContent div.skinProductdetails div.details ul#productDetails li {
	font-size: 0.85em;
	margin-left: 20px;
	list-style-type: disc;
}

div#mainContent div#rightColumn div.ageSerum {
	background: #2f3038 url(  "../images/ageSerum.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.ageSerumBorder {
	background: #2f3038 url(  "../images/ageSerum.jpg" ) no-repeat right top;
	border-left: solid 1px #000000;
	width: 219px;
}

div#mainContent div#rightColumn div.ageSerum p {
	width: 120px;
}

div#mainContent div#rightColumn div.ageSerumMid {
	background: #2f3038 url(  "../images/ageSerumMid.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.ageSerumMid p {
	width: 120px;
}

div#mainContent div#rightColumn div.shineControl {
	background: #2f3038 url( '../images/shine_control_banner.jpg' ) no-repeat right top;
}

div#mainContent div#rightColumn div.skinSpec {
	background: url(  '../images/columnBackgroundMid.gif' ) repeat-x;
}

div#mainContent div#rightColumn div.davidCoxBot {
	background: #2f3038 url(  "../images/david_cox_whatsnew_bot.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.davidCoxBot p {
	width: 120px;
}

div#mainContent div#rightColumn div.davidCoxMid {
	background: #2f3038 url(  "../images/david_cox_whatsnew.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.healthyLook {
	background: #2f3038 url(  "../images/healthLook.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.davidCoxMid ul {
	width: 120px;
}

div#mainContent div#rightColumn div.davidCoxMid ul li {
	margin-bottom: 20px;
}

div#mainContent div#rightColumn div.davidCoxMid ul li a {
	padding: 2px;
}

div#mainContent div#rightColumn div.newBanner {
	background: #2f3038 url(  "../images/new_banner.jpg" ) no-repeat right top;
}

div#mainContent div#rightColumn div.newBanner ul {
	padding-top: 55px;
}

div#mainContent div#rightColumn div.newBanner ul li {
	padding: 5px 0px 5px 0px;
}

div#mainContent div#rightColumn div.newBanner ul li a {
	font-size: 1em;
	color: #FFFFFF;
}

div#mainContent div#rightColumn div.newBanner ul li a:hover {
	color: #CCCCCC;
	font-size: 1em;
}

div#mainContent div#bannerAdvert {
	background: #2f3038 url(  "../images/whatsnew_background.jpg" ) no-repeat right top;
	position: relative;
}

div#mainContent div#bannerAdvert h2 {
	text-transform: uppercase;
	color: #a6a9bd;
	font-size: 1.7em;
	padding-left: 40px;
	padding-top: 20px;
}

div#mainContent div#bannerAdvert div.leftPanel {
	background-color: #000000;
	width: 289px;
	height: 56px;
	padding: 10px;
	position: Absolute;
	bottom: 0px;
	_bottom: -1px;
	left: 0px;
	background: #2f3038 url(  "../images/leftpanel_bottom.jpg" ) no-repeat;
}

div#mainContent div#bannerAdvert div.panelContent {
	margin-left: 16px;
}

div#mainContent div#bannerAdvert div.rightPanel {
	background-color: #000000;
	width: 289px;
	height: 56px;
	padding: 10px;
	position: Absolute;
	bottom: 0px;
	_bottom: -1px;
	right: 0px;
	background: #2f3038 url(  "../images/rightpanel_bottom.jpg" ) no-repeat;
}

div#mainContent div#bannerAdvert div.rightPanel h3 {
	color: #a6a9bd;
	font-size: 1.3em;
}

div#mainContent div#bannerAdvert div.rightPanel h3 a {
	color: #a8abbe;
}

div#mainContent div#bannerAdvert div.rightPanel h3 a:hover {
	color: #FFFFFF;
}

div#mainContent div#bannerAdvert div.rightPanel ul {
	padding: 15px 0px 10px 0px;
	float: left;
}

div#mainContent div#bannerAdvert div.rightPanel ul li {
	margin-bottom: 10px;
}

div#mainContent div#bannerAdvert div.rightPanel ul li a {
	color: #ffffff;
}

div#mainContent div#bannerAdvert div.leftPanel h3 {
	color: #a8abbe;
	font-size: 1.3em;
}

div#mainContent div#bannerAdvert div.leftPanel h3 a {
	color: #a8abbe;
}

div#mainContent div#bannerAdvert div.leftPanel h3 a:hover {
	color: #FFFFFF;
}

div#mainContent div#bannerAdvert div.leftPanel ul {
	padding: 15px 0px 10px 0px;
}

div#mainContent div#bannerAdvert div.leftPanel ul li {
	margin-bottom: 10px;
}

div#mainContent div#bannerAdvert div.leftPanel ul li a {
	color: #ffffff;
}

div#mainContent div#biography {
	background-color: #2f3038;
	float: left;
	width: 536px;
	height: 425px;
	position: relative;
	padding: 20px 42px 0px 42px;
	margin-right: 0px;
	background: url( "../images/bio_background.gif" );
}

div#mainContent div#biography img#coxVideo {
	padding: 20px 0px 0px 30px;
}

div#mainContent div#biography h2 {
	color: #a6a9bd;
	font-size: 1.3em;
}

div#mainContent div#biography h3 {
	color: #a6a9bd;
	font-size: 1.1em;
	margin-top: 10px;
}


div#mainContent div#biography div#bioText {
	overflow: auto;
	font-size: 0.85em;
	height: 300px;
	margin-top: 20px;
	padding-right: 5px;
	scrollbar-face-color: #414249;
	scrollbar-shadow-color: #414249;
	scrollbar-arrow-color: #292a31;
	scrollbar-track-color: #292a31;
	scrollbar-highlight-color: #414249;
	scrollbar-darkshadow-color: #414249;
	scrollbar-3dlight-color: #414249;
}

div#mainContent div#biography div#bioText p {
	margin-top: 16px;
}


div#mainContent div#rightColumn div.blockSection div.textLayer {
	filter: alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 100;
}

div.videoFix {
	min-height: 30px;
	height: 30px;
}

body div#mainContent div#rightColumn div.noPadding {
	padding-top: 20px;
	padding-left: 0px;
}

div#mainContent div#productsOverview { 
	height: 445px; 
} 

div#mainContent div#productsOverview h2 { 
	font-size: 20px; 
	font-weight: normal; 
	color: #a0a3b5; 
	text-transform: uppercase; 
	margin: 21px 0px 0px 40px; 
} 

div#mainContent div#productsOverview div#left { 
	float: left;
	width: 437px; 
	height: 443px; 
	border-left: solid 1px #1c1d26; 
	border-bottom: solid 1px #000000; 
	background: url('/skin/images/overview/left_bg.gif') repeat; 
} 

div#mainContent div#productsOverview div#right { 
	float: right; 
	width: 422px; 
	background-color: #ff0000; 
	position: relative; 
} 

div#mainContent div#productsOverview div#right div.row { 
	clear: both; 
} 

div#mainContent div#productsOverview div#right div.row1 { 
	height: 150px; 
	background: url('/skin/images/overview/right_row_bg.gif') repeat-x; 
} 

div#mainContent div#productsOverview div#right div.row2 { 
	height: 148px; 
	background: url('/skin/images/overview/right_row2_bg.gif') repeat-x; 
} 

div#mainContent div#productsOverview div#right div.row3 { 
	height: 147px; 
	background: url('/skin/images/overview/right_row3_bg.gif') repeat-x; 
} 

div#mainContent div#productsOverview div#right div.row_last { 
	height: 147px; 
	background: url('/skin/images/overview/right_row_bg.gif') repeat-x; 
	clear: both; 
} 

div#mainContent div#productsOverview div#right div.col { 
	position: relative; 
	float: left; 
	width: 210px; 
	border-left: solid 1px #1c1d26; 
} 

div#mainContent div#productsOverview div#right div.row_last div.col { 
	position: relative; 
	height: 147px; 
} 

div#mainContent div#productsOverview div#right div.row1 div.col img { 
	float: left; 
	margin-top: 27px; 
} 

div#mainContent div#productsOverview div#right div.row2 div.col img { 
	float: left; 
	margin-top: 26px; 
} 

div#mainContent div#productsOverview div#right div.row3 div.col img { 
	float: left; 
	margin-top: 26px; 
} 

div#mainContent div#productsOverview div#right div.row h5 { 
	position: absolute; 
	font-size: 11px; 
	top: 0px; 
	left: 0px; 
	text-transform: uppercase; 
	padding: 6px 0px 0px 10px; 
} 

div#mainContent div#productsOverview img.main { 
	position: absolute; 
	bottom: 2px; 
	left: 1px; 
} 

div#mainContent div#productsOverview div#copy { 
	float: right; 
	font-size: 11px; 
	width: 245px;
	margin-top: 105px; 
	margin-left: 50px; 
} 

div#mainContent div#productsOverview div#copy p { 
	padding: 2px 0px 2px 0px; 
} 

div#mainContent div#productsOverview div#copy ul { 
	margin: 10px 0px 0px 25px; 
	width: 200px; 
} 

div#mainContent div#productsOverview div#copy ul li { 
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc; 
	padding: 2px 0px 2px 0px; 
}