/*** Utility Nav ***/

#home_link {
	display: block;
	background: url("../images/bg/util_nav_items.gif") 0 1px no-repeat;
	text-indent: -999em;
	width: 28px; height: 12px;
	position: absolute;
	top: 35px; left: 148px;
}

#util_nav {
	list-style-type: none;
	margin: 0; padding: 0;
	position: absolute;
	top: 32px; right: 10px;
	}
	#util_nav li {
		display: block;
		border-left: 1px solid #898686;
		float: left;
		padding: 3px 15px 2px 15px;
		background: 0;
	}
	#util_nav li.home { border: 0; }
	#util_nav a {
		display: block;
		float: left;
		height: 12px;
		background: url("../images/bg/util_nav_items.gif") 0 1px no-repeat;
		text-indent: -999em;
	}

	#util_nav li.home a { background-position: 0 1px; width: 28px; }
	#util_nav li.shoppingbag a { background-position: -38px 1px; width: 71px; }
	#util_nav li.register a { background-position: -125px 1px; width: 47px; }
	#util_nav li.login a { background-position: -183px 1px; width: 28px; }
	#util_nav li.myaccount a { background: url("../images/bg/util_nav_myaccount.gif") 0 0 no-repeat; width:61px; }
	#util_nav li.logout a { background: url("../images/bg/util_nav_logout.gif") 0 0 no-repeat; width:37px;}


/*** Global Nav ***/

#global_nav, #global_nav_bg {
	width: 814px; height: 39px;
	position: absolute;
	top: 60px; right: 0px;
}
#global_nav {
	list-style-type: none;
	margin: 0; padding: 0;
	}
	#global_nav li {
		display: inline;
		float: left;
		margin-right: 36px;
		background: 0; padding: 0;
		}
		#global_nav li.aboutus { margin-left: 49px; }
		#global_nav li.blog { margin-right: 0px; }
		/* Old
		#global_nav li.aboutus { margin-left: 21px; }
		#global_nav li.participate { margin-right: 39px; }
		#global_nav li.communicate { margin-right: 41px; }
		#global_nav li.blog { margin-right: 0px; } */
		
		#global_nav a {
			color: #fff;
			display: block;
			float: left;
			height: 39px;
			background-image: url("../images/bg/global_nav_items.gif");
			background-repeat: no-repeat;
			text-indent: -999em;
			overflow:hidden;
			}
			/* Image replacement */
			#global_nav li.aboutus a { background-position: 0 13px; width: 69px; }
			#global_nav li.philosophy a { background-position: -100px 13px; width: 89px; }
			#global_nav li.resources a { background-position: -215px 13px; width: 84px; }
			#global_nav li.press a { background-position: -325px 13px; width: 45px; }
			#global_nav li.participate a { background-position: -405px 13px; width: 88px; }
			#global_nav li.facebook a { background-position: -642px 13px; width: 74px; }
			#global_nav li.blog a { background-position: -744px 13px; width: 37px; }
			
			/* Old
			#global_nav li.aboutus a { background-position: 0 12px; width: 59px; }
			#global_nav li.philosophy a { background-position: -103px 12px; width: 71px; }
			#global_nav li.resources a { background-position: -217px 12px; width: 68px; }
			#global_nav li.press a { background-position: -327px 12px; width: 37px; }
			#global_nav li.participate a { background-position: -407px 12px; width: 71px; }
			#global_nav li.communicate a { background-position: -518px 12px; width: 84px; }
			#global_nav li.facebook a { background-position: -644px 12px; width: 60px; }
			#global_nav li.blog a { background-position: -747px 12px; width: 29px; } */
			
			/* Hover and active states */
			#global_nav a:hover, /* Hover */
			#global_nav a.active, /* If given a class of active */
			.s-aboutus #global_nav li.aboutus a, /* Following are page dependants */
			.s-philosophy #global_nav li.philosophy a,
			.s-resources #global_nav li.resources a,
			.s-press #global_nav li.press a,
			.s-participate #global_nav li.participate a,
			.s-communicate #global_nav li.communicate a,
			.s-facebook #global_nav li.facebook a,
			.s-blog #global_nav li.blog a
			{ height: 36px; border-bottom: 3px solid #F00B54; }
#global_nav_bg {
	background: url("../images/bg/global_nav.png");
}

/*** Sub (Pink) Nav ***/

