/*-----------------------------------------------------------
*	Basic Styles
*	2007-03-19
*	Mark Gerrard
-------------------------------------------------------------
*	FIXES
*	1. IE double float margin bug
-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #036;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.15em;
}

a { color: #00a4e8; text-decoration: none;}
a:hover { color: #00a4e8; text-decoration:underline;}
a:hover.noUnderline { text-decoration:none; }

a.lrglink {
	padding: 0 0 0 10px;
	display: block;
	background: url(../images/layout/bullet_lrg_blue.gif) no-repeat left
		center;
	font-weight: bold;
	font-size: 1.15em;
}

/*-----------------------------------------------------------
*	Navigation Styles
-----------------------------------------------------------*/
ul#navigation {
	padding: 10px 0 0 0;
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
}

ul#navigation a {
	color: #036;
}

ul#navigation a.current,ul#navigation a:hover {
	color: #00a4e8;
}

ul#navigation li {
	padding: 0 19px 0 19px;
	display: inline;
	border-left: 2px solid #00a4e8;
}

ul#navigation li.firstlist {
	border-left: none;
}

/*-----------------------------------------------------------
*	General Styles
-----------------------------------------------------------*/
#header {
	background: #00a4e8;
}

#header img {
	margin: 13px 0 18px 15px;
}

#container {
	width: 960px;
	margin: 24px 0 0 0;
}

.promoimg {
	text-align: center;
}

/*-----------------------------------------------------------
*	Sidebar Styles
-----------------------------------------------------------*/
#sidebarone {
	width: 224px;
	float: left;
	margin: 0 0 0 7px;
	display: inline; /*FIX: 1*/
}

#sidebarone h2 {
	margin: 0 0 10px 0;
}

#sidebarone ul {
	list-style: none;
	margin: 0 0 28px 1px;
}

#sidebarone ul li {
	padding: 0 0 6px 0;
}

#sidebarone ul li a {
	display: block;
	padding: 0 0 0 10px;
	background: url(../images/layout/bullet_blue.gif) no-repeat left center;
}

#sidebartwo {
	width: 224px;
	float: right;
	margin: 0 7px 0 0;
	display: inline; /*FIX: 1*/
}

#sidebartwo h2 {
	margin: 0 40px 5px 0;
}

#sidebartwo h3 {
	margin: 20px 0 9px 0;
	padding: 6px 0 4px 20px;
	background: #ceefff url(../images/layout/bullet_lrg_drk_blue.gif) no-repeat 0.5em 0.7em;
	font-size: 1.2em;
}

#sidebartwo h3 a{
	color: #036;
}

#sidebartwo h3 a:link{
	color: #036;
}
#sidebartwo h3 a:hover{
	color: #00A4E8;
}
#sidebartwo p {
	margin: 0 0 15px 9px;
}

/*-----------------------------------------------------------
*	Main Content Styles
-----------------------------------------------------------*/
#maincontent {
	margin: 0 244px 0 244px;
}

#maincontent #promobox {
	margin: 15px 0 0 0;
	overflow: hidden; /*Used to contain floats*/
}

#maincontent #promobox img {
	float: left;
	margin: 0 20px 0 0;
}

/*-----------------------------------------------------------
*	Footer Styles
-----------------------------------------------------------*/
#footer {
	padding: 70px 0 0 0;
	clear: both;
	text-align: center;
}

#footer a {
	color: #036;
}

#footer p {
	margin: 0 0 17px 0;
}

#footer ul {
	margin: 0 40px 18px 40px;
	list-style: none;
	text-align: center;
}

#footer ul li {
	display: inline;
}

#footer ul li.firstlist {
	border-left: none;
}

/*-----------------------------------------------------------
*	Form Styles
-----------------------------------------------------------*/
form,#noform {
	float: left;
	padding: 3px 0 0 0;
}

form input {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b8d3dc;
	font-weight: normal;
}

#buttons {
	float: left;
	width: 475px;
	margin: 10px 0 0 0;
}

#buttons input,#buttons a {
	font-weight: bold;
	color: #036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #abb5be;
}

#buttons #next {
	float: right;
	padding: 0.4em 0.4em 0.4em 1.5em;
	background: #e1ebf5 url(../images/layout/bullet_lrg_blue_light.gif) no-repeat 0.4em 0.5em;
}

