/* ------------------------------------------------------ */
/*			     David Eliott - Mortgage Advice		      */
/*			     									      */
/* ------------------------------------------------------ */

body { 
	background-color: #001F5B;
	font: 0.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-align: center; /* Centre content for IE5 */
	}
	
a img { 
	border: 0; 
	}

body, div, ul, li, img, p, h1, h2, h3, h4 { 
	margin: 0; 
	padding: 0;
	}

ul li {
	list-style: disc;
	}
	
/* hides HR - HR used in non styled content only */	
.hide { display: none; }


h1, h2, h3, h4, h5, h6 {
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
letter-spacing: -.05em;
margin: 0;
padding: 0;
line-height: 1em;
}
h1 {
font-size: 30px;
color: #000000;
margin:0 0 0 0;
}
h2 {
font-size: 28px;
color:#000066;
}
h3 {
font-size: 24px;
color:#FF6600;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 22px;
}
.h7 { font-size:1.1em; font-weight:normal; width:390px; padding:0 0 5px 0; }
.h8 { font-size:1.1em; font-weight:normal; color:#899B3F; width:390px; }



div#content {
	position: relative;
	margin: 0 auto; /* needed to centre content in firefox, netscape, opera, safari, IE mac */
	width: 761px;
	text-align: justify;
	}


.columnOnethird {
width:340px;
float:left;
margin-left:3px;
padding:0px 0px 0 0;
}
.columnTwothird {
width:540px;
float:right;
padding:42px 10px 0 0;
}

#div frontad {
position:absolute;
width:250px;
height:200px;
float:right;
padding:5px 5px 5px 5px;
}


.thedream {
display:block;
background:#0099FF;
padding:6px 0 3px 10px;
margin:0 0 0 0;
}

.joinnewsletter {
display:block;
background:#0099FF;
padding:6px 0 3px 10px;
margin:0 0 0 0;
}


body div#content #main-content #main-left ul li

 {
	list-style: disc;
	}



div#header {
	height: 86px; 
	}

div#logo {
width: 400px;
position:20px;
top: 8px;
	margin: 12px;
	overflow: hidden;
	}

#logo2 {
	position:absolute;
	left: 564px;
	top: 16px;
	width: 192px;
	height: 66px;
}


#btn_mortgage_calculator { position: absolute; left: 32px; top: -144px; }



div#nav {
	position: relative;
	background: white url(../images/bg_nav.gif) left top no-repeat;
	color: #001F5B;
	height: 117px;
	}
	
	
div#nav_calculatorslist {
	position: relative;
	background: white url(../images/bg_nav.gif) left top no-repeat;
	color: #001F5B;
	height: 400px;
	}
	
div#top-nav { 
	position: absolute;
	left: 3px;
	top: 3px;
	width: 732px;
	height: 54px;
	}

div#bottom-nav { 
	position: absolute;
	left: 3px;
	top: 60px;
	width: 732px;
	height: 54px;
	}
	
div#top-nav ul li, div#bottom-nav ul li { display: inline; }
	
div#top-nav li a, div#bottom-nav li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0px;
	overflow: hidden;
	height: 54px;
	padding: 0;
	}
	
#first-time a { left: 0px; width: 180px; color: #001F5B; background: white url(../images/btn_firstTimeBuyers.gif); }
#first-time a:hover { left: 0px; width: 180px; color: #001F5B; background: white url(../images/btn_firstTimeBuyers_over.gif); }

#home-mover a { left: 183px; width: 180px; color: #001F5B; background: white url(../images/btn_homeMovers.gif); }
#home-mover a:hover { left: 183px; width: 180px; color: #001F5B; background: white url(../images/btn_homeMovers_over.gif); }

#remortgage a { left: 367px; width: 180px; color: #001F5B; background: white url(../images/btn_remortgage.gif); }
#remortgage a:hover { left: 366px; width: 180px; color: #001F5B; background: white url(../images/btn_remortgage_over.gif); }

#buy-to-let a { left: 549px; width: 180px; color: #001F5B; background: white url(../images/btn_buyToLet.gif); }
#buy-to-let a:hover { left: 549px; width: 180px; color: #001F5B; background: white url(../images/btn_buyToLet_over.gif); }

#commercial a { left: 0px; width: 180px; color: #001F5B; background: white url(../images/btn_commercial.gif); }
#commercial a:hover { left: 0px; width: 180px; color: #001F5B; background: white url(../images/btn_commercial_over.gif); }

