/*----------------------------------------
Layout
----------------------------------------*/

body
{
	background-color: #464646;
	margin: 0;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #464646;
}

#wrapper
{
	width: 800px;
	position: relative;
	left: 50%;
	margin-left: -400px;
}

h1
{
	margin: 0px 0px 30px 50px;
	width: 115px;
	height: 119px;
	background: #464646 url(images/logo.gif) no-repeat top left;
	text-indent: -3000px;
}

/*----------------------------------------
Navigation
----------------------------------------*/

#nav
{
	margin: 0px 0px 0px 50px;
	padding: 0;
	list-style: none;
	width: 696px;
	height: 31px;
}

#nav li
{
	width: 116px;
	height: 31px;
	float: left;
	position: relative;
}

#nav li span
{
	display: none;
}

#nav li a
{
	display: block;
	width: 115px;
	height: 31px;
	float: left;
}

#home
{
	background: url(images/nav/home.gif) no-repeat bottom left;
}
#home a
{
	background: url(images/nav/home.gif) no-repeat top left;
}
#home a:hover
{
	background: url(images/nav/home.gif) no-repeat bottom left;
}

#about
{
	background: url(images/nav/about.gif) no-repeat bottom left;
}
#about a
{
	background: url(images/nav/about.gif) no-repeat top left;
}
#about a:hover
{
	background: url(images/nav/about.gif) no-repeat bottom left;
}

#mortgages
{
	background: url(images/nav/mortgages.gif) no-repeat bottom left;
}
#mortgages a
{
	background: url(images/nav/mortgages.gif) no-repeat top left;
}
#mortgages a:hover
{
	background: url(images/nav/mortgages.gif) no-repeat bottom left;
}

#services
{
	background: url(images/nav/services.gif) no-repeat bottom left;
}
#services a
{
	background: url(images/nav/services.gif) no-repeat top left;
}
#services a:hover
{
	background: url(images/nav/services.gif) no-repeat bottom left;
}

#online
{
	background: url(images/nav/online.gif) no-repeat bottom left;
}
#online a
{
	background: url(images/nav/online.gif) no-repeat top left;
}
#online a:hover
{
	background: url(images/nav/online.gif) no-repeat bottom left;
}

#contact
{
	background: url(images/nav/contact.gif) no-repeat bottom left;
}
#contact a
{
	background: url(images/nav/contact.gif) no-repeat top left;
}
#contact a:hover
{
	background: url(images/nav/contact.gif) no-repeat bottom left;
}

/*----------------------------------------
Color Bars
----------------------------------------*/

#colorBar
{
	width: 800px;
	height: 32px;
}

#homepage #colorBar
{
	background: #fff url(images/nav/home_bar.gif) no-repeat top left;
}
#aboutpage #colorBar
{
	background: #fff url(images/nav/about_bar.gif) no-repeat top left;
}
#mortgagespage #colorBar
{
	background: #fff url(images/nav/mortgages_bar.gif) no-repeat top left;
}
#servicespage #colorBar
{
	background: #fff url(images/nav/services_bar.gif) no-repeat top left;
}
#onlinepage #colorBar
{
	background: #fff url(images/nav/online_bar.gif) no-repeat top left;
}
#contactpage #colorBar
{
	background: #fff url(images/nav/contact_bar.gif) no-repeat top left;
}

/*----------------------------------------
Content
----------------------------------------*/

#contentWrapper
{
	float: left;
	width: 800px;
	background: #fff url(images/threeCols.gif) repeat-y top left;
}

#homepage #contentWrapper
{
	background: #fff url(images/twoCols.gif) repeat-y top left;
}

#twoCol
{
	float: left;
	width: 600px;
}

#threeCol
{
	float: left;
	width: 600px;
}

#content
{
	margin: 20px;
	line-height: 18px;
}
#content a
{
	color: #464646;
	text-decoration: underline;
}
#content a:hover
{
	text-decoration: none;
}

#contentCol
{
	float: left;
	width: 400px;
}

/*----------------------------------------
Main Images
----------------------------------------*/

h2
{
	margin: 0;
	padding: 0;
}
h2 span
{
	display: none;
}

#homepage h2
{
	width: 599px;
	height: 175px;
	background: #fff url(images/main_images/home_image.jpg) no-repeat top left;
}

