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

/*General*/
html { background: #B9E5FE; margin: 0; padding: 0; }
body { margin: 0 auto; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.jpg) repeat-x left top #FFFFFF; }
#home { margin: 0 auto; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; background: url(../images/bgHome.jpg) repeat-x top left #FFFFFF; width: auto; min-width: 960px; max-width: auto; }

h2 { font-size: 1.8em; color: #202C77; }
h3 { font-size: 1.75em; color: #9AC423; }

p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.5em; color: #79828C; }
li { font-size: 1.3em; line-height: 1.6em; color: #79828C; }

strong { color: #005FA3; }
/*a:link old color: 016F9E*/
a:link, a:visited { color: #4CB8E7; text-decoration:none}
a:hover, a:active { text-decoration: underline; }

#bg { background: url(../images/bg_footer.jpg) repeat-x left bottom; }

#container {
	 background: url(../images/bg_flash.png) no-repeat top center;
	 margin: 0 auto; padding: 0 0 0 15px; text-align: left;
	 width: auto !important; width: 930px;
}

/*Header*/
#header { position: relative; width: 960px; margin: 0 auto; }
	#logo {
		position: relative;
		background: url(../images/logo.png) no-repeat left top;
		margin: 35px 0 25px 0;
		display: block; float: left;
		width: 160px; height: 90px;
	}
	#logo span { position: absolute; text-indent: -99999px; }
	
	#repInfo { float: right; text-align: right; padding: 47px 0px 0 0; width: 168px; }
		#repInfo .repIntro { font-size: 12px; color: #202C77; font-weight: bold; }
		#repInfo p { margin: 0; color: #202C77; font-size: 1.4em; }
		#repInfo p a { color: #016F9E; }
	
	#menu { position: relative; margin-top: 45px; float: left; list-style: none; padding: 25px 15px; }
		#menu li { display: inline; float: left; }
		#menu li a {
			color: #FFFFFF; margin: auto 15px;
            position: relative; overflow: hidden;
			z-index: 10; top: 1px;
        }
        #menu li a:hover, #menu li a:active, #menu li a:visited { border: none; text-decoration: none; }
		/*Lavalamp Menu*/
		.lavaLamp {
            position: relative; overflow: hidden;
            padding: 15px; margin: 10px 0;
        }
        .lavaLamp li.back {
            background: url(../images/lavaR.png) no-repeat top right;
            width: 9px; height: 22px; z-index: 8; position: absolute; }
        .lavaLamp li.back .left {
            background: url(../images/lava.png) no-repeat top left;
            height: 22px; position: relative; margin-right: 9px; }
		/*End Lavalamp Menu*/
	#submenuHome, #submenu { clear: both; margin-bottom: 40px; }
	#submenu { border-bottom: 1px solid #FFFFFF; }
		#submenu ul { list-style: none; padding: 0; margin-left: 0px; margin-bottom: 15px; }
			#submenu ul li { display: inline; font-size: 1.4em; padding: 1px 15px; border-left: 2px solid #FFFFFF; }
			#submenu ul li.firstSubmnu { padding-left: 0px; margin-left: 0px; border: none; }
			#submenu ul li a { color: #FFFFFF; }

/*Content Body*/
#content { position: relative; width: 960px; margin: 0 auto; z-index: 5; padding: 1px 0; }
	/*Left Content Column*/
	#contentColL { float: left; width: 665px; padding-right: 30px; }
		#contentColL h2 {
			margin: 10px 0 15px;
			font-size: 3.25em; color: #202C77;
			font-family: "Myriad Pro", "Helvetica Neue", sans-serif;
		}
		#contentColL h3 { font-size: 1.45em; margin-bottom: 1em; color: #202C77; }
		#contentColL .company { margin-bottom: 75px; }
		#contentColL img { float: left; }
		#contentColL .companyDesc { margin-left: 267px; }
		#contentColL ul { margin: 30px 0; }
		
		.caption { clear: left; padding: 10px; }
		
	.tryAsea a {
		float: left; display: block;
		width: 215px;
		padding: 15px 10px; margin-top: 70px;
		color: #4CB8E7;
		font-size: 1.825em;
	}
	.tryAsea a:hover, .tryAsea a:active { text-decoration: none; }
	.tryImg {
		background: url(../images/arrowDark.png) no-repeat top left;
		margin-left: 5px; margin-top: -7px;
		padding: 0;
		float: right; display: block;
		width: 36px; height: 40px;
		text-indent: -99999px;
	}
	/*Right Content Column*/
	#contentColR { float: left; width: 260px; }
	#contentColR div { float: right; }
		#contentColR h2 { font-size: 1.45em; margin-bottom: .5em; color: #202C77; margin-left: 53px;}
		#contentColR input { display: block; margin-bottom: 1.6em; width: 200px; color: #79828C; float: right; }
		#contentColR .submit { display: block; width: 91px; height: 23px; }
		
		.aseaBottleProd { margin: 0; padding: 0; margin-top: -25px; }
		.aseaBottle { margin-top: 30px; }
	
	.clear { clear: both; }

/*Footer*/
#footer {
	background: url(../images/bg_footer.jpg) repeat-x left bottom #FFFFFF;
	position: relative; display: block;
	text-align: center;
	margin: -50px auto 0;
	min-width: 960px; width: auto !important; width: 960px; min-height: 175px; height: 204px;
	overflow: visible;
	z-index: 2;
}
    #locale { position: absolute; top: 0px; right: 15px; z-index: 900; margin-top: 15px; }
    #locale p { color: #EFEFEF; }
    	#locale p a { color: #EFEFEF; text-decoration: underline; margin-left: 10px; }
    	#locale p a:hover, #locale p a:active { color: #202C77; }
	#copyright { position: absolute; bottom: 0; right: 250px; z-index: 900; margin-top: 15px; }
	#footerImg {
		position: absolute;
		display: block;
		margin: 0 auto;
		width: auto !important; /* width: 950px;*/ height: 204px;
		background: url(../images/bottom_swoosh.png) no-repeat top center;
		bottom: 0;
	}

