/*
 * HPUK main CSS style sheet
 * date: 24 April 2006
 */
body
{
  font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  font-size: 12px;
  /* line-height: 135%; */
  margin: 0px;
  /* padding: 0px; */
  /* text-align: center; */
  /* background-color: #ffffff ; */
  background-color: #fff;
  /* padding-left: 15px; padding-top: 10px; padding-bottom: 5px ; */
}
.h1, .h2, .h3, .h4, .h5 { color: #1F4F82 /*#cc5533*/  }
.h1 { font-size: 32px; font-weight: bold; line-height: 135% }
.h2 { font-size: 24px; font-weight: bold; line-height: 135% }
.h3 { font-size: 20px; font-weight: bold; line-height: 135% }
.h4 { font-size: 16px; font-weight: bold; line-height: 135% }
.h5 { font-size: 12px; font-weight: bold; line-height: 135% }

/* ------------------------- */

/* -------------------------------------- */
/* H1, H2, H3, H4, H5 { color: #cc5533  } */   /* #cc5533, #638800 */
H1, H2, H3, H4, H5 { color:  #cc3300  }
H1 { font-size: 32px; line-height: 135%; margin-bottom: 0px; border-bottom: dotted 1px #aaaadd; clear: both;}
H2 { font-size: 24px; line-height: 135%; margin-bottom: 0px; border-bottom: dotted 1px #aaaadd; clear: both;}
H3 { font-size: 20px; line-height: 135%; margin-bottom: 0px; margin-top: 30px; border-bottom: solid 1px #ffffff; clear: both; }
H4 { font-size: 16px; letter-spacing: 0.0ex; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; margin-top: 25px; line-height: 135% ; border-bottom: solid 1px #c53; clear: both; }
H5 { font-size: 13px; padding-bottom: 0px; padding-top: 0px; margin-bottom: -10px; line-height: 135% ; clear: both; margin-top: 15px;}

TD { font-family: Verdana, Tahoma, Arial; font-size: 12px; line-height: 135%; 
     vertical-align: top; padding: 2px; padding-bottom: 2px ; padding-top: 2px
}

P { font-family: Verdana, Tahoma, Arial; font-size: 12px; line-height: 135% }

A { color: #cc6633 } /* cc6633 */
A:visited { color: #cc6633; }
A:hover { color: #ddcc33; }

FIELDSET { padding: 5px; border: 1px solid #aaaaaa; }

/* white/revered links */
.wlink { font-size: 12px; text-decoration: underline; color: #ffffff }
.wlink:link    {  text-decoration: underline; color: #ffffff; }
.wlink:visited {  text-decoration: underline; color: #ffffff  }
.wlink:hover   {  text-decoration: underline; color: #eeeeee; }

.small { font-size: 9px;  }
.titlebar { font-size: 32px; }
nopadding {  padding: 0px; }

.heading { font-size: 40px ; font-weight: bold; color: #ffffff ; line-height: 100% }
.menu { font-size: 12px; font-weight: bold; color: #ffffff; line-height: 100% ; 
        padding: 0px; padding-left: 5px; padding-right: 5px ; padding-bottom: 5px }
.menulink { font-size: 12px; font-style: normal; font-weight: bold;
    color: #ffffff;
    text-decoration: none
 }
.menulink:link { color: #ffffff; }
.menulink:visited { color: #ffffff;  }
.menulink:hover { color: #eeeeee; text-decoration: underline;  }

/* Main navigation menu tabs */
.menu_tab { padding-top: 3px; padding-bottom: 1px }

/* used for News listings */
.link         { font-size: 12px; text-decoration: none; color: #cc6633 }
.link:link    { font-size: 12px; text-decoration: none; color: #cc6633; }
.link:visited { font-size: 12px; text-decoration: none; color: #cc6633  }
.link:hover   { font-size: 12px; text-decoration: underline; color: #ddcc33;  }

.tabs { border: 1px solid #ffffff; }

/*
 * HPUK table styles 
 */
table.tab1 {
  border-collapse: collapse; 
  border: 1px solid #bbbbcc;
  font-family: Verdana, Arial;
  font-size: 12px;
  margin-top: 25px;
  margin-bottom: 5px;
}
table.tab1 td {
  padding: 4px 4px 4px 4px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #bbbbcc;
}
table.tab1 thead td {
  background-color: #eeeeff;
  padding-top: 8px;
  padding-bottom: 8px;
}
table.tab1 tfoot  td {
  font-size: 11px;
  background-color: #f9f9ff;  
  border-top: 2px solid #ccccdd;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
}
/* first column */
table.tab1 td.first {  font-size: 12px; background-color: #ffdeee; }

/* colour class */
table1.tab1.blue, table.tab1.blue td, table.tab1.blue thead td, table.tab1.blue tfoot  td {
  border: 1px solid #ccccdd;
}

/* green */
table.tab1 td.pos { color: green; }
table.tab1 td.neg { color: red; }

/*
 * diary listing, right column on home page.
 */
table.diarylist { border-collapse: collapse; border: 0px; padding: 0px; margin: 0px; width: 215px; }
table.diarylist th, table.diarylist td { font-size: 11px; letter-spacing: 0.07ex; vertical-align: top; padding: 0px; padding-bottom: 0px;}
table.diarylist th { font-weight: normal; width: 11ex; text-align: left; color: #003000;}
table.diarylist td { padding-left: 3px; }

/* page specific styles */
div#home ul > li { margin-left: 3em; }


/*
 * Directory Pages - Sidebar listings
 */
div.sidebar_box {
  margin-top: 5px;
  /* background-color: #ffeeee; */
  border: none;
  padding: 3px;
}
div.f1 {
  /*  background-color: #FFFFF2; */
  /*  border: 1px solid #ffcc66; */
}
div.f2 {
  /* background-color: #CAFF70; */
  /*  border: 1px solid #9ACD32; */
}

/*
 * Page Layout - two column
 * 05-May-2007 remove left border line
 */
#right_column { border-left: 1px solid #eee; padding-left: 5px; padding-right: 0px; }
/* #right_column h4 { border-bottom: none; color: #339933; margin-bottom: 0px; } */
#right_column a:link, #right_column a:visited { text-decoration: none; font-size: 12px}
#right_column a:hover { text-decoration: underline; font-size: 12px }
#right_column ul { list-style: none; list-style-image: url(/images/arrow_right.gif) ;
            list-style-position: outside; padding-left: 0px; margin-left: 8px; margin-top: 5px; }
#right_column li { padding-left: 0px; margin-bottom: 4px; }

/*
 * lists
 */
/* #right_column ul { list-style-image: url(/images/arrow_right.gif); } */
/*
 * Page Layout - general content pages, main content area
 */
#content  { padding-right: 10px; font-size: 13px; }
#content p { margin-top: 14px; margin-bottom: 10px; font-size: 13px; }
#content li { margin-top: 4px; margin-bottom: 4px; }
#content a, #content b, #content strong, #content i, #content code { font-size: 13px; }
/* mortgage calculator */
#output { font-size: 13px; }

/*
 * News listing
 */
table#news img { margin-right: 5px; margin-bottom: 5px; margin-top: 2px}
table#news p { margin-top: 5px; }

/*
 * BBA Table
 */
TABLE#bba {
     /* display: block; */
     /* display: float; */
     position: relative;
     vertical-align: top;
     border: 1px solid #cdcdee;
     border-collapse: collapse;
     font-family: Verdana;
     color: #000000;
     /* margin: 4px; */
     margin-left: 0px;
     margin-right: 0px;
     width: 215px;
}
TABLE#bba TH {
     background-color: #ddddff;
     vertical-align: baseline;
     text-align: center;
     font-weight: normal;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 3px;
     padding-bottom: 3px;
     border-bottom: 1px solid #cdcdee;
     font-size: 11px;
}
TABLE#bba TD { vertical-align: middle;
     text-align: center;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 2px;
     padding-bottom: 2px;
     /* background-color: #9999cc; */
     font-size: 11px;
}
TABLE#bba TD.footer {
     font-size: 10px;
     vertical-align: middle;
     text-align: left;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 3px;
     padding-bottom: 4px;
     border-top: 1px solid #cdcdee;
}

/* Ad Banner */
div#banner {
    position: absolute;
    clear: both;
    width: 468px;
    height: 60px;
    left: auto;
    top: 10px;
    right: 8px;
    bottom: auto;
    background-color: #333;
    border: 1px solid #fff; 
}

/* Referral Ads */
#primelocation { font-size: 13px; font-family: Arial; line-height: 135%}
#primelocation a:link {font-size: 13px; font-weight: bold; font-family: Arial, Helvetica; text-decoration: underline; line-height: 100%}
#primelocation a:visited {font-size: 13px; font-weight: bold; font-family: Arial, Helvetica; text-decoration: underline; line-height: 100%}
#primelocation a:hover {font-size: 13px; font-weight: bold; font-family: Arial, Helvetica; text-decoration: underline; line-height: 100%}
 
}

/* social bookmarks */
div.sharesb {
  width: 726px;
  margin-left: 30px;
  background-color: #eeeedd;
}
.sharesb ul{
  text-align:center;
  list-style:none;
  margin:6px 0 4px 0;
  padding:0;
}
.sharesb ul li{
  text-align:center;
  display:inline;
  padding:0 4px 6px 0 ;
}
.sharesb ul li.delicious{
  background:url("http://www.houseprices.uk.net/images/bookmarks/delicious.gif") no-repeat 0 0;
}
.sharesb ul li.digg{
  background:url("/images/bookmarks/digg.gif") no-repeat 0 0;
}
.sharesb ul li.reddit{
  padding:0 0 0 2px;
  background:url("/images/bookmarks/reddit.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{
  background:url("/images/bookmarks/facebook.gif") no-repeat 0 0;
}
.sharesb ul li.stumbleupon{
  background:url("/images/bookmarks/stumbleupon.gif") no-repeat 0 0;
}
.sharesb ul li a{
  padding:0 0 0 18px;
  margin:0 3px 0 0px;
}

/* Twitter */
#twitter_div ul { 
	list-style-type: none; 
	padding:0px; 
	margin:0px; 
	list-style-image:url('/images/tweet_t.jpg'); 
	margin-right: 8px
}
#twitter_div li { list-style-position: outside ; padding-left: 3px; padding-left: 3px;}
#twitter_div li a { /* color: #009999 */}
#twitter_div img { margin-bottom: -2px }
#twitter_div { margin-top: 40px; font-size: 11px; margin-left: 0px;}