/**
*  lifewithaview.co.uk: general styles pages specific styling
*
*  Design concept, and graphics copyright Property Owl Ltd / Salik and Co
*  feel free to borrow css code ideas but please do not attempt to
*  copy the design or layout concept or 'borrow' graphics.
*
*  Main layout styles for Site wide content, 
*  This stylesheet contains the layout elements for the content areas
*  and is used in conjunction with the Master Template styles.
*
*  Corporate color swatch:
*  light blue = #00a2e0
*  grey       = #808285 
*
*/
/* ==== Header elements & quicklinks ==== */
#contact ul, #quicklinks ul, #footer-links {list-style:none;}

#quicklinks {
  overflow:hidden;
  width:90%;
  margin:0 auto;
  line-height:2;
  }
#quicklinks ul {
  float:right;
  width:18em;
  }
#quicklinks ul li {
  float:right;
  width:auto;
  margin-left:1em;
  }
#quicklinks li a {
  font-size:80%;
  font-color:#555;
  padding-right:1em;
  border-right: 1px solid #8f8f8f;
  }
#quicklinks li.active a {color:#CC6666;}
#quicklinks li a.no-border {
  border:none;
  padding-right:3px;
  }
#contact {
  float:right;
	width:200px;
	margin:20px 50px 0;
	}

#branding {
  float:left;
  position:relative;
  margin:20px 40px 0 0;
  width:324px;
  left:50px;
  }
#branding p {
  position:relative;
  height:100px;
  margin: 0;
  }

/*  primary navigation elements */
#center {
text-align:center;
  }
#nav {
  width:100%;
	margin: 0;
	padding:3px 0;
  text-align:center;
  border-bottom:1px solid #d2d2d2;
  background:#fff;
  list-style:none;
  }
#nav li {
  display: -moz-inline-box;
  display:inline-block;
  margin:3px 5px 0 0;
  }
#nav li a {
  display:block;
  padding:.1em 1em;
  height:100%;
  font-size: 100%;
  font-weight:bold;
  text-align:center;
  color:#7d7d7d;
  text-transform:uppercase;
	}

#nav li a:hover {
  background:#2374c4;
  color:#fff;
  }
#nav li.active a {
  background:#1f64ab;
  color:#fff;
	}
/* secondary nav - tabbed panel links */
#secondary-nav-tabs {
  float:right;
  width:20em;
  margin-right:2px;
  display:inline;
  list-style:none;
  }
#secondary-nav-tabs li {
  float:right;
  width:auto;
  display:inline;
  margin:0 5px;
  padding:3px .5em;
  font-size:100%;
  text-align:center;
  background:#fafafa url(/images/tab-back.gif) repeat-x 0 100% ;
  }
#secondary-nav-tabs li.tabactive {
  background:#fff;
  }
#secondary-nav-tabs li a {
  color:#5d5d5d;
  font-weight:bold;
  }
/* footer links */
#footer p {
  margin:.3em 0;
  }
#footer li {
  display:inline;
  text-align:center;
	margin-right:-1px;
  }
#footer li a {
  padding:.1em .3em;
  color:#fff;
  }
#footer-links li a  {
  padding-right:10px;
  border-right:1px solid #fff;
  font-size:80%;
  }

#footer #copy {
  width:18em;
	text-align:right;
  color:#fff;
	}

/* Vcard adjustments */
.tel {
  font-size:118.75%;

  color:#808285;
  }
.tel .value {
  display:block;
	font-size:120%;
	clear:both;
	color:#5abae0;
	}


#content-frame {
  clear:both;
	width:auto;
	margin:0  7px .5em 0;
  }

#content h1, #content h2 {
  margin:20px 0 10px ;
	}

/* index page */

/* re-position sidebar, content-wrap index page only */
#index #content-wrap {
  margin-top:280px;
  }
#index #intro {
 /* float:left;
  width:400px;*/
  }
#index #intro-text {
  padding:0 2% 2em;
  }
#content h1, #content h2 {
  border-bottom:none;
  font-size:106.25%;
  letter-spacing:.1em;
  color:#00a2e0;
  font-weight:bold;
  }
#index h1.lead-in {
  margin-top:1em;
  }
#intro p.lead-in {
  font-size:100%;
  font-weight:bold;
  color:#007cad;
  }
#index #sidebar {margin-top:277px;}
#index #content-frame {margin-top:0;}
/* sidebar elements */

#sidebar h2 {
  margin-left:15px;
  font-size:90%;
  font-weight:bold;
  text-transform:uppercase;
  }
#services-links {
  float:right;
  width:300px;
  margin:20px 5px 0 0;
  list-style:none;
  }
#services-links li {
  width:300px;
  height:56px;
  margin-bottom:3px;
  }
#services-links li a {
  display:block;
  height:100%;
  text-indent:-999em;
  }
/** general form styles **/

/* general form elements */
#site-search  fieldset {
  overflow:hidden;
  border:none;
  }
#site-search legend {
  font-size:0;
  line-height:0;
  display:none;
  }
input:focus, textarea:focus,
input:hover, textarea:hover {
  background: #C5D6E7;
  }
