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

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#f3fbe1;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	 outline: none;
	color:#693;
}

a:hover{
	text-decoration:underline;
}

b{
 font-size:10px;	
}

img{
	border-style: none;
}


/*------- CUSTOM H2 HEADER ----------*/

h2{
	padding:0 0 0 0;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

h2#product{
	background:url(../images/products.jpg) no-repeat;
	width:92px;
	height:22px;
}

h2#about{
	background:url(../images/about.jpg) no-repeat;
	width:240px;
	height:22px;
}

h2#contact{
	background:url(../images/contact.jpg) no-repeat;
	width:114px;
	height:22px;
}

h2#findus{
	background:url(../images/findus.jpg) no-repeat;
	width:69px;
	height:22px;
}

h2#midnightGardenbm{
	width:261px;
	height:21px;
	background:url(../images/bs/mg_bm_h2.gif) no-repeat;
}

h2#midnightGardenbc{
	width:261px;
	height:21px;
	background:url(../images/bc/mg_bc_h2.gif) no-repeat;
}

h2#brownsugarboxset{
	width:261px;
	height:21px;
	background:url(../images/boxset/bvs_3p_h2.gif) no-repeat;
}

h2#cocolimeboxset{
	width:261px;
	height:21px;
	background:url(../images/boxset/cl_3p_h2.gif) no-repeat;
}

h2#sweetpetalsboxset{
	width:261px;
	height:21px;
	background:url(../images/boxset/sp_3p_h2.gif) no-repeat;
}

h2#mixedset{
	width:261px;
	height:21px;
	background:url(../images/boxset/ms_h2.gif) no-repeat;
}

h2#midnightGardenhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/mg_hbl_h2.gif) no-repeat;
}

h2#midnightGardensg{
	width:261px;
	height:31px;
	background:url(../images/sg/mg_sg_h2.gif) no-repeat;
}

h2#midnightGardenfs{
	width:261px;
	height:31px;
	background:url(../images/fs/mg_fs_h2.gif) no-repeat;
}

h2#appleorchardbm{
	width:261px;
	height:21px;
	background:url(../images/bs/ao_bm_h2.gif) no-repeat;
}

h2#appleorchardbc{
	width:261px;
	height:21px;
	background:url(../images/bc/ao_bc_h2.gif) no-repeat;
}

h2#appleorchardhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/ao_hbl_h2.gif) no-repeat;
}

h2#appleorchardhsg{
	width:261px;
	height:31px;
	background:url(../images/sg/ao_sg_h2.gif) no-repeat;
}

h2#appleorchardhfs{
	width:261px;
	height:31px;
	background:url(../images/fs/ao_fs_h2.gif) no-repeat;
}

h2#freshwatersbm{
	width:261px;
	height:21px;
	background:url(../images/bs/fw_bm_h2.gif) no-repeat;
}

h2#freshwatersbc{
	width:261px;
	height:21px;
	background:url(../images/bc/fw_bc_h2.gif) no-repeat;
}

h2#freshwatershbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/fw_hbl_h2.gif) no-repeat;
}

h2#freshwatershsg{
	width:261px;
	height:31px;
	background:url(../images/sg/fw_sg_h2.gif) no-repeat;
}

h2#berrypearbm{
	width:261px;
	height:21px;
	background:url(../images/bs/bp_bm_h2.gif) no-repeat;
}
h2#berrypearbc{
	width:261px;
	height:21px;
	background:url(../images/bc/bp_bc_h2.gif) no-repeat;
}

h2#berrypearhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/bp_hbl_h2.gif) no-repeat;
}

h2#berrypearhsg{
	width:261px;
	height:31px;
	background:url(../images/sg/bp_sg_h2.gif) no-repeat;
}

h2#brownsugarbm{
	width:261px;
	height:21px;
	background:url(../images/bs/bsv_bm_h2.gif) no-repeat;
}

h2#brownsugarbc{
	width:270px;
	height:21px;
	background:url(../images/bc/bsv_bc_h2.gif) no-repeat;
}

h2#brownsugarhbl{
	width:270px;
	height:31px;
	background:url(../images/hbl/bsv_hbl_h2.gif) no-repeat;
}

h2#brownsugarhsg{
	width:270px;
	height:31px;
	background:url(../images/sg/bsv_sg_h2.gif) no-repeat;
}

h2#brownsugarhfs{
	width:270px;
	height:31px;
	background:url(../images/fs/bs_fs_h2.gif) no-repeat;
}

h2#brownsugarss{
	width:279px;
	height:31px;
	background:url(../images/ss/bs_ss_h2.gif) no-repeat;
}

h2#cherryblossombm{
	width:261px;
	height:21px;
	background:url(../images/bs/cb_bm_h2.gif) no-repeat;
}

