/* CSS Document */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #444;
}

body {
	font-size: 76%;
	margin: 0px;
	background-image: url(../images2/bkgd-banner.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
}


body.normal { /* stretching yellow banner */
	background-image: url(../images2/bkgd-banner.jpg);
}

body.holiday { /* holiday-themed background */
	background-image: url(../images2/HolidayBackgrounds/snowflakes.jpg);
	/*background-size: 100%;*/
	background-repeat: repeat;
}

/* Nicely centers a fixed-width table on the web page */
#container {
	width: 990px;
	margin: 0 auto;
	position:relative;  /* mnj important for absolute positioning to work for child admin-menu*/
	background-color: #FFF;
	/* mnj START FIX
	PROBLEM:  container holding div floats does not use background-color
	SOLUTION:  by spec, contained DIV's are taken out of the flow of the document. Because of this, your container div is considered empty by compliant browsers.*/	
	overflow:hidden; /* To fix, use overflow:hidden */
}


#groupmain {
	width: 719px;
	float: left;
}

hr {
	border-top-color: #FFF;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: #CCC;
	margin-top: 8px;
	height: 1px;
	margin-bottom: 8px;
}

blockquote {
	padding-left: 25px;
	padding-right: 25px;
}

td
{
	vertical-align : top;
}

.clr {
	clear: both;
}


.websitehelper {
	font-size: 0.8em;
	color: #666666;
	text-decoration: none;
}

/*.signup {
	position:relative;
	top:100px;
	right:194px;
	font-size: 12px;
	color: #060;
	margin-left: 4px;
	margin-right: 0px;
	padding-right: 0px;
	text-transform: uppercase;
}*/
.newsletter-signup-home {
	background-image:url(../images2/boxes-newsletter-signup-short.jpg);
	height:45px;
	width:219px;
	background-repeat: no-repeat;
	padding: 82px 0 0 16px;
}

.newsletter-signup {
	background-image:url(../images2/newsletter-signup-lg.jpg);
	height:145px;
	width:300px;
	background-repeat: no-repeat;
	padding: 80px 0 0 8px;
}


.mainmenu {
	position:absolute;
	top:60px;
	font-size: 1.1em;
	color: #739d5d;
	margin: 5px 0 5px 0;
	width:985px;
	text-transform: uppercase;
	font-weight: bold;
	height: 20px;
	left: 15px;
}

.mainmenu li {
	display: inline;
}

.mainmenu a {
	text-decoration: none;
	color: #739d5d;
	padding: 8px;
}

.mainmenu a:hover {
	color: #D97F07;
}

.floatlist {
	display: inline-table;
	float: left;

	/*width=225px;*/
	width: 250px;
	margin-left: 0px;
	margin-bottom: 50px;
}

.float-left {
	float: left;
	margin-right: 20px;
}
	
#col1 {
	width: 205px;
	margin: 0 0 0 0;
	float: right;
}

#col1 h2{
	color: #739d5d;
	padding: 15px 0;
}


h1 {
	font-size: 1.8em;
	color: #739d5d;
	margin: 0 0 10px 0;
}

#content {
	margin: 0 20px;
}


#content  a {
	color: #d06401;
}

#content a:hover {
	color: #739D5D;
}

#content a:visited {
	color: #739d5d;
}

#content .table p{
	padding: 0 0 10px 5px;
}
#content  .table  h2 {
	padding: 5px 0 0 5px;
}

#content-left {
	float:left;
	width:290px;
}

#content-left.video-library {
	float:left;
	width:560px;
}




#content-left.learn-more ul,
#content-left.product ul {
	/* answers <default> */
	list-style-type:square;
	list-style-position: outside;
	margin: 0 0 10px 15px;
}

#content-left.learn-more ol{
	list-style-position: outside;
	margin: 0 0 10px 20px;
	line-height: 20px;
}

#content-left.learn-more li,
#content-left.product li {
	/* answers <default> */
	padding: 0 0 5px 0;
}

#content-left.learn-more ul.faq {
	/* questions */
	list-style-type:none;
	margin: 0 0 0 0;
}


#content-left p,
#content-left ul {
	padding: 5px 0 5px 0;
	line-height: 20px;
	font-size: 1em;
}


#content-left p.first {
	background-image: url(../images2/bullet-four-square.jpg);
	padding-left: 90px;
	background-repeat: no-repeat;
}

p.first:first-line {
	font-weight: bold;
	
}

p.first:first-letter {
	color:#739D5d;
	font:Candara;
	font-weight: bold;
	font-size:32px;
}




#content-left h2 {
	color: #739d5d;
	font-size: 1.1em;
	margin: 15px 0 0 0;
}