#self-build a { left: 183px; width: 180px; color: #001F5B; background: white url(../images/btn_selfBuild.gif); }
#self-build a:hover { left: 183px; width: 180px; color: #001F5B; background: white url(../images/btn_selfBuild_over.gif); }

#development a { left: 366px; width: 180px; color: #001F5B; background: white url(../images/btn_development.gif); }
#development a:hover { left: 366px; width: 180px; color: #001F5B; background: white url(../images/btn_development_over.gif); }

#overseas a { left: 549px; width: 180px; color: #001F5B; background: white url(../images/btn_overseas.gif); }
#overseas a:hover { left: 549px; width: 180px; color: #001F5B; background: white url(../images/btn_overseas_over.gif); }



div#fourth-level {
	position: relative;
	background: #001F5B url(../images/bg_home_blue.gif) left top no-repeat;
	color: white;
	height: 123px;
	}
	 
	 
div#botton_text_ticker {
	position: relative;
	background: #001F5B url(../images/bg_home_aboveticker.png) left top no-repeat;
	height: 3px;
	} 
	 
div#home-contact ul li { display: inline; }


div#home-contact  li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 542px;
	top: 46px;
	width: 155px;
	height: 35px;
	}
	

#home-contact2 a { left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs.gif) ;
	}

#home-contact2 a:hover{ left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs_overorange.gif) ;
	}


div#home-contactlink  li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 525px;
	top: 16px;
	width: 226px;
	height: 101px;
	}
	

#home-contactlink2 a { left: 525px; width: 226px; color: white; background: url(../images/contactlink.jpg) ;
	}

#home-contactlink2 a:hover{ left: 525px; width: 226px; color: white; background: url(../images/contactlink_mouseover.jpg) ;
	}


div#int-contact ul li { display: inline; }


div#int-contact  li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 542px;
	top: 46px;
	width: 155px;
	height: 35px;
	}


#int-contact2 a { left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs.gif) ;
	}

#int-contact2 a:hover{ left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs_overorange.gif) ;
	}



div#nav-arrow {
	position: absolute;
	left: 735px;
	top: 3px;
	background: white url(../images/img_arrow.gif) left top no-repeat;
	color: #001F5B;
	width: 23px;
	height: 111px;
	}

div#third-level {
	position: relative;
	background: white;
	color: #001F5B;
	height: 165px;
	}
	
div#main-image {
	position: absolute;
	left: 3px;
	top: 0px;
	width: 466px;
	}

div#big-text {
	position: absolute;
	left: 474px;
	top: 2px;
	width: 286px;
	height: 151px;
	}
/* use this div as temporary image to be replaced with photo */
div#main-image-temp {
	position: absolute;
	left: 3px;
	top: 0px;
	width: 755px;
	}
/* */




	
div#home-text {
	position: absolute;
	left: 11px;
	top: 16px;
	width: 500px;
	height: 98px;
	}
	
div#home-text h2 {
	background: #001F5B url(../images/h2_home_title.gif) left top no-repeat;
	text-indent: -9999px;
	font-size: 12px;/* needed for IE mac */
	width: 189px;
	height: 14px;
	color: white;
	margin-bottom: 6px;
	}


div#ticker2 {
position:relative;
width:761px;
height:50px;
overflow:hidden; 
}


div#footer {
	background: white url(../images/bg_home_footer.gif) left top no-repeat;
	color: #001F5B;
	height: 60px;
	}

p.footer-text {
	padding: 4px 10px 10px 10px;
	line-height: 1.0em;
	}
	
p.footer-text-2 { 
	text-transform: uppercase; 
	padding-left: 12px;
	font-size:9px;
	}
	
div#copyright { 
	text-align: right; 
	margin-top: 3px; 
	}

/* --------------------------------------------- */
/* 			       internal page			     */
/* --------------------------------------------- */

div#internal-bar {
	position: relative;
	background: white url(../images/bg_nav_int.gif) left top no-repeat;
	color: #001F5B;
	height: 24px;
	}
	
div#internal-bar ul {
	position: absolute;
	left: 562px;
	top: 0px;
	width: 199px;
	height: 24px;
	visibility: visible;
	}
	
div#internal-bar ul li {
	display: inline;
	}
	
div#internal-bar li a, div#internal-bar li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0px;
	overflow: hidden;
	height: 24px;
	padding: 0;
	visibility: visible;
	}
	
