html, body {
	background: #3668d9 url(../images/site-bgd.jpg) top left repeat-x;
}
#frame {
	margin: 20px auto;
	padding: 10px 0;
	border: 2px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #333 1px 1px 2px;
	-moz-box-shadow: #333 1px 1px 2px;
	-webkit-box-shadow: #333 1px 1px 2px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

a { color: #1f39a5; }
a:hover { color: #3668da;}

/* MASTHEAD */

#main-logo { margin-bottom: 25px; }
#main-logo h1 { margin: 0; padding: 0; }
#main-logo h1 a, #main-logo h1.no-link {
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	height: 134px;
	background: url(../images/zero-plan-logo.png) top left no-repeat;
}

#home-link {
	position: absolute;
	top: 160px;
	left: 15px;
	text-decoration: none;
	color: #ed3e45;
	padding: 2px 0 0 20px;
	background: url(../images/home-icon.gif) 0 0px no-repeat;
}
#home-link:hover { color: #000;}

#tagline {
	font-size: 350%;
	line-height: 0;
	text-align: center;
}

#login h4 {
	float: left;
	background: #f0f0f0 url(../images/login-bgd.gif) top right no-repeat;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0 15px 0 10px;
	width: 170px;
}

#login input.text {
	width: 100px;
	border: 1px solid #f0f0f0;
	font-size: 14px;
	padding: 2px;
}

#login input.submit {
	background: #666;
	color: #fff;
	padding: 4px;
	margin-left: 10px;
	font-size: 12px;
	border: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	vertical-align: top;
}

#login label {
	margin-left: 10px;
	color: #666;
}

#login p {
	font-size: 11px;
	margin-left: 435px;
}

/* HOME PAGE CONTENT */

#home-body {
	background: #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	overflow: hidden;
	margin: 10px;
}

#home-body h2 { padding: 0 1.5em; }

#home-options {
	background: #f0f0f0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}

#home-options { padding: 5px 25px 0; margin: 0; }

#home-options li {
	list-style: none;
	font-size: 2em;
	line-height: 1.5em;
}

#home-options li a {
	display: block;
	padding: 20px 0 25px;
	color: #333;
	text-decoration: none;
	padding-left: 100px;
	background: url(../images/check-box.gif) 0 0 no-repeat;
	border-bottom: 2px groove #f0f0f0;
}
#home-options li#home-options-consumer a { border: 0; padding-top: 25px; }

#home-options li a:hover {
	background: url(../images/check-box-checked.gif) 0 0 no-repeat;
	color: #000;
}

/* PAGE STYLES */

#page-content {
	background: #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	overflow: hidden;
	margin: 10px;
}

#page-content h2 { padding: 0 1.5em; }

#page-body {
	background: #f0f0f0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 1.5em 25px;
	margin: 0;
	overflow: hidden;
}

#page-body ul.customer-questions  { margin: 0; padding: 0; }

#page-body .customer-questions li { 
	list-style: none;
	padding: 10px 0 15px;
	border-bottom: 2px groove #f0f0f0;
}
#page-body .customer-questions  li.last { border: 0; }

#page-body .customer-questions  li a {
	font-size: 1.5em;
	line-height: 1.5em;
	display: block;
	color: #555;
	text-decoration: none;
}
#page-body .customer-questions  li a:hover { color: #ed3e45; }

#page-body h2 { padding: 0;}

.back-link { float: right; padding: 1.25em 1em 0 0; }
.back-link a { color: #ed3e45; text-decoration: none; }
.back-link a:hover { color: #000; }

/* ABOUT, CONTACT CONTENT */

#about, #contact { padding-left: 10px; }


/* AUTO - HOW */

#how dt, #how dd { border-top: 1px solid #ddd; padding-top: 15px }
#how dt.first, #how dd.first { border: 0; padding: 0; }

#how dt {
    width: 230px;
    margin-left: 80px;
    w\idth: 150px;
    font-size: 20px;
}

#how dd {
    width: 625px;
    font-size: 16px;
}


/* AUTO - COMPARISON */

table#comparison-chart td, table#comparison-chart th { border: 0; padding: 10px; }

table#comparison-chart th { text-align: left; border-bottom: 1px solid #999; font-size: 18px; }
table#comparison-chart td { border-bottom: 1px solid #ccc; }
table#comparison-chart td.issue { width: 220px; }
table#comparison-chart td.zero-plan { width: 400px; background: #ececec; font-weight: bold; }
table#comparison-chart td.competition { width: 280px; color: #555; }


/* AUTO - TERMS */

table#repayment-terms { width: 650px; margin: 0 auto; }
table#repayment-terms td, table#repayment-terms th { border: 0; padding: 10px; text-align: center; }
table#repayment-terms th {  font-size: 14px; background: #ccc; }
table#repayment-terms td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; }
table#repayment-terms td.minmax { border-right: 0; }
table#repayment-terms td.payment, table#repayment-terms td.monthly { font-size: 16px; }


/* AUTO - FORMS */

#auto-forms dt.first, #auto-forms dd.first { border: 0; padding: 0; }

#auto-forms dt {
    width: 250px;
    margin: 0 0 60px 60px;
    w\idth: 190px;
    font-size: 20px;
    line-height: 1.1em;
}

#auto-forms dd {
    width: 605px;
    font-size: 16px;
}

.login-info { float: right; }


/* CUSTOMER LOGIN */

#customer-login {
	border: 1px solid #999;
	background: #eee;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 1em;
}

#customer-login h2 { margin: 0 0 .5em; }

#customer-login label {
	float: left;
	width: 117px;
	font-size: 1.25em;
	clear: both;
	line-height: 1.5em;
	margin-bottom: 1em;
}

#customer-login input.text {
	float: left;
	display: block;
	width: 300px;
	font-size: 1.25em;
	padding: .25em;
	border: 1px solid #ccc;
}

#customer-login input#submit-button {
	clear: both;
	float: right;
}

/* FOOTER */

#footer {
	text-align: center;
	padding: .5em;
}