/* CSS for exclusive Salon Products */

/*Colors:

#609 - Dk Purple
#666 - Gray
#c09 - Pink
#9c0 - Green
#fc0 - Yellow
*/

#wrapper {
	width: 800px;
}

/*Banner*/

#banner {
	width: 800px;
	height: 179px;	
}


/*Container - contains sidebar and page content*/

#container {
	background-color: #fff;
    width: 800px;
	margin: 20px;	
}



/*Top menu*/

#menu {
	width: 800px;
	background-color: #609;
	padding: 10px 0 0 6px;	
}

*html #menu {
	padding-left: 0;
}

#menu ul {
   margin: 0 auto;
   list-style-type: none;
   text-align: center;
   background-color: #609;
   margin-left: 12px;
}

#menu li {
   margin: 0;
   padding: 0;
   float: left;
   text-align: center; 
}



#menu a:link, #menu a:visited {
   display: block;
   background: transparent url(../images/tab.gif) no-repeat;
   width: 109px;
   height: 23px;
   padding-top: 10px;
   font: bold 90% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
   color: #fff;
   text-decoration: none;
 
}

#menu a:hover {
   color: #c09;
}



 
/*Content - includes sidebar*/

#content {
	float: left;
	width: 800px;
	background-color: #fff;	
   	border-top: 4px solid #c09;	
}

/*Subcontent*/

#subcontent {
	width: 599px;
	padding: 0 25px 25px 25px;
	border-right: 1px solid #666;
}

#subcontent img { /*page banners*/
	margin: 0 0 20px -25px;
}

*html #subcontent {
	margin-top: 0px;
	padding-right: 30px;
	width: 590px;
}


/*Sidebar*/

#sidebar {
	float: right;
    width: 150px;
}

#sidebar img {
	padding-bottom: 5px;
}

#sidebar #logo {
	padding: 20px 0 0 15px;
}

#sidebar ul.nopad {
	padding-bottom: 0;
}

#sidebar #logo p {
	font-size: 70%;
	color: #000;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

#sidebar li {
	list-style-type: none;
	font-size: 70%;
	text-transform: uppercase;
	padding: 0 0 5px 25px;
	line-height: 135%;
}

#sidebar a:link, #sidebar a:visited { 
	text-decoration: none; 
	font-weight: normal;
	color: #666;
} 

#sidebar a:hover { 
	color:#c09;
} 
	
	
/*Products Page*/

#product {
	margin-left: 22px;	
}


#product img {
	float: left;
	width: 175px;
	padding-right: 35px;
}

#product img.last {
	padding-right: 0;
}

#product a:hover img { /* Image opacity when rolled over */
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity:0.5;
}

#product img.last {
	padding-right: 0;
}

.clear {
	clear: both;
}


/*Bottom links, copyright*/

#footer {
	clear: both;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
	}
		
#footer ul { /*bottom links*/
	text-align: center;
	list-style-image: none;
	}
	
#footer li {
	display: inline;
	background: none;
	padding-left: 0;
	}
		
#footer a:link, #footer a:visited {
	font: 95% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	padding: 0 15px 0 10px;
	border-right: 1px solid #fc0;
	}
	
#footer a:hover {
	color: #fc0;
	text-decoration: none;
	}
	
#footer a.last {
	border: none;
	}
	
#footer p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 150%;
	}
	
/*About Us and Contact Pages*/
	
img.lglogo { /*logo on About and Contact pages*/
	padding: 15px 0 10px 25px;
}

img.bldg { /*Bldg image on About Us page*/
	float: left;
	width: 175px;
	padding:4px 20px 0 25px;
}

img.store { /*Store image on Home page*/
	float: left;
	width: 175px;
	padding: 25px 20px 0 25px;
}

/*images*/

img.right { /*content images justified right*/
	float: right;
	padding: 0px 0px 0px 100px;
}

img.left { /*content images justified left*/
	float: left;
	padding: 0px 25px 0px 25px;
}
	

/*You Are Here settings for top and side menus*/

body#home #esp_home a { color: #c09; }
body#products #esp_prod a { color: #c09; }
body#training #esp_train a { color: #c09; }
body#club #esp_club a { color: #c09; }
body#salons #esp_salon a { color: #c09; }
body#about #esp_about a { color: #c09; }
body#contact #esp_cont a { color: #c09; }

/*Sidebar Links*/

body#affinage #sb_affin a { color: #c09; }
body#blend #sb_blend a { color: #c09; }
body#grund #sb_grund a { color: #c09; }
body#icon #sb_icon a { color: #c09; }
body#jbeverlyhills #sb_jbevhills a { color: #c09; }
body#keratin #sb_keratin a { color: #c09; }
body#keune #sb_keune a { color: #c09; }
body#keuneman #sb_keuneman a { color: #c09; }
body#nufree #sb_nufree a { color: #c09; }
body#retrohair #sb_retro a { color: #c09; }
body#simplyorganic #sb_simplyorganic a { color: #c09; }
body#sopure #sb_sopure a { color: #c09; }
body#ten #sb_ten a { color: #c09; }
body#zerran #sb_zerran a { color: #c09; }
body#eufora #sb_eufora a { color: #c09; }
body#tashaco #sb_tasha a { color: #c09; }
body#accessories #sb_access a { color: #c09; }

/*Misc*/

.pad { /*for bottom of Salons page*/
	padding-bottom: 180px;
}