/**
*  uk.copperstones.net
*/

/** 
*  Design concept, and graphics copyright Copperstones Ltd
*  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.
*/
/* ==== general typography and site wide properties ==== */

h1 {
  font-size:100%;
  font-weight:bold;
  padding:5px;
  }
/* ==== Header elements & quicklinks ==== */
#contact {
  float:right;
	width:400px;
	margin-right:10px;
	}
#branding {
  float:left;
  position:relative;
  margin:20px 40px 0 0;
  width:222px;
  left:20px;
  }
#branding p {
  position:relative;
  height:145px;
  margin:0;
  }
#branding p span {
  display:block;
  position:absolute;
  top:0;
  width:220px;
  height:145px;
	font-size:110%;
	font-weight:bold;
  background:#fff url(/images/cstone-logo.gif) no-repeat;
	color:#3399CC;
	} 

/*  primary navigation elements */
#nav {
  float:right;
  width:38em;
  overflow:hidden;
	margin:60px 0 0 0;
	padding:3px 0;
  font-family:  arial, helvetica, sans-serif;
  }
#nav li {
  float:left;
	margin:3px 5px 0 0;
  }
#nav li a {
  display:block;
  padding:.1em .6em;
  height:100%;
  font-size: 130%;
  font-weight:bold;
  text-align:center;
  color:#7d7d7d;
  text-transform:uppercase;
	}

#nav li a:hover {
  background:#CADC2F;
  color:#fff;
  }
#nav li.active a {
  background:#b7c72a;
  color:#fff;
	}
/* secondary nav - tabbed panel links */
#secondary-nav-tabs {
  float:right;
  position:relative;
  width:20em;
  margin:-26px 2px 0 0;
  display:inline;
  font-family: arial, helvetica, sans-serif;
  }
#secondary-nav-tabs li {
  float:right;
  width:auto;
  display:inline;
  margin:0 5px;
  padding:3px 0;
  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.tabactive a {
  display:block;
  background:#afc700;
  color:#fff;

  }
#secondary-nav-tabs li a {
  padding:1px 5px;
  margin:0 3px;
  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;}
#footer #copy {
  width:18em;
	text-align:right;
	}

/* Vcard adjustments */
.tel {
  font-size:118.75%;
  font-weight:bold;
  }
.tel .value {
  display:block;
	margin-top: 10px;
	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:260px;
  float:right;
  display:inline;
  margin:.6em 0 1.7em 250px;
  }
#prop_search {
  width:220px;
  margin:0 auto;
  min-height:171px;
  }
#prop_search p {
  float:left;
  margin:0 3px 0 0;
  line-height:1.7;
  }
#prop_search .radio-buy-let label {
  line-height:1.4;
  margin-right:15px;
  font-size:70%;
  }
#prop_search .radio-buy-let p {margin-right:30px;}
#prop_search .radio-buy-let input,
#prop_search .filters input {
  width:20px;
  float:none;
  }

form legend {
  font-size:0;
  line-height:0;
  display:none;
  }
fieldset h3 {
  width:100%;
  padding:.2em 0;
  }
fieldset div {
  width:200px;
  margin:.4em auto .2em;
  overflow:hidden;
  }
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;
  }
fieldset input.submit {
  width:80px;
  float:right;
	margin:0 9px 10px 0;
  padding-top:1px;
	display:inline;
	background: #000;
	color:#fff;
	border:1px solid #fff;
  }

#content-frame {
  position:relative;
  clear:both;
	width:auto;
	margin:0  7px 1em 0;
  background: #fafafa;
  }

#content h1, #content h2 {
  margin:0 ;
  border-bottom:1px solid #A7B9D2;
  
	}
/* sidebar elements */

#sidebar h2 {
  margin:10px 0 4px 11px;
  font-size:87.50%;
  font-weight:bold;
  text-transform:uppercase;
  }

/* index page */

#intro {
  margin-left:230px;
  }
#office-interior {
  float:left;
  margin:10px;
  }
#contactOn {
  margin:.6em 0 .6em 10px;
  font-size:87%;
  font-weight:bold;
  }
#services {
  display:table;
  margin:1em auto;
  clear:both;
  }
#services .boxes {
  float:left;
  width:220px;
  margin-right:25px;
  }
#services .boxes.last {margin-right:0;}
#services .boxes h3 {
  margin-left:3px;
  font-size:100%;
  }
#services .boxes h3 span {
  text-transform:uppercase;
  font-size:93.75%;
  color:#d40a06;
  }
#services .area {
  font-weight:bold;
  }
#services .area span {
  padding-left:20px;
  }
#portalLogos {
  margin-bottom:20px;
  border-top:1px solid #A7B9D2;
  }
#portalLogos p {
  margin-left: 3px;
  font-weight:bold;
  }
/* contact-us */

#contact-info, #form-panel {
  float:left;
  margin:20px 10px 0;
  }
#contact-info {
  width:230px;
  padding-top:170px
  }
#form-panel {
  width:440px;
  margin-left:30px;
  }  
#contact-info p {
  margin:0 0 .6em;
  }
#form-panel p {
  margin:0 0 0 5px;
  }
.highlight {
  color:#ff6e00;
  font-weight:bold;
  }
span.postcode {
  text-decoration:underline;
  }
#contact-page dl {
  margin-top:20px;
  }
#contact-page dl dd {
  margin-left:0;
  }
#contact-page dl dd a {
  font-weight:bold;
  }
#contact-page dl dd.dd-strap {
  margin-top:3px;
  font-size:70%;
  }
dl.contact-numbers {
  width:200px;
  overflow:hidden;
  }
dl.contact-numbers dt {
  float:left;
  font-weight:bold;
  }
dl.contact-numbers dd {
  float:right;
  }
dl.contact-numbers dt {
  clear:left;
  }
#contact-page dt { 
  font-size:75%;
  line-height:1.7;
  }
.openinghours dd {
  margin:.6em 0;
  }
/* error messages & system messages */
/* 404 page */
#page_404 #content-frame p {
  font-size:94%;
  font-weight:bold;
  }
.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;
  }
.msg-sent {
  margin-top:1em;
  padding:2px;
  background:#333;
  color:#fff;
  }
.msg-sent p {font-size:87.5%;}
/* general classes */

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