h2#cherryblossombc{
	width:261px;
	height:21px;
	background:url(../images/bc/cb_bc_h2.gif) no-repeat;
}

h2#cherryblossomhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/cb_hbl_h2.gif) no-repeat;
}

h2#cherryblossomhsg{
	width:261px;
	height:31px;
	background:url(../images/sg/cb_sg_h2.gif) no-repeat;
}

h2#coconutlimebm{
	width:261px;
	height:21px;
	background:url(../images/bs/cl_bm_h2.gif) no-repeat;
}

h2#coconutlimebc{
	width:261px;
	height:21px;
	background:url(../images/bc/cl_bc_h2.gif) no-repeat;
}

h2#coconutlimehbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/cl_hbl_h2.gif) no-repeat;
}

h2#coconutlimehsg{
	width:261px;
	height:31px;
	background:url(../images/sg/cl_sg_h2.gif) no-repeat;
}

h2#coconutlimehss{
	width:261px;
	height:31px;
	background:url(../images/ss/col_ss_h2.gif) no-repeat;
}

h2#cucumbermelonbm{
	width:261px;
	height:21px;
	background:url(../images/bs/cm_bm_h2.gif) no-repeat;
}

h2#cucumbermelonbc{
	width:261px;
	height:21px;
	background:url(../images/bc/cm_bc_h2.gif) no-repeat;
}
h2#cucumbermelonhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/cm_hbl_h2.gif) no-repeat;
}

h2#cucumbermelonhsg{
	width:261px;
	height:31px;
	background:url(../images/sg/cm_sg_h2.gif) no-repeat;
}

h2#cucumbermelonhfs{
	width:261px;
	height:31px;
	background:url(../images/fs/cm_fs_h2.gif) no-repeat;
}

h2#raspberriescreambm{
	width:261px;
	height:21px;
	background:url(../images/bs/rc_bm_h2.gif) no-repeat;
}

h2#raspberriescreambc{
	width:261px;
	height:21px;
	background:url(../images/bc/rc_bc_h2.gif) no-repeat;
}

h2#raspberriescreamhbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/rc_hbl_h2.gif) no-repeat;
}

h2#raspberriescreamhsg{
	width:261px;
	height:31px;
	background:url(../images/sg/rc_sg_h2.gif) no-repeat;
}

h2#sweetpetalsbm{
	width:261px;
	height:21px;
	background:url(../images/bs/sp_bm_h2.gif) no-repeat;
}

h2#sweetpetalsbc{
	width:261px;
	height:21px;
	background:url(../images/bc/sp_bc_h2.gif) no-repeat;
}

h2#sweetpetalshbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/sp_hbl_h2.gif) no-repeat;
}

h2#sweetpetalshsg{
	width:261px;
	height:31px;
	background:url(../images/sg/sp_sg_h2.gif) no-repeat;
}

h2#sweetpetalsss{
	width:261px;
	height:31px;
	background:url(../images/ss/sp_ss_h2.gif) no-repeat;
}

h2#cleanlemonss{
	width:261px;
	height:31px;
	background:url(../images/ss/cl_ss_h2.gif) no-repeat;
}

h2#vanillacupcakebm{
	width:261px;
	height:21px;
	background:url(../images/bs/vc_bm_h2.gif) no-repeat;
}

h2#vanillacupcakebc{
	width:261px;
	height:21px;
	background:url(../images/bc/vc_bc_h2.gif) no-repeat;
}

h2#vanillacupcakehbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/vc_hbl_h2.gif) no-repeat;
}

h2#vanillacupcakehsg{
	width:261px;
	height:31px;
	background:url(../images/sg/vc_sg_h2.gif) no-repeat;
}

h2#whitegardeniabm{
	width:261px;
	height:21px;
	background:url(../images/bs/wg_bm_h2.gif) no-repeat;
}


h2#whitegardeniabc{
	width:261px;
	height:21px;
	background:url(../images/bc/wg_bc_h2.gif) no-repeat;
}

h2#whitegardeniahbl{
	width:261px;
	height:31px;
	background:url(../images/hbl/wg_hbl_h2.gif) no-repeat;
}


h2#whitegardeniahsg{
	width:261px;
	height:31px;
	background:url(../images/sg/wg_sg_h2.gif) no-repeat;
}

h2#whitegardeniahss{
	width:261px;
	height:31px;
	background:url(../images/ss/wg_ss_h2.gif) no-repeat;
}

h2#whitegardeniahfs{
	width:261px;
	height:31px;
	background:url(../images/fs/wg_fs_h2.gif) no-repeat;
}

h2#skinSoftbw{
	width:261px;
	height:31px;
	background:url(../images/rc/skinsoft_h2.gif) no-repeat;
}

h2#hydrating{
	width:261px;
	height:31px;
	background:url(../images/rc/hydrating_h2.gif) no-repeat;
}