/*SITE PAGES*/

/*Home Page*/
		#bannerText1 h2, #bannerText1 h3,
		#bannerText2 h2, #bannerText2 h3,
		#bannerText3 h2, #bannerText3 h3 { text-indent: -99999px; }
		
		#s1 p, #s2 p, #s3 p { position: absolute; margin: 0; width: 400px; font-size: 1.3em; }
		#s1 a, #s2 a, #s3 a {
			display: block; width: 260px; height: 34px; background: url(../images/bannerButton.jpg) no-repeat left top;
			position: absolute; right: 75px; top: 275px;
			margin: 0;
			font-size: 1.8em; color: #4CB8E7; }
		#s3 a { top: 300px; }
		#s1 a:hover, #s2 a:hover, #s3 a:hover,
		#s1 a:active, #s2 a:active, #s3 a:active { background: url(../images/bannerButton.jpg) no-repeat 0px -34px; }
		
		#s1 a span, #s2 a span, #s3 a span { position: absolute; text-indent: -99999px; }

#homeBanners { margin-top: 15px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
	#homeBanners div { position: relative; display: block; margin: 0; }
	#s1 { background: url(../images/homeBanner1.jpg) no-repeat left top; height: 400px; width: 725px; }
		#bannerText1 { position: absolute; left: 200px; top: 40px;
			background: url(../images/bannerText1.jpg) no-repeat left top;
			width: 475px; height: 130px;
		}
		#s1 p { top: 175px; left: 290px; }
	#s2 { background: url(../images/homeBanner2.jpg) no-repeat left top; height: 400px; width: 725px; }
		#bannerText2 { position: absolute; left: 233px; top: 37px;
			background: url(../images/bannerText2.jpg) no-repeat left top;
			width: 475px; height: 130px;
		}
		#s2 p { top: 175px; left: 320px; }
	#s3 { background: url(../images/homeBanner3.jpg) no-repeat left top; height: 400px; width: 725px; }
		#bannerText3 { position: absolute; left: 233px; top: 70px;
			background: url(../images/bannerText3.jpg) no-repeat left top;
			width: 475px; height: 130px;
		}
		#s3 p { top: 205px; left: 320px; }

