html {
   height: 100%;
   margin-bottom:1px;
}

body{
   margin:0;
   color:#000;
   padding:0;
   font:normal normal 78% arial,sans-serif;
   line-height:1.6em;
   background:#fff;
}

a img{
  border:none;
}

strong{
  color:#ED8222;
}

a,
a:active,
a:visited{
  color:#660661;
  font-weight:bold;
  text-decoration:underline;
}

a:hover{
  color:#F68B1E;
}

ul{
  list-style-type:none;
  margin:20px 0 20px 30px;
  padding:0;
  width:430px;
}

li{
  margin:6px 0 6px 0;
  padding:0;
  background-image: url('images/bullet.gif');
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: 0 .65em;
}

h1{
  float:left;
  width:221px;
  height:124px;
  line-height:1.5em;
  margin:0;
  padding:0;
  font-size:1.9em;
  font-weight:bold;
  color:#650460;
}

h1 span{
  position:absolute;
  width:221px;
  height:124px;
  margin:0;
  padding:0;
  background:url("images/gr8-mortgage-solutions.gif") top left #fff no-repeat;
}

h2{
   float:right;
   position:relative;
   width:363px;
   line-height:1.2em;
   height:58px;
   margin:10px 20px 22px 0;
   padding:0;
   font-size:1.9em;
   color:#650460;
   font-weight:bold;
}

h2 span{
  position:absolute;
  width:363px;
  height:58px;
  margin:0;
  padding:0;
  background:url("images/mortgage-advice-made-easy.gif") top left #fff no-repeat;
}

h3{
  color:#650460;
  font-size:1.4em;
  margin:15px 0 10px 10px;
  padding:0;
  font-weight:normal;
  width:480px;
}

p{
  margin:10px 0 10px 10px;
  padding:0;
  width:460px;
}

#wrap{
  width:976px;
  margin:0 auto 0 auto;
  padding:10px 0 20px 0;
}

#header{
  width:976px;
  margin:0;
}

#leftColumn{
  width:244px;
  float:left;
  clear:left;
}


#leftColumn{
  text-align:center;
}

#leftColumn img{         /* spacing below the 'online chat' button */
  margin-bottom:1em;
}

#rightColumn{
  width:688px;
  float:right;
  clear:right;
  padding:0 22px 0 22px;
}

/*top menu*/

#menuTop{
   width:731px;
   height:28px;
   float:right;
   margin:0 0 20px 0;
   background:url("images/menu-top.gif") #650460 no-repeat;
}

#menuTop p{
  float:right;
  width:190px;
  color:#eee;
  margin:3px;
  font-size:0.9em;
}

a.login,
a.login:active,
a.login:visited{
  color:#eee;
  font-weight:normal !important;
}

#menuTop ul{
  list-style-type:none;
  margin:4px 0 0 30px;
  padding:0;
  float:left;
  width:420px;
  font-size:1.3em;
  font-weight:bold;
}

#menuTop li{
  display:inline;
  margin:0 20px 0 0;
}

#menuTop a,
#menuTop a:active,
#menuTop a:visited{
  color:#fff;
  text-decoration:none;
}

#menuTop a:hover{
  color:#F68B1E;
}

a.submenuTop,
a.submenuTop:hover{
  color:#F68B1E !important;
  text-decoration:none;
  font-size:0.8em;
}

a.on,
a.on:visited,
a.on:hover,
a.on:active{
  color:#F68B1E !important;
}

a.here,
a.here:visited,
a.here:active{
  color:#ed8222 !important; /* was #650460 (purple)*/
}

a.here:hover { /* was same style as normal, visited and active */
  color: #000 !important;
}

a.current,
a.current:visited,
a.current:active{
  color:#ed8222 !important; /* was #650460 (purple)*/
}

a.current:hover { /* was same style as normal, visited and active */
  color: #000 !important;
}



/*left hand menu*/

#menuLeft{
  margin:30px 0 20px 0;
  padding:0;
  text-align:left;
}

