/* 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: 12px;
}

/*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;
		font-size: 12px;
	}


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;
	font-size:11px;
}	

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);
 }		

 
 .ad {
padding:8px 0px 14px 0px;	
}

/*     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: 65px;
font-size: 12px;
}

#leftnav-bottom {
height: 10px;
width: 185px;
margin: 0;
padding: 0px;
background: url(../img/leftnav-bottom.gif) no-repeat;
}

*html #leftnav-bottom {
margin: 0 0 -5px 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;
font-size: 12px;
}

#left-sub-nav ul {
color: #333;
font-size: 100%;
font-weight: bold;
}



#linktop a:link {
		color: #E22B00;
	    text-decoration: none; 
}

#linktop a:visited {
		color: #E22B00;
	    text-decoration: none;
}

#linktop a:hover {
		color: #E22B00;
	    text-decoration: underline;
}

#linktop a:active {
		color: #E22B00;
	    text-decoration: none;
}


/*     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 li { 
vertical-align:middle;

}

#midblock ul { 
color: #122942;
list-style-position:outside;
margin-left: 17px;
list-style-type: square;
list-style-image: url(../images/tab_right_main.gif);
line-height:150%;

}


/*     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: 65px 0px 0 0;
}	



#imagereplace {position: absolute;
left: 33px;
top: 76px;}

#headerbooking {position: absolute;
left: 515px;
top: 123px;
}

#mortgage-quote {float: right;
padding: 20px 17px 0 0;
}

#mortgage-quote h2 {padding:0 0 0 8px;
margin: 0;
}	

#mortgage-quote h3 {padding:0 0 0 8px;
margin: 0;
font-size: 200%;
}		
				
.input2 {border: 0;
height: 15px;
margin: 0px 0 0 0px;
}



  #footer{
  text-align:right;
    padding: 0;
	padding: 10px 0 0 0;
	float: right;
    height: 270px;
	width: 950px;
	background: #fff  url(../img/footer.png) no-repeat;

	}	

.footer {
text-align:right;
}

#footer a:active {
color:#333; 
text-decoration:none;
}
#footer a:visited {
color:#333; 
text-decoration:none;
}
#footer a:link {
color:#333;
text-decoration:none;
}
#footer a:hover {
color:#333;
text-decoration:underline;
}

.footer a:active {
color:#333; 
text-decoration:none;
}
.footer a:visited {
color:#333; 
text-decoration:none;
}
.footer a:link {
color:#333;
text-decoration:none;
}
.footer a:hover {
color:#333;
text-decoration:underline;
}

.assistive {
	display: none;
}
	
	
	#copyright {margin-top: -140px;
float: right;
width: 100%;
background: #fff;
text-decoration:none;
text-align:right;
}
	
	
	
	
	
/*  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;
}



#midblock a:link {
		color: #e22b00;
	    text-decoration: none;  font-size:12px; font:arial;
}
#midblock a:visited {
	color: #e22b00;
		    text-decoration: none; font-size:12px; font:arial;
}
#midblock a:hover {
	color: #e22b00;
		    text-decoration: none; font-size:12px; font:arial;
}
#midblock a:active {
	color: #e22b00; font-size:12px; font:arial;
}




/* 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:14px;
	  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: #000000F;
text-decoration: none;
display: block;
border: 0px solid;
height: 100%;
padding-left: 5px;
}

#menu li a {
border: 1px solid;
}



#menu li a {
color: #000;}


#menu dt:hover {
background: #006 url(../img/button-select.jpg);
}

#menu dt.selected {
background: #006 url(../img/button-select.jpg);
}

/* <------------------------------------------------------------------------ TOP LEFT MENU LINK HOVER COLOUR  */

#menu dt a:hover, #menu dt a.selected  {
color: #FF822F; 

}

#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;
}	


/* form */



.TextField {

font-size: 11px;
font-family: arial;
padding:0px 0px 0px 0px;
}

.selectClass {

font-size: 11px;
font-family: arial;
padding:0px 0px 0px 0px;
}
.style5 {font-size: 14px; font-weight: bold; color: #FF6600; text-align:left }
.selectClass1 {
font-size: 11px;
font-family: arial;
}
.style6 {font-size: 11px}
-->
.searchbox {
width: 100px; 
 font: 12px Arial, Helvetica, sans-serif; 
font-weight:bold;
 background-color: #fff; 
 color: #102132; 
 border: 1px solid grey; 
 margin-right: 0px;
}

.formheadings {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-align:left;
border-left:1px solid #ff9900;}

.formheading1 {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-align:left;
border-right:1px solid #ff9900;}


.formnames {font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
border-left:1px solid #ff9900;}



	.table
{	border-color: #FF822F;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	}
.tablefont
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
background-color:#FF822F;}

.bestheading
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 5px 5px 5px 5px;
font-weight:bold;
background-color:#FF822F;}
	
.bestloans
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 5px 5px 5px 5px;
font-weight:bold;
background-color:#FFE8D9;}
	
.apr
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
}
	
	
.Loans
{ font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
font-weight:bold;
color:#E22B00;
}

.Loanslink
{ font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
color:#FF822F;
}



/* table for loans in middle */
#besttable{

}

#besttable a:link{
color:#E22B00;
}

#besttable td {
padding:1px 1px 1px 1px;

}



.toptable{
color:#ffffff;
font-weight:bold;
background-color:#e22b00;
}

.toptableL{
padding-left:5px;
color:#ffffff;
font-weight:bold;
background-color:#e22b00;
}

.smaller {
font-size:11px;
}
/* end */


DIV#latestArticles {   }
DIV#latestArticles A {  }
DIV#latestArticles TD { padding:3px 2px 5px 1px; font-size:95%; }
DIV#latestArticles TH {	text-transform: capitalize; background-color: #ffffff; color:#333; font-size: 120%; padding:5px 2px 5px 1px;}
DIV#latestArticles A#more {  }
DIV#latestArticles TABLE {border:0px solid #ffffff;}

DIV#articleTitle { font-size:120%; font-weight:bold; color:#333; }
DIV#articleDate { font-size:90%; }
DIV#articleBody { padding:0px 0px 20px 0px;}
DIV#articleBody A { 
color:#e22b00; }

DIV#articleBody A:hover { 
color:#e22b00;
text-decoration:underline; }

