@charset "utf-8";
body {
	background: #94996e;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.aromatique #container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
.aromatique #header {
	background: #DDDDDD;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(http://www.aromatique.com/images/headerfade.gif);
	height: 80px;
}
.aromatique #mainContent {
	background: #FFFFFF;
	padding: 0 10px;
}
.aromatique #container #mainContent div ul {
	text-align: left;
}

.aromatique #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	background-image: url(http://www.aromatique.com/images/footer_bg.gif);
	height: 60px;
	margin-bottom:10px;
}
.aromatique #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7.5pt;
}
.aromatique #navtop {
	background-image: url(http://www.aromatique.com/images/navtop_bar.gif);
	text-align: right;
	height: 20px;
}
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".aromatique #sidebar1 p" rule.
*/
.aromatique #sidebar {
	float: right;
	width: 350px; /* since this element is floated, a width must be given */
	background: #EBEBEB;
	margin-top: 13px;
}
.aromatique #boldheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFF;
	background-color: #94996E;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	background-image: url(http://www.aromatique.com/images/boldheader_bg.gif);
}




a {
	color: #556B2F;
	text-decoration: none;
}


a:hover {color: red;}
.aligncenter {
	text-align: center;
}

.centertable {
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.rightimage {
	margin-right: 0px;
}