.h2_bullet {
	background-image: url(../images2/bullet-four-square-vsm.jpg);
	background-repeat: no-repeat;
	line-height:  30px;
	padding-left: 50px;
	
}

#content-left.learn-more h2
{
	color: #739d5d;
	font-size: 1.4em;
	margin: 15px 0 0 0;
}

#content-left h3,
#content-left p.h3 {
	color: #739d5d;
	font-weight: bold;
	margin: 20px 0 0 0;
	font-size: 1.2em;
}

#content-left h4,
#content-left p.h4 {
	color: #DF8C0C;
	font-weight: bold;
	margin: 20px 0 0 0;
	font-size: 1.3em;
}

#content-left  a.h3-rightalign {
	color: #739d5d;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 1.2em;
	}

#content-left a.larger-font-faq,
#content-left a:visited.larger-font-faq
{
	color: #D97F07;
	font-weight: bold;
	font-size: 1.2em;
}

#content-left .table td {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.faq {
	font-size: 1.3em;
	list-style-position: outside;
	list-style-type: none;
}

ul.faq li {
	padding-bottom: 4px;
}



#content-right {
	float:right;
	width:417px;
	margin: 0 0 0 0;
}
#content-right.video-library {
	width: 350px;
}

#content-left.twocol {
	float:left;
	width:560px;
}

#content-right.twocol {
	float:right;
	width:360px;
	margin: 12px 0px 0 0px;
	font-size: 1.2em;
}
#content-left.product {
	float:left;
	width:550px;
}

#content-right.product {
	float:right;
	width:350px;
	margin: 0 0 0 35px;
	font-size: 1.2em;
}

#content-left.learn-more {
	float:left;
	width:510px;
}

#content-left.faq {
	float:right;
	width:510px;
}

.product-faq {
	float:right;
	text-align: right;
	width:250px;
}

#content-right p {
	padding: 0 0 10px 0;
	font-size: 0.9em;
}


#content-right h2 {
	margin-right: 15px;
	padding: 0 0 5px 0;
	color: #739d5d;
}

#content-right ul, #content-right ol {
	margin: 0 0 3px 20px;
	font-size: .9em;
}
 
#content-right li {
	padding-bottom: 3px;
}

#content-right img.noborder, .floatlist img.noborder {
	border: 0;
	padding: 0;
	margin: 0;
}

#content-bottom {
	clear:both;
	margin: 0;
}

#content-bottom h2 {
	color: #739d5d;
	font-size: 1.3em;
}

.image-align-left {
	padding-right: 10px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}


#content-left p.testimonial,
#content-right p.testimonial{
	padding: 0 0 0 50px;
	text-align: justify;
	color: #739d5d;
	background-image: url(../images2/bullet-four-square-vsm.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
}

#content-left p.testimonial{
	padding: 0 0 0 50px;
	text-align: left;
}

.read-more-link {
	line-height: 25px;
}

.testimonial-by {
	font-size: 0.9em;
	font-weight: bold;
}
.formfieldtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-transform: none;
}

.interior{
	margin:10px 0;
	border-collapse:collapse;
}
.interior th, .interior td{
	padding:10px 5px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCC;
}
.interior th{
	color:#000;
	border-bottom:2px solid #000;
	font-size:1em;
	padding:2px;
	background-color: #eee;
}
.interior td{
	font-size: .9em;

}
interior.ul{
	color:#DC8814;
	margin:0px;
}
interior.li{margin-bottom:5px;margin-left:5px;margin-right:5px;}

/* home page start */

#homemenu {
	text-align: left;
}

#content-left #homemenu p.product-name, #content-left #homemenu .product-name a, .product-name{
	color: #739d5d;
	font-weight: bold;
	font-family: Candara;
	font-size: 1.3em;
	text-decoration: none;
	display: inline;
}

#homemenu .product-name a:hover{
	color: #D97F07;
}

#homemenu .product-description {
	color: #D97F07;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
}

.phrase1 {
	color: #D97F07;
	font-size: 1.3em;
}

.phrase2 {
	color: #D97F07;
	font-size: 1.0em;
}

/* home page end */

/* Product Pages start */

.product-info {
	width: 525px;
	margin: 0 10px 0 0;
}
.product-info .product-table {
	padding-top: 0px;
	width: 375px;
}

.product-info .product-table-no-picture {
	width: 375px;
	text-align: right;
}

#content-left .product-info .product-field-titles  {
	color: #739d5d;
	font-size: 1.2em;
	text-align: right;
	padding: 6px 0 0 0;
	font-weight: bold;
}