#aboutpage h2
{
	width: 400px;
	height: 175px;
	background: #fff url(images/main_images/about_image.jpg) no-repeat top left;
}

#mortgagespage h2
{
	width: 400px;
	height: 175px;
	background: #fff url(images/main_images/mortgages_image.jpg) no-repeat top left;
}

#servicespage h2
{
	width: 400px;
	height: 175px;
	background: #fff url(images/main_images/services_image.jpg) no-repeat top left;
}

#onlinepage h2
{
	width: 400px;
	height: 175px;
	background: #fff url(images/main_images/onlinequote_image.jpg) no-repeat top left;
}

#contactpage h2
{
	width: 400px;
	height: 175px;
	background: #fff url(images/main_images/contact_image.jpg) no-repeat top left;
}

/*----------------------------------------
Services Column
----------------------------------------*/

#servicesCol
{
	float: left;
	width: 200px;
	padding: 0px 0px 20px 0px;
}

h4
{
	padding: 0;
	margin: 0px 8px 0px 9px;
	position: relative;
}
h4 span
{
	position: absolute;
	width: 100%;
	height: 100%;
}

#servicesCol h4
{
	width: 183px;
	height: 68px;
}
#servicesCol h4 span
{
	background: #F4F4F4 url(images/services/services_title.gif) no-repeat top center;
}

.serviceButtons span
{
	display: none;
}

#mortgagesButt
{
	width: 183px;
	height: 38px;
	background: #F4F4F4 url(images/services/mortgages.gif) no-repeat top left;
	margin: 7px 8px 0px 9px;
}
#mortgagesButt a
{
	display: block;
	width: 183px;
	height: 38px;
	cursor: pointer;
}
#mortgagesButt a:hover
{
	background: #F4F4F4 url(images/services/mortgages.gif) no-repeat bottom left;
}

#mortProtButt
{
	width: 183px;
	height: 38px;
	background: #F4F4F4 url(images/services/mortgage_protection.gif) no-repeat top left;
	margin: 7px 8px 0px 9px;
}
#mortProtButt a
{
	display: block;
	width: 183px;
	height: 38px;
	cursor: pointer;
}
#mortProtButt a:hover
{
	background: #F4F4F4 url(images/services/mortgage_protection.gif) no-repeat bottom left;
}

#homeInsuranceButt
{
	width: 183px;
	height: 38px;
	background: #F4F4F4 url(images/services/home_insurance.gif) no-repeat top left;
	margin: 7px 8px 0px 9px;
}
#homeInsuranceButt a
{
	display: block;
	width: 183px;
	height: 38px;
	cursor: pointer;
}
#homeInsuranceButt a:hover
{
	background: #F4F4F4 url(images/services/home_insurance.gif) no-repeat bottom left;
}

#homeOwnerButt
{
	width: 183px;
	height: 38px;
	background: #F4F4F4 url(images/services/homeowner_loans.gif) no-repeat top left;
	margin: 7px 8px 0px 9px;
}
#homeOwnerButt a
{
	display: block;
	width: 183px;
	height: 38px;
	cursor: pointer;
}
#homeOwnerButt a:hover
{
	background: #F4F4F4 url(images/services/homeowner_loans.gif) no-repeat bottom left;
}

#commFinanceButt
{
	width: 183px;
	height: 38px;
	background: #F4F4F4 url(images/services/commercial_finance.gif) no-repeat top left;
	margin: 7px 8px 0px 9px;
}
#commFinanceButt a
{
	display: block;
	width: 183px;
	height: 38px;
	cursor: pointer;
}
#commFinanceButt a:hover
{
	background: #F4F4F4 url(images/services/commercial_finance.gif) no-repeat bottom left;
}

.serviceList
{
	width: 183px;
	background: #E5E5E5 url(images/services/list_base.gif) no-repeat bottom left;
	margin: 0px 8px 0px 9px;
	overflow: hidden;
}

.serviceList ul
{
	margin: 0;
	padding: 10px;
	list-style: none;
}
.serviceList li
{
	width: 163px;
	height: 27px;
	font-size: 10px;
	text-indent: 15px;
	line-height: 26px;
}
.serviceList li a
{
	display: block;
	width: 163px;
	height: 27px;
	background: #E5E5E5 url(images/services/list_back.gif) no-repeat top left;
	color: #464646;
	text-decoration: none;
}
.serviceList li a:hover
{
	background: #E5E5E5 url(images/services/list_back.gif) no-repeat bottom left;
}
.serviceList .bottomLink a
{
	display: block;
	width: 163px;
	height: 27px;
	background: #E5E5E5;
	color: #464646;
	text-decoration: none;
}
.serviceList .bottomLink a:hover
{
	background: #E5E5E5 url(images/services/list_back_bottom.gif) no-repeat top left;
}

