/**
*  Destinations London: Site wide styles.
*/
/** 
*  Design concept, layout and graphics copyright Property Owl Ltd
*  feel free to borrow css code ideas but please do not attempt to
*  copy the design or layout concept or 'borrow' graphics.
*/

/* == Header elements & quicklinks == */
#header {
  height:7em;
  margin-top:10px;
  }
#login {
  border-bottom:1px solid #eee;
  margin-bottom:5px;
  padding-bottom:4px;
  }
#login li {
  float:left;
  }
#login li.right {
  float:right;
  margin-left:.8em;
  } 
#contact {
  float:right;
  width:400px;
  margin-right:0;
  }
#branding {
  position:relative;
  height:100%;
  }
#brand-text {
  width:480px;
  float:left;
  font-size:110%;
  position:relative;
  height:115px;
  margin:0;
  color:#797979;
  }
#brand-text span {
  display:block;
  font-size:110%;
  font-weight:bold;	
  padding-left:20px;
  color:#3399CC;
  text-indent:-9999em;
  }
#brand-text span.colored {
 font-size:100%;
  font-weight:normal;
  }

#logo {
  position:absolute;
  height:96px;
  left:0;
  top:0;
  }
/**  primary navigation elements **/
#nav-frame {padding:10px 14px;}
#nav {
  overflow:hidden;
  width:100%;
  padding:6px 0;
  }
#nav li {
  float:left;
  margin:3px 0;
  }
#nav li a {
  font-size: 90%;
  padding:.1em 1em;
  }
#nav li.active a {
  color:#BAC8EA;
  }
/* footer links */
#footer li {
  display:inline;
  border-right:1px solid #8f8f8f;
  text-align:center;
  margin-right:-1px;
  }
#footer li a {padding:.1em 1em;}
#footer #copy {
  width:18em;
  text-align:right;
  }
#wrapper p.validate {
  margin: 0 10px;
  padding:1em 0 .2em;
  border-top:1px solid #eee;
  }
p.validate a {	 
  font-size:80%;
  color:#aaa;
  padding:.3em 0;
  }
/* Vcard adjustments */
.tel {
  font-size:110%;
  font-weight:bold;
  }
.tel .value {
  display:block;
  margin-top: 5px;
  font-size:150%;
  clear:both;
  color:#bacdea;
  }
/** general form styles **/
/* general form elements */
#site-search  fieldset {
  overflow:hidden;
  border:none;
  }
#site-search legend {
  font-size:0;
  line-height:0;
  display:none;
  }
/* main searchform elements  */
.search-group {
  width:34%;
  float:right;
  display:inline;
  margin:.9em 0 1.7em 60px;
  }
#search-again li {width:100%;}
#prop_search {
  width:96%;
  float:right;
  }

#search-again #prop_search {
  width:248px;
  float:none;
  background:none;
  margin-top:3px;
  min-height:0;
  }
#prop_search .submit {
  margin-bottom:15px;
  }
#search-again #prop_search div {
  width: 110px;
  }
#search-again #prop_search .submit {
  border:1px solid #555;
  }
form legend {
  font-size:0;
  line-height:0;
  display:none;
  }
fieldset h3 {
  width:100%;
  padding:.2em 0;
  }
fieldset div {
  width:114px;
  margin:.8em auto .2em;
  overflow:hidden;
  }
#prop_search fieldset div {
  width:40%;
  }
fieldset div.left {margin-left:9px}
fieldset div.right {margin-right:9px;}
form fieldset label,
form fieldset select {
  float:left;
  }
form fieldset label {font-size:85%;}
form fieldset input,
form fieldset select{
  clear:left;
  margin:.3em 0 .4em;
  }
form fieldset select{
  width:112px;
  }
form fieldset input {
  width:116px;
  }
#prop_search fieldset select {
  width:132px;width:99%;
  }
fieldset input.submit {
  width:80px;
  float:right;
  margin:0 10px 5px 0;
  display:inline;
  background: #000;
  color:#fff;
  border:1px solid #fff;
  }
/** page layout elements **/
/* content frame to pad content; 
   borders: content-frame bottom/h1 top = chisel effect */
#content-frame {
  overflow:hidden;
  width:92%;
  margin:0  auto .5em;
  border-top:1px solid #C3D8F5; 
  }
#content h1, #content h2, #content h3{
  margin-bottom:0;
  border-bottom:1px solid #A7B9D2;
  }
#index #content h3 {
  margin-bottom:.4em;
  border-bottom:none;}

/** index page **/
#top, #bottom {
  margin:1em;
  overflow:hidden;
  }
#index #top {
  background:#fff url(/images/shop-at-night.jpg) no-repeat -3px 40%;
  }
/* /images/girl.jpg */
.search-group p {
  margin:7px 0 7px 12px;
  border-bottom:none;
  font-size:150%;
  line-height:1.3;
  }
#hometrack {
  width:195px;
  float:right;
  margin:60px 10px 0 10px;
  display:inline;
  background:#006ab4;padding:10px 0;
  }
