@charset "utf-8";

/*

mylumalife.com - (x)html, css, and JavaScript programming by: Michael Angeletti

Browser reset

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
	margin: 0;
	padding: 0;
}

body, div, span, applet, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, table, tbody, dl, dt, dd, ol, ul, li, fieldset, form, button, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	text-decoration: none;
	position: relative;
}

input, tr, td, th {
	margin: 0;
	padding: 0;
}


/*

html, body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	height: 100%;
	font: 11px/1.3 Tahoma, Verdana, Geneva, sans-serif;
	color: #000;
	background: #5E0522;
	text-align: center;
}


/*

Universal Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #06F;
}

	a:hover {
		text-decoration: underline;
	}

.none, .hide {
	display: none;
}


/*

Container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


/*

Main content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main {
	width: 900px;
	float: left;
}

	.main_image {
		width: 900px;
		float: left;
	}


/*

Form

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.form_wrap {
	width: 313px;
	top: 432px;
	left: 515px;
	position: absolute;
}

	.form_wrap .header {
		width: 299px;
		padding: 0 7px;
		float: left;
	}
	
	.form_wrap .form {
		width: 275px;
		padding: 13px 19px 19px 19px;
		float: left;
		color: #686161;
		background: transparent url(../images/form_bottom_cap.png) left bottom no-repeat;
	}
	
	.form .claim_arrow {
	left: -93px;
	top: -4px;
	position: absolute;
	}
	
	.form .errors {
		width: 243px;
		margin: 0 0 12px 0;
		padding: 12px 15px;
		border: 1px #E44D2E solid;
		float: left;
		color: #BC3518;
		background: #FCECE9;
	}
	
		.form .errors h2 {
			padding: 0 0 10px 0;
			font-weight: bold;
		}
		
		.form .errors li {
			padding: 0 0 10px 0;
			list-style: inside decimal;
		}
		
		.form form {
			width: 275px;
			float: left;
		}
		
			.form form .terms {
				width: 155px;
				height: 100px;
				float: right;
				overflow: scroll;
			}
			
			.form form dl {
				width: 275px;
				padding: 0 0 4px 0;
				float: left;
			}
			
				.form form dl.terms_row {
					margin: 6px 0;
					padding: 10px 0;
					border-top: 1px #CCC solid;
					border-bottom: 1px #CCC solid;
				}
			
				.form form dl dt {
					width: 85px;
					padding: 5px 0 0 0;
					float: left;
					text-align: right;
				}
				
					.form form dl.terms_row dt {
						width: 230px;
						padding: 5px 0 0 0;
						float: right;
						text-align: left;
					}
					
					.form form dl.terms_row dd {
						width: 15px;
						padding: 0 10px 0 10px;
						float: left;
					}
					
						.form form dl.terms_row dd .checkbox {
							margin: 6px 0 0 0;
						}
					
				.form form .shipping_upgrade {
					width: 275px;
					margin: 10px 0 0 0;
					padding: 10px 0 0 0;
					border-top: 1px #CCC solid;
					float: left;
				}
					
					.form form .shipping_upgrade dl dt {
						width: 230px;
						padding: 5px 0 0 0;
						float: right;
						text-align: left;
					}
					
					.form form .shipping_upgrade dl dd {
						width: 15px;
						padding: 0 10px 0 10px;
						float: left;
					}
					
						.form form .shipping_upgrade dl dd .checkbox {
							margin: 6px 0 0 0;
						}
				
			.form form label {
				font-weight: bold;
			}
				
				.form form dl dd {
					width: 180px;
					float: right;
				}
				
					.form form dl dd em {
						width: 175px;
						padding: 2px 0;
						float: left;
						text-align: center;
						font-style: normal;
					}
					
					.form form dl dd span {
						float: left;
						line-height: 25px;
					}
					
					.form form dl dd .text {
						width: 169px;
						height: 15px;
						padding: 5px;
						border: none;
						border-right: 1px #C7C7C7 solid;
						float: left;
						background: transparent url(../images/input_bg.png) left top no-repeat;
					}
					
					.form form dl dd select {
						width: 179px;
						height: 25px;
						padding: 3px 0;
						border: none;
						border-right: 1px #C7C7C7 solid;
						border-left: 1px #C7C7C7 solid;
						float: left;
						background: #FFF url(../images/input_bg.png) left top no-repeat;
					}
					
					.form form dl dd .checkbox {
						margin: 10px 0 0 0;
						float: left;
					}
					
						.form form dl dd select option {
							background: #FFF;
						}
			
			.form form .submit {
				width: 275px;
				margin: 10px 0 0 0;
				float: left;
			}
			
				.form form .submit .arrow {
					right: -47px;
					bottom: 0px;
					position: absolute;
					z-index: 50;
				}
			
				.form form .submit button {
					width: 275px;
					height: 79px;
					float: left;
					text-indent: -9000px;
					cursor: pointer;
					background: transparent url(../images/submit_button.png) left top no-repeat;
				}
				
#CreditCardExpMonth {
	width: 117px;
	margin: 0 3px 0 0;
}

#CreditCardExpYear {
	width: 60px;
}

#CreditCardVerificationNumber {
	margin: 0 10px 0 0;
	width: 60px;
}


/*

Three offer radio inputs

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.form form .offer_radios {
	width: 275px;
	margin: 10px 0;
	padding: 46px 0 10px 0;
	float: left;
	background: #FDDBF0 url(../images/select_your_package.png) left top no-repeat;
}

	.form form .offer_radios dl {
		width: 275px;
		float: left;
	}
	
		.form form .offer_radios dl dt {
			width: 230px;
			float: right;
			text-align: left;
			color: #000;
			font-family: Verdana, Geneva, sans-serif;
		}
		
			.form form .offer_radios dl dt strong {
				padding: 0 0 2px 0;
			}
			
			.form form .offer_radios dl dt small {
				font-style: italic;
			}
		
		.form form .offer_radios dl dd {
			width: 15px;
			padding: 5px 10px 0 10px;
			float: left;
		}
		


/*

Anchors and other specific page styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.middle_form_link{
	width: 360px;
	height: 243px;
	left: 453px;
	top: 1895px;
	position: absolute;
	text-indent: -9000px;
	background: transparent url(../images/clear.png) top left repeat;
}

.bottom_form_link{
	width: 740px;
	height: 130px;
	left: 80px;
	top: 2717px;
	position: absolute;
	text-indent: -9000px;
	background: transparent url(../images/clear.png) top left repeat;
}

.give_away_link {
	width: 285px;
	height: 190px;
	top: 1860px;
	left: 540px;
	position: absolute;
	text-indent: -9000px;
	background: transparent url(../images/clear.png) top left repeat;
}

.slide_in_video {
	top: 598px;
	left: 92px;
	position: absolute;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Order Form

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.lp_order {
	width: 189px;
	height: 328px;
	top: 506px;
	left: 620px;
	position: absolute;
}

	.lp_order fieldset {
		width: 189px;
		height: 328px;
		float: left;
	}
	
	.lp_order form {
		width: 189px;
		height: 328px;
		float: left;
	}

	.lp_order legend {
		display: none;
	}
	
	.lp_order dt {
		display: none;
	}
	
	.lp_order dd {
		width: 100%;
		float: left;
	}

.lp_input_text {
	width: 179px;
	padding: 4px;
	height: 15px;
	border: none;
	float: left;
	background: transparent url(../images/landing_page/input_shadow.png) top left no-repeat;
}

	.lp_order select {
		width: 187px;
		height: 23px;
		padding: 2px 0;
		border: none;
		float: left;
		background: transparent url(../images/landing_page/input_shadow.png) top left no-repeat;
	}
	
		.lp_order select option {
			background: #FFF;
		}

	.lp_order dl {
		width: 189px;
		position: absolute;
	}

.order_anchor {
	top: -69px;
	position: absolute;
}
	
.lp_first_name {
	top: 0px;
	left: 0px;
}

.lp_last_name {
	top: 30px;
	left: 0px;
}

.lp_email {
	top: 60px;
	left: 0px;
}

.lp_phone {
	top: 90px;
	left: 0px;
}

.lp_address {
	top: 145px;
	left: 0px;
}

.lp_city {
	top: 175px;
	left: 0px;
}

.lp_state {
	top: 205px;
	left: 0px;
}

.lp_zip {
	top: 235px;
	left: 0px;
}

div.lp_submit {
	width: 189px;
	height: 47px;
	top: 264px;
	left: 5px;
	position: absolute;
	background: transparent url(../images/landing_page/submit.jpg) top left no-repeat;
}

	div.lp_submit button {
		width: 187px;
		height: 47px;
		float: left;
		display: block;
		text-indent: -9000px;
		cursor: pointer;
		background: transparent;
	}
	
.lp_75only {
	width: 1299px;
	height: 51px;
	top: 445px;
	left: 522px;
	position: absolute;
}


.lp_video {
	width: 300px;
	height: 330px;
	top: 125px;
	left: 650px;
	position: absolute;
}

.lp_image {
	width: 299px;
	height: 51px;
	top: 0px;
	left: 0px;
	position: absolute;
}

.lp_scroll { width: 740px;
			 height: 24px;
			 top: 2573px;
			 left: 85px;
			 position: absolute;
}

.lp_scroll2 { width: 740px;
			 height: 24px;
			 top: 3757px;
			 left: 85px;
			 position: absolute;
}

.lp_testft { width: 750px;
			 height: 400px;
			 top: 265px;
			 left: 256px;
			 position: absolute;
}

.lp_testft1 { width: 750px;
			 height: 400px;
			 top: 305px;
			 left: 256px;
			 position: absolute;
}
.lp_testft2 { width: 750px;
			 height: 400px;
			 top: 345px;
			 left: 256px;
			 position: absolute;
}.lp_testft3 { width: 750px;
			 height: 400px;
			 top: 385px;
			 left: 256px;
			 position: absolute;
}.lp_testft4 { width: 750px;
			 height: 400px;
			 top: 425px;
			 left: 256px;
			 position: absolute;
}

.slide_cover {
	top: 434px;
	left: 234px;
	position: absolute;
}

.marquee_1 {
	width: 735px;
	top: 1509px;
	left: 85px;
	position: absolute;
	font-size: 16px;
	line-height: 21px;
	font-family:Arial,helvetica;
	font-weight: bold;
}

.marquee_2 {
	width: 735px;
	top: 3757px;
	left: 85px;
	position: absolute;
	font-size: 18px;
	line-height: 23px;
	font-family:Arial,helvetica;
	font-weight: bold;
}


/*

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer_links {
	width: 700px;
	padding: 15px 100px;
	float: left;
	text-align: center;
}

	.footer_links a {
		color: #BBB;
	}

	.footer_links li {
		display: inline;
		padding: 0 5px;
	}

.footer {
	width: 700px;
	padding: 0 100px 10px 100px;
	float: left;
}


/*

3 Offers Overlay

~~~~ */

