html * {margin: 0; padding: 0; border: 0;}

html {font-family: Verdana, Tahoma, Helvetica, Arial;}

body { background-color: #e4e5e6; }

a{text-decoration: none;}

div#pagecontainer {
	position: relative;
	width: 770px;
	margin: 20px auto 30px auto;
	padding: 15px 0px 15px 0px;
	
	background-color: #ffffff;
}

div#header {
	width: 740px;
	height: 105px;
	
	margin: 0px auto 0px auto;
	background: #ffffff url(../images/headerbg.png) repeat-x;
}

	div#header img#logo {
		display: block;
		margin: 0px 30px 5px 18px;
		padding-top: 14px;
		
		float: left;
	}
	
	div#header img#dontsleep {
		display: block;
		margin: 0px 0px 0px 0px;
		padding-top: 16px;
		float: left;
	}
	
	div#header div#headernav {
		clear: both;
		width: 720px;
		height: 25px;
		
		margin: 0px auto 0px auto;
		background-color: #ffffff;
	}
	
		div#header div#headernav a {
			display: block;
			height: 20px;
			float: left;
			padding-top: 5px;
		}
			div#header div#headernav a#hntohome {margin-right: 17px;}
			
			div#header div#headernav img.hnseparater {display:block;float:left;padding-top:5px;}

div#video {
	position: relative;
	top: 15px;
	left: 0px;
	z-index: 100;
	width: 738px;
	height: 351px;
	
	margin: 0px auto 30px auto;
	
	border: 1px solid #002469;
	background-color: #ffffff;
}

	div#video img {
		float: left;
		margin-right: 20px;
	}
	
	div#video object {
		position: relative;
		top: 15px;
		float: left;
	}
	
div#primary_promos		{ width:740px; margin: 0 0 0 15px; }	
div#primary_promos img	{ margin:0 -3px 0 0; }
div#secondary_promos		{ width:740px; margin: 0 0 0 15px; }
div#secondary_promos img	{ margin:0 -3px 0 0; }
/* =============================== */
/* The Stereo Madness Starts Here */
/* =============================== */

div#forpullout {
	position: relative;
	width: 740px;
	height: 385px;
	
	margin: 0px auto 0px auto;
	
	background-color: #ffffff;
}

div.madness {
	position: relative;
	top: 15px;
	left: 0px;
	z-index: 100;
	width: 738px;
	height: 355px;
	
	margin: 0px auto 0px auto;
	
	border: 1px solid #002469;
	background-color: #ffffff;

}
	div#twcomadness, div#apmadness{top:0px;margin-bottom: 15px;}
	
	img.matting {
		position: absolute;
		top: 16px;
		left: 0px;
		z-index: 102;
		display: block;
		
		opacity: 1;
		z-index: 102;
	}
	
	img#twcocurve, img#apcurve {top: 0px;}
	img#stereoregcurve, img#twcoregcurve, img#apregcurve {opacity: 0;}
	
	div.thedeal{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
		display: block;
		width: 738px;
		height: 355px;
		
		/* border: 1px solid #002469; */
		overflow: hidden;
	}
	
	div.moreinfo, div.moreinfo2 {
		position: absolute;
		top: 315px;
		left: 200px;
		z-index: 300;
		width: 240px;
		height: 30px;
		cursor: pointer;
	}
		div#stereomoreinfo2, div#twcomoreinfo2, div#apmoreinfo2 {display:none;}
	
	div.thedealframe {
		position: relative;
		width: 1476px;
		height: 710px;
		overflow: hidden;
	}
	
	div.adealframe {
		display: block;
		width: 738px;
		height: 355px;
		float: left;
	}
	
	div.coupon {
		background-color: #ffffff;
	}
	
	div.couponinfo {
		position:absolute;
		top: 0px;
		left: 0px;
		display: block;
		opacity: .01;
		clear: both;
		background-color: #ffffff;
	}
	