#hometrack p {
  padding:5px 0 0 5px;
  font-weight:bold;
  color:#fff;
  }
#hometrack p a {
  color:#bacdea;
  }
#hometrack p a:hover {
  color:#996666;
  }
/*Removed by RC for DL no more Htrack*/
/*#hometrack p span {
  visibility:hidden;
  font-size:0;
  }*/
#hometrack fieldset div,
#hometrack fieldset input {
  width:180px;
	}
#hometrack fieldset .submit {
  width:110px;
  float:right;
  margin:0 0 8px 0;
  font-size:89.25%;
  color:#555;
  background:#fff;
  border:1px solid #555;
  }
.latest, .ad-link {
  width:49%;
  min-height:200px;
  float:left;
  background:#fff;
  }
.latest img {  
  float:left;
  margin-left:20px;
  display:inline;
  border:1px solid #838383;
  }
.latest dl {
  text-align:left;
  margin:0 10px 0 220px;
  }
.latest .prop-descrip {
  margin:10px 0 10px 0px;
  }
.latest dt a {
  color:#555;
  font-weight:bold;
  }
.latest dt a:hover {
  color:#89A8D6;
  }
.ad-link {
  float:right;
  background: #fff url(/images/g-map.gif) no-repeat 118% 50%;
  }
#index #bottom .ad-link h3 {
  margin:4px 0 0 5px;
  } 
.ad-link p {
  padding-right:170px;
  margin:0 0  3px 10px;	 
  }
.ad-link p.more {
  width:5em;
  padding-right:0;
  background:#006ab4;
  text-align:center;
  font-weight:bold;
  }
.ad-link p.more a {
  display:block;
  height:100%;
  color:#fff;
  }
p.more a:hover {color:#89A8D6;}
/* bottom info boxes */
.group {
  position:relative;
  margin:0;
  min-height:190px;
  clear:both;
  }
.boxes {
  width:29%;
  position:absolute;
  margin:1em 1em 0 0;
  min-height:190px;
  background:#fff;
  }
.leftoffset {
  left:0;
  }
.midoffset {
  left:31%;
  }
.wider {
  width:38%;
  right:0;
  margin-right:0;
  }
.boxes p {
  font-weight:bold;
  }
/** Sell homes / Landlords **/
#sell-homes #content h2 {
  margin-top:1.5em;
  }
#sell-homes #content h3,
#landlords #content h2 {
  margin-top:2em;
  }
#sell-homes #content p.image-block,
#landlords #content p.image-block {
  margin:3em 0;
  }
p.image-block img {margin-right:8px;}
/** site map **/
#sitemap ul.sitemap {
  border-right:1px solid #C3D8F5;
  float:left;
  margin:0 0 0 15px;
  padding:0 1em 0 0;
  }
#sitemap ul.sitemap li {
  background:#C3D8F5;
  font-weight:bold;
  list-style-type:none;
  margin:8px 10px;
  width:12em;
  padding:.3em .3em;
  }
/** HIPs page & privacy **/
#privacy p.intro {
  font-weight:bold;
  font-size:105%;
  }
#privacy #content h2 {
  font-size:110%;
  margin:1em 0 .5em 0;
  }
#hips-packs dl,
#privacy dl {
  margin-top:1em;
  }
#privacy dt {margin-top:1.5em;}
#privacy dl dl {margin-left:2em;}
#privacy  dd  dd p {font-size:110%;}
#hips-packs dt,
#privacy dt {
  font-weight:bold;
  }
#hips-packs dd, #hips-packs dd p,
#privacy dd, #privacy dd p {
  margin-left:0;
  }
#hips-packs dd li {
  margin:.5em 0;
  font-weight:bold;
  }
#hips-packs #content ul {margin:1em 40px;}

/** local area page **/
#localArea #content-frame ul {
  padding:.3em 0;
  background:#FFFAFA;
  }
#localArea ul#area-title, #localArea ul#place {
  background:none;
  }
#localArea #content-frame ul li {
  list-style:square;
  margin:5px 0 10px 60px;
  }
#localArea #content-frame #area-title li {
  list-style:none;
  margin-left:0;
  background:none;
  }
#localArea #content-frame li h2,
#localArea h3 {
  margin:10px 0;
  font-size:140%;
  border-bottom:1px solid #A7B9D2;
  }
#localArea #content-frame #place li {
  margin-left:40px;
  font-weight:bold;
  }
#localArea #content-frame p {
  margin-left:0;
  }
#localArea #content-frame ul.breadcrumb {
  list-style:none;
  background:none;
  }
#localArea #content-frame ul.breadcrumb  li {
  display:inline;
  margin:0 4px 0 0;
  font-size:90%;
  }
/** logo strip **/

#logostrip {
 margin-top:50px;
 clear:both;
 background:#fff;
 }
#list-logos {
  margin-bottom:0;
  text-align:center;
  }
#list-logos li {
  display:inline;
  padding:0.5em .3em;
  }

/** general classes **/
.border {border:1px solid #555;}
.image-block {text-align:center;}
ul.bulleted {
  list-style-type:square;
  margin-left:50px;
  }
