@CHARSET "ISO-8859-1";

/**************************************************************************
* Global styles
*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent none repeat scroll 0% 0%;
	border:0pt none;
	font-size:100%;
	margin:0pt;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
	vertical-align:baseline;
}

html {
	overflow-x:hidden !important;
	overflow-y:scroll !important;
}


body {
	background: url(../images/bg.gif) 0px 0px repeat-x #000000;
}

.clear {
/*	display:inline-block;*/
}

.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

ul {
	padding-left:14px;
}

li {
	padding-bottom:10px;
}

/* Mac Safari/Firefox Hack for text rendering */
/* You need to be careful with this fix, as it will break any Flash element that it touches in Firefox. */

/* Safari3 Hack for rendering light type on dark background - Change colour to background colour */
.type {
/* text-shadow: #000 0 0 0; */
}
/* Start of Specific Styles */



/**************************************************************************
* Text styles
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#ffffff;
}

th {
	text-align:left;
}

strong {
	font-weight:bold;
	color:#FFFFFF;
}

p {
	padding-bottom:17px;
}

blockquote div {
	font-style:italic;
	font-size:11px;
}

a {
	color:#a17547;
	text-decoration:none;
}

p, a, li, blockquote div {
	opacity: .999;
	line-height:17px;
}

a:hover {
	text-decoration:underline;
}

input {
}

/**************************************************************************
* Form styles
*/

label {
	padding-bottom:5px;
}

input.text {
	width:176px;
	border:1px solid #c5d1e1;
	padding:3px;
	color:#000000;
}


form dl {
	margin:0px;
}

form dl dt {
	clear:both;
	width:68px;
	float:left;
	margin:0px;
	padding-top:4px;
}

form dl dd {
	float:left;
	margin:0px;
	margin-bottom:8px;	
}

form dt label {
	font-weight:bold;
	color:#543d3d;
	padding-top:3px;
}
form dl dd input.text, form dl dd input.password {
	width:176px;
	border:1px solid #c5d1e1;
	padding:3px;
}

form dl dd input.checkbox {
	padding:0px;
	margin:0px 5px 0px 0px;
}

form dl dd input.image {
	padding:0px;
	margin:0px;
}

form dl dd select {	
	width:181px;
	border:1px solid #c5d1e1;
	padding:3px;
}

form dl dd input.text {	
	width:176px;
}


.form {
	background: url(../images/hr_2.gif) 0px 0px #ecf4f9 repeat-x;
	padding:10px 15px 10px 15px;
	width:350px;
}


.formNoBorder {
	background-color:#ecf4f9;
	padding:10px 15px 10px 15px;
	width:350px;
}

.formEnd {
	background: url(../images/hr_2.gif) 0px 0px #FFFFFF repeat-x;
	width:380px;
	height:13px;
	line-height:13px;
}


/**************************************************************************
* Layout styles
*/

#Container {
	margin:0 auto;
	width:950px;
	position:relative;
}
#Header {
	width:100%;
	height:85px;
	position:relative;
}
#HeaderNav {
	position:absolute;
	right:10px;
	top:10px;
	color:#99a293;
}

#HeaderNav a {
color:#99a293;
}

#Nav {
	width:100%;
	height:31px;
}
#Nav ul {
	padding:0px;
}

#Nav ul li {
	padding:0px;
	list-style-type:none;
	float:left;
	display:block;
	height:30px;
}

#Nav ul li a {
	display:block;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
}

#Nav ul li#home a {
	background: url(../images/nav_1.gif) 0px 0px no-repeat;
	width:53px;
}

#Nav ul li#dryers a {
	background: url(../images/nav_2.gif) 0px 0px no-repeat;
	width:74px;
}

#Nav ul li#straighteners a {
	background: url(../images/nav_3.gif) 0px 0px no-repeat;
	width:113px;
}

#Nav ul li#stylers a {
	background: url(../images/nav_4.gif) 0px 0px no-repeat;
	width:75px;
}

#Nav ul li#waxing a {
	background: url(../images/nav_5.gif) 0px 0px no-repeat;
	width:73px;
}

#Nav ul li#hair a {
	background: url(../images/nav_6.gif) 0px 0px no-repeat;
	width:130px;
}	

#Nav ul li#men a {
	background: url(../images/nav_7.gif) 0px 0px no-repeat;
	width:119px;
}	

#Nav ul li#home a:hover {
	background: url(../images/nav_1.gif) 0px -30px no-repeat;
	width:53px;
}

#Nav ul li#dryers a:hover {
	background: url(../images/nav_2.gif) 0px -30px no-repeat;
	width:74px;
}

