/***** GENERAL STYLES */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, sup, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/* background: transparent; removed as per BV request */
}

body {
	background-color: #ffffff;
	text-align: center;
	font-size: 100%;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	color: #666f77;
}

a { color: #6f79b7; text-decoration: none; }

ol, ul { list-style:none; }
img { border: none; }

:focus { outline:1; }

/* Image replacement using the Dwyer Method for the Fekkai logo */
a.logo { 
	z-index: 5; 
	width: 57px;
	height: 230px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/fekkai_logo.gif) no-repeat left top;
}

a.logo h1 {
	width: 0;
	height: 0;
	overflow: hidden;
}

#content-anchor { position: absolute }	/* Makes anchor tag invisible and sets the hasLayout property to true in IE */

/***** scrollbar */
.scroll-track{
 height:10px;
 width:8px;
 background-color:#e6e7e9;
}

.scroll-handle{
 border: 1px solid #ffffff;
 height:10px;
 width:6px;
 background:#6F79B7;
 cursor:pointer;
}

/***** content_wrapper */
#content_wrapper {
	margin: 0 auto;
	width:936px;
	position: relative;
	border: 1px solid transparent;		/* Normalize layout across all browsers -Firefox 2, 3 and IE7 (unfortunately IE6 will show the border) */
}

/***** main_navigation */
#main_navigation img {
	position: absolute;
	top:5px;
	left:11px;
}
#main_menu #skpnav {
	position: absolute; 
	width: 150px;
	height: 10px;
	padding: 3px 0;
	left: -500em;
	text-align: center;
}
#main_menu {
	margin-top:10px;	
	margin-left:81px;
	height:20px;	
	width:846px;
	background: url('../images/navigation_back.png') no-repeat left bottom;
	text-align: left;
	position: relative;
	z-index: 20;
}
#main_navigation a {
	text-decoration: none;
	color: #666f77;
}

#main_navigation p {
	margin-top: 8px;
	margin-right: 70px;
	font: 0.7em arial,helvetica,verdana,sans-serif;
	text-transform: uppercase;
	text-align: right;
}
#main_navigation p a { padding: 0 4px; }

#products_link, #buy_link, #salons_link, #press_link, #about_link, #search_link {
	position: absolute;
	display: block;
	top: -10px;
	height: 19px;	
	padding-top: 10px; 
}

#main_menu li a {
	display: block;
	font: 0.7em arial,helvetica,verdana,sans-serif;
	color: #666f77;
	text-transform: uppercase;
	text-align: center;	
}
#main_menu li * a {
	font-size: 0.6em;
	padding-top: 4px;
	height: auto;
	line-height: 1.4em;
}

/** products_link */
#main_menu #products_link {
	left: 32px;	
	width: 125px;
}
#main_menu #products_link #productsBg, #main_menu #products_link #divProducts  {
	position: absolute;
	left: -1px;
	top: 28px;
	width: 360px;
	height: 380px;
}
#main_menu #products_link #productsBg { background: url('../images/ulproducts_bg.png') no-repeat left top; }

#main_menu #divProducts #ul_prod {
	position: absolute;
	top: 10px;
	width: 118px;
}
#main_menu #divProducts #ul_prod li a { text-align: right; }

#main_menu #divProducts #ul_type {
	position: absolute;
	top: 10px;
	left: 150px;
	width: 200px;
}

#main_menu #divProducts #ul_type li a { text-align: left; }

#main_menu #divProducts #ul_away {
	position: absolute;
	top: 175px;
	width: 118px;
}
#main_menu #divProducts #ul_away li a { text-align: right; }

#main_menu #divProducts #ul_buy {
	position: absolute;
	top: 355px;
	width: 280px;
}
#main_menu #divProducts #ul_buy li a { text-align: center; }

/** buy_link */
#main_menu #buy_link {
	left: 159px;
	width: 118px;
}

/** salons_link */
#main_menu #salons_link {
	left: 297px;
	width: 142px;
}
#main_menu #salons_link #salonsBg, #main_menu #salons_link #divSalons {
	position: absolute;
	left: -1px;
	top: 28px;
	width: 263px;
	height: 212px;
}
#main_menu #salons_link #salonsBg { background: url('../images/ulsalons_bg.png') no-repeat left top; }

#main_menu #divSalons #ul_salons {
	position: absolute;
	top: 10px;
	width: 125px;
}
#main_menu #divSalons #ul_salons li a { text-align: right; }

#main_menu #divSalons #div_opening {
	position: absolute;
	top: 10px;
	left: 148px;
	width: 118px;
}
#main_menu #divSalons #div_opening li a { text-align: left; }
#main_menu #divSalons #div_opening span, #main_menu #divSalons #div_affiliated span { 
	text-transform: uppercase; 
	font-size: 0.7em;
	color: #666f77;
}

#main_menu #divSalons #div_affiliated {
	position: absolute;
	top: 108px;
	left: 148px;
	width: 118px;
}
#main_menu #divSalons #div_affiliated li a { text-align: left; }

/** press_link */
#main_menu #press_link {
	left: 456px;
	width: 90px;
}

/** about_link */
#main_menu #about_link {
	left: 558px;
	width: 127px;
}
#main_menu #about_link #aboutBg, #main_menu #about_link #divAbout {
	position: absolute;
	left: -1px;
	top: 28px;
	width: 212px;	/* 129px, without 'sign up for newsletter' */
	height: 95px;	/* 79px, without 'sign up for newsletter' */
}
#main_menu #about_link #aboutBg { background: url('../images/ulabout_bg.png') no-repeat left top; }

#main_menu #divAbout #ul_about {
	position: absolute;
	top: 10px;
	left: 24px;
	width: 170px;	/* 100px, without 'sign up for newsletter' */
}
#main_menu #divAbout #ul_about li a { text-align: left; }

