@charset "utf-8";
/* CSS Document */

body{
margin:0 auto;
font-family:Helvetica, Verdana, arial;
font-size:12px;
line-height:18px;
}
h1{
padding-top:10px;
font-size:22px;
line-height:30px;
}
h2{
font-size:18px;
line-height:24px;
}
p{
padding-top:10px;
font-size:12px;
line-height:18px;
}
.pageTop{
	background:url(../images/top.png) no-repeat;
	margin:0 auto;
	width:1020px;
	height:40px;
}
.pageMiddle{
	background:url(../images/middle.png) repeat-y;
	margin:0 auto;
	width:1020px;
	height:auto;
	clear:both;
}
.pageBottom{
	background:url(../images/bottom.png) no-repeat;
	margin:0 auto;
	width:1020px;
	height:40px;
}
.logo{
	background:url(../images/logo.jpg) no-repeat;
	position: relative;
	top:-10px;
	left:50px;
	width:228px;
	height:88px;
	cursor:pointer;
}
.topInfo{
	position:relative;
	top:10px;
	left:690px;
	float:right;
}


#headerNav ul{
position:relative;
top:-40px;
left:420px;
float:left;
list-style-type:none;
margin:0px;
padding-top:0px;
width:570px;
font-size:14px;
color:#000;
}
#headerNav ul li {
float:left;
margin-right:10px;
} 
#headerNav ul li a {
float:left;
color:black;
padding-left:10px;
padding-right:10px;
text-decoration:none;
line-height:40px;
width:auto;
height:40px;
} 
#headerNav ul li a:hover{
color:#666;
}



#collectionNav ul{
position:relative;
top:40px;
left:200px;
float:left;
list-style-type:none;
margin:0px;
padding-top:0px;
width:750px;
font-size:14px;
color:#000;
}
#collectionNav ul li {
float:left;
margin-right:10px;
} 
#collectionNav ul li a {
float:left;
color:black;

text-decoration:none;

} 
#collectionNav ul li a:hover{
color:#666;
}



		#collectionNav2 ul{
		position:relative;
		top:-10px;
		left:0px;
		float:left;
		list-style-type:none;
		margin:0px;
		padding-top:0px;
		width:920px;
		font-size:14px;
		color:#000;
		}
		#collectionNav2 ul li {
		float:left;
		margin-right:10px;
		} 
		#collectionNav2 ul li a {
		float:left;
		color:black;
		text-decoration:none;
		} 
		#collectionNav2 ul li a:hover{
		color:#666;
		}
		
		
.eComm_nav_container{
	width:960px;
	margin:0 auto;
	padding-top:10px;
	padding-left:7px;
	height:94px;
}
.eComm_nav1{
	background:url(../images/aroma_button.jpg) bottom no-repeat;
	width:317px;
	height:94px;
	float:left;
	display:block;
	cursor:pointer;
}
.eComm_nav1:hover{ background:url(../images/aroma_button.jpg) top no-repeat; }

.eComm_nav2{
	background:url(../images/spa_button.jpg) bottom no-repeat;
	width:317px;
	height:94px;
	float:left;
	display:block;
	cursor:pointer;
}
.eComm_nav2:hover{ background:url(../images/spa_button.jpg) top no-repeat; }

.eComm_nav3{
	background:url(../images/herbal_button.jpg) bottom no-repeat;
	width:317px;
	height:94px;
	float:left;
	display:block;
	cursor:pointer;
}
.eComm_nav3:hover{ background:url(../images/herbal_button.jpg) top no-repeat; }

.paraben{
	background:url(../images/no_parabens.jpg) no-repeat;
	width:920px;
	height:40px;
	margin:0 auto;
	margin-top:20px;
}
.legal{
	color:#CCC;
	line-height:14px;
	font-size:11px;
	width:920px;
	margin:0 auto;
	text-align:center;
	
}

.squareBlue{
	background:#004680;
	width:10px;
	height:10px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	}
.squareRed{
	background:#600000;
	width:10px;
	height:10px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	}
	
.squareGreen{
	background:#136842;
	width:10px;
	height:10px;
	float:left;
	margin-top:3px;
	margin-right:3px;
	}
	
.testimonials{
	background:url(../images/gray_bar.jpg) no-repeat;
	width:300px;
	height:30px;
	padding-left:10px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
	}
	.tellStory{
	background:url(../images/tell_your_story.jpg) no-repeat;
	width:300px;
	height:30px;
	}
	h2{
	font-weight:bold;
	line-height:20px;
	}