
/* Start */
html, body, .container {height: 100%;}

body > .container {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	margin:0px 0px 0px 0px;
	background-color:#EAEADE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:none;
}
form {
	margin:0px;
}
h1 {
	margin:0px 0px 8px 0px;
	color:#454343;
	font-size:20px;
	font-weight:normal;
}
h2 {
	margin:0px;
	color:#8e8e80;
	font-size:16px;
}
li {
	margin:8px 0px 8px 0px;
}
ul, ol {
	margin:0px 0px 0px 40px;
	padding:0px;
}
p {
	margin:0px 0px 8px 0px;
}




.container {
	display:block;
	background-color:#EAEADE;
}
.header {
	display:block;
	height:400px;
	background-color:#F6F6F1;
	background-image:url(/images/middle-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}



/* Header Navigation And Logo */
.header-top {
	display:block;
	padding:17px 0px 0px 0px;
	height:64px;
	width:952px;
	margin:0px auto 0px  auto;
}
.nav {
	display:block;
	float:right;
	margin:0px 0px 0px 0px;
}
.nav div {
	display:table;
	float:left;
	margin:0px 2px 0px 2px;
}
.nav div:hover {
	background-image:url(/images/nav-right.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F8B500;
}
.nav div a {
	display:block;
	font-size:11px;
	padding:4px 5px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	color:#434343;
	font-weight:bold;
}
.nav div a:hover {
	background-image:url(/images/nav-left.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color:#ffffff;
}
.logo	{
	display:block;
	float:left;
	clear:left;
	margin:0px;
	padding:0px;
}


/* Header Middle / Form */
.header-middle {
	display:block;
	clear:both;
	width:952px;
	margin:0px auto 0px  auto;
}

.form-bg {
	display:block;
	float:right;
	width:375px;
	height:250px;
	background-image:url(/images/form-bg.jpg);
	background-repeat:no-repeat;
}
.form {
	display:block;
	margin:70px 0px 0px 160px;
	
}
.first-name, .last-name, .email  {
   width:180px;
   font-size:12px;
   margin-bottom:6px;
   display:block;
}

.first-name:hover, .last-name:hover, .email:hover, .select-amount:hover  {

}

.select-amount, .check-01, .check-02, .check-03	{
	display:none;
}
.check-04 {
   display:table;
   width:200px;
   color:#ffffff;
}
.form a	{
	color:#F9D300;
	text-decoration:underline;
}
.form a:hover	{
	color:#F9D300;
	text-decoration:none;
}
.continue-button input {
   margin-top:10px;
}
/* Middle Nav */
.middle-nav {
	display:block;
	padding:1px 0px 0px 0px;
}
.middle-nav img {
	float:left;
	padding:0px 10px 0px 10px;
}
.middle-nav a {
	display:block;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	color:#FFFFFF;	
	font-weight:bold;
	margin:10px 0px 6px 0px;
	text-decoration:none;
	padding:6px 0px 6px 0px;
}
.middle-nav a:hover {
	text-decoration:underline;
}
.link-a {
	width:253px;
	height:82px;
	background-image:url(/images/arrow-1.png);
}
.link-b {
	width:274px;
	height:83px;
	background-image:url(/images/info-icon.png);
}	
.split	{
	margin-top:4px;
}



/*.main {padding-bottom: 100px;}   must be same height as the footer --  This is being handled by the class below*/

.main {
	display:block;
	clear:both;
	width:952px;
	margin:0px auto 0px  auto;
	padding:25px 0px 100px 0px;
}
.content {
	display:block;
	float:left;
	width:630px;
	color:#454343;
	margin-bottom:30px;
	padding-bottom:30px;
}
.content a {
	color:#680030;
	text-decoration:none;
	font-weight:bold;
}
.content a:hover {
	color:#b61d63;
}
.main img {
	float:right;
}





.footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px; 
	clear:both;
} 

#disclosures {
	width:952px;   /* What ever the wrappers width is. */
	margin:0 auto;  /* Centers the text or element */
	border-top:#666666 1px dotted;
	padding:20px 0px 0px 0px;
	color:#808080;
}
#disclosures ul	{
	margin:0px;
	padding:0px;
	text-align:center;
}
#disclosures ul li {  
  display:inline;
  margin-right:10px;
}
#disclosures ul li a {
	color:#808080;
	text-decoration:none;
}
#disclosures ul li a:hover {
	text-decoration:underline;
}

