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: 12px;
	margin-top: 0px;
	margin-bottom: 1.1em;
	line-height: 1.2em;
}
.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 7px 10px 8px;
	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;
}

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

/*****  VEET DEBUT 2010  *****/

	img {
		border: 0px;
	}
	#debut-content h2 {
		margin-bottom: .5em;
	}
	#debut-content .box_padding {
		padding: 10px 10px 10px 10px;
	}
	#debut-content .box_inner {
		width: 245px; 
		min-height: 135px; 
		background-color: #d4aadb;
	}
	
	#debut-content .box {
		float: left; 
		margin: 0px 20px 10px 0px;
	}
	#debut-navigationbox {
		position: absolute;
		top: 50px;
		left: 43px;
		z-index: 10;
		font-size: 12px;
	}
	#debut-navigationbox ul {
		margin: 0px 0px 0px 25px;
		padding: 0px 0px 0px 0px;
		width: 175px;
	}
	#debut-navigationbox li {
		list-style-type: circle;
		margin: 0px 0px 3px 0px;
	}
	#debut-navigationbox a {
		text-decoration: none;
		color: #fff;
	}
	#debut-navigationbox a:hover {
		color: #96549f;
	}
	#debut-text {
		margin: 0px 0px 15px 5px;
	}
	#debut-button-wax {
		margin-top: -8px;
		padding: 6px 6px 0px 10px;
		background: url(img/debut/debut-button-navigation1.png) no-repeat;
		width: 208px;
		height: 28px;
	}	
	#debut-button-cream {
		margin-top: 5px;
		padding: 6px 6px 0px 10px;
		background: url(img/debut/debut-button-navigation1.png) no-repeat;
		width: 208px;
		height: 28px;
	}	
	#debut-button-mousse {
		margin-top: 5px;
		padding: 6px 6px 0px 10px;
		background: url(img/debut/debut-button-navigation1.png) no-repeat;
		width: 208px;
		height: 28px;
	}	
	#debut-range-text {
		position: absolute;
		top: 276px;
		left: 44px;
		width: 211px;
		text-align: center;
		padding: 10px 0px 0px 0px;
		background: url(img/debut/debut-button-navigation2.png) no-repeat;
	}	
	#debut-range-image {
		position: absolute;
		bottom: 18px;
		left: 42px;
		width: 211px;
		text-align: center;
	}	
	#debut-home-text-01 {
		position: absolute;
		top: 90px;
		left: 262px;
	}	
	#debut-home-text-02 {
		position: absolute;
		top: 20px;
		left: 505px;
	}	
	#debut-home-text-03 {
		position: absolute;
		top: 240px;
		left: 455px;
	}	
	#debut-home-text-04 {
		position: absolute;
		bottom: 5px;
		right: 15px;
	}	
	.seo {
		position: absolute;
		top: 500px;
	}
	#debut-content {
		position: absolute;
		left: 330px;
		top: 60px;
		width: 510px;
		height: 380px;		
		color: #a56aac; 
		font-size: 12px;	
	}
	#debut-content a {
		text-decoration: none;
		color: #fff;
	}	
	#debut-content a:hover { 
		text-decoration: underline;
	}

	#debut-content .h1bg, #debut-content .h1, #debut-content .h1bbg, #debut-content .h1b, #debut-content .h1cbg, #debut-content .h1c, #debut-content .h1dbg, #debut-content .h1d { 
		float: left; 
	}
	#debut-content .h1bg .txt, #debut-content .h1bbg .txt, #debut-content .h1cbg .txt, #debut-content .h1dbg .txt {
		position: absolute; 
		z-index: 2;
	}
	#debut-content .h1bg .bg, #debut-content .h1bbg .bg, #debut-content .h1cbg .bg, #debut-content .h1dbg .bg {
		position: absolute; 
		z-index: 1;
		background-color: #ac5bba; 
		margin: -5px 0px 0px -4px;
	}	
	.h2bg, .h2bbg, .h2cbg, .h2dbg {
		padding-bottom: 20px;
	}
	.h2bg .txt, .h2bbg .txt, .h2cbg .txt, .h2dbg .txt {
		position: absolute; 
		z-index: 2;
	}
	.h2bg .bg, .h2bbg .bg, .h2cbg .bg, .h2dbg .bg {
		position: absolute; 
		z-index: 1;
		background-color: #abfffa; 
		margin: -3px 0px 0px -4px;
	}	
	#debut-content .h1bbg .bg {
		background-color: #f2e282; 
	}	
	#debut-content .h1cbg .bg {
		background-color: #abfffa; 
	}	
	#debut-content .h1dbg .bg {
		background-color: #d2c18c; 
	}	
	#debut-content p, #debut-content h2, #debut-content li {
		color: #a56aac;
	}
	
	.nonpadding {
		padding: 0;
		margin: 0;
	}
	.scrollbar {
		overflow: auto;
	}
	#debut-postit-lb {
		position: absolute;
		top: 215px;
		left: 42px;
		width: 211px;
		text-align: center;	
	}
	#debut-postit-pin-01 {
		position: absolute;
		top: 265px;
		left: 60px;
	}	
	#debut-tnl-navigation a {
		text-decoration: none;
		color: #a56aac;
	}
	#debut-tnl-navigation a:hover {
		text-decoration: underline;
	}
	#debut-tnl-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#debut-tnl-navigation ul li {
		font-weight: bold;
		margin-top: 3px;
	}
	#debut-tnl-navigation ul li ul li{
		font-weight: normal;
		margin-top: 0px;
	}
	#debut-tnl-navigation ul li ul{
		list-style: none;
		margin: 0 0 0 8px;
		padding: 0;
	}
	.quiz_q1, .quiz_q2, .quiz_q3, .quiz_q4, .quiz_q5, .quiz_q6 {
		position: absolute; 
		top: 140px; 
		left: 60px;
	}
	.quiz_tl_question {
		position: absolute; 
		top: 110px; 
		left: 60px;
	}
	.quiz_q1_answer {
		position: absolute; 
		top: 177px; 
		left: 60px;
	}
	.quiz_a1 {
		position: absolute; 
		top: 300px; 
		left: 60px; 
		width: 380px;
	}
	.quiz_a1 a, .quiz_tl_answer a {
		text-decoration: none;
		color: #fff;
	}	
	.quiz_a1 a:hover, .quiz_tl_answer a:hover { 
		text-decoration: underline;
	}
	.quiz_q1_answer img {
		margin-right: 24px; 
	}
	.quiz_answer {
		position: absolute; 
		top: 180px; 
		left: 60px; 
		width: 358px;
	}
	.quiz_tl_answer {
		position: absolute; 
		top: 145px; 
		left: 60px; 
		width: 358px;
	}
	.quiz_answer div {
		margin-bottom: 0px;
	}
	.quiz_answer a {
		text-decoration: none;
		color: #fff;
	}
	.quiz_tl_result {
		margin-top: 30px;
	}

	.button_1_1 {
		background: url(img/debut/quiz_button_1_1.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 39px;
	}
	.button_2_1 {
		background: url(img/debut/quiz_button_2_1.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 39px;
	}
	.button_3_1 {
		background: url(img/debut/quiz_button_3_1.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 39px;
	}
	.button_4_1 {
		background: url(img/debut/quiz_button_4_1.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 39px;
	}
	.button_1_2 {
		background: url(img/debut/quiz_button_1_2.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 50px;
	}
	.button_2_2 {
		background: url(img/debut/quiz_button_2_2.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 50px;
	}
	.button_3_2 {
		background: url(img/debut/quiz_button_3_2.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 50px;
	}
	.button_1_3 {
		background: url(img/debut/quiz_button_1_3.png) no-repeat 0 0;
		padding: 17px 95px 0px 35px;
		height: 63px;
	}
	.button_2_3 {
		background: url(img/debut/quiz_button_2_3.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 63px;
	}
	.button_3_3 {
		background: url(img/debut/quiz_button_3_3.png) no-repeat 0 0;
		padding: 17px 5px 0px 35px;
		height: 63px;
	}	
	
	
	.jScrollPaneTrack {
		background-color: #edc8f1;
	}	
	.jScrollPaneDrag {
		background:none repeat scroll 0 0 #a56aac;
		cursor:pointer;
		overflow:hidden;
		position:absolute;
	}

		
	a.jScrollArrowUp {
		background: url(img/debut/arrow_up.gif) repeat-x 0 0;
	}
	a.jScrollArrowUp:hover {
		background-position: 0 -15px;
	}
	a.jScrollArrowDown {
		background: url(img/debut/arrow_down.gif) repeat-x 0 0;
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		background-position: 0 -30px;
	}

	#debut-tnl-sheet-02 {
		position: absolute; 
		left: 20px; 
		top: 235px; 
		height: 218px;
	}
	#debut-tnl-sheet-02 .pin {
		position: absolute; 
		top: 0px; 
		left: 80px; 
		z-index: 1000;
	}
	#debut-tnl-sheet-02 .sheet_inner {
		color: #a56aac; 
		font-size: 12px;	
		position: relative; 
		top: -180px; 
		width: 200px; 
		margin-left: 30px; 
		z-index: 999;
	}
	#debut-tnl-sheet-03, #debut-tnl-sheet-04, #debut-tnl-sheet-05 {
		color: #a56aac;
		font-size: 10px;
	}
	#debut-tnl-sheet-05 {
		position: absolute; 
		left: 660px; 
		top: 240px; 
		height: 218px;
	}
	#debut-tnl-sheet-04 {
		position: absolute; 
		left: 490px; 
		top: 230px; 
		height: 218px;
	}
	#debut-tnl-sheet-03 {
		position: absolute; 
		left: 290px; 
		top: 220px; 
		width: 194px; 
		height: 170px;
	}
	.debut-tnl-sheet-03-inner {
		position: relative; 
		top: -142px; 
		left: -5px; 
		width: 155px; 
		margin-left: 30px; 
		z-index: 999;
	}
	.debut-tnl-sheet-04-inner {
		position: relative; 
		top: -197px; 
		margin-left: 15px; 
		width: 135px; 
		z-index: 999;
	}
	.debut-tnl-sheet-05-inner {
		position: relative; 
		top: -200px; 
		width: 170px; 
		margin-left: 18px; 
		z-index: 999;
	}
	.debut-tnl-sheet-03-inner p, .debut-tnl-sheet-04-inner p, .debut-tnl-sheet-05-inner p {
		line-height: 1.275em;
		font-size: 11px;
	}
	.debut-tnl-sheet-03-inner a, .debut-tnl-sheet-04-inner a, .debut-tnl-sheet-05-inner a {
		color: #a56aac;
		font-weight: bold;
		text-decoration: none;
	}
	.debut-tnl-sheet-03-inner a:hover, .debut-tnl-sheet-04-inner a:hover, .debut-tnl-sheet-05-inner a:hover { text-decoration: underline; }
	
	.debut-tnl-sheet-04-inner .pin {
		position: absolute; 
		top: -25px; 
		left: 40px; 
		z-index: 9999;
	}
	.debut-tnl-sheet-03-inner .pin {
		position: absolute; 
		top: -35px; 
		left: 40px; 
		z-index: 9999;
	}	
	
	#debut-button-forward, #debut-button-back, #debut-button-next {
		/*overflow: hidden;*/
	}
	
	#debut-button-forward a, #debut-button-back a, #debut-button-next a {
		overflow: hidden;
	}
	#debut-button-forward div, #debut-button-back div, #debut-button-next div {
		position: absolute;
		left: 0;
		top: 0;
	}