DIV#articleLinks {font-size: 12px; font-family: arial; padding: 4px;}
DIV#articleLinks A {color: blue; margin-left: 16px;}

DIV#articleButtons {
text-align:center;
}

DIV#relatedArticles H4 { font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; }
DIV#relatedArticles H5 { }
DIV#relatedArticles {}
DIV#relatedArticles A { }
DIV#relatedArticles TD { font-size:90%; padding:0px 0px 0px 20px; }

DIV#articleLinks H4 {font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;}
DIV#articleLinks A { color:#e22b00; font-size:90%;}
DIV#articleLinks A:HOVER {}

DIV#articleLinkTo form { font-size:90%;  } 
DIV#articleLinkTo H4 {
font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;
}

DIV#newsIndex H4 {  font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px; text-transform:capitalize; }
DIV#newsIndex H5 { font-size:100%; color:#333; font-weight:bold;  padding:0px 0px 5px 0px;  text-align:left;}
DIV#newsIndex {}
DIV#newsIndex A { }
DIV#newsIndex TD { padding:0px 0px 3px 0px;}

DIV#rssIndex H4 {  font-size:120%; color:#333; font-weight:bold; border-bottom:1px solid #e22b00; padding:0px 0px 0px 0px;}
DIV#rssIndex H5 { font-size:100%; color:#333; font-weight:bold;  padding:0px 0px 5px 0px; text-align:left;  }
DIV#rssIndex {}
DIV#rssIndex A {  }
DIV#rssIndex TD { }

#ovcontent a:link {
color:#333;
font-size:12px;
}
#ovcontent a:visited {
color:#333;
font-size:12px;
}
#ovcontent a:hover {
color:#333;
font-size:12px;
}
#ovcontent a:active {
color:#333;
font-size:12px;
}

#ovcontent {
color:#333;
font-size:12px;
}

#ovtitle a:link {
color:#e22b00;
font-size:12px;
font-weight:bold;
}
#ovtitle a:visited {
color:#e22b00;
font-size:12px;
font-weight:bold;
}
#ovtitle a:hover {
color:#e22b00;
font-size:12px;
font-weight:bold;
}
#ovtitle a:active {
color:#e22b00;
font-size:12px;
font-weight:bold;
}

#ovtitle {
color:#e22b00;
font-size:12px;
font-weight:bold;
}




#ovlink a:link {
color:#00ae00;
font-size:11px;

}
#ovlink a:visited {
color:#00ae00;
font-size:11px;

}
#ovlink a:hover {
color:#00ae00;
font-size:11px;

}
#ovlink a:active {
color:#00ae00;
font-size:11px;

}

#ovlink {
color:#00ae00;
font-size:11px;

}

#bestdeals {
font-size:14px;
font-weight:bold;
border-bottom:1px solid #e22b00;
}

#guide table{
border:1px solid #FF822F;
font-size:11px;
padding:10px;
}

#guide td{
border-bottom:1px dotted #FF822F;
}

#guide th{
background-color:#E22B00;
text-align:center;
color:#fff;
font-family:arial;
font-size:13px;
font-weight:bold;
}

#guide li { 
vertical-align:middle;
margin-left: 0px;

}

#guide ul { 
color: #122942;
list-style-position:outside;
margin-left: 17px;
list-style-type: square;
list-style-image: url(../images/tab_right_main.gif);
line-height:150%;

}

#guide a{
color:#E22B00;
text-decoration:underline;

}

#guide a:hover{
color:#E22B00;
text-decoration:none;
}

#morelink a{
text-decoration:none;
}

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

#morelink{
width:40px;
height:10px;
margin-left:17px;
}

#providers table{
border:1px solid #FF822F;
font-size:11px;
padding:10px;
}


#providers th{
background-color:#E22B00;
text-align:center;
color:#fff;
font-family:arial;
font-size:13px;
font-weight:bold;
}

#providers li { 
vertical-align:middle;
margin-left: 0px;

}

#providers ul { 
color: #122942;
list-style-position:outside;
margin-left: 17px;
list-style-type: square;
list-style-image: url(../images/tab_right_main.gif);
line-height:150%;

}

#providers a{
color:#E22B00;
text-decoration:underline;
font-size:12px;

}

#providers a:hover{
color:#E22B00;
text-decoration:none;
}
#sixedAdd{  font-size:10px; font-family:Arial;}

#sixedAdd a:link {
		color: #e22b00;
	    text-decoration: none; 
}
#sixedAdd a:visited {
	color: #e22b00;
		    text-decoration: none; 
}
#sixedAdd a:hover {
	color: #e22b00;
		    text-decoration: none;
}
#sixedAdd a:active {
	color: #e22b00; 
	text-decoration: none;
}