#homeBottle {
	position: absolute; right: 10px; bottom: 152px;
}
a.noDec:hover {
	text-decoration: none;
}
#homeRightBanner {
	background: url(../images/breakthrough-front-page.jpg);
	width: 225px;
	height: 495px;
	position: absolute; 
	right: 0px; 
	top: 65px;
	margin: 0 auto;
	text-align: center;
}
#countdown {
	font-size: 1.6em;
	text-align: center;
	position: relative;
	top: 440px;
}

#homeBuckets {
	position: relative;
	width: 750px; height: 100px;
	color: #FFFFFF;
}
#homeBuckets div, #homeBuckets div a { cursor: pointer; }
#homeBuckets a span { position: absolute; text-indent: -99999px; }
	#bucket1 {
		position: absolute; left: 0;
		z-index: 15;
	}
		#bucket1 a {
			display: block;
			width: 265px; height: 90px;
			background: url(../images/homeB1.png) no-repeat left top; }
		#bucket1 a:hover, #bucket1 a:active { background: url(../images/homeB1Hover.png) no-repeat left top; }
	#bucket2 {
		position: absolute; left: 245px;
		z-index: 14;
	}
		#bucket2 a {
			display: block;
			width: 265px; height: 90px;
			background: url(../images/homeB2.png) no-repeat left top; }
		#bucket2 a:hover, #bucket2 a:active { background: url(../images/homeB2Hover.png) no-repeat left top; }