#sub_nav, #sub_nav_bg {
	width: 814px; height: 39px;
	position: absolute;
	top: 108px; right: 0px;
}
#sub_nav {
	list-style-type: none;
	margin: 0; padding: 0;
	}
	#sub_nav li {
		display: inline;
		float: left;
		margin-right: 29px;
		background: 0; padding: 0;
		}
		#sub_nav li.storelocator { margin-left: 108px; }
		#sub_nav li.loyaltyprogramme { margin-right: 30px; }
		#sub_nav li.skincaresamples { margin-right: 31px; }
		#sub_nav li.communicate { margin-right: 0px; }
		
		#sub_nav a {
			color: #fff;
			display: block;
			float: left;
			height: 39px;
			background-image: url("../images/bg/sub_nav_items.gif");
			background-repeat: no-repeat;
			text-indent: -999em;
			overflow:hidden;
			}
			/* Image replacement */
			#sub_nav li.storelocator a { background-position: 0 14px; width: 112px; }
			#sub_nav li.loyaltyprogramme a { background-position: -141px 14px; width: 153px; }
			#sub_nav li.skincaresamples a { background-position: -324px 14px; width: 140px; }
			#sub_nav li.communicate a { background-position: -493px 14px; width: 86px; }
			
			/* Hover and active states */
			#sub_nav a:hover, /* Hover */
			#sub_nav a.active, /* If given a class of active */
			.s-storelocator #sub_nav li.storelocator a, /* Following are page dependants */
			.s-loyaltyprogramme #sub_nav li.loyaltyprogramme a,
			.s-skincaresamples #sub_nav li.skincaresamples a,
			.s-communicate #sub_nav li.communicate a
			{ height: 36px; border-bottom: 3px solid #fff; }
#sub_nav_bg {
	background: url("../images/bg/global_nav_pink.png");
}


/*** Support (Side) Nav ***/

#support_nav ul {
	list-style-type: none;
	padding: 0;
	}
	#support_nav li { 
		border-bottom: 1px solid #DAD6D6;
		background: 0; padding: 0; margin: 0; line-height: 1; 
	}
	#support_nav a {
		background: url("../images/bg/support_nav_items.gif") no-repeat;
		display: block;
		padding: 10px 0;
		text-indent: -999em;
		overflow:hidden;
		}
		/* Face */
		#support_nav li.category3 a { background-position: 15px 13px; }
			#support_nav li.category3 a:hover { background-position: -229px 13px; }
		/* Body */
		#support_nav li.category5 a { background-position: 15px -23px; }
			#support_nav li.category5 a:hover { background-position: -229px -23px; }
		/* Sun */
		#support_nav li.category6 a { background-position: 15px -58px; }
			#support_nav li.category6 a:hover { background-position: -229px -58px; }
		/* Bath */
		#support_nav li.category7 a { background-position: 15px -93px; }
			#support_nav li.category7 a:hover { background-position: -229px -93px; }
		/* Fragrances */
		#support_nav li.category8 a { background-position: 15px -128px; }
			#support_nav li.category8 a:hover { background-position: -229px -128px; }
		/* Limited */
		#support_nav li.category9 a { background-position: 15px -163px; }
			#support_nav li.category9 a:hover { background-position: -229px -163px; }
		

/*** Footer ***/

#foot_lists { padding: 0 10px 10px 10px; overflow: hidden; height: 1%; }

.foot_block {
	overflow: hidden;
	width: 440px;
	}
	#foot_1 { 
		float: left;
	}
	#foot_2 {
		float: right;
	}

#footer p { font-size: 1.1em; padding-top: 3px; margin-bottom: 10px;  }

#footer h2 { margin-bottom: 0; }

#footer ul {
	font-size: 1.1em;
	width: 200px;
	padding: 0;
}
#footer li {
	background-position: 5px 1em;
	border-bottom: 1px solid #DAD6D6;
	padding: 5px 5px 2px 15px;
	margin-bottom: 0;
	line-height: 1.65em;
	}
	#footer li.pink { background-image: url("../images/bg/bullet_pink_sml.gif"); }
	#footer li.orange { background-image: url("../images/bg/bullet_orange_sml.gif"); }
	#footer li.yellow { background-image: url("../images/bg/bullet_yellow_sml.gif"); }

#footer ul.list-left {
	float: left;
}

#footer ul.list-right {
	float: right;
}

#foot_util { 
	border-top: 1px solid #D6D3D2;
	clear: both;
	padding: 15px 20px 20px 20px;
	height: 1%;
}

#foot_util ul {
	width: 50%;
	float: left;
	overflow: hidden;
	margin-bottom: 0;
	}
	#foot_util li {
		display: block;
		float: left;
		margin: 0 10px 0 0; padding: 0 10px 0 0;
		background: none;
		border: 0;
		border-right: 1px solid #DAD6D6;
		line-height: 1.8em;
		}
		#foot_util li.last { border: 0; }	

#foot_util p {
	float: right;
}

#foot_util a#tbone { clear:both; float: right; display: inline; zoom:1; }