/*---------FOR IE PNG SUPPORT----------*/
img, div, a, input, h2, div, li, span { behavior: url(css/iepngfix.htc); }
/*--------------------------------------*/

* { margin:0; padding:0; } 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

#wrap { margin-right: auto; margin-left: auto; top: 0px; }
html, body, form, #wrap { height: 100%; }
body > form > #wrap { height: auto; min-height: 100%; }

a { color: #FFFFFF; text-decoration:none }
a:hover, a:active { text-decoration:underline; }

html { background: #b1a2fb url(../images/bg.png) repeat-x left top; margin: 0 auto; text-align: center; }

body { background: transparent url(../images/bodyBg.jpg) no-repeat center top; min-width: 980px; font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif; }

#wrap { background: transparent; margin-bottom: -152px; z-index: 895; }

#main { padding-top: 20px; padding-bottom: 153px; width: 980px; margin: 0 auto; z-index: 894; }  /* padding bottom must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after { content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*-----HEADER-----*/
#header { position: static; margin: 0 auto; height: 130px; min-width: 980px; left: 0; right: 0; background: url(../images/headerBg.png) repeat-x left top; }
#headerBg { position: static; margin: 0 auto; background: transparent url(../images/headerTop.jpg) no-repeat center top; min-height: 130px; }
#headerBody { position: relative; margin: 0 auto; background: transparent; width: 980px; height: 115px; }
	h1 { padding-top: 10px; float: left; }
	h1 a { margin: 0; display: block; background: transparent url(../images/logo.png) no-repeat left top; width: 325px; height: 90px; cursor: pointer; }
	h1 a span { position: absolute; margin-top: -9999px; }
	
	/*-----TOP MENU-----*/
	#menuTop {
		display: inline; float: right;
		margin: 15px 30px 0 0;
		font-size: 1.2em; color: #FFFFFF;
		font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;
	}
	#menuTop span { margin-right: 25px; float: left; }
	#menuTop ul { float: left; margin: 0; padding: 0; }
	#menuTop ul li { display: inline; padding: 0 0 0 17px; }
	/*#menuTop ul li:first-child { border: none; }*/
	
	.headerRegister {
		position: absolute;
		right: 25px;
		margin-top: 42px;
		font-size: 1.5em;
		z-index: 2000;
		color: #FFFFFF;
	}
		.headerRegister a {
			font-size: 1.05em;
			font-weight: bold;
			color: #F39FF8;
			margin-right: 1px;
		}
	
	/*-----MAIN MENU-----*/
	#menu {
		display: inline;
		position: absolute; bottom: 0; right: 0;
		margin: 0 10px 0 0; padding: 0;
	}
		/*background: url(../images/navDivider.png) no-repeat left top;*/
	#menu li {
		display: block; float: left;
		position: relative;
		margin: 0; padding: 0;
		width: auto; height: 70px;
		bottom: 1px;
	}
	#menu li a { display: block;
		position: relative;
		background: url(../images/navBg.png) repeat-x left bottom;
		margin: 0; padding: 34px 12px 20px;
		font-size: 1.2em;
	}
	#menu li a:hover, #menu li a:active {
		display: block;
		position: relative;
		background: url(../images/navBgOver.png) repeat-x left bottom;
		text-decoration: none;
	}
		/*background: url(../images/navDivider.png) no-repeat right top;*/
	#menu li a span { position: absolute;  display: block; width: 1px; height: 60px; top: 0; right: 0; }
/*---END---*/

/*-----FOOTER-----*/
#footer {
	background: url(../images/footerBg.png) no-repeat center bottom;
	color: #FFFFFF;
	position: relative;
	margin-top: -152px; /* negative value of footer height */
	height: 152px;
	text-align: center;
	margin-bottom: 0;
	overflow: visible;
	font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;
	font-size: 1.3em;
	z-index: 899;
	clear: both;
	} 


