@charset "utf-8";

/* CSS Document */

body,html {

	text-align: center;

	margin: 0px auto;

	padding: 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 13px;

	background-color: #000000;

	color: #000000;

	height: 100%;

}



#content {

	background-color: #FFFFFF;

	display: block;

	width: 1024px;

	height: auto;

	min-height: 92%;

}



p {

	color: #000000;

}



div {

	color: #000000;

}

#banner {

	background-image: url(../images/backing web.jpg);

	width: 1042px;

	height: 252px;

	display: block;

}

.Lavender_points {

width: 100%;

display: block;

}

.Lavender_bullets {

width: 30%;

display: block;

float: left;

}

.essential_products {

width: 100%

display: block;

}

.body_spray {

width: 40%

display: block;

float: right;

}



#main {

	width: 1042px;

	background-color: #FFFFFF;

	display: block;

	margin: 0px auto;

	text-align: left;	

	padding: 0px;

	height: auto;

	min-height: 92%;

}

#Nav {

	text-align: center;

	color: #000;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight:bold;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom: #ff00c6 2px solid;

	border-top: #ff00c6 2px solid;

}

#Nav a {

	text-decoration: none;

	color: #ef4495;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	margin-left: 15px;

	margin-right: 15px;

	font-weight:normal;

}

#Nav a:hover {

	color:#FF00FF;

}

#left {

	width: 200px;

	float: left;

	display: block;

	margin: 0 auto;

	padding: 0px;

	background-color: #FFFFFF;

	height: auto;

	min-height: 92%;	

}

#middle {

	width: 624px;

	float: left;

	display: block;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	height: auto;

	min-height: 92%;		

}

#right {

	width: 200px;

	float: left;

	display: block;

	margin: 0 auto;

	padding: 0px;

	background-color: #FFFFFF;

	height: auto;

	min-height: 92%;	

}

#box {

	width: 159px;

	border: #CCCCCC 1px solid;

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 15px;

	margin-bottom: 15px;

	background-color: #FFFFFF;

}



#box3 {

	width: 159px;

	border: #CCCCCC 1px solid;

	text-align: center;

	margin: 0 auto;

	padding: 0px;

	margin-top: 15px;

	margin-bottom: 15px;

	background-color: #000000;

}





#box2 {

	width: 250px;

	border: #ead7ea 1px solid;

	background-color: #FFFFFF;

}



#box_header {

	background-image: url(../images/catergory_header.jpg);

	color: #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	width: 137px;

	height: 25px;

	margin: 1px;

	line-height: 1.5em;

	text-align: left;

	padding-left: 20px;

}

.navlist {

	padding-left: 20px;

	*padding-left: 0px;

	_padding-left: 0px;

}

.navlist li {

	list-style: url(../images/button.jpg);

	margin: 10px;

	text-align: left;

}

.navlist li a {

	text-decoration: none;

	color: #000;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin: 1px;

	line-height: 1.5em;

	font-weight: bold;

}

.navlist li a:hover {

	color: #333333;

}



.navlist2 {

	padding-left: 20px;

	*padding-left: 0px;

	_padding-left: 0px;

}

.navlist2 li {

	list-style: url(../images/button2.jpg);

	margin: 10px;

	text-align: left;

}

.navlist2 li a {

	text-decoration: none;

	color: #000;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin: 1px;

	line-height: 1.5em;

	font-weight: bold;

}

.navlist2 li a:hover {

	color: #333333;

}



.style1 {

	color: #000;

	font-weight:bolder;

}

h1 {

	list-style: url(../images/owner_photo.jpg);

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

	margin-bottom: 0px;

	padding-bottom: 0px;

	text-transform: uppercase;

	font-size: 24px;

	margin-top: 10px;

}



h2 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}



.dots {

	font-size: 20px;

	letter-spacing: 3px;

	color: #000;

	font-weight:bold;

	margin: 0px;

	padding: 0px;

}

input {

	margin-bottom: 10px;

}

img {

	border: none;

}



.boxcontainer {

	width: 50%;

	float: left;

	padding: 0px;

	margin: 0 auto;

}



a {

	text-decoration: none;

}



.rosemary_bulletpoint {

float: left;

width: 50%;

display: block;

}