/**************************** RESET CSS ***********************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
img, div{ behavior: url(scripts/iepngfix.htc); border:0px;}
.clear{ clear:both;}
.seo-text{display:none;}
/**************************** END :: RESET CSS ***********************************/
/* generic styles */
body{ background-color:#000000;font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5a5b5a;}
p{float:left;}
h3{ color:#fff; font-size:11px; font-weight:normal;font-family: Arial, Helvetica, sans-serif;}

.wrapper1{ width:915px; height:741px; background:url(../images/bg1.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrapper2{width:915px; height:741px; background:url(../images/bg2.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrapper2a{width:915px; height:741px; background:url(../images/bg2a.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrapper2b{ width:915px; height:1222px; background:url(../images/bg4.jpg) no-repeat 0 0; margin:0 auto; position:relative; }
.wrapper3{ width:915px; height:1222px; background:url(../images/bg3.jpg) no-repeat 0 0; margin:0 auto; position:relative; }
.wrapper4{ width:915px; height:802px; background:url(../images/bg5.jpg) no-repeat 0 0; margin:0 auto; position:relative; }
.wrapper5{ width:915px; height:750px; background:url(../images/bg5.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrapper6{ width:915px; height:750px; background:url(../images/bg6.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrapperseparated{ width:915px; height:auto; background:url(../images/header-bg.jpg) no-repeat 0 0; margin:0 auto; position:relative;}
.wrappercoupon{ width:915px; height:648px; background:url(../images/coupon-bg.jpg) no-repeat 0 0; margin:0 auto; position:relative;}

.header{ position:absolute; top:0px; left:0px;width:915px;padding-top:27px; z-index:1000;}
.header img {float: left;}
ul.nav{ float:left; padding-top:2px;}
ul.nav li{ float:left; padding:0px 0px 0px 38px;}
	a#one{background:url(../images/nav_1.png) no-repeat 0 0; display:block; width:34px; height:10px;}
	a#one:hover{background:url(../images/nav_1_on.png) no-repeat 0 0; display:block; width:34px; height:10px;}
	a#two{background:url(../images/nav_2.png) no-repeat 0 0; display:block; width:86px; height:10px;}
	a#two:hover{background:url(../images/nav_2_on.png) no-repeat 0 0; display:block; width:86px; height:10px;}
	a#three{background:url(../images/nav_3.png) no-repeat 0 0; display:block; width:101px; height:10px;}
	a#three:hover{background:url(../images/nav_3_on.png) no-repeat 0 0; display:block; width:101px; height:10px;}
	a#four{background:url(../images/nav_4.png) no-repeat 0 0; display:block; width:97px; height:10px;}
	a#four:hover{background:url(../images/nav_4_on.png) no-repeat 0 0; display:block; width:97px; height:10px;}
	a#five{background:url(../images/nav_5.png) no-repeat 0 0; display:block; width:41px; height:10px;}
	a#five:hover{background:url(../images/nav_5_on.png) no-repeat 0 0; display:block; width:41px; height:10px;}

a#fb{width:110px; height:29px; background:url(../images/nav_fb.png) no-repeat 0 0; display:block; float:right;behavior: url(scripts/iepngfix.htc); cursor:pointer;}
a#fb:hover{background:url(../images/nav_fb_on.png) no-repeat 0 0;behavior: url(scripts/iepngfix.htc);}

.footer{ z-index: 1000; width:770px; position:absolute; top:720px; left:0px; padding-bottom:15px; font-size:10px; padding-left:25px;}
.footer.tallpage2{font-size:10px;  left:175px; padding-bottom:15px; padding-left:25px; position:absolute; top:1210px; width:770px;}
.wrapper3 .footer{width:770px; position:absolute; top:1201px; left:0px; padding-bottom:15px; font-size:10px; padding-left:40px;}

.footer ul{ float:left; width:500px; }
.footer ul li{ float:left; padding:0px 16px 0px 16px; border-right:1px solid #5a5b5a;}
.footer ul li.nobord{ border:0px; padding-bottom:15px;}
.footer ul li a{color:#5a5b5a;text-decoration:none;}
.footer ul li a:hover{color:#ffffff; text-decoration:none;}

.footerfaq { margin-top: 50px; }
.footerstorelocator { top: 675px; }
.footerstorelocatorresults { top: 675px; }
.footercoupon { top: 570px; }

.footerstorelocatorresults .storelocator a { color: #fff; }
.footerstorelocator .storelocator a { color: #fff; }
.footerregister .register a { color: #fff; }
.footerfaq .faq a { color: #fff; }
.footercontactus .contactus a { color: #fff; }

div.footer-text{display: block; color:#5a5b5a; margin: 0px 0px 0px 15px;}
.footer.video-foot{left: 175px;}


.maincontent1{position:absolute; top:51px; left:0px; z-index:100; width:915px;}
.maincontent2{position:absolute; top:110px; left:45px; z-index:100; width:815px;}
.maincontent3{position:absolute; top:110px; left:45px; z-index:100; width:815px;}
.maincontent4{position:absolute; top:110px; left:35px; z-index:100; height:435px;width:875px;} /* was height:435px */

/* header */

.h1header{width:420px; height:38px; background: url(../images/middle.gif) repeat-x bottom left; position:relative;z-index:500;}
.h1header h2{
	color:#FFF;
	width:auto;
	z-index:550;
	position:absolute;
	left: 10px;
	top:7px;
	margin:0px;
	padding:0px;
	font-size:20px;
}
.hdr-tall{height: 50px;}
.h1header img{position: absolute; bottom: 10px; left: 10px;}
.hdrimgleft{position:absolute;z-index:500; bottom:0px; left:0px;background:url(../images/left.gif) no-repeat bottom left; width:17px; height:10px;}
.hdrimgright{position:absolute;z-index:500; bottom:0px; right:0px;background:url(../images/rightflower.gif) no-repeat top left; width:222px; height:54px;}


/* home */

#home a#one{background:url(../images/nav_1_on.png) no-repeat 0 0; }
.bannertxt{position:absolute;top:225px;left:438px;z-index:150;background:url(../images/home_overlay.png) no-repeat 0 0;width:476px;height:213px;}
#bannecontent{position:absolute;top:245px;left:488px; z-index:200;width:419px; }
#bannecontent .banner-title{color:#ffffff; position: absolute; } 
#bannecontent p{ width:360px; font:13px; padding:10px 0px 14px 0px; color: #bababa; }
#bannecontent a{background:url(../images/cta_home.jpg) no-repeat 0 0;width:102px;height:19px; display:block; float:left;position:relative; z-index:300;}
#bannecontent a:hover{background:url(../images/cta_home_on.jpg) no-repeat 0 0;}

.hometout{ float:left; padding-top:20px;}
.hometout#right{ float:right;}
.hometout img{ float:left; display: inline; }
.hometout ul{ float:left; width:285px; padding-top: 10px; overflow:hidden;}
.hometout ul#right{width:280px; overflow: hidden; }
.hometout li.title{border-bottom:1px solid #5e0038; height: 35px;}
.hometout li.content{ padding:10px 0px 10px 0px;}
a#save{background:url(../images/cta_save1.5.jpg) no-repeat 0 0;width:83px;height:19px; display:block;}
a#save:hover{background:url(../images/cta_save1.5_on.jpg) no-repeat 0 0;}

a#learn{background:url(../images/cta_learnmore.jpg) no-repeat 0 0;width:83px;height:19px; display:block; float:left; margin-right:20px;}
a#learn:hover{background:url(../images/cta_learnmore_on.jpg) no-repeat 0 0;}

a#view{background:url(../images/cta_viewprod.jpg) no-repeat 0 0;width:117px;height:19px; display:block;float:left;}
a#view:hover{background:url(../images/cta_viewprod_on.jpg) no-repeat 0 0;}

/* products */
#products a#two{background:url(../images/nav_2_on.png) no-repeat 0 0; }
p.prod{ padding:8px 0px 0px 8px; clear: right; }
.prodimg{ position:absolute; bottom:10px; left:105px;}
.prodtxt{position:absolute; /* bottom:25px; */ top: 60px; left:430px; font-size:11px; }
.txtHigh{top: 45px;}
.txtLow{top: 95px;}

ul.discrip1{ float:left; } 
ul.discrip1 li{ padding-bottom:12px;}
ul.discrip2{ float:left;width:265px; list-style:disc inside none;}
ul.discrip2 li.title,ul.discrip3 li.title { padding:0px 0px 12px 0px; list-style:none; *margin-left:-16px;}
ul.discrip2 li,ul.discrip3 li{ padding-bottom:5px;}
ul.discrip3{ float:left;list-style:disc inside none; color:#eb008b;} 
ul.discrip3 a{color:#eb008b; text-decoration:none;}
ul.discrip3 a:hover{ text-decoration:underline;}

.h1header#p1{width:490px; position:relative; /*555 initial*/}
.h1header#prod{width:370px; /*435 initial*/}

#p1.hdrShort, #p2.hdrShort{width: 360px;}
#p1.hdrShort2, #p2.hdrShort2{width: 400px;}
#p1.hdrShort3, #p2.hdrShort3{width: 275px;}
#p1.hdrShort3a, #p2.hdrShort3a{width: 315px;}
#p1.hdrWide, #p2.hdrWide{width: 575px;}

.prodnav{ position:absolute; top:573px; left:40px;height:100px; width:815px; }
.prodnav.tallpage{top:873px;} 

.prodnavlinks{ width:330px;float:left;font-size:10px; clear:right}
.prodnavlinks h4{color:#ffffff; padding-bottom:6px;font-size:10px;line-height:14px; clear:right}
.prodnavlinks ul{clear:right}
.prodnavlinks a{color:#5a5b5a; text-decoration:none;}
.prodnavlinks a:hover{color:#FFF;}

.prodnavlinks#last{ width:140px;}


#product-slideshow{float: left; width: 990px; height: 460px; position:relative; top: 75px;}

/* ingredients */
#ingd a#three{background:url(../images/nav_3_on.png) no-repeat 0 0; }

p#ingtop{ padding:12px 0px 0px 8px; width:400px; color:#757575}
.ingredients{ float:left;  padding:50px 0px 0px 5px;width:810px; font-size:11px;}
.ingredients #left{float:left; width:350px;}
.ingredients #right{float:right; width:350px;}

.ingrid{float:left; width:345px; padding-bottom:30px;}
.ingrid img{ float:left; padding-right:10px;}
.ingrid h3{float:right; width:270px;height:23px;background:url(../images/ing_line.gif) no-repeat bottom left; padding-top:9px; padding-left:2px;}
.ingrid p{ float:right; padding-top:5px; width:270px; text-align:left}
.ingrid img.ing-title{margin-left: 10px; padding-bottom:5px; border-bottom: 1px solid #8d0053;}


/* Philosophy Page */
#philosophy a#four{background:url(../images/nav_4_on.png) no-repeat 0 0; }
#philosophy-copy{width: 410px; padding: 5px; float: left; }

#philosophy-copy .main-copy{ margin-left: 8px; text-align:justify;}
#philosophy-copy p{float: left; clear: right;}

#philosophy-copy .main-copy ul.steps{margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; width: 235px;}
#philosophy-copy .main-copy ul.steps li{ height: 30px;margin-bottom: 20px; padding-left: 25px; }
#philosophy-copy .main-copy ul.steps li.step1{background:transparent url(../images/philosophy-step1.gif) no-repeat 2px 3px;}
#philosophy-copy .main-copy ul.steps li.step2{background:transparent url(../images/philosophy-step2.gif) no-repeat 0px 3px;}
#philosophy-copy .main-copy ul.steps li.step3{background:transparent url(../images/philosophy-step3.gif) no-repeat 0px 3px;}

#philosophy-imgs{ right:0; }
#philosophy-imgs .top-img{position: absolute; right:0; top:0px;}
#philosophy-imgs .bottom-img{position: absolute; right:0; top:600px;}
.philosophy .content
{
	background: transparent url(../images/philosophy-lady.png) no-repeat right top;	
	height: 600px;
}
.footerphilosophy
{
	font-size:10px;  padding-bottom:15px; padding-left:25px; position:absolute; top:1210px; width:770px;
}

/* Video Page */
#videos a#five{background:url(../images/nav_5_on.png) no-repeat 0 0; }

#video-copy .nopad{left:0;}
#video-copy{width: 275px; padding: 5px; float: left; height: 430px;}
#video-copy .main-copy{width: 100%; text-align:justify;}
#video-copy p{float:none; width: 100%;}
#video-copy .main-copy .video-title{font-size: 18px; font-weight:bold; color: #FFFFFF;}

#video-copy img.next-video{float: left;}

#video-carousel{ height: 500px; width: 565px; position: absolute; right: 0px; _right:-100px; top: 30px;}

/* Coupons Page */
#coupon-wrapper{width: 800px; height: 550px; border: 1px solid yellow; margin: 0 auto; }


.wheretobuy
{
	margin-left: 15px;	
}

.wheretobuy .hdr-wheretobuy
{
	height: 50px;
}

	.wheretobuy p.prod strong
	{
		color: #eb008b;
	}
	
	.wheretobuy form,
	.wheretobuy .results
	{
		margin-left: 8px;	
	}
	
	.wheretobuy .results h4,
	.wheretobuy form h4
	{
		margin: 45px 0px 5px 0px;	
	}
	
	.wheretobuy form p
	{
		float: none;	
	}
	
	.wheretobuy .results p strong,
	.wheretobuy form p strong
	{
		color: #fff;
		font-weight: normal;	
	}
	
	.wheretobuy .results .sep,
	.wheretobuy form .sep
	{
		margin: 34px 0px 0px 0px;	
	}
	
	.wheretobuy .results .resultset,
	.wheretobuy form fieldset
	{
		margin-top: 52px;	
	}
	
	.wheretobuy form .step
	{
		float: left;
		display: inline;
		width: 330px;	
		overflow: hidden;
		height: 62px;
	}
	
		.wheretobuy form .step2
		{
			margin-top: 27px;	
		}
		
		.wheretobuy form .step4
		{
			margin-top: 5px;	
		}
		
		.wheretobuy form .step4 strong
		{
			font-weight: normal;
		}
		
		.wheretobuy form .step4 select
		{
			margin-top: 6px;
		}
	
	.wheretobuy form .step .fieldname
	{
		float: left;
		display: inline;
		width: 52px;
		overflow: hidden;
		margin: 7px 20px 40px 0px;	
	}
	
		.wheretobuy form .step4 .fieldname
		{
			margin-top: 26px;
		}
	
	.wheretobuy form .step select,
	.wheretobuy form .step input.zipcode
	{
		border: 1px solid #2f2e2e;
		background-color: #0e0e0e;	
		color: #757575;
		padding: 4px;
		width: 215px;
		margin-bottom: 7px;
		height: 17px;
	}
	
	.wheretobuy form .step select
	{
		width: 225px;	
		height: 27px;
	}
	
	.wheretobuy form .step a
	{
		color: #757575;
		text-decoration: underline;
	}
	
	.wheretobuy .submit
	{
		float: right;
		display: inline;
		margin: 0px 240px 0px 0px;	
	}
	
	/* locator results */
	.wheretobuy .results .resultset
	{
		margin-top: 15px
	}
	
	.wheretobuy ul li
	{
		margin-bottom: 8px;
	}
		
		.wheretobuy ul li strong,
		.wheretobuy ul li p,
		.wheretobuy ul li span
		{
			float: left;
			display: inline;
		}
		
		.wheretobuy ul li strong
		{
			width: 170px;
			margin-right: 6px;	
		}
		
		.wheretobuy ul li p
		{
			width: 234px;
			margin-right: 6px;	
		}
		
		.wheretobuy ul li span
		{
			width: 180px;
		}
		
		.wheretobuy ul li span.phone
		{
			width: 120px;
			text-align: right;	
		}
		
	.wheretobuy .results .more
	{
		float: left;
		display: inline;
		margin: 35px 0px 0px 0px;
		font-weight: bold;
		color: #eb008b;
		text-decoration: none;
		background: transparent url(../images/more-btn.gif) no-repeat right center;	
		padding-right: 16px;
	}
	
	.wheretobuy .results .last
	{
		float: left;
		display: inline;
		margin: 35px 20px 0px 0px;
		font-weight: bold;
		color: #eb008b;
		text-decoration: none;
		background: transparent url(../images/less-btn.gif) no-repeat left center;
		padding-left: 16px;
	}
	
	.wheretobuy .results .submit
	{
		margin: 35px 190px 0px 0px;	
	}
	
	.wheretobuy .results .error
	{
		width: 400px;	
	}
	
/* FAQ */
.wrapperseparated div.faq,
.wrapperseparated div.contactus,
.wrapperseparated div.register,
.wrapperseparated div.philosophy
{
	position: relative;
	height: auto;
	padding-bottom: 110px;
}

#p1.hdr-faq
{
	width: 580px;
}

.faq ul
{
	margin-top: 40px;	
}

	.faq ul li
	{
		margin: 0px 0px 12px 7px;
	}

	.faq ul li.On
	{
		margin-bottom: 25px;
	}

	.faq ul li a
	{
		font-size: 11px;
		color:#e80089;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}

	.faq ul li div
	{
		display: none;
	}
	
	.faq ul li p
	{
		float: none;
	}

	.faq ul li.On a
	{
		color: #fff;
	}
	
	.faq ol
	{
		margin: 5px 0px;
	}
	
		.faq ol li
		{
			list-style-position:outside;
			list-style-type:decimal;	
			margin: 0px 0px 0px 25px;
		}

	.faq ul li.On div
	{
		display: block;
		color: #707070;
		margin: 25px 0px 0px;
		font-size: 11px;
	}
		
		.faq ul li.On div a
		{
			color: #e9008a;
		}

.faq .previous
{
	float: none;
	display: inline-block;
	color: #fff;
	background: transparent url(../images/lessfaq-btn.gif) no-repeat left center;	
	padding: 11px 7px 13px 15px;
	text-decoration: none;
	margin-left: 3px;
}
	
.faq .seemore
{
	float: none;
	display: inline-block;
	color: #fff;
	background: transparent url(../images/morefaq-btn.gif) no-repeat right center;	
	padding: 11px 15px 13px 7px;
	text-decoration: none;
}

.faq p.contact
{
	float: none;
	display: block;
	color: #757575;
	margin: 0px 0px 0px 7px;
}

	.faq p.contact a
	{
		color: #e9008a;
		font-weight: bold;
		text-decoration: none;
	}
	
.wrapperseparated .footer
{
	width: 890px;	
	height: 40px;
	overflow: hidden;
	background: transparent url(../images/footer-bg.jpg) no-repeat center top;
	padding-top: 60px;
	_height: 100px;
	_width: 915px;
	/* top: 830px; */
	top: 0px;
	position: relative;
}

div.register
{
	height: 700px;	
}

.register p
{
	float: none;
	margin: 0px 0px 0px 7px;
}

	.register p.note
	{
		margin: 25px 0px 15px 7px;	
	}

	.register p strong,
	.register p a
	{
		color: #e80089;
		text-decoration: none;
	}
	
.register .sep
{
	margin-bottom: 15px;	
}

.register fieldset .left,
.register fieldset .right
{
	float: left;
	display: inline;
	width: 230px;	
}

.register fieldset .right
{
	margin-left: 200px;	
}

.register fieldset .field
{
	margin: 0px 0px 20px 7px;
}

	.register fieldset .field span
	{
		display: block;	
	}
	
	.register fieldset .field span span
	{
		display: inline;	
	}
	
	.register fieldset .field input,
	.register fieldset .field select
	{
		border: 1px solid #2f2e2e;
		background: #0e0e0e;
		width: 217px;
		height: 25px;
		line-height: 25px;
		color: #757575;
		margin-top: 5px;
	}
	
	.register .checkboxes
	{
		display: block;
		margin: 30px 0px 0px 7px;
	}
	
		.register .checkboxes input
		{
			margin-right: 5px;
			position: relative;
			top: 1px;
		}
	
	.register .submit
	{
		margin: 30px 0px 30px 7px;	
	}
	
/* COUPON */
.coupon h1
{
	margin: 78px 0px 50px 70px;	
}

.coupon p
{
	float: none;
	display: block;
	width: 295px;
	overflow: hidden;
	margin: 0px 0px 0px 70px;
	color: #757575;
}

.coupon a
{
	position: relative;
	left: 61px;
}

/* CONTACT US */
.contactus p strong
{
	color: #e80089;
	display: block;
	margin-bottom: 3px;
}

.contactus p a
{
	color: #e80089;
	text-decoration: none;
}

.contactus .thanks
{
	float: none;	
	margin-left: 7px;
}

.contactus p.phone
{
	margin: 25px 0px 35px 7px;
	width: 403px;
}

.contactus p.emergency
{
	margin: 25px 0px 35px 0px;
}

.contactus p.note
{
	float: none;
	display: block;
	margin-left: 7px;
}
	
.contactus p.mandatory
{
	float: none;
	display: block;
	margin: 50px 0px 20px 7px;
}

.contactus fieldset .left
{
	float: left;
	display: inline;
	width: 410px;
}

.contactus .sep
{
	margin: 0px 0px 25px 0px;
}

.contactus fieldset p
{
	float: none;
	margin-left: 7px;
}

.contactus fieldset .right
{
	float: left;
	display: inline;
	width: 270px;
}

.contactus fieldset .field
{
	margin: 0px 0px 20px 7px;
}

	.contactus fieldset .field span
	{
		display: block;	
	}
	
	.contactus fieldset .field span span
	{
		display: inline;	
	}
	
	.contactus fieldset .field .phone,
	.contactus fieldset .field .extension
	{
		float: left;
		display: inline;
	}
	
	.contactus fieldset .field .phone input
	{
		width: 170px;
		margin-right: 7px;
	}
	
	.contactus fieldset .field .extension input
	{
		width: 70px;
	}
	
	.contactus fieldset .field input,
	.contactus fieldset .field select,
	.contactus fieldset .field textarea
	{
		border: 1px solid #2f2e2e;
		background: #0e0e0e;
		width: 215px;
		height: 25px;
		line-height: 25px;
		color: #757575;
		margin-top: 5px;
	}
	
		.contactus fieldset .field select#ddlMonth
		{
			width: 100px;	
		}
		
		.contactus fieldset .field select#ddlDay
		{
			width: 60px;	
		}
		
		.contactus fieldset .field select#ddlYear
		{
			width: 80px;	
		}
		
		.contactus fieldset .checkboxes input
		{
			width: 12px;
			height: 12px;	
		}
	
	.contactus fieldset .field textarea
	{
		height: 105px;	
	}
	
	.contactus fieldset .checkboxes
	{
		display: block;
		margin: 30px 0px 30px 0px;
	}
	
		.contactus .checkboxes input
		{
			margin-right: 5px;
			position: relative;
			top: 1px;
		}
		
		.contactus fieldset .radios input
		{
			width: 12px;
			height: 12px;
			position: relative;
			top: -2px;
			
		}
		
		.contactus .radios input,
		.contactus .radios .title
		{
			float: left;
			display: inline;
		}
		
		.contactus .radios .title
		{
			width: 35px;
			margin-top: 2px;
		}
	
	.contactus .submit
	{
		margin: 0px 0px 30px 5px;	
	}