div#pullout {
	position: absolute;
	top: 0px;
	left: 600px;
	z-index: 60;
	width: 180px;
	height: 385px;

	background-image: url(../images/pulloutbg.png);
}

img.warning {
	position: absolute;
	top: 140px;
	left: -290px;
	
	z-index: 101;
	opacity: .9;
	filter: alpha(opacity=90);
	zoom:1;
	cursor: pointer;
}

/* =============================== */
/* Registration */
/* =============================== */
div#loginorregister {
	display: block;
	width: 520px;
	height: 25px;
	
	margin: 19px 0px 15px 218px; /* Lame I know, but I wanted the left edges of text to line up with form */
	background-color: #ffffff;
}

	img#loginchoice, img#registerchoice {
		display:block;
	}
	
form#registrationform, form#loginform {
	display: block;
	width: 520px;
	height: 275px;
	
	margin: 0px 0px 0px 218px;
	background-color: #ffffff;
}

	form#registrationform {display: block;}
	form#loginform {display: none;}

div#registerrequired, div#loginrequired {
	display: block;
	width: 320px;
	height: 275px;
	
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #ffffff;
	
	border-right: 1px solid #b1b3b6;
}

	div#registerrequired p, div#loginrequired p {
		font-size: 12px;
		color: #3c3c3c;
	}
	
	div#registerrequired input, div#loginrequired input {
		display: table-cell;
		width: 300px;
		height: 25px;
		
		border: 2px solid #b1b3b6;
		margin: 0px 0px 8px 0px;
		font-size: 16px;
		line-height: 25px;
		vertical-align: center;
		color: #3c3c3c;
	}
	
div#registeroptional, div#loginoptional {
	display: block;
	width: 165px;
	height: 183px;
	
	margin: 0px 0px 0px 15px;
	background-color: #ffffff;
	float: left;
}

	input#regsubmit, input#logsubmit {
		display: block;
		width: 131px;
		height: 81px;
		
		background-image: url(../images/dealregistration/submit.gif);
		margin: 0px 0px 0px 15px;
		float: left;
		cursor: pointer;
	}
	
		input#logsubmit {
			background-image: url(../images/dealregistration/submitlogin.gif);
		}

/* =============================== */
/* The Bottom Nav Stuff */
/* =============================== */
div#bottomlinks {
	width: 740px;
	height: 132px;
	
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}

	div#bottomlinks a.blbig {
		display: block;
		width: 146px;
		height: 105px;
		float: left;
		
		margin: 0px 2px 2px 0px;
		background-color: #000000;
	}
	
	div#bottomlinks a.blsmall {
		display: block;
		width: 146px;
		height: 25px;
		
		float: left;
		margin: 0px 2px 0px 0px;
		background-color: #58595b;
	}


div#howitworks {
	position: relative;
	top: 15px;
	left: 0px;
	z-index: 100;
	width: 738px;
	height: 377px;
	
	margin: 0px auto 30px auto;
	
	border: 1px solid #002469;
	background-color: #ffffff;
}

div#howitworks2 {
	position: relative;
	top: 15px;
	left: 0px;
	z-index: 100;
	width: 738px;
	height: auto;	
	margin: 0px auto 15px auto;	
	border: 1px solid #002469;
	background-color: #ffffff;
}

div#map {
	width: 296px;
	height: 375px;
	float: left;
	background-color: #dbdbdb;
}

div#biggreyblock {
	position: absolute;
	top: 200px;
	left: -600px;
	z-index: 400;
	display: block;
	width: 600px;
	height: 900px;
	
	background-color: #e4e5e6;
}

div#bigwhiteblock {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 400;
	display: block;
	width: 15px;
	height: 400px;
	
	background-color: #ffffff;
}

/*
*	How it works
*/
#hownav			{ width:738px; margin:25px auto 0; }
#hownav li		{ display:inline; cursor:pointer; margin:0 11px 0 0; }
#howitworks2	{ min-height:372px; }
#hownav .last	{ margin:0 0 0 0; }