#btn-home a, #btn-home a:active, #btn-home a:visited { left: 0px; width: 52px; color: #001F5B; background: white url(../images/btn_home.gif); }
#btn-home a:hover { left: 0px; width: 52px; color: #001F5B; background: white url(../images/btn_home_over.gif); }

#btn-about-us a, #btn-about-us a:active, #btn-about-us a:visited { left: 52px; width: 69px; color: #001F5B; background: white url(../images/btn_aboutUs.gif); }
#btn-about-us a:hover { left: 52px; width: 69px; color: #001F5B; background: white url(../images/btn_aboutUs_over.gif); }

#btn-contact-us a, #btn-contact-us a:active, #btn-contact-us a:visited { left: 121px; width: 78px; color: #001F5B; background: white url(../images/btn_contactUs.gif); }
#btn-contact-us a:hover { left: 121px; width: 78px; color: #001F5B; background: white url(../images/btn_contactUs_over.gif); }








div#section-bar {
	position: relative;
background: #001F5B url(../images/bg_nav_section.gif) left top no-repeat;
	color: white;
	height: 25px;
	}
	
div#section-bar h2 {
	padding: 6px 0px 0px 22px;
	font-size: 1.1em;
	}
	
div#main-content { 
	position: relative;
	background-color: white;
	color: #001F5B;
	width: 761px;
	height: 355px;
	}
	
div#main-content-2 { 
	position: relative;
	background-color: white;
	color: #001F5B;
	width: 761px;
	height: 450px;
	}
	
div#main-left {
	position: absolute;
	left: 6px;
	top: 7px;
	width: 523px;
	visibility: visible;
	height: 340px;
	}
	
div#main-left h3 {
	font-size: 1.1em; /* 12px */
	font-weight: bold;
	padding-bottom: 12px;
	}
	
div#main-left p { 
	line-height: 1.3em;
	padding-bottom: 8px; 
	}
	
div#main-right {
	position: absolute;
	left: 6px;
	top: 314px;
	width: 698px;
	height: 38px;
	}
	
div#main-right ul {
display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 180px;
	height: 54px;
	}
	
div#main-right li a, div#main-right li a {
	text-indent: -9999px;
	font-size: 1px;
	display: block;
	position: absolute;
	left: 0px;
	overflow: hidden;
	height: 54px;
	width: 180px;
	padding: 0;
	}
	
#btn-one a { top: 0px;  color: #001F5B; background: white url(../images/btn_one.gif); }
#btn-one a:hover { top: 0px; color: #001F5B; background: white url(../images/btn_one_over.gif); }

#btn-two a { top: 57px;  color: #001F5B; background: white url(../images/btn_two.gif); }
#btn-two a:hover { top: 57px; color: #001F5B; background: white url(../images/btn_two_over.gif); }

#btn-three a { top: 114px;  color: #001F5B; background: white url(../images/btn_three.gif); }
#btn-three a:hover { top: 114px; color: #001F5B; background: white url(../images/btn_three_over.gif); }

div#contact-girl {
	position: absolute;
	left: 540px;
	top: -203px;
	width: 190px;
	height: 87px;
	}

div#contact-girl h3 { 
	background: white url(../images/h3_contact_girl.gif) left top no-repeat;
	color: #001F5B;
	width: 185px;
	height: 84px;
	text-indent: -9999px;
	}
	
	#contact-girl h3:hover { 
	background: white url(../images/h3_contact_girl_click.gif) left top no-repeat;
	color: #001F5B;
	width: 185px;
	height: 84px;
	text-indent: -9999px;
	}
	
	


div#int-contact ul li { display: inline; }


div#int-contact  li a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 542px;
	top: 46px;
	width: 155px;
	height: 35px;
	}
	
	
#int-contact3 a { left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs.gif) ;
	}

#int-contact3 a:hover{ left: 541px; width: 156px; color: white; background: url(../images/h2_contactUs_overorange.gif) ;
	}
	
	
	
	

div#extra-1 { /* extra graphic to create the round corners at the bottom of main content */
	position: absolute;
	left: 0px;
	top: 351px;
	background: url(../images/img_mainContent_btm.gif) left top no-repeat;
	height: 4px;
	width: 761px;
	visibility: visible;
	}
	
div#extra-2 { /* extra graphic to create the round corners at the bottom of larger content area */
	position: absolute;
	left: 0px;
	top: 447px;
	background: url(../images/img_mainContent_btm.gif) left top no-repeat;
	height: 4px;
	width: 761px;
	}

/* -------------------------------------------------- */
/*			           contact page			  	      */
/* -------------------------------------------------- */

