body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #ffffff;
	line-height: 1.2em;
	text-align: center;
	background: #AF92B9 url(img/bg_debut.jpg) repeat-x;
}

/* global
----------------------------------*/
td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.2em;
}
form, input, select, textarea {
	margin: 0px;
	padding: 0px;
}
input, select, textarea {
	border: 1px solid #ffffff;
	padding: 1px 0px 1px 0px;
	background-color: #cccccc;
	width: 250px;
}
input.fclear {border: none; background: none;}

.right {float: right;}
.left {float: left;}
.spacer {clear: both; font-size: 2px; line-height: 2px;}
.clear {clear: both;}

a, a:link, a:hover, a:active, a:visited {color: #AC526E;}
h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 1.2em;
	font-size: 14px;
	color: #7A4F96;
	font-weight: bold;
	line-height: 1.2em;
}
h2, h3 {font-size: 12px;}
h3 {color: #333333;}

p {
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 1.1em;
	line-height: 1.3em;
}
.purple {color: #AC526E;}

/* png support
----------------------------------*/
img {
   /*behavior: url(pngbehavior.htc);*/
}

/* page, top, main, content
----------------------------------*/
#page, #top, #main, #bottom {
	position: relative;
	width: 894px;
	clear: both;
}
#logo {
	position: absolute;
}
#logo img {border: none;}

#page {
	margin: auto;
	width: 894px;
	text-align: left;
}
#top {
	height: 111px;
	background: url(img/bg_top-trans-debut.png);
}
#logo {
	top: 14px;
	left: 35px;
}
#main {
	padding-top: 7px;
	background: url(img/bg_content_top-trans.png);
}
#content {
	background: #C4DAE8 url(img/bg_content_debut.jpg) no-repeat center top;
}



/* content
----------------------------------*/
.h1 p {width: 400px;}
.shortDesc p {font-size: 1.0em;}



.bBack, .bPopup {
	width: 193px;
	height: 23px;
	background: url(img/b_back_debut.png) no-repeat 0px 0px;
}
.bPopup {background: url(img/b_popup_debut.png) no-repeat 0px 0px; text-align: right;}
.bBack a, .bBack a:link, .bBack a:hover, .bBack a:active, .bBack a:visited, .bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited {
	position: relative;
	display: block;
	padding-left: 32px;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;
	text-decoration: none;
}
.bPopup a, .bPopup a:link, .bPopup a:hover, .bPopup a:active, .bPopup a:visited {padding-right: 32px;}

/* bottom
----------------------------------*/
#bottom {
	height: 41px;
	margin-top: -6px;
	padding-top: 40px;
	background: url(img/bg_content_bottom-trans_deb.png) no-repeat;
	
}

#contact_form input, #contact_form select, #contact_form textarea {
	border: 1px solid #ffffff;
	padding: 1px 0px 1px 0px;
	background-color: #ffffff;
	width: 250px;
}
#contact_form td{

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
	line-height: 1.3em;

}
/* nav
----------------------------------*/
#nav {
	position: relative;
	text-align: right;
	margin-top: -67px;
	height: 67px;
	width: 870px;
	z-index: 10;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 13px;
	line-height: 1.4em;
	display: inline;
	/*float: left;*/
	/*border-left: 1px solid #C0A697;*/
}
#nav a, #nav a:link, #nav a:hover, #nav a:active, #nav a:visited {
	color: #ffffff;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	padding: 0px 12px 10px 13px;
	background: url(img/line_v_nav_debut.gif) no-repeat 0px 6px;
	
}
#nav a.active, #nav a.active:link, #nav a.active:hover, #nav a.active:active, #nav a.active:visited {
	color: #333333;
}
/*#nav li:hover ul {
	visibility:visible;
	overflow:visible;
}*/
/*#nav li:hover>a {text-decoration:underline;}*/

#nav ul ul {
	position: absolute;
	width: 600px;
	height: 23px;
	top: 28px;
	left: -100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 11px 0px 0px;
	/*z-index: 3;*/
	visibility: hidden;
	/*background: url(img/bg_nav_sub_right_debut.gif) no-repeat right top;*/
}
/*#nav ul ul:hover {
	visibility:visible;
}*/
#nav .active ul {
	visibility: visible;
}
#nav ul ul li {
	margin-left: 0px;
	font-size: 11px;
	line-height: 2.1em;
	/*background-color: #ac8975;*/
	background: #9575AC url(img/bg_nav_sub_left_debut.gif) no-repeat left top;
	float: left;
}
/** html #nav a {
  width:1%;
}*/

#nav li ul a, #nav li ul a:link, #nav li ul a:hover, #nav li ul a:active, #nav li ul a:visited {
	padding: 3px 10px 3px 9px;
	background: url(img/bg_nav_sub_debut.gif) no-repeat right top;
}


/* navPath
----------------------------------*/
#navPath {
	position: absolute;
	top: 0px;
	padding-top: 6px;
	width: 894px;
	font-size: 11px;
	color: #ffffff;
	background: url(img/bg_navpath_debut.gif) no-repeat 7px 7px;
}
#navPath p {
	position: relative;
	padding: 0px 7px 0px 37px;
	display: inline;
	line-height: 1.8em;
	/*float: left;*/
}
#navPath ul {
	position: relative;
	margin: 0;
	padding: 0px 7px 0px 0px;
	list-style: none;
	display: inline;
}
#navPath li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #ffffff;
	line-height: 1.8em;
	padding-top: 0px;
	display: inline;
	/*float: left;*/
}
#navPath a, #navPath a:link, #navPath a:hover, #navPath a:active, #navPath a:visited {
	color: #C6A8CA;
	text-decoration: none;
	text-transform:none;
	font-weight:normal;
	padding: 0px 8px 0px 8px;
	background: url(img/arrow_navpath.gif) no-repeat left center;
}