/*----------------------------------------
Tools Column
----------------------------------------*/

#toolsCol
{
	float: left;
	width: 200px;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}

#toolsCol h4
{
	width: 185px;
	height: 68px;
}
#toolsCol h4 span
{
	background: #FFDA18 url(images/tools/useful_tools_title.gif) no-repeat top center;
}

#calculator
{
	width: 185px;
	height: 49px;
	background: #FEEB81 url(images/tools/calculator.gif) no-repeat top left;
	margin: 7px 7px 0px 7px;
}

#onlineQuote
{
	width: 185px;
	height: 49px;
	background: #FEEB81 url(images/tools/online_quote.gif) no-repeat top left;
	margin: 7px 7px 0px 7px;
}

#downloads
{
	width: 185px;
	height: 49px;
	background: #FEEB81 url(images/tools/downloads.gif) no-repeat top left;
	margin: 7px 7px 0px 7px;
}

#usefulLinks
{
	width: 185px;
	height: 49px;
	background: #FEEB81 url(images/tools/useful_links.gif) no-repeat top left;
	margin: 7px 7px 0px 7px;
}

.toolList
{
	width: 185px;
	background: #FEEB81 url(images/tools/list_base.gif) no-repeat bottom left;
	margin: 0px 7px 0px 7px;
}

.toolList ul
{
	margin: 0;
	padding: 10px;
	list-style: none;
}
.toolList li
{
	width: 164px;
	height: 28px;
	font-size: 12px;
	text-indent: 15px;
	line-height: 26px;
}
.toolList li a
{
	display: block;
	width: 164px;
	height: 28px;
	background: #FEEB81 url(images/tools/list_back.gif) no-repeat top left;
	color: #464646;
	text-decoration: none;
}
.toolList li a:hover
{
	background: #FEEB81 url(images/tools/list_back.gif) no-repeat bottom left;
}
.toolList .bottomLink a
{
	display: block;
	width: 164px;
	height: 28px;
	background: #FEEB81;
	color: #464646;
	text-decoration: none;
}
.toolList .bottomLink a:hover
{
	background: #FEEB81 url(images/tools/list_back_bottom.gif) no-repeat top left;
}

/*----------------------------------------
Big buttons on Home Page
----------------------------------------*/

#homeButtons
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#homeButtons li
{
	width: 546px;
	height: 62px;
	margin-bottom: 10px;
}
#homeButtons li a
{
	display: block;
	width: 546px;
	height: 62px;
	color: #464646;
	text-decoration: none;
}
#homeButtons li div
{
	padding: 15px 10px 10px 150px;
}

#homeButt1
{
	background: #fff url(images/home_buttons/mortgages.gif) no-repeat top left;
}
#homeButt2
{
	background: #fff url(images/home_buttons/mortgage_protection.gif) no-repeat top left;
}
#homeButt3
{
	background: #fff url(images/home_buttons/home_insurance.gif) no-repeat top left;
}
#homeButt4
{
	background: #fff url(images/home_buttons/homeowner_loans.gif) no-repeat top left;
}
#homeButt5
{
	background: #fff url(images/home_buttons/commercial_finance.gif) no-repeat top left;
}

/*----------------------------------------
Big buttons on Services Page
----------------------------------------*/

#servicesLarge
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#servicesLarge li
{
	width: 360px;
	height: 63px;
	margin-bottom: 10px;
}
#servicesLarge li a
{
	display: block;
	width: 360px;
	height: 63px;
	color: #464646;
	text-decoration: none;
}
#servicesLarge li div
{
	padding: 15px 10px 10px 150px;
}

#serviceButt1
{
	background: #fff url(images/service_buttons/mortgages.gif) no-repeat top left;
}
#serviceButt2
{
	background: #fff url(images/service_buttons/mortgage_protection.gif) no-repeat top left;
}
#serviceButt3
{
	background: #fff url(images/service_buttons/home_insurance.gif) no-repeat top left;
}
#serviceButt4
{
	background: #fff url(images/service_buttons/homeowner_loans.gif) no-repeat top left;
}
#serviceButt5
{
	background: #fff url(images/service_buttons/commercial_finance.gif) no-repeat top left;
}
#serviceButt6
{
	background: #fff url(images/service_buttons/life_cover.jpg) no-repeat top left;
}


