/* CSS Document */

* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

body{
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #000;
text-align: center;
min-width: 950px;
background: #fff url(../img/bg2.jpg) repeat-x;
line-height: 1.3;
font-size: x-small;  /* for IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small; /* for compliant browsers */
}
/*be nice to Opera*/ 
html>body {  
font-size: small;
}

/*set some defaults which will apply across all browser*/

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, p, fieldset, address {  margin : 0; }

p{	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#122942;
	text-align: left;
	    font-size: 100%;
		line-height: 140%;
		margin: 0 0 10px 0;
	}


blockquote {border: solid 1px #333;
margin: 10px 0 0 10px;
width: 230px;
padding: 10px 20px;
font-weight: 900;
color: #666;
}




h1 {
    font-size: 200%;
	color: #000;
	font-weight: 900;
	text-align: left;
	line-height:140%;
	padding:0px;
	}

.logo {display: none;}

h2 {
    font-size: 130%;
	color: #333;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 8px;
	}
	
.tagline {font-size: 95%;
	color: #fff;
	font-weight: 100;
	text-align: left;
	padding: 5px 0 0 131px;
}	

h3 {
    font-size: 120%;
	color: #333;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	}


h4 {
    font-size: 110%;
	color: #333;
	font-weight: 100;
	padding:0px;
	text-align:left;
	height: 24px;
		margin: 18px 0 10px 0;

	}


h5 {
    font-size: 100%;
	color: #FFF;
	font-weight: bold;
	padding:10px;
	text-align:right;
	}
	
h6 {
    font-size: 100%;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 8px;
	}

.clear{
clear: both;
}
	/* main page styles */

#container{
background: #fff;
width: 950px;
height: auto;
text-align: left;
margin: 0px auto;
font-size: 90%;
position: relative;
border: 0px solid #333;
}

	

	
#content-area {
float: left;
width: 950px;
margin: 0px 0 0px 0;
border: 0px solid #000;
min-height: 700px;
 background: url(../img/faux-cols.png);
	}

#top-nav {
float: left;
width: 950px;
margin: 0px 0 0px 0;
border: 0px solid #000;
height: 25px;
background: url(../img/top-nav.jpg);
}	
	
#top-curves {
float: left;
width: 950px;
margin: 0px 0 0px 0;
border: 0px solid #000;
height: 30px;
background: url(../img/top-curves.png);
 }		

 
 

/*     LHS column and nav divs     */


#leftblock {width: 165px;
float: left;
margin: 0px 0px 0 0;
padding: 0 0 0 10px;
}

#leftnav {width: 185px;
float: left;
margin: 0px 0px -20px 0px;
padding: 0 0 0 0px;
min-height: 125px;
}

#leftnav-bottom {
height: 10px;
width: 185px;
margin: 0;
padding: 0px;
background: url(../img/leftnav-bottom.gif) no-repeat;
}

*html #leftnav-bottom {
margin: 0 0 -6px 0;
}


#left-sub-nav-header {
width: 171px;
height: 35px;
background: url(../img/left-sub-nav.gif) no-repeat;
}

#left-sub-nav {
border: 0px solid;
background: #fff;
margin-left: 5px;
}

#left-sub-nav ul {
color: #333;
font-size: 100%;
font-weight: bold;
}



/*     main content section     */


#midblock {width: 510px; 
float: left;
padding: 0 20px; 
background: transparent;
margin-left: 20px;
}


*html #midblock {
margin-left: 0px;
}

#midblock p {width: 510px; 
line-height: 150%;
}

#problems {width: 454px; 
float: left;
padding: 10px; 
background: #ccc;
}

#midblock a {

}

#midblock ul a {
text-decoration:underline;
}
#midblock ul a:hover {
text-decoration:none;
}

#midblock a:hover {
text-decoration:underline;
}

#midblock .uline a{
text-decoration:underline;
}

#midblock .uline a:hover{
text-decoration:none;
}


/*     RHS column divs     */

#rightblock {
float: right;
padding: 0 10px 0 0;
background: transparent;}

#request-quote {width: 170px; 
height: 25px;
padding: 0;
background: url(../img/request-quote.gif);
}





#news p {font-size: 95%;
}

#partners img, #kpmg img {text-align: center;
margin: 15px 0 15px 40px;

}





/*  common header and footer styles */


	
#header {float: left;
	width: 950px;
    height: 135px;
	background: #fff url(../img/header.jpg) no-repeat;
	border: 0px solid #333;
	margin-bottom: 0px;
	}