#buttons #prev {
	float: left;
	padding: 0.4em 0.3em 0.4em 1.5em;
	background: #e1ebf5 url(../images/layout/bullet_lrg_blue_light_left.gif)
		no-repeat 0.4em 0.5em;
}

#buttons #details {
	float: right;
        margin-top: 3px;
	padding: 0.4em 0.6em 0.6em 1.8em;
	background: #e1ebf5 url(../images/layout/bullet_lrg_blue_light.gif)
		no-repeat 0.4em 0.5em;
}

form input.radio {
	border: none;
	padding: 0;
	height: 12px;
}

p.forminfo {
	float: left;
	width: 270px;
	margin: 0 0 0 10px;
	padding: 4px 0 4px 24px;
	background: url(../images/layout/icon_question.gif) no-repeat 0 0.4em;
}

p.formerror {
	float: left;
	width: 270px;
	margin: 0 0 0 10px;
	padding: 4px 0 4px 24px;
	background: url(../images/layout/icon_error.gif) no-repeat 0 0.4em;
	color: #980404;
}

.highrow,.highrowinput {
	float: left;
	width: 475px;
	margin: 0 0 2px 0;
	padding: 4px 0 8px 0;
	background: #e7f7ff;
}

.highrowinput {
	padding: 4px 0 2px 0;
}

.highrow .descrip {
	font-weight: bold;
}

.lowrow {
	float: left;
	width: 475px;
	margin: 0 0 2px 0;
	padding: 8px 0 8px 0;
	background-color: #f7fbff;
}

.descrip {
	float: left;
	width: 270px;
	padding: 2px 0 0 35px;
}

.footnote {
	clear: left;
	float: left;
	width: 300px;
	padding: 15px 8px 8px 8px;
}

.inputs {
	float: left;
	font-weight: bold;
	width: 157px;
}

.inputs label {
	font-weight: normal;
}

#howmuch {
	background: #e7f7ff url(../images/layout/icon_no1.gif) no-repeat 0.8em
		0.4em;
}

#existingcust {
	background: #e7f7ff url(../images/layout/icon_no2.gif) no-repeat 0.8em
		0.4em;
}

#homeowner {
	background: #e7f7ff url(../images/layout/icon_no3.gif) no-repeat 0.8em
		0.4em;
}

.no4 {
	background: #e7f7ff url(../images/layout/icon_no4.gif) no-repeat 0.8em
		0.4em;
}

.no5 {
	background: #e7f7ff url(../images/layout/icon_no5.gif) no-repeat 0.8em
		0.4em;
}

.no6 {
	background: #e7f7ff url(../images/layout/icon_no6.gif) no-repeat 0.8em
		0.4em;
}

/*-----------------------------------------------------------
*	Page specific styles
-----------------------------------------------------------*/
#securedpage .lowrow .descrip {
	margin: 0 0 10px 0;
	width: 370px;
}

#securedpage .lowrow .descrip label {
	width: 300px;
	display: block;
}

#securedpage .lowrow .inputs {
	width: auto;
}

#bleligpage .highrow .descrip p     , #secureeligpage .highrow .descrip p
	{
	width: 400px;
}

#bleligpage ul,#secureeligpage ul {
	list-style: none;
	float: left;
}

#bleligpage ul li,#secureeligpage ul li {
	width: 270px;
	padding: 6px 0 6px 25px;
	background: url(../images/layout/bullet_tick.gif) no-repeat 0.5em 0.5em;
}

#bleligpage .lowrow,#secureeligpage .lowrow {
	position: relative;
}

#bleligpage .lowrow .inputs,#secureeligpage .lowrow .inputs {
	width: auto;
	position: absolute;
	bottom: 0;
	right: 2em;
}

#secureeligpage .lowrow .inputs,#bleligpage .lowrow .inputs {
	bottom: 1em;
}

#results {
	padding: 0 10px;
	background: #f7fbff url(../images/layout/flag.jpg) no-repeat 33em 0;
}

#results p {
	margin: 10px 0;
}

#results .loantitle {
	color: #3bd11a;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 6px 20px;
	background: url(../images/layout/bullet_lrg_green.gif) no-repeat 0.5em
		0.6em;
}

#results .loantitle a {
color: #3bd11a;

}

#results .loantitle a:hover {
color: #3bd11a;
text-decoration: underline;
}

#results #customerservices {
	padding-right: 100px;
}