/** search_link */
#home #main_menu #search_link , #main_menu #search_link {
	left: 686px;	/* 708 */
	width: 138px; /* 90 */
	background: url('../images/search_icon.gif') no-repeat 32px 2px;
}

#home #main_menu #search_link {
	background: url('../images/search_icon_home.gif') no-repeat 32px 2px;
}

#main_menu #search_link a { 
	text-align: left; 
	padding-left: 50px;
} 

#main_menu #search_link fieldset {
	position: absolute;
	top: 29px;
	left: -130px;
	height: 50px;
	width: 268px;
	background-color: #f0f0f0;	
}
#main_menu #search_link fieldset input {
	float: left;
	height: 18px;
	padding: 2px 2px 0 2px;
	margin: 15px 4px 0 6px;
	width: 180px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}
#main_menu #search_link fieldset #search_bt {
	float: none;
	margin-left: 0;
	width: 65px;
	height: 22px;
	padding-bottom: 4px;
	color: #f0f0f0;
	text-transform: uppercase;
	font-size: 0.7em;
	background-color: #6f79b7;
}

/** menu navigation will work with the mouse, even if javascript is disabled */

div#main_navigation ul div {display: none; }
div#main_navigation ul li:hover div, div#main_navigation ul li:hover form { display: block; }

#main_menu li#products_link:hover, #main_menu li#salons_link:hover, #main_menu li#about_link:hover {
	border-top: 1px solid #c4c9d2;
	border-left: 1px solid #c4c9d2;
	border-right: 1px solid #c4c9d2;
}
#main_menu li#search_link:hover,#home #main_menu li#search_link:hover  { background: #f0f0f0 url('../images/search_icon.gif') no-repeat 32px -39px; cursor: pointer; }
#main_menu li#search_link #search_bt:hover { cursor: pointer; color: #ffffff; }

/** -styles used in javascript- */
#main_navigation ul li div.divOn { display: block; }
#main_navigation ul li div.divOff { display: none; }
#main_navigation ul li a.menuOn { color: #555555; }
#main_navigation ul li a.menuOff { color: #666f77; }
/* #main_navigation ul li#search_link a.menuOn { background: url('../images/search_icon.gif') no-repeat 32px -39px; } */ 

/***** footer-wrapper */
#footer_wrapper {
	clear: both;
	position: absolute;
	left:0;
	z-index:5;
	width:100%;
}

/***** scroll-pane-wrapper */
#footer_wrapper #scroll_pane_wrapper {
	background: url('/source/images/scroll_pane_back.png') repeat left top;
	width:inherit;
	height:134px;
	border-top: 1px solid #a7abb2;
}

/***** ad-wrapper */
#footer_wrapper #ad_wrapper {
	background: url('../images/ad_back.png') repeat left top;
	width:inherit;
	height: 202px;
}

/***** ad_bucket */
#ad_bucket {
	position: relative;	/* absolute */
	margin: 0 auto;
	width: 938px;
	height: 202px;
	overflow: hidden;
}
#ad_bucket a { 
	z-index: 10;
	text-align: right;
	text-decoration: none;
}
#ad_bucket div, #ad_bucket a {
	position: absolute;
	top: 10px;
	width: 295px;
	height: 105px;
}
#ad_bucket a span { 
	font-size: 0.7em;
	position: relative;
	top: 85px;
	right: 23px;
}

#ad_bucket .bucket1 { left: 0; }
#ad_bucket .bucket2 { left: 321px; }
#ad_bucket .bucket3 { left: 642px; }


/***** footer */
#footer {
	position: relative;
	width: 938px;
	height: 202px;
	overflow: hidden;
	font-size: 0.7em;
	z-index: 99;
    margin: 0 auto;
}

#footer p { 
	width: auto;
	float: left;
	color: #666f77;
	padding-bottom: 5px;
}
#footer p a { padding-left: 4px; padding-right: 4px; }

#footer a { color: #666f77; }

#footer ul li {
	display: inline;
}
#footer ul li a { 
	padding-top: 3px;
	display: inline-block;
	float: left;
}

#footer #site_ul { margin-left: 0; }
#footer #site_ul li a { margin-left: 60px; }
#footer #bbbseal { float: right; }
#footer #shopping_ul { margin-left: 120px;	/* was 160px without bbb seal */ }
#footer #shopping_ul li a { margin-left: 60px; }

#footer ul li a img { position: relative; top: 1px; margin-left:1px; }


/***** classes */
#main_navigation ul li a.selected { color: #555555; }

.clrboth { 
	clear: both;
	line-height: 0;
}
#footer .leftp { text-align: left; width: 85%; line-height: 1.6em; float: left;}
#footer .rightp { text-align: right;} 
.pre { white-space: pre; } 
.small { font-size: 0.8em; }
.medium { font-size: 1em; }
.big { font-size: 1.1em; }
a.curr-menu-item { color: #555555; }

br { line-height: 0; }

/** classes for the ad buckets */
.vis { display: block; }
.noVis { display: none; }

/***** LVHA & focus */
#main_navigation #skpnav:focus, #main_navigation #skpnav:active {
	position: absolute;
	top: 30px;
	left: 0; 
	background-color: #ffffff;
	color: #666f77;
	border: solid #787878 2px;
}
#main_navigation p a:hover { font-weight: bold; }
#main_navigation ul li a:hover, #main_navigation ul li a:focus, #main_navigation ul li a:active { color: #555555; }
#footer a:hover, #footer a:focus, #footer a:active { color: #555555; }

#divProducts p {
    margin: 0;
    text-align: left;
}

#divProducts #ul_prod p {
    text-align: right;
}