/*----------------------------------------
Footer & Legal
----------------------------------------*/

#footer
{
	clear: left;
	width: 800px;
	height: 30px;
	background: #464646 url(images/footer.gif) no-repeat top left;
	padding-top: 6px;
	color: #7E7E7E;
	text-align: center;
}
#footer a
{
	color: #7E7E7E;
	text-decoration: underline;
}
#footer a:hover
{
	text-decoration: none;
}

#legal
{
	background-color: #464646;
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #BCBCBC;
}
#legal a
{
	color: #BCBCBC;
	text-decoration: underline;
}
#legal a:hover
{
	text-decoration: none;
}

/*----------------------------------------
Typography
----------------------------------------*/

h3
{
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: #D1D1D1 dashed 1px;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}

form table
{
	line-height: 18px;
}

#google
{
	background: url(images/google.gif) no-repeat top left;
	padding-left: 20px;
}

/*----------------------------------------
Buttons
----------------------------------------*/

#applyOnline
{
	width: 133px;
	height: 33px;
	background: #fff url(images/buttons/apply_online.jpg) no-repeat top left;
}
#applyOnline a
{
	display: block;
	width: 133px;
	height: 33px;
}
#applyOnline a:hover
{
	background: #fff url(images/buttons/apply_online.jpg) no-repeat bottom left;
}
#applyOnline a span
{
	display: none;
}

#calculate
{
	width: 100px;
	height: 33px;
	background: url(images/buttons/calculate.gif) no-repeat top left;
	margin: 0;
}
#calculate a
{
	display: block;
	width: 100px;
	height: 33px;
}
#calculate a:hover
{
	background: url(images/buttons/calculate.gif) no-repeat bottom left;
}
#calculate a span
{
	display: none;
}

/*----------------------------------------
Forms
----------------------------------------*/

form
{
	margin: 0;
	width: 100%;
}

.formTop
{
	width: 346px;
	height: 22px;
	background: #fff url(images/form_tops.gif) no-repeat top left;
	color: #fff;
	font-size: 13px;
	padding-top: 3px;
	padding-left: 14px;
}

fieldset
{
	margin: 1px 0; /*  space out the fieldsets a little*/
	margin-bottom: 10px;
	padding: 5px;
	border-top: 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table
{
	width: 100%;
}

.tableButtons
{
	background: #DFDFDF;
	border-top: 1px solid #ccc;
}

td
{
	width: 150px;
	padding: 7px;
	vertical-align: top;
}

.span2
{
	width: 100%;
}

label
{
	width: 140px;
}

#calculatorForm label
{
	width: 16em;
}

input, textarea, select
{
	border: 1px solid #CECECE;
	padding: 5px;
}

select
{
	padding: 0px;
	font-size: 10px;
}

.radio
{
	border: 0;
}

.smallField
{
	width: 90px;
}
.longField
{
	width: 150px;
	font-size: 10px;
	background: #fff url(images/textfield_back.jpg) repeat-y top left;
}

textarea
{
	font-size: 10px;
	width: 150px;
}

#consent
{
	border: 0;
}

#clear
{
	width: 100px;
	height: 33px;
	background: url(images/buttons/clear.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.submit
{
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.next
{
	width: 100px;
	height: 33px;
	background: url(images/buttons/next.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.submit
{
	width: 100px;
	height: 33px;
	background: url(images/buttons/submit.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

.back
{
	width: 100px;
	height: 33px;
	background: url(images/buttons/back.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}

#part2,#part3,#part4,#part5,#part6,#part7
{
	display: none;
}

.numbers
{
	margin-bottom: 15px;
	text-align: right;
}

.lifecoverForm
{
	height: 280px;
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.mortgageForm
{
	height: 340px;
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.homeownerForm
{
	height: 545px;
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.homeinsuranceForm
{
	height: 348px;
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.contactForm
{
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.commercialForm
{
	background: #E6E6E6 url(images/table_back.jpg) repeat-x top left;
}

.formButt
{
	cursor: pointer;
}