/************************************************
*	TopNavbar      					*
************************************************/

#navbar {
	background: #ffffff;
	width: 800px;
	height:25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

#navbarleft {
	width: 801px;
	float: left;
	margin: 0px;
	padding: 0px;
}
	
#nav {
	margin: 0px;
	padding: 0px;
}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #333333;
	display: block;
	font-size: 11px;
	text-transform: none;
	text-decoration:none;
	font-weight:700;
	margin: 0px;
	padding:0px 10px;
	line-height:25px;
}

#nav li a:hover, #nav li a:active {
	background: #ffffff;
	color: #333333;
	margin: 0px;
	text-decoration: none;
}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: none;
	width: 200px;
	color: #333333;
	float: none;
	margin: 0px;
	padding: 0px 10px;
	font-weight:normal;
}
	
#nav li li a:hover, #nav li li a:active {
	background: #EDEEF0;
	color: #333333;
	font-weight:700;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	width: 220px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#nav li li { 
	border-bottom:1px dashed #cccccc;
	padding:0px;
}

#nav li li.bottom { 
	border:none;
}

#nav li li.subHead {
	background: #EDEEF0;
	color: #333333;
	font-weight:700!important;
	width:200px;
	line-height:25px;
	padding:0px 10px;
}

#nav li ul a { 
	width: 140px;
}

#nav li ul a:hover, #nav li ul a:active { 
}

#nav li ul ul {
	margin: -32px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
text-align:left;
}

#nav li:hover, #nav li.sfhover { 
	position: static;
}
#nav li.oily span {
	color: #45C8C5;
	font-weight:700;
}
#nav li.dry span {
	color: #3094C5;
	font-weight:700;
}
#nav li.sensitive span {
	color: #81B57A;
	font-weight:700;
}
#nav li.combination span {
	color: #2993CD;
	font-weight:700;
}
#nav li.acne span {
	color: #6F8789;
	font-weight:700;
}
#nav li.mature span {
	color: #848B9B;
	font-weight:700;
}
#nav li.renewal span {
	color: #4059B6;
	font-weight:700;
}
#nav li.antiaging span {
	color: #2C483C;
	font-weight:700;
}
#nav li.bodycare1 span {
	color: #38C2A9;
	font-weight:700;
}
#nav li.bodycare2 span {
	color: #38C2A9;
	font-weight:700;
}
#nav li.soleili span {
	color: #C26528;
	font-weight:700;
}
#nav li.makeup span {
	color: #28586F;
	font-weight:700;
}
#nav li.home {
	padding:0px;
}
#nav li.home a {
	float:left;
	width:25px;
	height:25px;
	font-size:0px;
	background:url(http://www.repechage.com/img/nav/home_icon.gif) no-repeat center center;
	padding:0px;
}

#navbar .navSearchBox {
	float:right;
	width:200px;
	height:25px;
}
#navbar .navSearchBox form {
	float:left;
}
#navbar .navSearchBox form input {
	float:left;
	margin:2px 0px 0px 0px;
}
#navbar .navSearchBox form input.searchInput {
	float:left;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
}