@charset "UTF-8";
/* CSS Document */

body{
padding: 14px 0 0 0;
margin: 0;
font: 12px "Lucida Grande", tahoma, arial, verdana, sans-serif;
line-height: 18px;
color: #777;
}

table#contact-form td{
padding: 5px 0;
}


table#contact-form select{
width: 100%;
}

table#contact-form input{
width: 87%;
}

.warning{
font-size: 11px;
color: #FF0000;
}

.txt-number{
font-weight: bold;
}

.small-print{
font-size: 10px;
font-style: italic;
line-height: 14px;
}

.bold{
font-weight: bold;
}

p{
margin: 0 0 10px 0;
}

h1{
margin: 0 0 10px 0;
}

h2{
font-weight: bold;
font-size: 12px;
color: #76d0ff;
margin: 0 0 10px 0;
}

h3{
padding: 12px 0 8px 0;
margin: 0;
}

h4{
color: #00233F;
padding: 0;
margin: 0;
font-size: 13px;
}

.clear{
clear: both;
}

.intro{
color: #00233F;
}

.call-to-action{
font-weight: bold;
}

p.main-link a, #find-out-more p.main-link a, .non-link{
color: #00233F;
font-size: 13px;
text-decoration: none;
background:url(images/link-arrow.gif) no-repeat 99% 3px;
padding: 0 18px 0 0;
}

p.main-link a:hover, #find-out-more p.main-link a:hover{
color: #68cbff;
}

p.offer-link a, #content p.offer-link a{
color: #d30011;
font-size: 13px;
text-decoration: none;
background:url(images/link-arrow.gif) no-repeat 99% 3px;
padding: 0 18px 0 0;
}

p.offer-link a:hover, #content p.offer-link a:hover{
color: #840816;
}

#container{
width: 810px;
margin: auto;
padding: 10px 12px 15px 20px;
}

#top{
padding: 0 21px;
height: 70px;
}

#logo{
float: left;
padding: 6px 0 0 0;
}

#tel-number{
float: left;
padding: 14px 0 0 80px;
}

#splogo{
float: right;
padding: 5px 10px 0 0;
}

#menu{
text-align: center;
padding: 0 0 0 20px;
height: 30px;
font-size: 12px;
}

#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li{
float: left;
width: 150px;
border-right: 1px solid #777;
}

#menu ul li.last{
border: none;
}

#menu ul li a{
color: #777;
text-decoration: none;
}

#menu ul li a:hover{
color: #71ceff;
}

#flash{
padding: 0 0 8px 0;
}

.intro-box1{
background: url(images/intro-bg-blue.gif) no-repeat;
width: 373px;
height: 163px;
float: left;
font-size: 11px;
padding: 17px 0 0 22px;
line-height: normal;
}

.intro-box1 p, .intro-box2 p{
margin: 6px 0 0 0;
}

.intro-box1 a, .intro-box2 a{
color: #00233F;
}

.ball{
background: url(images/ball-yarn.jpg) no-repeat 260px 20px;
padding: 0 120px 0 0;
height: 156px;
}

.keys{
background: url(images/mortgage4me-keys.png) no-repeat 220px 30px;
padding: 0 120px 0 0;
height: 156px;
}

.person{
background: url(images/mel-home.png) no-repeat 250px 16px;
padding: 0 120px 0 0;
height: 156px;
}

.offer{
background: url(images/offer-balloon.gif) no-repeat 260px 20px;
padding: 0 120px 0 0;
height: 156px;
}

.intro-box2{
background: url(images/intro-bg-grey.gif) no-repeat;
width: 373px;
height: 163px;
float: right;
font-size: 11px;
line-height: normal;
padding: 17px 0 0 22px;
}

#left-col{
width: 138px;
padding: 28px 0 0 22px;
float: left;
font-size: 11px;
font-weight: normal;
}

#left-col ul{
list-style: none;
padding: 10px 0 0 0;
margin: 0;
}

#left-col ul li{
border-bottom: 1px solid #e4e4e4;
padding: 1px 0;
}

#left-col ul li a{
color: #777;
text-decoration: none;
display: block;
}

#left-col ul li#active a{
color: #00233F;
}


#left-col ul li a:hover{
color: #00233F;
}

#main-col-top{
background: url(images/main-col-top.gif) no-repeat;
height: 13px;
}

#main-col{
width: 625px;
float: right;
background: url(images/main-col-bg.gif);
}

#main-col-bottom{
background: url(images/main-col-bottom.gif) no-repeat;
height: 15px;
clear: both;
}

#comparisons{
padding: 15px 15px 15px 20px;
min-height: 320px;
width: 100%;
}

#content{
padding: 15px 0 15px 20px;
min-height: 320px;
width: 382px;
float: left;
}

#content a{
color: #00233F;
font-weight: normal;
}

#content a:hover{
color: #76d0ff;
}

#content ul{
margin: 0;
padding: 0 0 4px 18px;
color: #00233F;
}

#content ul li{
padding: 0 0 8px 0;
}

#find-out-more{
margin: 30px 0 0 0;
border-top: 1px dashed #00233F;
}

#content-right{
width: 160px;
float: right;
padding: 30px 30px 0 0;
}

#call-to-action{
width: 160px;
position: fixed;
}

#action-holder{
border-top: 1px dashed #00233F;
padding: 5px 0 0 0;
text-align: right;
font-size: 10px;
color: #00233F;
}

#action-number{
color: #76d0ff;
font-size: 18px;
line-height: 23px;
font-weight: bold;
}

.team-top{
border-bottom: 1px dashed #00233F;
color: #68cbff;
font-size: 15px;
font-weight: bold;
padding: 50px 0 20px 0;
margin: 30px 0 20px 0;
}

.team-diane{
background: url(images/team-diane.jpg) no-repeat right;
}

.team-mel{
background: url(images/team-mel.jpg) no-repeat right;
}

.team-nigel{
background: url(images/team-nigel.jpg) no-repeat right;
}

.team-matt{
background: url(images/team-matt.jpg) no-repeat right;
}

.testimonial{
font-style: italic;
}

#footer{
padding: 0 0 0 22px;
clear: both;
background: url(images/footer-bg.gif) repeat-y 0 16px;
font-size: 10px;
line-height: normal;
}

#footer-top{
background: url(images/footer-bg-top.gif) no-repeat;
height: 25px;
clear: both;
}

#footer-bottom{
background: url(images/footer-bg-bottom.gif) no-repeat;
height: 25px;
clear: both;
}

#footer ul{
list-style: none;
padding: 8px 35px 0 0;
margin: 0;
float: left;
}

#footer ul li{
padding: 0 0 5px 0;
}

#footer ul li a{
color: #777;
text-decoration: none;
}

#footer ul li.top-link, #footer ul li.top-link a{
color: #68cbff;
text-decoration: none;
}

#footer ul li a:hover{
color: #00233F;
}

#footer-text{
font-size: 9px;
line-height: normal;
padding: 0 0 0 20px;
}

#footer-text a{
color: #777;
text-decoration: none;
}

#footer-text a:hover{
text-decoration: underline;
}