/* main searchform & sidebar elements  */
.search-group {
  width:260px;
  float:right;
  display:inline;
  margin:.6em 0 1.7em 250px;
  }
#sidebar form,
#sidebar #latest-news {
  width:220px;
  margin:0 auto;
  min-height:171px;
  }
#sidebar #prop_search {
  margin-bottom:20px;
  padding-top:1px;
  }
#prop_search p {
  float:left;
  margin:0 3px 0 0;
  line-height:1.7;
  font-size:75%;
  }
#prop_search .radio-buy-let label {
  line-height:1.2;
  margin-right:10px;
  font-size:70%;
  }
#prop_search .radio-buy-let p {margin-right:30px;}
#prop_search .radio-buy-let input {
  width:15px; 
  float:none;margin-right:5px;
  }
form legend {
  font-size:0;
  line-height:0;
  display:none;
  }
fieldset h3 {
  width:100%;
  padding:.2em 0;
  }
#sidebar fieldset div {
  width:200px;
  margin:10px auto .2em;
  overflow:auto;
  }
#sidebar fieldset.buy-area {margin-top:10px;}
#prop_postcode input,
#email_notify input {
  width:200px;
  }
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:75%;
  font-weight:normal;
  line-height:2.2;
  }
form fieldset input,
form fieldset select{
  margin:.3em 0 .4em;
  float:right
  }
form fieldset select{
  width:130px;
  }
form fieldset input {
  width:124px;
  }
#sidebar fieldset input.submit {
  width:80px;
  float:right;
	margin:0 9px 10px 0;
  padding-top:1px;
	display:inline;
	background: #2469ad;
	color:#fff;
	border:1px solid #fff;
  }
form .submit {
  font-weight:bold;
  cursor:pointer;
  }
#latest-news dl {
  padding:5px;
  margin-top:5px;
  }
#latest-news dd {margin-left:0;}  
#latest-news dd p {
  margin-left:0;
  }
.newsfoot {
  font-size:85.75%;
  border-top:1px solid #A7B8C9;
  }
#latest-news .date {
  float:left;
  }
#latest-news .more {
  float:right;
  }
#affiliates {
  width:160px;
  margin:25px auto;
  text-align:center;
  }
#affiliates img {
  padding:5px 0;
  }
  
/**== page specific ==**/

/* Managemment  & Services pages */
#static-page #content-frame {
  margin:1em 4% 3em;
  }
#management #intro {
  padding-right:200px;
  }
#static-page h3 {
  margin:1em 0 .6em;
  font-size:100%;
  font-weight:bold;
  }
#static-page #content-frame p {
  margin-left:0;
  }
#static-page #content-frame dl dt {
  margin-top:1.5em;
  color:#00a2e0;
  }
#static-page #content-frame dl dd {
  margin-left:0;
  } 
#static-page #content-frame ul {
  margin:.5em 0;
  }
#static-page #content-frame  li {
  margin:.7em 0 0 4%;
  }
#static-page #content-frame ul ul {
  margin:.3em;
  list-style:disc;
  }
#static-page #content-frame ul ul  {
  margin-left:2em;
  }
/* services */
.services {/* boxes */
  margin:1em 0;
  padding:.4em;
  border:1px solid #8f8f8f;
  }
.services.valuations {overflow:hidden;}
.services dd p img {
  vertical-align:bottom;
  }
.valuations #form-panel {/*valuation form holder */
  width:300px;
  float:right;
  padding-left:15px;
  border-left:1px solid #c1c1c1;
  }
.valuations .box {
  float:left;
  width:300px;
  }
#static-page p#footer-strap {
  margin:.7em 0 2em;
  font-weight:bold;
  }

/* contact page */
div#contact-info {
  float:right;
  margin:30px 40px 0 0;
  font-weight:bold;
  }
dl.contact-numbers {
  width:13em;
  overflow:hidden;
  }
#contact-page #contact-info dl.contact-numbers dt {
  float:left;
  margin:1em 10px 0 0;
  font-weight:bold;
  font-size:87.5%;
  clear:left;
  }
dl.contact-numbers dd {
  float:left;
  margin:1em 0 0 ;
  width:11em;
  }

/* about page */
#about #intro {
  position:relative;
  margin-top:15px;
  min-height:500px;
  }

/* news page */
#news #content dl {
  width:92%;
  min-height:50px;
  margin:1em auto;
  padding:1%;
  border:1px solid #C8C3C3;
  }
#news dl dd {
  margin-left:0;
  }
/* error messages */
.error-panel {
  margin-left:12px;
  }
p.error-text,
ul.error-list {
  color:#8B4513;
	font-weight:bold;
  margin-left:0;
  }
ul.error-list {
  list-style-type:square;
  margin-left:15px;
  }
/* form responders */

.msg-sent {
  padding:.5em 0;
  background:#fafafa;
  border:1px solid #bfbfbf;
  }
.msg-sent p {
  color:#555;
  }
/* general classes */

ul.bulleted {
  list-style-type:square;
  margin-left:50px;
  }	
.clear {clear:left;}