/* CSS Document */
#page_title{
	position: absolute;
	left: 29px;
	top: 11px;
	z-index: 50;
}
#page_info{
	position: absolute;
	left: 29px;
	top: 70px;
	z-index: 302;
}
#page_info p{
	color: #ffffff;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
	width: 230px;
}
#page_info ul{
	list-style: none;
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 16px;
	margin-left: 1px;
}
#page_info li{
	display: block;
	background-image:url(../_images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	line-height: 15px;
	padding-left: 10px;
	margin-bottom: 3px;
	color: white;
}
#page_info ul a{
	text-decoration: none;
	color: #ffffff;
}
#page_info ul a:hover{
	text-decoration: underline;
}

#orange{
	position: absolute;
	top: 0px;
	z-index: 50;
}
#orange #orange_bg{
	width: 286px;
}

/* INDIVIDUAL PAGES */

.cleansers #orange{
	left: 20px;
}
.cleansers #orange #orange_bg{
	height: 328px;
}

.toners #orange{
	left: 20px;
}
.toners #orange #orange_bg{
	height: 376px;
}

.moisturizers #orange{
	left: 20px;
}
.moisturizers #orange #orange_bg{
	height: 460px;
}

.exfoliants #orange{
	left: 385px;
}
.exfoliants #orange #orange_bg{
	height: 325px;
}

.eyecare #orange{
	left: 20px;
}
.eyecare #orange #orange_bg{
	height: 341px;
}

.masques #orange{
	left: 385px;
}
.masques #orange #orange_bg{
	height: 342px;
}

.serums #orange{
	left: 385px;
}
.serums #orange #orange_bg{
	height: 345px;
}

.travelkits #orange{
	left: 385px;
}
.travelkits #orange #orange_bg{
	height:452px;
}

ul.columns{
	width:229px;
	overflow:auto;
}
ul.columns li{
	float:left;
	display:block;
	width:98px;
}