#search {
padding: 20px 0px 0 0;
}	



#imagereplace {position: absolute;
left: 30px;
top: 75px;}

#headerbooking {position: absolute;
left: 515px;
top: 123px;
}

#mortgage-quote {float: right;
padding: 17px 17px 0 0;
}

#mortgage-quote h2 {padding:0 0 0 8px;
margin: 0;
text-align:left;
letter-spacing: 1px
}	

#mortgage-quote h3 {padding:0 0 0 8px;
margin: 0;
font-size: 200%;
}		
				
.input2 {border: 0;
height: 15px;
margin: 0px 0 0 0px;
}



  #footer{
    padding: 0;
	padding: 10px 0 0 0;
	float: left;
    height: 120px;
	width: 950px;
	background: #fff  url(../img/footer.png) no-repeat;

	}	

.assistive {
	display: none;
}
	
	
	
	
	
	
	
	
/*  link styles */
	
a:link {
		color: #333;
	    text-decoration: none;
}
a:visited {
	color: #333;
		    text-decoration: none;
}
a:hover {
	color: #333;
		    text-decoration: none;
}
a:active {
	color: #333;
}






/* menu styles */

	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/*- Top Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:100%;
      background:url("../img/top-nav-bg.jpg");
      font-size:120%;
	  font-weight: bold;
      line-height:normal;
      }
    #tabs ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 11px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 21px 4px 12px;
      color:#333;
      }
	  

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#333;
      }
    #tabs a:hover, #tabs a.active {
      background-position:0% -42px;
      }
    #tabs a:hover span, #tabs a.active span  {
      background-position:100% -42px;
      }
	  
	  
	  
/*   left nav css   */	


#leftnav {
background: url(../img/leftnav.gif) no-repeat;
}  
	  
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
margin-top: 10px;
padding-bottom: 5px;
left: 0;
width: 185px;
clear: both;
background: url(../img/leftnav-bg.jpg);
}


#menu dt {
cursor: pointer;
margin: 2px 0 2px 5px;
padding: 8px 5px 2px 30px;
text-align: left;
font-weight: bold;
border: 0px solid #000;
background: #000 url(../img/button.jpg);
height: 20px;
}

#menu dd {margin: 2px 0 2px 5px;
padding: 0 5px;
border: 0px solid gray;
}

#menu li {
text-align: left;
background: #ccc;
}


/* 
<------------------------------------------------------------------------ 
TOP LEFT MENU LINK COLOUR  */

#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0px solid;
height: 100%;
padding-left: 5px;
}

#menu li a {color: #000;
border: 1px solid;
}



#menu dt a {margin-left: -25px;
padding: 0 0 0 30px;
}


#menu dt:hover {
background: #006 url(../img/button-select.jpg);
}

#menu dt.selected {
background: #006 url(../img/button-select.jpg);
}
#menu dt.selected  a{
color: #000000;
}

/* 
<------------------------------------------------------------------------ 
TOP LEFT MENU LINK HOVER COLOUR  */

#menu dt a:hover, #menu dt a.selected  {
color: #000000;

}

#menu li a:hover, #menu li .selected {
background: #fff;
display: inline;
}



/*   this is dimensions for the template specific colours in 
template.css   */ 

/*  left column   */	  



/* colour separators for long sub menu  */
#left-sub-nav li {
padding: 3px 5px;
}


/* background and top margin colour for section dividers in long sub menu  */
#left-sub-nav h3 {
color: #fff; 
font-size: 110%;
padding: 5px;
margin: 0;
}

#left-sub-nav h3 a{
color: #fff; 

}




/*  right column   */	


/* background colour for news link bar  */
#news-feed {width: 165px; 
padding-left: 5px;
height: 14px;
}

/* margin colour for entire RHS section */
#news, #partners, #kpmg, #tower-banner {width: 150px; 
padding: 5px;
background: #fff;
}



/*  fonts  */	



h6 {
color: #E22B00;
}	

#linktop {
margin:0px 0px 15px 0px;
}

#linktop a:active {
text-decoration:none;
}
#linktop a:link {
text-decoration:none;
}
#linktop a:visited {
text-decoration:none;
}
#linktop a:hover {
text-decoration:underline;
}


#copyright .white {
   color:#333;

	}	
	
#copyright .white:hover {
   color:#333;
   text-decoration:underline;

	}	