#content-left .product-info .product-cart-titles  {
	color: #739d5d;
	font-size: 1.2em;
	text-align: right;
	padding: 0;
}

#content-left .product-info .total  {
	font-size: 1.2em;
	font-weight: bold;

}

.pct-off  {
	color: #ff0000;
}

.product-price-list {
	color: #DF8608;
	font-size: 1em;
	margin: 3px 0px 3px 0px;
	display: block;
	text-align: right;
}
.description {
	font-size: 0.9em;
}

.product-info .product-click-to-enter {
	font-size: 0.8em;
	text-align: right;
}
	
/* Product Pages end */

/* footer start */
#groupfooter {
	background-color:#fff;
	clear: both;
}

#footer-left.twocol {
	float:left;
	width:580px;
}

#footer-right {
	float:right;
	width:350px;
	margin: 0 20px 0 0;
}

#footer-product-menu {
	font-size: 1em;
	width: 100%;
	float: left;
}

#footer-product-menu td {
	clear: both;
	padding: 5px 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#footer-product-menu a.productlink1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #739d5d;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
}


#footer-product-menu a.productlink1:visited {
	color: #739d5d;
}

#footer-product-menu a.productlink1:hover {
	color: #DC8814;
}



/* footer end */

.buy_now {
	text-align: right;
	padding: 0 0 15px 0;
}

.buy_now_n_pack ul li{
	text-align: right;
	padding: 0 185px 5px 0;
	list-style-type: none;
	
}

.learn_more {
	text-align: left;
	padding: 0 0 25px 0;
}
#content-left span.tagline {
	font-size: 1.1em;
	font-family:  Candara;
	color: #D06401;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.h1-small {
	font-size: 0.8em;
}


#copyright {
	clear: both;
}

.align-right {
	float: right;
}

.grey {
	color:#666;
}


.product-col-photo {
	float: left;
	width: 150px;
}
.product-col-photo img {
	display:block; /*centers images in older browsers*/
}

.product-col-photo img.painspray {
	margin: 5px 0 0 0px;
}


.product-col-photo img.painspray-3-pack {
	margin: 5px 0 0 0px;
}

.product-col-photo img.painspray-24-pack {
	margin: 5px 0 0 0px;
}

.product-col-photo img.painspray-travel {
	margin: 10px 0 10px 150px;
}

.product-col-photo img.creme {
	margin: 35px 0 0 0;
}

.product-col-photo img.creme-6-pack {
	margin: 0px 0 0 0;
}

.product-col-photo img.cremenew {
	margin: 5px 0 0 0px;
}
.product-col-photo img.creme-travel-size {
	margin: 20px 0 20px 45px ;
}


.product-col-photo img.mitenix {
	margin: 5px 0 0 0px;
}

.product-col-photo img.mite-nix-indiv {
	margin: 5px 0 0 50px;
}

.product-col-photo img.headache_releaf {
	margin: 0 0 0 75px;
}

.product-col-photo img.phc {
	margin: 45px 0 0 150px;
}


.product-col-photo img.aromaworks {
	margin: 45px 0 25px 20px;
}

.product-col-photo img.indivaromaworks {
	margin: 10px 0 0 50px;
}

.product-col-buynow {
	width: 490px;
	margin-right: 35px;
}

.product-col-aromaworks-indiv-buynow {
	float: right;
	width: 500px;
}

.button {
	/* use in forms instead of input tag to fix problem aligning with text and input fields */
vertical-align:middle; border:none; padding:0; background:none; cursor:pointer; *cursor:hand;
}

.tell-us {
	position:relative;
	height: 167px;
	width: 350px;
	margin: 0 0 25px 0;
}

#content-right  .tell-us-product-name {
	position: absolute;
	left: 161px;
	top: 41px;
	font-size: 1.5em;
	color:#739D5D;
	width: 190px;
}

	
.center-newsletter-signup {
	width: 300px;
	margin: 0 auto;
}

.center-credit-cards {
	width: 150px;
	margin: 0 auto;
}

.footer-home {
	margin: 30px 0 0 0;
	float: left;
}

#special_offer {
	position:absolute;
	top:161px;
	left: 21px;
	z-index: 100;
}

#special_offer, #special_offer ul{
	margin: 5px 0 5px 0;
	width:965px;
	list-style-type: none;
	font-weight: bold;
}

#special_offer li {
	display: inline;
	text-decoration: none;
	color: #390;
	font-size: 1.3em;
	padding: 8px 8px 3px 8px;

}

.hurry_ornament {
	position: absolute;
	top: 105px;
	right: 100px;
	width: 150px;
}