@charset "utf-8";
/* CSS Document prepared by Kelvin © 2009 under CPR Vision Management Pte Ltd */

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
}
* {
	margin: 0;
	padding: 0;
}
/* --- WRAPPER --- */
#container {
	min-height:100%;
	width:1024px;
	margin:0 auto;
}
/* --- HEADER --- */
#header {
	background:url(../images/header_background.jpg) no-repeat;
	width:1024px;
	height:150px;
	z-index:10;
} 
/* --- SITEMAP --- */
#sitemap {
	position:relative;
	top:10px;
	text-align:right;
	right:10px;
	font-size:11px;
	color:#767676;
}
	#sitemap a {
		text-decoration:none;
		color:#767676;
	}
	#sitemap a:hover {
		text-decoration:underline;
		color:#222222;
	}
/* --- CONTENT --- */
#content {
	top:150px;
	width:1024px;
	text-align:center;
}
/*-- FOOTER ---*/
#footer {
	width:1024px;
	position:relative;
	bottom:0px;
	height:40px;
	width:1024px;
	margin:0 auto;	
}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:middle;
	text-align:right;
	color:#818181;
	right:10px;
	position:relative;
}
/*--- NAVIGATION ---*/
.nav {
	width:1024px;
	height:24px;
	position:relative;
	top:79px;
	left:15px;
	z-index:300;
}
.nav ul, .nav li {
	display:inline;
	list-style-type:none;
	position:relative;
	float:left;
	padding:0px;
	z-index:300;
	font-size:11px;
}

#highlights a {
	background:url(../images/highlights.png) 0px 0px no-repeat;
	color:#000;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#promotions a {
	background:url(../images/promotions.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-8px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#lifestyle a {
	background:url(../images/lifestyle.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-8px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#whatsnew a {
	background:url(../images/whatsnew.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-8px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#intouchclub a {
	background:url(../images/intouchclub.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-9px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#stayconnected a {
	background:url(../images/stayconnected.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-12px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#locations a {
	background:url(../images/locations.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-12px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#contactus a {
	background:url(../images/contactus.png) 0px 0px no-repeat;
	color:#000;
	margin-left:-12px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#forher a {
	background:url(../images/forher.jpg) 0px 0px no-repeat;
	color:#000;
	margin-left:6px;
	line-height:24px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}
#forhim a {
	background:url(../images/forhim.jpg) 0px 0px no-repeat;
	color:#000;
	line-height:24px;
	margin-left:-7px;
	float:left;
	height:24px;
	text-decoration:none;
	font-weight:bold;
}


#highlights_ro a {background:url(../images/highlights.png) 0px -24px no-repeat;line-height:24px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#promotions_ro a {background:url(../images/promotions.png) 0px -24px no-repeat;line-height:24px;margin-left:-8px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#lifestyle_ro a {background:url(../images/lifestyle.png) 0px -24px no-repeat;line-height:24px;margin-left:-8px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#whatsnew_ro a {background:url(../images/whatsnew.png) 0px -24px no-repeat;line-height:24px;margin-left:-8px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#intouchclub_ro a {background:url(../images/intouchclub.png) 0px -24px no-repeat;line-height:24px;margin-left:-9px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#stayconnected_ro a {background:url(../images/stayconnected.png) 0px -24px no-repeat;line-height:24px;margin-left:-12px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#locations_ro a {background:url(../images/locations.png) 0px -24px no-repeat;line-height:24px;margin-left:-12px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}
#contactus_ro a {background:url(../images/contactus.png) 0px -24px no-repeat;line-height:24px;margin-left:-12px;float:left;height:24px;text-decoration:none;font-weight:bold;color:#000;}


#highlights a:hover {
	background:url(../images/highlights.png) 0px -24px no-repeat;
}
#promotions a:hover {
	background:url(../images/promotions.png) 0px -24px no-repeat;
}
#lifestyle a:hover {
	background:url(../images/lifestyle.png) 0px -24px no-repeat;
}
#whatsnew a:hover {
	background:url(../images/whatsnew.png) 0px -24px no-repeat;
}
#intouchclub a:hover {
	background:url(../images/intouchclub.png) 0px -24px no-repeat;
}
#stayconnected a:hover {
	background:url(../images/stayconnected.png) 0px -24px no-repeat;
}
#locations a:hover {
	background:url(../images/locations.png) 0px -24px no-repeat;
}
#contactus a:hover {
	background:url(../images/contactus.png) 0px -24px no-repeat;
}
#forher a:hover {
	background:url(../images/forher.jpg) 0px -23px no-repeat;
}
#forhim a:hover {
	background:url(../images/forhim.jpg) 0px -23px no-repeat;
}

#wrapper {
	z-index:1;
}
/* CSS Document prepared by Kelvin © 2009 under CPR Vision Management Pte Ltd */


#nav li ul {
	display: none;
}
#nav li:hover ul {
	display:block;
	position:absolute;
	top:24px;
	left:0px;
	background:#0099FF;
	line-height:24px;
	z-index:300;
	width:180px;
	
}

#nav ul li {
	width:180px;
}
#nav ul li a {
	color:#666666;
	float:left;
	background:none;
	height:auto; 
	line-height:22px; 
	padding:2px 2px;	
	width:180px;
	text-align:left;
	position:relative;
	left:12px;
	z-index:300;
	border-bottom: solid 1px #dadada;
}
#nav ul li a:hover {
	background:none;
	color:#333333;
	z-index:300;
}