#mortgageform {
	padding: 0;
	background-color: #E8E8E8;
	border: 1px solid #F3F3F3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	min-width: 605px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 630px;
}
#mortgageform * {
	margin: 0;
	padding: 0;
}
#mortgageform fieldset {
	border: none;
}
#mortgageform legend {
	padding: 2px 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FF6600;
	color: #FFFFFF;
}
#mortgageform ul {
	background-color: #E8E8E8; /* this is the color of the sections which changes on hover (-> stated after this rule) */
	list-style: none;
	padding: 0 0 5px 10px;
	overflow: hidden;
}
#mortgageform ul:hover {
	background-color: #FFFFCC;
}
#mortgageform li {
	clear: both;
	overflow: hidden;
	height: 1%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
#mortgageform #personal ul {height: 1%;}
#mortgageform #personal li,
#mortgageform #contact_details li,
#mortgageform #info li,
#mortgageform #address_details li {
	float: left;
	width: 48.3%;
	clear: none;
}
#mortgageform label {
	float: left;
	white-space: nowrap;
}
#mortgageform label span, #mortgageform li span span {
	color: red;
	float: none !important;
}
#mortgageform li span {float: left;}
#mortgageform input,
#mortgageform select,
#mortgageform textarea {
	/* the border styles/colors of the input, textarea, and select fields */
	border: 1px solid #EFEFEF;
	/* end border styles */
	width: 141px;
	float: right;
	background-color: white;
	height: 20px;
	position: relative;
	z-index: 1;
}
#mortgageform textarea {
	clear: right;
	margin-bottom: 10px;
	width: 48%;
	height: 45px;
}
#mortgageform input {
	width: 141px;

}
#mortgageform #personal input,
#mortgageform #contact_details input
	{width: 135px;}
#mortgageform #personal select,
#contact_details select
	{width: 141px;}
#mortgageform #address_details #house {width: 120px;}
#mortgageform #dob div {
	float: right;
	clear: none;
	padding: 0;
}
#mortgageform #dob select {
	width: 68px;
	float: none !important;
	margin-left: 2px;
	border: 1px solid #EFEFEF;
	background-color: white;
}
#mortgageform #dob #year {width: 60px;}
#mortgageform #town_container {
	float: left;
	width: 48.3%;
}

#mortgageform #town_container input {width: 141px;}
#mortgageform #post {clear: none;}
/* here come the styles if the fields are selected (focused) */
#mortgageform input:focus, #mortgageform select:focus, {
	background-color: #FFFFFF !important;
	border: 1px solid #FF6633 !important;
}
#mortgageform select:focus { background-color: white; }
/* end focus styles */
#mortgageform #service {
	overflow: hidden;
	height: 1%;
	text-align: right;
}
#mortgageform #service input {
	width: auto;
	padding: 0;
	float: none;
	background-color: transparent;
	height: auto;
}
#mortgageform #service label {
	text-align: left;
	float: left;
}
#mortgageform ul ul {
	clear: left;
}
#mortgageform div {
	clear: both;
	float: none;
	text-align: center;
	padding: 5px 0;
}
#mortgageform div input {
	float: none;
	border: 1px solid #999999;
	background-color: #EEE;
}
#whencontact {}
#whencontact2 {}
#mortgageform #comment {
	height: 1%;

}
#mortgageform #comment label {
	width: 50%;
	white-space: normal;
	float: left;
	text-align: left;
}
#notes {

}