h2#nourishing{
	width:261px;
	height:31px;
	background:url(../images/rc/nourising_h2.gif) no-repeat;
}

h2#deepCleansing{
	width:261px;
	height:31px;
	background:url(../images/rc/deep_cleansing_h2.gif) no-repeat;
}

h2#refreshing{
	width:261px;
	height:31px;
	background:url(../images/rc/refreshing_h2.gif) no-repeat;
}

h2#ultraRich{
	width:261px;
	height:31px;
	background:url(../images/rc/ultra_rich_h2.gif) no-repeat;
}

h2#clsanitizer{
	width:261px;
	height:31px;
	background:url(../images/hs/cl_hs_h2.gif) no-repeat;
}

h2#wgsanitizer{
	width:261px;
	height:31px;
	background:url(../images/hs/wg_hs_h2.gif) no-repeat;
}

h2#wg_bb{
	width:261px;
	height:31px;
	background:url(../images/bb/wg_bb_h2.gif) no-repeat;
}

h2#cb_bb{
	width:261px;
	height:31px;
	background:url(../images/bb/cb_bb_h2.gif) no-repeat;
}

h2#cherryBlossomboxset{
	width:261px;
	height:31px;
	background:url(../images/boxset/cb_set_h2.gif) no-repeat;
}

h2#cucumberMelonboxset{
	width:261px;
	height:31px;
	background:url(../images/boxset/cm_set_h2.gif) no-repeat;
}

h2#cherryblossomss{
	width:261px;
	height:31px;
	background:url(../images/ss/cb_ss_h2.gif) no-repeat;
	
}

h2#whitegardeniaboxset{
	width:261px;
	height:31px;
	background:url(../images/boxset/wg_3p_h2.gif) no-repeat;	
}

h2#bodycreamSet{
	width:261px;
	height:31px;
	background:url(../images/boxset/bc_6set_h2.gif) no-repeat;	
}

h2#bodymistSet{
	width:261px;
	height:31px;
	background:url(../images/boxset/bm_6set_h2.gif) no-repeat;	
}



/*-----------/ CUSTOM H2 HEADERS-----------*/


#wrapper{
	margin:0 auto;
	width:800px;
}

#logo{
	width:268px;
	margin-left:5px;
	height:75px;
	background:#f3fbe1;
}

#topStrip{
	text-align:right;
	height:25px;
	font-size:11px;
	color:#666;
	}
	
	#followTxt{
		height:12px;
		margin-top:7px;
		float:right;
	}
	
	#follow{
		float:right;	
	}



/* navigation */

ul#nav{
	float:right;
	margin: 0 3px 0 0;
	padding: 0;
	border: none;
	margin-top:-50px;
	list-style: none;
	width:520px;
	height:50px;
	background:#b7d876;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html ul#nav {
  margin: 0 2px 0 -3px;
  width:517px;
  }
 
* html p {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

li#products{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	
li#products a{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4 url(../images/products_nav.gif) center no-repeat;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html li#products a, * html li#products {
   margin: 0 0 0 -1px;
  }
/* End hide from IE5/mac */
	
li#products ul{
	
 	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	text-align:center;
	background:#FFF;
	
}
	
li#products a:hover, #productpage ul#nav li#products a {
	background:#b7d876 url(../images/products_nav.gif) center no-repeat;
	}	

li#find{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	
li#find a{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4 url(../images/find_nav.gif) center no-repeat;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html li#find a, * html li#find {
  margin: 0 0 0 -1px;
  }
/* End hide from IE5/mac */
	
li#find a:hover, #finduspage ul#nav li#find a{
	background:#b7d876 url(../images/find_nav.gif) center no-repeat;
	}
	
li#about{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	
li#about a{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4 url(../images/about_nav.gif) center no-repeat;
	width:129px;
	height:34px;
	border-right: solid 1px #b7d876;
	border-bottom: solid 1px #fff;
	}
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html li#about a, * html li#about {
  margin: 0 0 0 -1px ;
  }
/* End hide from IE5/mac */

li#about a:hover, #aboutpage ul#nav li#about a{
	background:#b7d876  url(../images/about_nav.gif) center no-repeat;
	}
	
li#contact{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4;
	width:129px;
	height:34px;
	border-right: solid 1px #dfebc4;
	border-bottom: solid 1px #fff;
	}
	
li#contact a{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background:#dfebc4 url(../images/contact_nav.gif) center no-repeat;
	width:129px;
	height:34px;
	border-right: solid 1px #dfebc4;
	border-bottom: solid 1px #fff;
	}
	
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html li#contact a, * html li#contact {
 margin: 0 0px 0 -1px;
  }
/* End hide from IE5/mac */
li#contact a:hover, #contactpage ul#nav li#contact a{
	background:#b7d876 url(../images/contact_nav.gif) center no-repeat;
	}

