@charset "utf-8";
/* CSS Document */
body {
	font-family: arial, helvetica, serif; 
}


#wrapper {width:550px; margin:30px auto;}
#top 	 { 
	background-image:url(../images/rectangle_top.jpg); 
	width:550px; height:12px; padding:0px; margin:0px;}

#content 	{ width:548px; 
			  border-right:1px solid gray;
			  border-left:1px solid gray;}
			  
#banner 	{ border-left:1px solid gray;border-right:1px solid gray; display:block; height:184px;}

#bottom 	{ 
	background-image:url(../images/rectangle_bottom.jpg); 
	width:550px; height:50px; padding:10px; margin:0px; clear:both; background-repeat:no-repeat;}

h1 {
	font-size:2.0em;
	font-weight:bold;
}

h2 { font-size:1.1em; }

/* -----------------------*/
/*	NAVIGATION SECTION   */
#navcontainer {
	width:548px; 
	background-color:#ee792b; 
	border-left:1px solid gray; 
	border-right:1px solid gray;
	height:1.1em;
}

#nav, #nav ul { 
/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.6em;
	font-size:11px;
	background-color:#ee792b; 
}

#nav ul { line-height:1.5em;}
#nav a {
	display: block;
	background-color:#ee792b; 
	text-decoration:none;
	color:white;
}

#nav a:hover {
	background: #FF9933;
}

#nav li { /* all list items */
	float: left;
}
#nav li a{ /* all list items */
	padding:0 23px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FF9933;
	margin-left:0px;
	width: 9.5em;
	padding:0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { 
	width:9.5em; 
	border-bottom:solid 1px white;
	text-align:center; 
	padding:0; 
}
#nav li ul li a {
	width:9.5em; 
	background: #FF9933; 
	padding:0;	margin:0 1px; 
}

#nav li ul li a:hover {background-color:#ffb062;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;		
}

#content {
	clear: left;
	color: #fff;
}



/* -------------------------*/
/*	PRODUCT LINE SECTION   */
	#product{margin:auto 150px auto 130px;}
	
	#product_image { float:left; margin:0px 0 0 17px;}

	#product h1 { padding-top:20px; font-weight:bold;}
	#product h2 { margin:5px 5px 5px 0; padding:0; color:gray;}
	
	#right_side { float:right; }
	#right_side ul { margin:25px 8px 5px 18px; padding:0;}
	#right_side ul li { height:.9em;}
	#right_side a{ font-size:11px; color:#999999;  padding-left: 10px; line-height:1em;
	   display:block; position:relative;top:0; 
	}
	#right_side #current { color:#ee792b;}
	#right_side img {margin:35px 8px 5px 28px; }
	#right_side a:hover { 	
		background-image:url(../products/images/shampoo_icon.gif);
		background-repeat: no-repeat;
		background-position: 0 1px;
	}

	#IE_right_side #right_side { float:right; }
	#IE_right_side #right_side ul { margin:25px 8px 5px 18px; padding:0;}
	#IE_right_side #right_side ul li { height:.9em; margin-top:-5px; }
	#IE_right_side #right_side a{ font-size:11px; color:#999999;  padding-left: 10px; line-height:1em;
	   display:block; position:relative;top:0; 
	}
	#IE_right_side #right_side #current { color:#ee792b;}
	#IE_right_side #right_side img {margin:35px 8px 5px 28px; }
	#IE_right_side #right_side a:hover { 	
		background-image: url(../products/images/shampoo_icon.jpg);
		background-repeat: no-repeat;
		background-position: 0 1px;
	}




/* -------------------------*/
/*	HAIR FACTS SECTION   */
#hair_facts h1{
	font-weight:bold;
	padding: 10px 0 10px 15px;
	color:#961436;}
	
#hair_facts p {
	font-size:.7em; 
	color:#666;	
	margin: 0 0 3px 15px; 
	text-align:justify;
}

#hair_facts h2 {
	font-size:1.0em;
	padding: 0px 0 10px 15px;
	color:#961436;
}

#hair_image { margin-top:17px;}


#hair_facts #logo { 
	margin: 0 10px 5px;   
}

#hair_facts #content { 
	display:block; 
	margin:0px;
}

#hair_facts #content ul  {
	font-size:.7em; 
	color:#666; 
	margin:0 0 0 40px; list-style:square;
	text-align:justify;
	}
	
	
/* -----------------------*/
/*	CLUB PAGE    */
#club #content {color:#666;}
#club #logo { margin: 0 320px 5px;  }
#club #pattern { margin:10px 0px 0px 16px;}
#club .contacts_text {text-align:right; margin-right:20px;}
#club #col_1 {font-size:11px; float:left; margin:10px 10px auto 125px; width:220px; }

#club label { line-height:1.5em;}
		
#club #col_1 textarea {margin-bottom:75px;}
#club_button {float:right; background-image:url(../images/club_button.jpg); 
        	background-repeat:no-repeat; display:block; height:57px; width:57px; 
            margin-right:50px; margin-top:115px; }
#club_button a { display:block; margin:22px 0 0 10px;}
#club_button:hover { background-image:url(../images/club_button1.jpg);}
	

#arrows { font-size:1.4em; color:#ee792b; font-weight:bold;}
.submit { margin-left:-4px;}
/* -------------------------*/
/*	HOTELIERS SECTION   */
p {
	font-size:.7em; 
	color:#666;	
	margin: 0 0 5px 0; 
}
#case_study_arrows a { font-size:1.0em; color:#666;}
#case_study_arrows a:hover { color:#FF9933;}    

#club_arrows {font-size:.7em; color:white;}

div#product_buttons {display:block; margin:36px 0 -10px 0;}
div#product_buttons img {margin:0 -3px; padding:0;}
#product_buttons img {cursor:pointer;}