.productSpecs td.purple {
	padding-right: 0px;
	text-align: right;
}
.productSpecs td.purple p {
	border-right: 0px none;
	background: #D6CADF url(img/bg_prod_specs_purple.gif) repeat-x 0px 0px;
}
.purple { color:#7A4F96 }


.productBox {
	width: 295px;
	color: #FFFFFF;
	background: url(img/button_debut_small.png) no-repeat 0px 0px;
}
#colInner a, #colInner a:link, #colInner a:hover, #colInner a:active, #colInner a:visited  {position: relative; color: #FFFFFF; text-decoration: none;}
.productBox div {padding: 35px 0px 0px 20px;}
.productBox p {
	padding: 0px;
	width: 132px;
	float: left;
}
.productBox h1 {
	margin-bottom: 0.5em;
}
.productBox .productBoxImg {
	width: 133px;
	margin-top: -65px;
	float: left;
}
.productBoxLarge {
	width: 569px;
	height: 125px;
	background: url(img/button_debut_large.png) no-repeat 0px 0px;
	clear: both;
}

.productBoxResults {
	width: 569px;
	height: 141px;
	background:url(img/button_results.png)  no-repeat 0px 0px;
	clear: both;
}

#navSystem {
	position: relative;
	font-size: 9px;
	color: #F1D8FA;
	text-align: center;
	margin-top:4px;
}

/* added for the quiz on 02-06-08 */

#contentquiz1 {
	padding-bottom:18px;
	border:#fff solid 1px;
	background: #fff url(img/bg_debut_quiz1.jpg) no-repeat center top;
}

#contentquiz2 {
	padding-bottom:18px;
	border:#fff solid 1px;
	background: #fff url(img/bg_debut_quiz2.jpg) no-repeat center top;
}

#contentquiz3 {
	padding-bottom:18px;
	border:#fff solid 1px;
	background: #fff url(img/bg_debut_quiz3.jpg) no-repeat center top;
}

#contentquizthankyou {
	padding-bottom:30px;
	border:#fff solid 1px;
	background: #fff url(img/bg_debut_thankyou.jpg) no-repeat center top;
}

#mainarea {
	margin:0 0 0 150px;
}

#mainarea #q1, #q2, #q3 {
	width:170px;
	float:left;
	margin:0 50px 0 0;
}


.qtxtcont {
	width:161px;
	margin:5px 0 0 5px;
}

.qtxt {
	width:161px;
	background:url(img/q_bg.png) top center no-repeat;
	height:4.3em;
	font-size:1.1em;
}

.qtxt a {
	display:block;
	padding:9px 10px 0 10px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	position:relative !important;
}

.qtxtcont .bt {
	margin:0;
	padding:0;
	width:161px;
	height:11px;
	background:url(img/q_bottom.png) top center no-repeat;
}


.atxtcont {
	width:478px;
	margin:5px 0 0 5px;
}

.atxt {
	width:478px;
	background:url(img/a_bg.png) top center no-repeat;
}

.atxt a {
	display:block;
	padding:15px 20px 4px 20px;
	color:#fff !important;
	font-weight:normal;
	text-decoration:none;
	position:relative !important;
	font-size:1.3em;
	cursor:text;
	line-height:1em;
}

.atxtcont .bt {
	margin:0;
	padding:0;
	width:478px;
	height:12px;
	background:url(img/a_bottom.png) top center no-repeat;
}

#t1 {
	clear:both;
	padding:0px 0 0 0;
}

img.q_next {
	float:right;
	margin:30px 0 0 0;
	
}

img.return {
	margin:20px 0 0 470px;
	float:left;
}

.lay {
	display: none;
	position: absolute;
	margin-top:10px;
}


.pboxcont {
	width:232px;
	margin:5px 44px 0 5px;
	float:left;
}

.pbox1 {
	width:232px;
	background:url(img/bg_cream_box.png) top center no-repeat;
	float:left;
}


.pbox2 {
	width:232px;
	background:url(img/bg_wax_box.png) top center no-repeat;
	float:left;
}

.pbox1 img.hd, .pbox2 img.hd {
	margin:12px 0 0 18px;
}

.pbox1 a.txt {
	display:block;
	width:130px;
	padding:10px 0px 0 20px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	position:relative !important;
	float:left;
}

.pbox2 a.txt {
	display:block;
	width:106px;
	padding:10px 0px 0 20px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	position:relative !important;
	float:left;
}

.pbox1 a.more {
	display:block;
	padding:7px 5px 0 20px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	position:relative !important;
	float:left;
	width:150px;
}

.pbox2 a.more {
	display:block;
	padding:7px 5px 0 20px;
	color:#fff !important;
	font-weight:bold;
	text-decoration:none;
	position:relative !important;
	float:left;
	width:150px;
}

.pbox1 .cream {
	float:right;
	padding:0 5px 0 0;
}

.pbox2 .wax {
	float:right;
	padding:0;
}

.pboxcont .bt {
	margin:0;
	padding:0;
	width:232px;
	height:23px;
	background:url(img/bg_box_bottom.png) top center no-repeat;
	float:left;
}