



/* for internet explorer */
* html body { padding:150px 0 50px; }

body { margin:0; border:0; padding:0; height:100%; max-height:100%; font-family:Arial, verdana, sans-serif; font-size:76%; overflow: hidden; 
background-image: url(mortgages-images/services.jpg); background-repeat: no-repeat; background-position: left bottom;}

#container { font-family:Arial, verdana, sans-serif; font-size: 1em; color: #8f8a8f; line-height: 140%; position:fixed; top:150px; left:0; bottom:50px; right:0; overflow:auto; background:transparent; text-align:left; z-index: 99; padding-right: 50px; padding-bottom: 20px; padding-left: 0; }

* html #container {
  height:100%; 
  width:100%; 
  }

* html #left {padding-top: 20px;}  
#left { position: fixed; float: left; width: 180px; left:0; padding-top: 8px;  }


#realcontent { position: absolute; left: 180px; float: left; padding: 20px 55px 55px 40px; border-left: 1px solid #c3c8c8; }
  

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:150px; 
  overflow:auto; 
  background:#fff url(mortgages-images/trafalgar-head.jpg) repeat-x left bottom;
  }
* html #header {height:150px;}


#footer { position:absolute; bottom:0; left:0; width:100%; height:50px; overflow:auto; text-align:left; background:url(mortgages-images/footer-line.gif) no-repeat 180px top; }
* html #footer {height:50px;}

#disclaimer { font-size: 0.8em; color: #c2c8c8; font-family: Arial, san-serif; background-color: white; position: absolute; top: 12px; left: 220px; padding-top: 5px; padding-right: 50px; border-top: 1px solid #b9ccc3; }


/* font styles */

/* top navi start*/
#Navigation { background-color: transparent; text-align: left; position: absolute; top: 39px; left: 90px ; width: auto; z-index: 999; float: left;   }

#menu {display:block; height:111px; min-height:111px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {display:block; float:left; width:90px; }
#menu li.list1t {background:url(mortgages-images/menu-bg.gif) no-repeat;}
#menu li.list2t {background:url(mortgages-images/menu-bg.gif) no-repeat;}
#menu li.list3t {background:url(mortgages-images/services-active.jpg) no-repeat;}
#menu li.list4t {background:url(mortgages-images/menu-bg.gif) no-repeat;}
#menu li.list5t {background:url(mortgages-images/menu-bg.gif) no-repeat;}
#menu li.list6t {background:url(mortgages-images/menu-bg.gif) no-repeat;}
#menu a {display:block; width:90px; padding-top:95px; color:#5e6a71; text-indent: 10px; text-decoration:none; text-align:left;  
font-family: Arial, Helvetica, sans-serif; font-size:0.9em;  }

#menu a#item1t {background:url(mortgages-images/home-hover.jpg) -111px -90px no-repeat ;}
#menu a#item2t {background:transparent url(mortgages-images/aboutus-hover.jpg) -111px -90px no-repeat;}
#menu a#item3t {background:transparent url(mortgages-images/services-hover.jpg) -111px -90px no-repeat;}
#menu a#item4t {background:transparent url(mortgages-images/regulators-hover.jpg) -111px -90px no-repeat;}
#menu a#item5t {background:transparent url(mortgages-images/downloads-hover.jpg) -111px -90px no-repeat;}
#menu a#item6t {background:transparent url(mortgages-images/contact-hover.jpg) -111px -90px no-repeat;}

#menu a#item1t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}
#menu a#item2t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}
#menu a#item3t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}
#menu a#item4t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}
#menu a#item5t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}
#menu a#item6t:hover {background-position:top left; z-index:50; color:#5e6a71; font-weight:700;}


/* top navi end*/

h1 { font-family: Arial, san-serif; color: #79cabd; font-size: 1.2em; font-weight: normal; font-style: normal; line-height: 140%; background-color: white; }

#navlist
{
padding-top: 50px;
padding-left: 0;
margin-left: 0;
margin-right: 0;
width: 178px;
text-align: right;
font-size: 1em; color: #6a8a7f; font-family: Arial;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.5em;
}

#navlist li a { 
text-decoration: none;
color: #6a8a7f; 
}
 
#navlist a:hover {text-decoration: underline;} 

.clear {clear:both; margin:0px;padding:0px;}

.faqq { font-size: 1em; color: #79cabd; font-family: Arial, sans-serif; font-weight: 700; font-style: normal; }
.faqtitle { color: #6a8a7f; font-family: Arial; line-height: 140%; }
.faqa { font-size: 1em; color: #8f8a8f; font-family: "times new roman", serif; font-style: italic; }
.regulatorytitle {font-family: Arial, san-serif; color: #79cabd; font-size: 0.8em; font-weight: 700; font-style: normal; line-height: 140%; background-color: white; }
.content {font-family:Arial, verdana, sans-serif; font-size: 1em; color: #8f8a8f; line-height: 140%; background-color: transparent}
.green {background-color: white; color: #79cabd;}
.services { background-color: #6a8a7f; font-family:Arial, verdana, sans-serif; color: white; font-weight: 700  ; text-indent: 30px; width: 80px; }
a.top { background-color: #79cabd; font-family:Arial, verdana, sans-serif; text-decoration: none; color: white; border-right: 10px solid #79cabd; border-left: 10px solid #79cabd; }
a.top:hover { background-color: #6a8a7f; font-family:Arial, verdana, sans-serif; color: white; text-decoration: none; border-right: 10px solid #6a8a7f; border-left: 10px solid #6a8a7f; }