#Nav ul li#straighteners a:hover {
	background: url(../images/nav_3.gif) 0px -30px no-repeat;
	width:113px;
}

#Nav ul li#stylers a:hover {
	background: url(../images/nav_4.gif) 0px -30px no-repeat;
	width:75px;
}

#Nav ul li#waxing a:hover {
	background: url(../images/nav_5.gif) 0px -30px no-repeat;
	width:73px;
}

#Nav ul li#hair a:hover {
	background: url(../images/nav_6.gif) 0px -30px no-repeat;
	width:130px;
}	

#Nav ul li#men a:hover {
	background: url(../images/nav_7.gif) 0px -30px no-repeat;
	width:119px;
}

#Body {
	padding-top:6px;
	padding-bottom:35px;
	width:100%;
}

#BodyCol1 {
	background:url(../images/new/sideNavBg.gif) top left no-repeat;
	width:165px;
	height:395px;
	float:left;
}

#BodyCol2 {
	width:412px;
	float:left;
}

#BodyCol3 {
	width:350px;
	float:left;
}

#Footer {
	width:926px;
	height:38px;
	clear: both;
}

#FooterNav {
	margin-left:165px;
	padding-top:3px;
	padding-left:10px;
	background: url(../images/footer_nav_bg.gif) 0px 0px no-repeat;
	height:19px;
	color:#000000;
}
#FooterNav a {
	color:#b1b8a8;

}
#FooterCopyright {
	float:right;
	color:#546058;
}


#LeftNav {
	width:165px;

}

#LeftNav ul {
	padding:0px;
}

#LeftNav ul li {
	padding:7px 13px 9px 0px;
	margin-left:5px;
	list-style-type:none;
	display:block;
	background:url(../images/new/sideNavSeperator.gif) bottom left no-repeat;
	line-height:15px;
	font-size: 11px;
}

#LeftNav ul li.nobg {
	background:none;
}

#LeftNav ul li a {
	display:block;
	color:#FFFFFF;
	padding-left:19px;
	background: url(../images/arrow.gif) 2px 6px no-repeat;
}

#LeftNav ul li.noarrow a {
	display:block;
	color:#FFFFFF;
	padding-left:16px;
	background:none;
}

#LeftNav ul li.section a, #LeftNav ul li.section span {
	color:#9a9a9a;
	display:block;
	padding-left:16px;
	background: url(../images/arrow_down.gif) 5px 7px no-repeat;
}

#LeftNav ul li.selected a {
	color:#bc9dd6;
}

#LeftNav.sideDryers ul li.selected a {
	color:#e3007a;
}

#LeftNav.sideStraighterners ul li.selected a {
	color:#00c4df;
}

#LeftNav.sideStylers ul li.selected a {
	color:#95d054;
}

#LeftNav.sideAccess ul li.selected a {
	color:#00c4df;
}

#LeftNav.sideMen ul li.selected a {
	color:#ffa12d;
}

#ProducTitle {
	padding-top:15px;
	padding-left:20px;
	padding-bottom:17px;
	position:relative;
}

.BodyWide {
	width:785px;
	float:left;
	background:url(../images/new/body_panel1_bg.jpg) top left no-repeat;
}

.BodyWideCol412 {
	float:left;
	width:412px;
	position:relative;
}

.BodyWideCol412 p {
	padding:0px 22px 1.2em 22px;	
	color:#fff;
	font-size:12px;
}

#ProductDetails p {
	color:#fff;
}

.BodyWideCol350 {
	width:350px;
	float:left;
	position:relative;
}

.BodyWideCol390 {
	width:385px;
	float:left;
	position:relative;
}

.BodyWideCol460 {
	width:480px;
	float:left;
	position:relative;
}

.BodyWideCol460 p, .BodyWideCol390 p {
	padding:0px 22px 1.2em 22px;	
	color:#fff;
	font-size:12px;
}

.PanelBG1 {
	background: url(../images/new/body_panel1_bg.jpg) 0px 0px no-repeat;
	padding-top:18px;
}

.PanelBG2 {
	background: url(../images/body_panel2_bg.gif) 0px 0px no-repeat #0e1311;
	height:75px;
}

.LandingContainer { width: 785px; float: left;}
.LandingRight { width: 759px; float: right;}
.LandingMain {padding-bottom: 15px;}
.LandingBox { width: 243px; padding-right: 15px; float: left;}
.sideMen .navLogo {margin: 15px 0 5px 15px;}

p.yellow {color:#f2e6a1;}

.ie6fix { display:block;width:75%;clear:bottom; }