html, body {
	color: #555;
	background: #c9cfd4 url('bg.jpg') center top repeat-x;	height: 100%;
	margin: 0;
	padding: 0;
	font: 11px Arial, Verdana, Lucida, sans-serif;}

h1 {
	font-size:16px;
}
h2 {
	font-size:14px;
}
h1,h2,h3,h4,h5 {
	color:#324d9e;
}

div {
	overflow: hidden;
	zoom:1;
}

a {
	display: block;
	color: #333;
}

li {
	margin-bottom: 5px;
}
#topmenu {
	margin-top:-27px;
	position:absolute;
	text-align:right;
	width:830px;
}

#topmenu ul, #topmenu li  {
	list-style:none;
	display:inline;
	float:right;
	margin:0;
	padding:0;
	zoom:1;
}

#topmenu a {
	background:url('/design/images/topmenuright.gif') no-repeat right;
	color:white;
	display:block;
	float:left;
	height:28px;
	line-height:28px;
	margin:0 6px 0 0;
	padding-right:6px;
	text-decoration:none;
}

*html #topmenu a {
	margin:0 3px 0 0;
	overflow:visible;
}

#topmenu a span {
	background:url('/design/images/topmenuleft.gif') no-repeat left;
	display:block;
	float:left;
	height:28px;
	line-height:28px;
	padding-left:6px;
}
input[type="radio"] {
	margin: 4px;
}

/* ID Styles */
#page_header {
  margin-left: 20px;
}

#questions {
	float: left;
}
.contactdetails {
	margin-right: 10px;
	text-align:right;
}

#form_details {
	clear: left;
}

#form_details dt {
	clear: left;
	float: left;
	width: 150px;
}

#form_details dd {
	width: 200px;
	margin-left: 150px;
	margin-bottom: 5px;
}

#length_of_service {
	width: 300px;
	text-align: right;
}

#first_applicant {
	float: left;
	width: 50%;
	margin-bottom: 50px;
	
}

#first_applicant dt {
	clear: left;
	float: left;
	width: 150px;
}

#first_applicant dd {
	width: 200px;
	margin-left: 150px;
	margin-bottom: 5px;
}

#second_applicant {
	float: right;
	width: 50%;
}

#second_applicant dt{
	clear: left;
	float: left;
	width: 150px;
}

#second_applicant dd{
	width: 200px;
	margin-left: 150px;
	margin-bottom: 5px;
}

#mortgage_payment dt {
	clear: left;
	float: left;
	width: 250px;
}

#mortgage_payment dd {
	width: 200px;
	margin-left: 250px;
	margin-bottom: 5px;	
}

#quote_type {
	margin: 10px 0px 10px 0px;	
}

#quote_options dt {
	clear: left;
	float: left;
	width: 110px;
}

#quote_options dd {
	width: 10px;
	margin-left: 120px;
	margin-bottom: 10px;
}

#ics_message_header {
	font-weight: bolder;
	font-size: 16px;
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
}

#ics_message_content {
	font-size: 14px;
	line-height: 22px;
	padding: 10px;
	text-align: left;
}

#ics_message_div {
	position: absolute;
	top: 150px;
	width: 400px;
	margin-left: -200px;
	text-align: right;
	z-index: 99;
	color: #e6e6e6;
	background-color: #00529B;
	border: 1px solid #0d0082;
	overflow: visible;
}


#tagline {
	float: right;
	margin-top: 20px;
	margin-right: 40px;
	color: #e6e6e6;
	font-size: 22px;
}

#container {
	width: 830px;
	min-height: 100%;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-left:1px solid #1862a3;
	border-right:1px solid #1862a3;
}

#logo {
	float:left;
	margin-right:20px;
}

#header {
	height: 188px;
	background:white;
}

#headerblueline {
	background:url('/design/images/bluelinebg.gif') repeat-x;
	height:12px;
	line-height:12px;
}

#header h1 {
	margin: 0;
}

#content {
	overflow: auto;
	padding: 15px;
}

/* Class styles */
.applicant {
	float: left;
	width: 150px;
	height: 30px;
	margin-left: 30px;
	margin-bottom: 5px;
}

.applicant h3{
	margin-bottom: 8px;
}

.applicant div {
	margin-bottom: 15px;
}

.app_header {
	font-size: 16px;
	font-weight: bolder;
	color: #00529B;
	margin-left: 110px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.forms {
	color: #4f4a52;
	font-size: 12px;
}

.spacer {
	clear: both;
}

.question {
	float: left;
	width: 400px;
	height: 30px;
	margin-bottom: 5px;
}