﻿body {
background: #516490;
margin:0px;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
text-align:center;
font-size:11px;
line-height:1.4em;
color:#414141;
}
div.shadow-left {
width:960px; 
margin:auto;
background: url(../mortgage-images/bg-l.png) left top repeat-y;
}
div.shadow-right {
width:960px; 
margin:auto;
background: url(../mortgage-images/bg-r.png) right top repeat-y;
}
div#body {
width:900px; 
margin:auto;
background: #fff;
border-left:1px solid #000; border-right:1px solid #000;
}

div#columns {
background: url(../mortgage-images/bg-columns.gif) top center repeat-y;
}
div#columns-end {
background: url(../mortgage-images/bg-columns-end.gif) bottom center no-repeat;
}
.thin {
width:220px;
padding:0px;
margin:0px;
padding-bottom:20px;
text-align:left;
}
.wide {
width:460px;
text-align:justify;
padding-bottom:20px;
padding-top:10px;
}
body#home-page div.wide, body#contact-page div.wide {
text-align:center;
}
.left {
float:left;
}
.right {
float:right;
}
.clearer {
clear:both;
height:0px;
}
.clear {
clear:both;
}
p {COLOR: rgb(31,73,125)}

img {border:0px;}
table {font-size:1em;}
td {vertical-align:top;}

h1 {font-size:1.5em; font-weight:normal; line-height:1.6em;}
h2 {font-size:1.5em; font-weight:normal; line-height:1.6em;}
h3 {font-size:1em; margin:0px; padding:0px;}
h3.lender {font-size:1.2em; color:#FE911A; text-align:center; margin:10px; margin-top:20px;}

a:link 		{color:#516490; text-decoration:underline;}
a:visited 	{color:#516490; text-decoration:underline;}
a:hover		{color:#FC9623; text-decoration:none;}

span.tag {font-size:0.8em;}


div#buttons {text-align:center;padding-top:20px;}
#buttons img {margin:0px; padding:0px;}
#buttons h2 {padding-right:20px;}

div.content {
margin:30px; margin-top:20px;
}

img.border {border:3px double #516490; margin-left:10px; height:95px;}

#content {text-align:justify;}

#content div#box {
width:680px;
height:537px;
margin:0px; padding:0px;
}
#box div.content {
margin:30px;
}
div#bottom {padding-left:40px; padding-right:40px;}

div.seperator {
	height: 8px;
	background: url(../mortgage-images/hr.gif);
}
div.seperator2 {
	height: 5px;
	background: url(../mortgage-images/hr2.gif);
}

.dark {color:#38476F;}
.light {color:#516490;}

address {font-style: normal;}




ul {list-style-image: url(../mortgage-images/li.jpg);}
li {padding-bottom:8px; font-weight:bold;}
ul#none {list-style-image: url("mortgage-images/li.jpg");}
#none li {padding-bottom:1px;padding-top:1px;border-bottom:1px solid #D3DEF5; font-weight:normal; color:#516490;}


ul#nav {
margin:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
}
ul#nav li {
padding:0px;
margin:0px;
}

#lower {background: url(../mortgage-images/mortgage-records.jpg) left top no-repeat; text-align:left;}
#lower-content {width:400px; margin-left:400px; margin-top:15px; margin-bottom:15px; }

#bottom {
padding:50px; text-align:justify;
}

#footer {
padding:15px;
text-align:center;
}


input {
	width:218px; height:30px;
	border:0px; margin:0px;
}
input.name {
	background: url(../mortgage-images/mortgages-london-10.jpg) center left no-repeat;
	padding-top:8px;
	padding-left:69px;
}
input.email {
	background:  url(../mortgage-images/mortgages-london-12.gif) center left no-repeat;
	padding-top:8px;
	padding-left:66px;
}
input.tel {
	background: url(../mortgage-images/mortgages-london-14.jpg) center left no-repeat;
	padding-top:8px;
	padding-left:95px;
}
input.amount {
	background: url(../mortgage-images/mortgages-london-16.jpg) center left no-repeat;
	padding-top:8px;
	padding-left:130px;
}
input.submit {
	background: url(../mortgage-images/mortgages-london-18.jpg) center left no-repeat;
}

#thanks {
width:180px;
text-align:center;
color:#fff;
padding-left:20px;
padding-top:40px;
}

#towns {background:#2C3C66; padding:40px; color:#516490;}
#towns p {text-align:justify; font-size:0.8em;line-height:1em;}
#towns h2 {font-size:1em;}

/*tooltips....................................................*/
a.regions{position:relative;z-index:24; text-decoration:none;font-weight:bold;}
a.regions:hover{z-index:25; background-color: #F1F1F1;}
a.regions span{display: none}
a.regions:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:1em;
left:-500px;
    padding: 10px;
    border:2px solid #CCC;
    background-color:#2C3C66;
    text-align: justify;
    text-decoration:none;
    width:600px;
    font-size:0.9em;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1em;
color:#516490;
}


#more{
display:none;	
}
  
  #areas{display:none;}
  
  .towntext{
	color:#ccc;
  }
  
  .towntext a{
  	color:#ccc;
  }
  