#copyright .footer {
text-align:right;

	}	
	
  #copyright a:link {
   color:#333;

	}	
	
	  #copyright a:visited {
   color:#333;

	}	
	  #copyright a:active {
   color:#333;

	}	
	
	
#glossary td {
padding:5px 5px 10px 5px;
text-align:center;
font-size:13px;
}

#glossary a:link {
color:#e22b00;
}
#glossary a:visited {
color:#e22b00;
}
#glossary a:active {
color:#e22b00;
}
#glossary a:hover {
color:#e22b00;
text-decoration:underline;
}

.searchbox {
width: 100px; 
font: 12px Arial, Helvetica, sans-serif; 
font-weight:bold;
background-color: #fff; 
color: #102132; 
border: 1px solid #333333; 
margin-right: 0px;
}

#midblock ul { 
color: #122942;
list-style-position:outside;
list-style-image: url("../images/tab_right_main.gif");
margin-left: 17px;
list-style-type: square;

line-height:150%;

}


/* NEWS */


	
DIV#latestArticles { font-family:arial;  }
DIV#latestArticles A { font-family:arial; font-size:95%; text-decoration:none; }
DIV#latestArticles TD { font-family:arial; padding:3px 2px 5px 1px; font-size:95%; }
DIV#latestArticles TH {	font-family:arial; text-transform: capitalize; background-color: #ffffff; color:#333; font-size: 120%; padding:5px 2px 5px 1px;}
DIV#latestArticles A#more { font-family:arial; }
DIV#latestArticles TABLE {border:0px solid #ffffff; font-family:arial; }

DIV#articleTitle {font-family:arial;  font-size:120%; font-weight:bold; color:#333; }
DIV#articleDate { font-family:arial; font-size:90%; }
DIV#articleBody { font-family:arial;  padding:0px 0px 20px 0px;}
DIV#articleBody A {  font-family:arial; 
color:#e22b00;
text-decoration:none; }

DIV#articleBody A:hover {  
font-family:arial; 
color:#e22b00;
text-decoration:underline; }

DIV#articleLinks {font-size: 12px; font-family: arial; padding: 4px;  font-family:arial; }
DIV#articleLinks A {color: blue; margin-left: 16px;  font-family:arial; }

DIV#articleButtons {
text-align:center;
}

DIV#relatedArticles H4  {  font-family:arial;  font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; }
DIV#relatedArticles H5 {   font-family:arial;  }
DIV#relatedArticles {  font-family:arial; }
DIV#relatedArticles A {  font-family:arial; }
DIV#relatedArticles TD { font-family:arial;  font-size:90%; padding:0px 0px 0px 20px; }

DIV#articleLinks H4 { font-family:arial; font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;}
DIV#articleLinks A { font-family:arial;  color:#333; font-size:90%;}
DIV#articleLinks A:HOVER { font-family:arial; }

DIV#articleLinkTo form { font-size:90%;  font-family:arial;  } 
DIV#articleLinkTo H4 { font-family:arial; 
font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;
}

DIV#newsIndex H4 {background-color:#fff; text-align:left; text-transform:capitalize; font-family:arial;   font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px; }
DIV#newsIndex H5 { background-color:#fff; text-align:left; text-transform:capitalize; font-family:arial;  font-size:100%; color:#333; font-weight:bold;  padding:0px 0px 5px 0px; }
DIV#newsIndex { font-family:arial;}
DIV#newsIndex A { font-family:arial; text-decoration:none; }
DIV#newsIndex TD { font-family:arial;  padding:0px 0px 3px 0px; text-decoration:none;}
DIV#newsIndex TABLE {border:0px solid #ffffff; font-family:arial; }

DIV#rssIndex H4 {background-color:#fff; text-align:left; text-transform:capitalize; font-family:arial;   font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;}
DIV#rssIndex H5 {background-color:#fff; text-align:left; text-transform:capitalize; font-family:arial;  font-size:100%; color:#333; font-weight:bold;  padding:0px 0px 5px 0px; }
DIV#rssIndex { font-family:arial; }
DIV#rssIndex A {  font-family:arial;  }
DIV#rssIndex TD { font-family:arial;  }


#recommend{
text-align:center;
margin:10px 0px 20px 0px;
}

#contain-sr{
margin:0px 0px 40px 60px;

}

#midblock p a:link,
#midblock p a:active,
#midblock p a:visited
{ text-decoration:underline; }
#midblock p a:hover
{ text-decoration:none; }