#menuLeft ul{
  margin:10px auto 10px auto;
  padding:0;
  width:160px;
  list-style-type:none;
}

#menuLeft li{
  border-bottom:1px dashed #650460;
  margin:0;
  padding:0;
  width:160px;
  font-weight:bold;
  background:none;
}

li.bottom{
  border-bottom:0px !important;
}

#menuLeft a,
#menuLeft a:active,
#menuLeft a:visited{
  color:#333;
  text-decoration:none;
  padding:6px 0 3px 4px;
  width:156px;
  display:block;
}

#menuLeft a:hover{
  background:#F68B1E;
}

#sub a,
#sub a:active,
#sub a:visited,
#sub a:hover{
  width:130px !important;
  padding: 2px 0 2px 26px !important;
}

#sub a:hover,
#sub a.current:hover{
  background-image: url('images/sub-bullet.gif');
  background-repeat: no-repeat;
  background-position: 0.85em 0.85em;
}

#sub a.current{
  background-image: url('images/sub-bullet-on.gif');
  background-repeat: no-repeat;
  background-position: 0.85em 0.85em;
}  


#sub li{
  border-bottom:0px !important;
  font-weight:normal !important;
  font-size:0.9em !important;
  background-image: url('images/sub-bullet.gif');
  background-repeat: no-repeat;
  background-position: 0.85em 0.85em;
}

/*box buttons down right hand side*/

#boxes{
   width:187px;
   float:right;
   clear:right;
   margin:0;
   padding:0;
}

#boxes a,
#boxes a:active,
#boxes a:visited{
  color:#fff;
  font-weight:bold;
  width:183px;
  height:106px;
  display:block;
  float:right;
  clear:right;
  padding:1px 0 0 4px;
  text-decoration:none;
  margin:0 0 15px 0;
}

#boxes a:hover{
   color:#F68B1E;
}

.enquiry{
  background:url("images/box-enquiry.jpg") bottom center #660661 no-repeat;
}

.borrow{
  background:url("images/box-borrow.jpg") bottom center #660661 no-repeat;
}

.promise{
  background:url("images/box-promise.jpg") bottom center #660661 no-repeat;
}

.switch{
  background:url("images/box-switch.jpg") bottom center #660661 no-repeat;
}


/*footer*/

#footer{
  width:964px;
  height:23px;
  clear:both;
  margin-top:25px;
  padding:3px 6px 0 6px;
  color:#eee;
  font-size:0.9em;
  background:url("images/footer.gif") #650460 center no-repeat;
}

#footer p{
   margin:0;
   padding:0;
   width:100%;
}

#footer a,
#footer a:active,
#footer a:visited{
   color:#fff;
   text-decoration:none;
   font-weight:normal;
}

#footer a:hover{
  color:#F68B1E;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 {
    visibility: hidden;
    font-size: 24px;
    line-height:1em;
}




table{
  border-collapse:collapse;
  padding:0;
}

td{
  padding:0;
}

#rightColumn table {
  margin: 0.6em auto 10px auto;
}

#rightColumn td {
  vertical-align: top;
  padding: 0.3em 6px 4px 3px;
}

#popupwrap td {
  padding: 0.3em 6px 4px 3px;
}

.calculator {
    width: 340px;
    margin: 0.6em auto 1em auto !important;
    border: 1px solid #660661;
    font-weight: bold;
}

.calculator td{
    padding-left: 6px !important;
    vertical-align: middle !important;
}

.calculator input {
   border: 1px solid #111;
}

.calculator strong {
   margin-left: 8px;
}

#budgetplanner .calculator {
   width:400px;
}

.income {
   width: 85px;
   margin: 0 4px 0 4px;
   background:#fff !important;
}

.output {
   margin: 0 4px 0 4px;
   width: 85px;
}

.rate {
   margin: 0 4px 0 4px;
   width: 3em;
}

.disclaimer {
    font-weight: bold;
    font-size: 0.9em;
}