.troubleVideo { color: #202C77; font-size: 1.25em; margin-left: 10px; }

#homeTestimonial { position: relative; }
	#pplSay { position: absolute; color: #202C77; font-size: 1.7em; margin: 15px 0 0 30px;}
	#homeTestQuotes { position: absolute; left: 240px; width: 425px; height: 50px; }
		.testimonials { color: #202C77; font-size: 1.1em; }

.overlayHome { 
    /* must be initially hidden */
    display: none;
    
    /* place overlay on top of other elements */
    z-index: 9999; 
     
    /* styling */
    /*background-color:#FFFFFF;*/
    width: 854px;     
    min-height: 518px;
    height: 518px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow: 0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
}
.close { 
    background: url(../images/overlay/close.png) no-repeat right top;
    position: absolute; 
    right: -15px; 
    top: -15px; 
    cursor: pointer; 
    height: 35px; 
    width: 35px;
    z-index: 999999;
}

/*Company Pages*/
#compHeader {
	position: relative;
	display: block;
	width: 625px; height: 120px;
	background: url(../images/title_company.png) no-repeat top left;
	
}
	#compHeader h2, #compHeader h3 { position: absolute; text-indent: -99999px; }

.contact { float: left; width: 50%; margin-right: 45px; }
.contactAddress { float: left; width: 35%; }
	.contactAddress p { font-size: 1.4em; color: #202C77; }

/*Product Pages*/
#prodHeader {
	position: relative;
	display: block;
	width: 581px; height: 120px;
	background: url(../images/title_product.png) no-repeat top left;
}
	#prodHeader h2, #prodHeader h3 { position: absolute; text-indent: -99999px; }

#scienceList { padding: 0; }
#scienceList li { font-size: 1.2em; list-style: none; display: inline; margin: 0; padding: 0 2px 0 5px; border-left: 1px solid #79828C; }
#scienceList li.firstList { border: none; padding-left: 0; }
#scienceList li a { color: #4CB8E7; }

.faqList li div p { margin-bottom: .5em; font-size: 1.1em; }
.faqList li div.Qs { cursor: pointer; }
.faqList li div.Qs p { color: #202C77; }
.faqList li div.As p { margin: 1em 0; font-size: 1em; }
	
.productionContent { float: left; width: 250px;}
.productionVideo { float: right; width: 400px; }

.overlayProduct { 
    /* must be initially hidden */
    display: none;
    
    /* place overlay on top of other elements */ 
    z-index: 9999; 
     
    /* styling */
    background-color:#FFFFFF;
    width: 640px;     
    min-height: 360px;
    height: 360px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow: 0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;    
}

.overlayProduct .close { 
    background-image:url(../images/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    z-index: 10000;
}

/*Opportunity Pages*/
#oppHeader {
	position: relative;
	display: block;
	width: 625px; height: 120px;
	background: url(../images/title_opportunity.png) no-repeat top left;
}
	#oppHeader h2, #oppHeader h3 { position: absolute; text-indent: -99999px; }
	
/*Video Page*/
.videoContent {
	overflow: hidden;
	margin-bottom: 30px;
}

	.videoDesc {
		width: 440px;
		float: left;
	}
	
		.videoDesc img {
			margin: 0 15px 0 0;
		}
		
	.vidFunctions {
		float: left;
		width: 225px;
		overflow: hidden;
		position: relative;
	}


/*Enroll Page*/
.steps {
	position: relative;
	display: block; width: 691px;
	background: url(../images/enrollBgTop.png) no-repeat top left;
	margin: 20px 0;
	overflow: visible;
}
	.steps a { color: #4CB8E7; }
	.stepsBody {
		position: relative; top: 6px;
		background: #FFFFFF;
		margin-bottom: 6px;
		padding-top: 1px;
		padding-bottom: 6px;
		border-right: 1px solid #4DBAE9;
		border-left: 1px solid #4DBAE9;
	}
	.ColumnTitle { position: relative; clear: both; border-bottom: 1px solid #AAAAAA; height: 22px; margin: 10px 20px 25px; }
		.ColumnTitle h3 { position: absolute; font-size: 1.75em; color: #202C77; }
		.TitleText { display: block; float: right; }
		.TitleText p { display: inline; }
		.TitleText input { width: auto; }
	.ColumnBody { clear: both; margin: 0; padding: 0 20px; }
		.ColumnBody h4 { font-size: 1.8em; color: #202C77; margin: 1em 0; }
		.ColumnBody input { width: 200px; }
		
		.col p, .col1 p, .col2 p, .colS3 p, .colAddress p, .colAddressS1 p { display: inline-block; width: 95px; text-align: right; margin-right: 7px; }
		
		.col input { width: 524px; }
		
		.colFull { width: 100%; margin: 0; }
			.colFull p { display: inline; margin-right: 10px; }
		.col1 { width: 49%; clear: both; float: left; margin-right: 5px; }
		.col2 { width: 49%; float: left; }
		
		.colS3 p { width: auto; }
		.colS3 .autoship { width: 280px; margin-right: 10px; }
		
		.colAddress, .colAddressS1 { clear: left; }
		.colAddress input { width: 524px; }
		.colAddressS1, .colAddressS { float: left; }
		.colAddressS p { display: inline-block; width: 48px; text-align: right; margin-right: 5px; }
		.colAddressS input { width: 100px; }
		
		.ssn p { text-align: left; display: block; width: 100%; margin-left: 25px; }
		.ColumnBody select { margin-bottom: 1em; }
		
	.stepsRow { border-bottom: 1px solid #AAAAAA; margin-bottom: 25px; }
		.billing { position: relative; height: 22px; }
			.billing h4 { float: left; margin-top: 0; }
			.billing .TitleText { display: block; float: right; }
			.billing .TitleText p { display: inline; }
			.billing .TitleText input { width: auto; }
			
		.colCard { margin-bottom: 1em; }
		.colCard p, .colCardN p { display: inline; margin: 0 5px 0 20px; }
		.colCard input { width: 280px; }
		
		.colCVC { width: 49%; float: left; }
		.colCVC p { display: inline-block; width: 105px; text-align: right; margin-right: 7px; float: left; }
		.colCVC input { width: 50px; float: left; margin-right: 5px; }
		.colCVC img { margin: 0; padding: 0; float: left; }
		
		.colURL p { display: inline-block; width: auto; text-align: right; margin-right: 7px; }
		
		.colPass p { width: 110px; display: inline-block; text-align: right; margin-right: 7px;}
		
		.congrats { line-height: 1.6em; padding-bottom: 1em; }
		.congrats input { width: auto; margin-right: 5px; }
		.congrats p { display: inline; color: #E5731E; }
		
		.formContinue { height: 23px; }
		.formContinue input { float: left; margin-right: 10px; }
		.formContinue p { display: inline; }
		
.stepsEnd { clear: both; width: 691px; height: 6px; background: url(../images/enrollBgBot.png) no-repeat top left; margin: 0; padding: 0; }

	.popUp { cursor: pointer; }
	/*-Warning-*/
		.warning {
			position: relative;
			display: block; width: 500px;
			background: url(../images/warningBgTop.png) no-repeat top left;
			margin: 20px 0;
			overflow: visible;
		}
		.warningBody {
			position: relative; top: 6px;
			background: #FFFFFF;
			margin-bottom: 6px;
			padding-top: 1px;
			padding-bottom: 6px;
			border-right: 1px solid #4DBAE9;
			border-left: 1px solid #4DBAE9;
		}
		.warningIcon { float: left; width: 100px; }
		.warningContentBody { float: left; width: 375px; padding: 10px; }
		.warningContentBody p { text-align: left; margin-bottom: .75em; color: #FF0000; }
		.warningEnd { clear: both; width: 500px; height: 6px; background: url(../images/warningBgBot.png) no-repeat top left; margin: 0; padding: 0; }
	/*End Warning-*/
/*-REP LOCATOR-*/
#repLocator { margin-top: 25px; width: 725px; padding-left: 10px; padding-right: 10px; }
#locatorContainer {
	text-align: left;
	border: none;
	padding: 15px;
	overflow: hidden; }
#locatorContainer h4 { text-align: left; padding: 5px 0 10px 5px; margin: 0; }
	#zipCode { display: none; }
	#name { width: 500px; font-size: 1.2em; line-height: 1.6em; margin-bottom: 1em; color: #79828C; }
	#city { display: none; }
	.Columns { padding: 0 5px 0 5px; }
	.TitleColumns { padding: 10px 5px 0 5px; }
	.lastName { float: left; margin-right: 20px; }
	.state { float: left; }
	.ButtonColumns { clear: both; padding: 10px 5px 0 5px; margin-top: 1em; }
#locatorResults { text-align: left; overflow: hidden; padding-top: 5px; margin-top: -25px; }
	#locatorResults table { border: 1px solid #380D2C; margin-left: 1px; width: 700px !important; }
	#locatorResults table tr { }
	#locatorResults table th { background: #2B84BE; border: 1px solid #380d2c; padding: 5px; font-size: 1.4em; }
	#locatorResults table th a { color: #FFFFFF; }
	#locatorResults table td { padding: 3px; font-size: 1.2em; border-bottom: 1px dotted #380D2C; }
/*---------------*/

/*-CONTACT REP PAGE-*/
.contactRepInfo { }
.contactRepInfo img { width: 150px; }
.contactRepInfo p { text-align: right; }

	.contactForm 	{ text-align: left; margin: 25px; width: 500px; }
	.contactForm label { display: block; font-size: 1.2em; line-height: 1.6em; margin-bottom: .25em; color: #79828C; }
	.contactForm input, .contactForm select { margin-bottom: 1em; display: block; }
	.contactForm input.txtInput { width: 200px; }
	.contactForm textarea.txtInput { width: 300px; height: 125px; display: block; }
	.contactForm .contactButton { margin-top: 1em; }
/*------------------*/

/*-Validation Summary-*/
.ValidationSummary li
{	
	color: Red;
}
/*--------------------*/