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.05em;
	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 8px 10px 9px;
	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-text {
		position: absolute;
		top: 43px;
		left: 43px;
	}
	#debut-button-wax {
		position: absolute;
		top: 93px;
		left: 53px;
	}	
	#debut-button-cream {
		position: absolute;
		top: 128px;
		left: 53px;
	}	
	#debut-button-mousse {
		position: absolute;
		top: 163px;
		left: 53px;
	}	
	#debut-range-text {
		position: absolute;
		top: 276px;
		left: 42px;
		width: 211px;
		text-align: center;
	}	
	#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;		
	}
	#debut-content .h1bg, #debut-content .h1, #debut-content .h1bbg, #debut-content .h1b { 
		float: left; 
	}
	#debut-content .h1bg .txt, #debut-content .h1bbg .txt {
		position: absolute; 
		z-index: 2;
	}
	#debut-content .h1bg .bg, #debut-content .h1bbg .bg {
		position: absolute; 
		z-index: 1;
		background-color: #ac5bba; 
		margin: -5px 0px 0px -4px;
	}	
	#debut-content .h1bbg .bg {
		background-color: #f2e282; 
	}	
	#debut-content p, #debut-content h2 {
		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;
	}	
.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;
}