#footerBg { background: url(../images/footerBgT.png) no-repeat center bottom;
	position: relative;
	min-width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 153px;
	bottom: 152px;
	text-align: center;
	margin-top: -153px; /* negative value of footer height */
	margin-bottom: 0;
	height: 153px;
	overflow: visible;
	clear:both;
	z-index: 200;
}

#footer ul { position: relative; bottom: 0px; margin: 0; padding-top: 80px; clear: both; }
#footer ul li { display: inline; margin: 0; padding: 0 7px; border-left: 1px solid #FFFFFF; }
#footer ul li:first-child { border: none; }

#footer p.disclaimer { font-family: Arial, sans-serif; font-size: 10px; position: relative; clear: both; width: 885px; margin: 0 auto; }
/*---END---*/

/*-----HOME PAGE-----*/
.homeLcol {
	position: relative; float: left;
	display: inline;
	margin-left: 30px;
	text-align: left;
	z-index: 895;
}
	.joinUs { background: url(../images/joinUs.png) no-repeat left top; height: 176px; width: 310px; margin: 15px 0 0 -10px; }
	.joinUs h4 {
		color: #FFFFFF; font-family: "Gill Sans", "Lucida Grande", sans-serif;
		position: relative;
		text-align: center;
		font-size: 2.4em;
		text-shadow: 3px 3px .2em #561661;
		letter-spacing: .25px;
		padding: 25px 15px 10px 20px;
		 text-indent: -99999px;
	}
	.joinUs p {
		color: #561661; font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;
		text-align: center;
		position: relative;
		left: 0; width: 176;
		font-size: 1.5em;
		display: block;
		padding: 0 25px;
		line-height: 1.4em;
	}
	.joinUs a { color: #561661; position: absolute; display: block; height: 106px; width: 300px; left: 5px; top: -45px; padding-top: 45px; text-indent: -99999px; }

	#homeProd {list-style: none; width: 275px; margin-top: 5px; color: #FFFFFF; font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;}
	#homeProd li { margin-bottom: 25px; clear: left; }
	#homeProd li img { float: left; margin-top: 10px; }
	#homeProd li h2 { font-size: 1.825em; margin: 0 0 5px 70px; text-shadow: 1px 1px .2em #561661; }
	#homeProd li p { font-size: 1.2em; margin-left: 70px; line-height: 1.4em; }
	#homeProd li a { color: #FFF; font-weight: bold; }

	.emphasis {font-weight: bold; font-size: 1.1em; margin-bottom: 5px; color:#cf3bd1; text-shadow: 0px 0px 3px #fff; }
	.popular {background-color: #ccc1ff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	.popular p {color: #561661; padding-bottom: 5px;}
	.popular div {text-align: center; padding-bottom: 3px; padding-top: 3px; background-color: #8d4acc; width: 100%; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}

.homeRcol {
	position: relative; float: right;
	display: inline;
	margin-right: 30px;
	text-align: left;
	font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;
	z-index: 895;
}
	.homeBanner { position: relative; width: 608px; height: 380px;  }
	.homeBanner h2 { position: absolute; margin-top: -9999px; }
	.homeBanner div.homeBannerContent { position: absolute; color: #65156c; width: 250px; margin: 0 0 0 5px; top: 60px; padding: 0 0 10px 10px; }
	.homeBanner div.homeBannerContent p { margin: 0 0 5px; font-size: 1.3em; line-height: 1.4em; }
	.homeBanner div.homeBannerContent a { padding: 5px; margin-bottom: -20px; margin-left: 15px; }
	
	#homeTestimonial { margin: 0; padding: 0; }
	#homeTestimonial div {  }
	.testimonialPerson { display: block; text-align: right; margin-right: 25px; }
	
	.homeContent1, .homeContent2, .homeContent3 {
		margin: 15px 0 0 15px; 
		color: #FFFFFF; 
		width: 185px; 
		float: left; display: inline;
	} /*width: 285px;*/
	.homeContent1 h2, .homeContent2 h2, .homeContent3 h2 {
		font-family: "Gill Sans", "Lucida Grande", sans-serif;
		font-size: 2.5em;
		text-shadow: 2px 1px .25em #561661;
		margin: .5em 0;
	}
	.homeContent1 p, .homeContent2 p, .homeContent3 p {
		font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif;
		font-size: 1.4em; line-height: 1.65em;
	}
	.homeContent1 a, .homeContent2 a, .homeContent3 a { color: #561661; }
	
	ul.smPanels {list-style: none; width: 609px; }
	ul.smPanels li { margin: 25px 15px 0 0; float: left; width: 193px; }
	ul.smPanels li.last { margin: 25px 0 0 0;}
	
	
/*---END---*/

/*-----CONTENT PAGES-----*/
.contentLcol { position: relative; float: left; display: inline; margin-left: 30px; text-align: left; font-size: 1.4em; z-index: 595; }
.contentLcol a { color: #831e8f; }
.contentLcol a:hover, .contentLcol a:active { color: #561661; }
	.contentLcol h2 { position: relative; background: url(../images/contentHeader.png) no-repeat left top; height: 126px; width: 608px; }
	.contentLcol h2 span { position: absolute; font-size: 2.6em; color: #FFFFFF; margin: 30px 0 0 25px; text-shadow: 2px 2px .1em #000000; }
	.contentBody { width: 568px; background: #FFFFFF; padding: 15px 20px 1px; }
	.contentBody p { margin-top: .5em; margin-bottom: 1.25em; line-height: 1.625em; }
		.smLink { font-size: .8em; }
	.contentEnd { background: url(../images/contentBottom.png) no-repeat left bottom; height: 12px; width: 608px; clear: both; margin: 0; padding :0; }
	.contentBody h4 {font-size: 1.6em; color: #571864;}
	.contentBody img { float: right; margin-left: 10px; margin-bottom: 10px;}
	.contentBody ul { padding-left: 20px; margin-bottom: 15px;}


	/*-----RIGHT COLUMN BANNERS-----*/
	.contentRcol { position: relative; float: right; margin-left: 30px; text-align: left; z-index: 595; }
		.contentRcol div { position: relative; margin: 0; padding: 0; }
		.contentRcol div h4 { color: #FFFFFF; font-family: "Gill Sans", "Lucida Grande", sans-serif; font-size: 2.4em; text-shadow: 3px 3px .2em #561661; padding: 25px 15px 10px 20px; letter-spacing: .25px; }
		.contentRcol div p { color: #561661; font-family: "Futura Medium", "Century Gothic", "Apple Gothic", sans-serif; font-size: 1.3em; display: block; padding: 0 25px; line-height: 1.5em; }
		div.firstBanner { margin-top: -15px; }
		.consultation { background: url(../images/consultation.png) no-repeat left top; height: 176px; width: 310px; }
		div.consultation h4 { position: relative; left: 105px; }
		div.consultation p { color: #FFFFFF; font-size: 2em; text-align: center; position: relative; left: 105px; width: 150px; }
		div.consultation a { position: absolute; display: block; margin: 15px 0 0 10px; height: 146px; width: 288px; text-decoration: none; z-index: 500; }
		.box { background: url(../images/box.png) no-repeat left top; height: 176px; width: 310px; }
		div.box h4 { position: relative; left: 0; text-align: center; top: 15px; margin-bottom: .5em; }
		div.box p { color: #FFFFFF; font-size: 1.6em; text-align: center; position: relative; left: 0; width: 176; }
		div.box a { position: absolute; display: block; margin: 15px 0 0 10px; height: 148px; width: 290px; text-decoration: none; z-index: 500; }
		
		.order_rep { background: url(../images/consultation.png) no-repeat left top; height: 190px; width: 310px; }
		.order_rep h4 { margin: 10px 0 0 80px; }
		.order_rep a { position: absolute; display: block; margin: 15px 0 0 10px; height: 196px; width: 288px; }
		div.order_rep p { position: relative; width: 170px; font-size: 1.2em; line-height: 1.6em; }
		
		.qDifference { background: url(../images/quantumDifference.png) no-repeat left top; height: 226px; width: 310px; }
		.qDifference a { position: absolute; display: block; margin: 15px 0 0 10px; height: 196px; width: 288px; }
		div.qDifference p { position: relative; width: 170px; font-size: 1.2em; line-height: 1.6em; }
		.scalarWaves { background: url(../images/scalarWaves.png) no-repeat left top; height: 193px; width: 310px; }
		.scalarWaves a { position: absolute; display: block; margin: 15px 0 0 10px; height: 163px; width: 288px; }
		.testimonials { background: url(../images/smallBanner.png) no-repeat left top; height: 130px; width: 310px; }
		div.testimonials a { color: #561661; }
		
		#register, #coming {
			text-align: center;
			margin: 0 auto;
			padding: 15px;
			background: #FFFFFF;
			width: 200px;
			color: #660099;
		}
		#register form { margin: 0; padding: 0; }
		#register h3, #coming h3 {
			font-weight: bold;
			font-family:Verdana;
			font-size:18px;
			color:#660099;
			margin-bottom: .75em;
		}
		#register p, #coming p { margin-bottom: 15px; }
		.emailMarket, .emailMarket a {
			font-family: Arial,Helvetica,sans-serif;
			font-size: 10px;
			color: #999999;
		}
		/*div.testimonials a { position: absolute; display: block; margin: 15px 0 0 10px; height: 100px; width: 288px; }*/
	/*---END RIGHT COLUMN BANNERS---*/
	
	/*-----PRODUCT PAGE-----*/
	.productList { list-style: none; padding-left: 0px !important; }
	.productList li { display: block; margin-top: 25px; clear: both; }
	.productImage { clear: left; float: left; width: 175px; text-align: center; }
	.productDesc { padding-top: 20px; margin-left: 175px; }
	.productDesc h3 { font-size: 1.4em; }
	.productDesc p { font-size: 1em; }
	.learnMore a { background: url(../images/learnMore.png) no-repeat left top; display: block; width: 99px; height: 21px; text-indent: -9999px; }
	.purchase a { background: url(../images/purchase.png) no-repeat left top; display: block; width: 99px; height: 21px; text-indent: -9999px; }
	.orderForm a { background: url(../images/orderForm.png) no-repeat left top; display: block; width: 158px; height: 21px; text-indent: -9999px; }
	.caption { font-size: .75em; text-align: center; }
	.clearHome { clear: both; padding: 1px 0; }
	.clear { clear: both; padding: 15px 0; }
	.productDesc p.outsideUS { font-size: 11px; }
	/*---END PRODUCT PAGE---*/
	
	.opportunityPhone { font-size: 1.25em; }
	
	.eventsPage { text-align: left; position: relative; }
	.event { width: 380px; }
	.flyerLink {position: absolute; top: 0; right: 0; width: 175px; text-align: center;}
	iframe.iframeEvents { margin: 0 auto; border: none; width: 550px; height: 500px; outline: none; }
	
	/*-----TESTIMONIALS PAGE-----*/
	.testimonialList { list-style: none; }
	.testimonialList li { margin-bottom: 25px; }
	.testimonialList li p { line-height: 1.4em; margin-bottom: 1em; }
	
	.testimonialsDisclaimer {
		padding: 0px 15px;
		margin: 5px 50px;
		border: 1px solid #b1a2fb;
	}
		.testimonialsDisclaimer p { font-size: 11px; line-height: 1.4em; }
	
	/*-----FAQS PAGE-----*/
	.faq { margin-bottom: 15px; }
	.faq h3 { color: #561661; font-size: 1.2em; cursor: pointer; }
	.faq p { margin-left: 15px; }
	
	/*-----FORMS PAGE-----*/
	.formList { list-style: none; margin: 0; }
	.formList li { margin-bottom: 10px; padding: 9px 0 10px 37px; background: url(../images/icPdf.png) no-repeat left top; }
	
	/*-----REGISTER PAGE-----*/
	.consultantYes, .consultantNo { clear: both; display: block; width: 99px; height: 21px; margin-top: 20px; }
	.consultantYes span, .consultantNo span { position: absolute; text-indent: -99999px; }
	.consultantYes { cursor: pointer; background: url(../images/yes.png) no-repeat left top; margin-bottom: 20px; }
	.consultantNo { cursor: pointer; background: url(../images/no.png) no-repeat left top; margin-bottom: 20px; }
		/*---REGISTER FORM---*/
		.QWconsultant { overflow: hidden; padding-bottom: 25px; }
		.QWconsultant button { padding: 5px 15px; }
		.QWconsultant a { text-indent: -99999px; display: block; width: 163px; height: 21px; margin: 0 15px 0 0; float: left; }
		.QWconsultant a:hover { background-position: 0 -21px; }
		.QWconsultant a:active { background-position: 0 -42px; }
			.registerCustomer { background: url(../images/registerCustomer.jpg) no-repeat 0 0; }
			.registerAmbassador { background: url(../images/registerAmbassador.jpg) no-repeat 0 0; }
		.registerForm { display: block; }
		.registerForm .col1, .col2 { float: left; width: 45% }
		.registerForm .clearCol { clear: both; }
		.registerForm label { display: block; }
		.registerForm input { margin-bottom: 25px; width: 80%; }
		.registerForm .registerQ { display: block; margin-bottom: 20px; width: 75%; height: 150px; }
		.registerForm button { padding: 2px 9px; }
	/*-----EVENTS REGISTRATION PAGE-----*/
	.eventForm { display: block; z-index: 900; }
	.eventForm p { clear: both; }
	.eventForm label { display: block; }
	.eventForm input { width: 250px; margin-top: .2em; }
	.eventForm option { padding: 0 5px; }
	.eventForm input.language { float: left; width: auto; margin: 5px 10px 0 0; }
	.eventForm label.language { display: inline; float: left; }
	.eventForm input.vegetarian { float: left; width: auto; margin: 5px 10px 0 0; }
	p.lang { overflow: hidden; }
	.moreEvents { width: 350px; height: 150px; margin-bottom: 25px; }
	.eventButtons { margin-right: 15px; }
	.eventButtons span {
		margin: 2px 8px;
	}
	
	/*-----CONTACT PAGE-----*/
	.contactForm { display: block; }
	.contactForm .col1, .col2 { float: left; width: 45% }
	.contactForm .clearCol { clear: both; }
	.contactForm label { display: block; }
	.contactForm input { margin-bottom: 25px; width: 80%; }
	.contactForm .registerQ { display: block; margin-bottom: 20px; width: 75%; height: 150px; }
	.contactForm button { padding: 2px 9px; }
	/*---END CONTACT PAGE---*/
	
	ul.warrantyContact { margin-left: 1em; list-style: none; }
/*---END CONTENT PAGES---*/

/*----- WARRANTY REGISTRATION PAGE -----*/
.contentBody h3 { font-size: 1.3em; }
.warRegSection { margin-top: 1.5em; overflow: hidden; }
.warRegSection input { margin-right: 5px; }
.warRegSection select { width: 155px; margin-right: 5px; }
.warRegSection p { clear: both; margin: 0; line-height: 2em; overflow: hidden; }
	.warRegLbl { width: 125px; display: block; float: left; }
	.warRegSection span.checkBox input { margin-left: 10px; }
.warRegContact { margin-top: 15px; }
.warRegContact p { line-height: 1.6em; }