.overlay {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 100;
	background: transparent url(../images/overlay.png) left top repeat;
	display: none;
}

.three_offers {
	width: 453px;
	height: 960px;
	top: 123px;
	left: 67px;
	position: absolute;
	z-index: 500;
	background: transparent url(../images/3_offers.png) left top no-repeat;
}

#three_offers_positioner {
	width: 1px;
	height: 1px;
	top: 123px;
	left: 67px;
	position: absolute;
	background: transparent;
}

	.three_offers .three_offers_background {
		width: 453px;
		height: 960px;
		top: 0px;
		left: 0px;
		position: absolute;
	}
	
	.three_offers .offer_1_select_link {
		width: 424px;
		height: 225px;
		left: 15px;
		top: 172px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../../images/transparent.gif) left top no-repeat;
	}
	
	.three_offers .offer_2_select_link {
		width: 424px;
		height: 225px;
		left: 15px;
		top: 404px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../../images/transparent.gif) left top no-repeat;
	}
	
	.three_offers .offer_3_select_link {
		width: 424px;
		height: 225px;
		left: 15px;
		top: 636px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../../images/transparent.gif) left top no-repeat;
	}

.pixel_loader {
	width: 1px;
	height: 1px;
	top: -9000px;
	left: -9000px;
	position: absolute;
	text-indent: -9000px;
}