/* 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: 25px 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 -0px 0px;
padding: 0 0 0 0px;
min-height: 100px;
}

#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 {
line-height: 150%;
}

#midblock a {
color:#37029B;
text-decoration:underline;
}

#midblock a:hover {
color:#37029B;
text-decoration:none;
}

#problems {width: 454px; 
float: left;
padding: 10px; 
background: #ccc;
}




/*     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: 30px;
top: 60px;}

#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{
    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: #000000;
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: #37029B; 

}

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




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

#guidetable th{
background-color:#9933CC;
color:#ffffff;
text-align:center;
}

#guidetable table{
border:1px solid #9933CC;
}

#midblock ul { 
color: #122942;
list-style-position:outside;
list-style-image: url("../images/graph.gif");
margin-left: 0px;
padding-right: 5px;
list-style-type: square;
padding-left:24px;
line-height:230%;


}

#midblock ul a { 
color:#37029B;
text-decoration:underline;
}

#midblock ul a:hover { 
color:#37029B;
text-decoration:none;
}

#left-sub-nav2 {
border: 0px solid #36B71C;
background: #fff;
margin-left: 5px;
margin-right: 0px;
border-right: 5px solid #9832CB;
}

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

#left-sub-nav2 li {padding: 3px 5px;
border-top: 5px solid #9832CB;

}

#left-sub-nav2 h3 {
border-top: 6px solid #9832CB;
color: #fff; 
font-size: 110%;
background: #37029B;
padding: 5px;
margin: 0px 0 0 0;
}

#left-sub-nav2 h3 a {
color: #fff; 
}

DIV#latestArticles { font-family: arial; font-size: 11px;}
DIV#latestArticles A { font-family: Verdana; font-size: 10px; }
DIV#latestArticles TD { font-size:11px; padding-bottom:7px;}
DIV#latestArticles TH {	text-transform: capitalize; background-color: #fff; color:#37029B; font-size: 13px; text-align:center; padding-bottom:5px;}
DIV#latestArticles A#more { font-size: 11px; }
DIV#latestArticles TABLE {border:1px solid #fff;}

DIV#relatedArticles H4 {  text-align: center; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B;}
DIV#relatedArticles H5 { text-align: center; font-weight: bold;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
DIV#relatedArticles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
DIV#relatedArticles A { font-size: 12px; }
DIV#relatedArticles TD {font-size: 11px; }

DIV#newsIndex H4 {  text-align: center; padding: 2px; background-color: #37029B; color: white; text-transform: capitalize; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B; margin: 4px;}
DIV#newsIndex H5 {   text-align: center; text-transform: capitalize; font-weight: bold;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
DIV#newsIndex {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
DIV#newsIndex A { font-size: 12px; }
DIV#newsIndex TD {font-size: 11px; }

DIV#rssIndex H4 {  text-align: center; padding: 2px; background-color: #37029B; color: white; text-transform: capitalize; font-weight: bold;  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B;}
DIV#rssIndex H5 {   text-align: center; text-transform: capitalize; text-transform: capitalize; font-weight: bold;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
DIV#rssIndex {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
DIV#rssIndex A { font-size: 12px; }
DIV#rssIndex TD {font-size: 11px; }

DIV#newsPanel H4 {  text-align: center; font-weight: bold;  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B;}
DIV#newsPanel H5 {  text-align: center; font-weight: bold;  font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;}
DIV#newsPanel {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
DIV#newsPanel A { font-size: 12px; }
DIV#newsPanel TD {font-size: 11px; }

DIV#article { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 4px;}
DIV#article SPAN#date { font-size: 10px; font-weight: bold;}
DIV#article A {font-size: 12px; text-decoration: underline;}

DIV#articleBody {text-align: left; padding: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; }

DIV#articleLinks H4 {padding: 2px; background-color: #37029B; color: white; text-transform: capitalize; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B; margin: 4px;}
DIV#articleLinks A { text-decoration: none; color: black; font-size: 12px; font-family: font-family: Verdana, Arial, Helvetica, sans-serif;}
DIV#articleLinks A:HOVER {color: red; text-decoration: underline; }

A#newsIndex {
	height: 16px;
	padding-left: 52px ;
	font-size: 11px;
	color: #000066;
	background-image: url(news/rss/news.gif);
	background-repeat: no-repeat;
	margin: 1px;
}
A#rssIndex {
	height: 16px;
	padding-left: 34px;
	font-size: 11px;
	color: #000066;
	background-image: url(news/rss/rss.gif);
	background-repeat: no-repeat;
	margin: 1px;
}


DIV#articleTitle {font-size: 14px;  font-family: arial; padding: 0 6px; font-weight:bold; }
DIV#articleDate {font-size: 11px; font-family: arial; padding: 0 6px; }
DIV#articleBody {font-size: 12px; font-family: arial; }
DIV#articleBody A {font-size: 12px; }

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

DIV#todaysBestDeals H4 {padding: 2px; background-color: #37029B; color: white; text-transform: capitalize; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #37029B; margin: 20px 4px 4px 4px;}
DIV#todaysBestDeals A.title { font: normal 12px Arial; color:navy; }
DIV#todaysBestDeals A.content {font: normal 10px arial; color: black; text-decoration: none; }
DIV#todaysBestDeals A.link {font: normal 10px arial; color: green; text-decoration: none;}


DIV#articleButtons {text-align: center;}

DIV#articleButtons IMG {cursor: pointer; margin: 1px; border: 0px solid #37029B;}
DIV#articleButtons A:Hover IMG {border:0px solid #000066;}

DIV#articleLinkTo {font: 11px arial; padding 8px; 24px;}
DIV#articleLinkTo H4 {padding: 2px; background-color: #37029B; color: #ffffff; font-weight: bold;  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: 12px solid #606060;}
DIV#articleLinkTo FORM {padding: 0px; margin: 0px;}
DIV#articleLinkTo TEXTAREA {width: 95%; height: 60px; font: 12px arial; border: 1px solid #666666; margin: 8px;}

DIV#articleSendToFriend{font: 12px arial;}
DIV#articleSendToFriend H4 {padding: 2px; background-color: #37029B; color: #000000; font-weight: bold;  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: 12px solid #606060;}
DIV#articleSendToFriend FORM {margin: 0px; padding: 0px 8px;}
DIV#articleSendToFriend LABEL {width: 80px; text-align: right;}
DIV#articleSendToFriend INPUT {border:1px solid #666666; padding: 1px 4px; margin: 1px; font: 12px arial;}
DIV#articleSendToFriend *.valid {background-color: #ffffcc;}
DIV#articleSendToFriend *.bad {background-color: #ffeecc;}
DIV#articleSendToFriend IMG.valid {background-image: url(images/validate1.gif);}
DIV#articleSendToFriend IMG.bad {background-image: url(images/validate2.gif);}

DIV#articleFeedback {font: 12px arial;}
DIV#articleFeedback FORM {margin: 0px; padding: 0px 8px;}
DIV#articleFeedback H4 {padding: 2px; background-color: #37029B; color: #000000; font-weight: bold;  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; border-left: 12px solid #606060;}
DIV#articleFeedback INPUT {border:1px solid #666666; padding: 1px 4px; margin: 1px; font: 12px arial;}
DIV#articleFeedback INPUT#submit {background-color: #cccccc; border: 1px solid #000000; cursor: pointer;}
DIV#articleFeedback TEXTAREA {width: 370px; height: 80px;}
DIV#articleFeedback LABEL {padding: 2px; width: 120px; height: 20px;  text-align: right;}
DIV#articleFeedback *.valid {background-color: #ffffcc;}
DIV#articleFeedback *.bad {background-color: #ffeecc;}

DIV#articleFeedback P {padding: 4px 8px 8px 24px; border-bottom: 1px dotted #37029B; height: 32px; width: 100%; background: url(news/rss/quote_open.gif) 18 left no-repeat; margin: 4px 8px 8px 4px;}
DIV#articleFeedback P:first-line { color: #999999; font-variant: capitialize; margin-bottom: 2px;}
DIV#articleFeedback BIG {width: 24px; height: 24px; background: url(news/rss/quote_close.gif) bottom right no-repeat;}