div#contact-left { 
	position: absolute;
	left: 22px;
	top: 18px;
	width: 272px;
	}
	
input, textarea { 
	margin: 3px 0px 5px 0px; 
	}

div#contact-right {
	position: absolute;
	left: 362px;
	top: 4px;
	width: 357px;
	height: 342px;
	}
	
div#address, div#phone, div#email, div#top-text {
	margin-bottom: 20px;
	}

div#contact-right p { 
	line-height: 1.3em; 
	}
	
div#address p {
	font-weight: bold; 
	}
	
.select-width { 
	width: 262px; 
	margin: 4px 0px 5px 0px; 
	}


.form-width {
margin-top:6px;
float:right;
width: 270px; 
	}


a.return:link, a.return:active, a.return:visited { color: white; text-decoration: none; font-weight: normal; }
a.return:hover { text-decoration: underline; }

p.print-contact { display: none; }


.link_blue A:link {text-decoration: none; color: #FFFFFF}
.link_blue A:visited {text-decoration: none; color:#FFFFFF}
.link_blue A:active {text-decoration: none}
.link_blue A:hover {text-decoration: underline; color: red;}


.link_white A:link {text-decoration: none; color:#0000FF}
.link_white A:visited {text-decoration: none; color:#0000FF}
.link_white A:active {text-decoration: none}
.link_white A:hover {text-decoration: underline; color: red;}

/* -------------------------------------------------- */
/*			           calculators pages	  	      */
/* -------------------------------------------------- */

.calc {
	background: #E7E8F9;
	border: 1px solid #8688A8;
	font: 125% arial,verdana,helvetica,lucida,sans-serif;
	color: #000000;
	border-collapse: collapse;
}
.calc_input {
	font: 115% arial,verdana,helvetica,lucida,sans-serif;
	color: #000000;
}
.calc_button {
	font: 125% arial,verdana,helvetica,lucida,sans-serif;
	color: #000000;
}
.sfont {
	font-family: arial,verdana,helvetica,lucida,sans-serif;
	font-size: 83%;
	color: #666;
}
.err{
	color: #CC0000;
	font-family: arial,verdana,helvetica,lucida,sans-serif;
	font-size: 83%;
}
TH {
	border: 1px solid #8688A8;
	background: #BEC1EE;
	font-weight: bold;
	padding: 3px;
	color: #373845;
}
#tiplayer {
	font-family: arial,verdana,helvetica,lucida,sans-serif;
	font-size: 83%;
	position: absolute;
	width: 250px;
	padding: 4px;
	background: #FFFFE1;
	border: 1px solid #000000;
	z-index: 10;
	visibility: hidden;
}
#powered_by, #powered_by a{
	font: 11px arial,verdana,helvetica,lucida,sans-serif;
	margin-top: 15px;
	text-align: center;
	color: #BBBBBB;
}
.fill01 {background-color: #FFFFFF}
.fill02 {background-color: #E7E8F9}
#calcH1{
	font: bold 125% arial,verdana,helvetica,lucida,sans-serif;
	color: #595B70;
	text-align: center;
}
#calclist{font: 83% arial,verdana,helvetica,lucida,sans-serif}
#calclist li{margin-bottom: 6px}
a{color: #373EA8}
a:visited{color: #733399}
a:hover{color: #DA4B47}
#pathway{
	font: bold 83% arial,verdana,helvetica,lucida,sans-serif;
	color: #7D7D7E;
	text-align: center;
}
#pathway a{
	font-weight: normal;
	text-decoration: none;
}
#texttable{
	font: 150% arial,verdana,helvetica,lucida,sans-serif;
}

/* -------------------------------------------------- */
/*			         custom calculators page css  	      */
/* -------------------------------------------------- */



div#fourth-level_calculators {
	position: relative;
	background: #001F5B url(../images/bg_home_blue.gif) left top no-repeat;
	color: white;
	height: 123px;
	}
	
	
div#nav_calculatorslist {
	position: relative;
	background: white url(../images/bg_nav.gif) left top no-repeat;
	color: #001F5B;
	height: 400px;
	}


div#main-left ul li { display: list-item;
list-style:circle; }



div#service_select  {
	position: absolute;
	left: 558px;
	top: 17px;
	width: 154px;
	height: 67px;
	visibility: visible;
	}

div#service_footer  {
	position: absolute;
	top: 274px;
	width: 747px;
	height: 53px;
	visibility: visible;
	left: -445px;
	}

/* -------------------------------------- */