#hero{
	margin:0px 0 0 5px;
	width:790px;
	height:523px;
	background:#fff url(../images/heroImage.jpg) center no-repeat;
}

#flashHeader{
	margin:0 0 0 5px;
	width:790px;
	height:244px;
	z-index:50
	
}

#hometitle{
	position:relative;
	margin:0 0 0 494px;
	top:33px;
	width:277px;
	height:108px;
}

#hometxtbg{
	width:277px;
	height:189px;
	margin:28px 0 0 494px;
	background:url(../images/hometxtbox.jpg) no-repeat;
}

#email{
	float:right;
	width:275px;
	height:78px;
	margin:10px 20px 0 0;
	background:url(../images/email.jpg) no-repeat;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #email {
 margin: 10px 10px 0 0px;
  }
/* End hide from IE5/mac */



#emailtxt{
	margin:7px;
	font-size:11px;
	color:#333;
	
}

#hometxt{
	position:absolute;
	width:267px;
	margin:10px 5px 0 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	
}

ul#bottomnav{
	
	margin: -50px 0 0 9px;
	padding: 0;
	border: none;
	list-style: none;
	width:790px;
	height:100px;
	
	}
	
ul#bottomnav li {
	display:block;
	float:left;
	width:189px;
	height:75px;
	margin-left:5px;
	
}

ul#searchOpt{
	position:absolute;
	margin:-37px 0 0 110px;
	padding: 0;
	border: none;
	list-style: none;
	width:579px;
	height:74px;
	z-index:100;
	
	}
	
ul#searchOpt li {
	display:block;
	float:left;
	width:183px;
	height:74px;
	margin-left:5px;
	
}

#content{
	width:800px;
	height:386px;
	background:#fff url(../images/shadows.jpg) top repeat-y;
}

#productcontent{
	width:800px;
	height:100%;
	background:#fff url(../images/shadows.jpg) top repeat-y;
}

#contentBG{
	width:790px;
	height:386px;
	margin-left:5px;
	background:#fff url(../images/womanDancing.jpg) bottom right no-repeat;
}

#subcontent{
	width:800px;
	height:381px;
	background:#fff url(../images/shadows.jpg) top repeat-y;
}

#aboutBG{
	width:790px;
	height:381px;
	margin-left:5px;
	background:#FFF url(../images/about_back.jpg) bottom right no-repeat;
}

#contactBG{
	width:790px;
	height:384px;
	margin-left:5px;
	background:#FFF url(../images/hand_wash.jpg) top right no-repeat;
}

#spotItem{
	position:relative;
	width:365px;
	top:90px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	line-height:22px;
	
}
#plwrap{
	float:left;
	width:200px;
	margin:70px 0 0 50px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #plwrap {
  margin: 70px 0 0 30px;
  }
/* End hide from IE5/mac */

#productlist{
	list-style:none;
	margin:0;
	padding:0;
}

ul#productlist li a{
	display:block;
	width:;
	height:16px;
	padding:8px 0 4px 5px;
	text-decoration:none;
	background:#fff url(../images/subnav_divider.gif) top no-repeat;
	color:#666;
	font-size:11px;
}

 #productlist li a:hover{
	color:#000;	
	}
	
	
	
 ul#productlist li.current a{
		background:#b7d876;	
		color:#fff;
	}
	
.productInfo{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	line-height:22px;
}

#bottle{
	float:left;
	
	margin:60px 0 0 40px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html #bottle {
  margin: 60px 0 0 30px;
  }
/* End hide from IE5/mac */



#msbottle{
	float:left;
	
	margin:60px 0 0 20px;
}


#productTalk{
	float:left;
	width:300px;
	margin:70px 0 0 40px;
}

#msproductTalk{
	float:left;
	width:300px;
	margin:70px 0 0 20px;
}

#empty{
	clear:both;
	width:800px;
	height:50px;
	
}

#subspotItem{
	position:relative;
	width:365px;
	top:30px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	line-height:22px;
	
}

#subspotItemFind{
	position:relative;
	width:295px;
	height:188px;
	margin-left:-5px;
	background:#FFF url(../images/form.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	line-height:22px;
	
}

#footer{
	width:790px;
	height:19px;
	background:url(../images/footer.jpg) repeat-x;
	margin-left:5px;
	margin-bottom:3px;
}

#findusform{
	margin:0 0 0 20px;
	padding-top:20px;
}

.input{
	width:250px;
}

.findTxt{
	font-size:14px;
	
}

.highlight{
	
	color: #693;
	font-size:14px;
}

.ingred{
	font-size:10px;
	color:#693;
}

#copyright{
	margin:0 0 15px 0;
	padding:0 0 0 0;
	text-align:right;
	font-size:10px;
	color:#666;
}
	