.smallprint {
    font-size: 0.8em;

    margin-top:5px;
    line-height:1.3em;
    font-weight: bold;
}

.field {
    width: 160px;
    padding: 4px 4px 4px 0.3em;
    text-align: right;
}

.figures {
    width: 100px;
}

.pounds {
    width : 14px;
    padding: 0 !important;
    text-align: center;
}

.result td {
    border-top: 1px solid #660661;
}

.calculatebtn {
    margin: 5px 5px 5px 4px;
}

.heading {
    font-size: 1.1em;
    text-decoration: underline;
    padding-top: 6px !important;
}


/* Enquiry form styles */

#contactform label {
    display: block;
    clear: left;
    width: 166px;
    float: left;
    margin: 0 10px 8px 14px;
}

#contactform ul {
    list-style:none;
    padding: 0;
    margin:0;
    width: 455px;
}

#contactform li {
    float: left;
    width: 450px;
    padding: 3px 0 3px 5px;
    margin:0;
    background: none;
}

#contactform .textfield,
#contactform textarea {
    display: block;
    float: left;
    width:220px;
    border: 1px solid #111;
    padding-left:3px;
    background: #fff !important;
}

#contactform textarea {
    height: 52px;
    overflow: auto;
}

#contactform p {
    clear: left;
    margin-left:0;
}

#contactform select {
    display: block;
    float: left;
    width:225px;
    border: 1px solid #111;
}

.buttons {
    width: 300px;
    margin: 1em auto 0.5em 180px !important;
    text-align: left;
}

.submit {
    display: inline;
    margin: 10px 10px 30px 14px;
    border: 1px solid #111;
}

#contactform h3 {
    clear: left;
    margin: 15px 0 0.4em 0;
}

.formerror {
    clear: left;
    font-weight: bold;
    padding:0 0 0 30px;
    margin-top:0;
}

/* pop-up: viewing property checklist */

#popupheader h3 {
  width: 220px;
  margin-top:80px;
  float:right;
  margin-bottom:20px;
}

#popupwrap p {
  clear: both;
  width: 500px;
}

#popupwrap {
  width:550px;
  margin-left:auto;
  margin-right:auto;
  padding: 10px 0 20px 30px;
}

#popupheader{
  width:500px;
  margin:0;
}

#popupheader h1 {
  margin: 0 0 20px 0;
}

#popupwrap #footer{
  width: 500px;
  margin:0;
}

#popupwrap ul {
  width:470px;
}

#popupwrap li{
  width: 450px;
}

#viewingchecklist {
  width: 500px;
  margin:10px auto 10px 10px;
}

#viewingchecklist td{
  padding: 5px 10px 0 25px;
  width: 200px;
}

#viewingchecklist .underline {
  border-bottom: 1px solid #111;
  width: 240px;
}

#viewingchecklist .title {
  padding-left: 0px;
  font-weight: bold;
}

.testimonial {
  font-style: italic;
  padding-left: 10px;
  margin-bottom: 4px;
}

.testimonialfrom {
  text-align: right;
  font-weight: bold;
  margin-top: 5px;
}

em.underline {
  text-decoration: underline;
  font-style: normal;
}

/*container for slideshow*/

#slideshow{
    margin:0;
    position:relative;
    width:490px;
    height:135px;
}

img.front {
 opacity:1;
 -moz-opacity:1;    /*opacity will not validate*/
 -khtml-opacity:1;
 filter: alpha(opacity=100);
 margin: 0 0 0 10px;
 padding: 0px;
 border:0;
 position: relative;
 background:transparent;
 top: 0px;
}

img.back {
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
 margin: 0 0 0 10px;
 padding: 0px;
 position: absolute;
 top: 0px;
  border:0;
}

#testimonials-sl1front {
    top:0; 
    left: 0px;
    margin-left:10px;
    width:490px;
    height:135px;
}

#testimonials-sl1back {
    top:0;
    margin-left:10px;
    left:0px;
    width:490px;
    height:135px;
}

#homePageFooter{
  margin:0 !important;
}