/* generic.css - styles for other pages 

copyright 2007 Future Medium Pty Ltd

@author matt watts

*/

body {
	background: url("../images/bg_faux.gif") repeat-y 50% 0;
}

.wrapper {
	width: 981px;
	margin: 60px auto;	
}

.colLeft {
	float: left;
	width: 191px;
}

.colRight {
	float: right;
	width: 790px;
}

.logoBox {
	background: #fff url("../images/bg_left_panel_upper_shadow.jpg") no-repeat bottom right;
	width: 191px;
}

.logoBox img {
	margin: 60px 25px;
}

* html .logoBox img {
        margin: 60px 22px;
}

.searchPane {
	background: #faf9f4;
	border-top: 1px solid #eae6cd;
	border-bottom: 1px solid #eae6cd;
	margin: 0 0 10px 10px;
	clear: left;	
}

.searchPane h1 {
  color: #828383;
  font-size: 1.3em;
  margin: 0;
  padding: 5px;
}

.colRight .colA {
	width: 530px;
	float: left;
}

.colRight .freeText p,
.colRight .colA .freeText p {
  color: #7d7d7d;
  margin: 10px;
}

.colRight .freeText h1,
.colRight .colA .freeText h1 {
  font-size: 1.3em;
  color: #000;
  margin: 0 10px;
}

.colRight .freeText h2,
.colRight .colA .freeText h2 {
  font-size: 1.1em;
  color: #000;
  margin: 0 10px;
}

.colRight .freeText span.highlighted,
.colRight .colA .freeText span.highlighted {
  font-weight: bold;
  color: #006da6;
}

.colRight .freeText a,
.colRight .colA .freeText a {
  color: #000;
}

.colRight .freeText a:hover,
.colRight .colA .freeText a:hover {
  color: #ed2427;
}

.colRight .colB {
	width: 258px;
	float: right;
}

.colRight .item {
  clear: both;
}

.colRight .images {
  width: 258px;
  float: left;
  margin-left: 10px;
}

.colRight .imagesThumb {
  float: left;
  margin-left: 10px;
  width: 102px;
}

.colRight .text {
  width: 510px;
  float: right;
}

.colRight .textWS {
  width: 650px;
  float: right;
}

.colRight .images .imageBox {
  width: 250px;
  background: #faf9f4;
  margin: 0 0 10px 0;
}

.colRight .images .imageBoxThumb {
  background: #faf9f4;
  margin: 0 0 10px 0;
}

.imageBox p.caption {
  font-size: 0.9em;
  color: #7d7d7d;
}

.colRight .text h1,
.colRight .textWS h1 {
  font-size: 1.3em;
  color: #000;
  margin: 0 0 10px 0;
  padding: 0;
}

.colRight .text h2,
.colRight .textWS h2 { 
  font-size: 1.1em;
  color: #000;
  margin: 0 0 10px 0;
  padding: 0;
}

.colRight .text p,
.colRight .textWS p {
  color: #7d7d7d;
}

.colRight .freeText table.contact {
  color: #7d7d7d;
  margin-left: 10px;
}

.colRight .freeText table tr td.contactDetails strong {
  color: #000;
}

.colRight .text span.highlighted,
.colRight .textWS span.highlighted {
  color: #006da6;
  font-weight: bold;
}

.colRight .text a,
.colRight .textWS a {
  color: #000;
}

.colRight .text a:hover,
.colRight .textWS a:hover {
  color: #ed2427;
}

.colRight .agent {
  margin: 0 0 50px 10px;
}

.colRight .agent h1 {
  color: #646464;
  font-size: 1.3em;
  padding: 0;
  margin: 0 0 15px 0;
}

.colRight .agent .floatImage {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #cdcdcd;
}

.colRight .agent .floatImage img {
  display: block;
}

.colRight .agent p {
  color: #7d7d7d;
}

.colRight .agent .contactDetails {
  clear: left;
  color: #7d7d7d;
}

.colRight .agent .contactDetails span {
  color: #2e2e2e;
}

.colRight .agent .contactDetails a {
  color: #ed0000;
}

ul.appraisalForm {
  margin: 10px 0 20px 10px;
  padding: 0;
  list-style-type: none;
}

ul.appraisalForm li {
  margin: 0 0 5px 0;
  padding: 0;
}

ul.appraisalForm li label {
  display: block;
}

ul.appraisalForm li input,
ul.appraisalForm li select,
ul.appraisalForm li textarea {
  border: 1px solid #cccfd0;
  background: #f2f4f5;
  color: #7d7d7d;
}

ul.appraisalForm li textarea {
        font-family: arial, helvetica, sans-serif;
        font-size: 1.1em;
}

ul.appraisalForm li .ws {
  width: 500px;
}

ul.appraisalForm li .ss {
  width: 250px;
}

ul.appraisalForm li a.cButton {
	background: url("../images/button_clear.gif") no-repeat top left;
	height: 22px;
	width: 64px;
	float: right;
	margin: 10px 6px 0 0;
}

ul.appraisalForm li a.sButton {
	background: url("../images/button_send.gif") no-repeat top left;
	height: 22px;
	width: 64px;
	float: right;
	margin: 10px 18px 0 0;
}

ul.appraisalForm li a.cButton:hover,
ul.appraisalForm li a.sButton:hover {
	background-position: bottom left
}

ul.appraisalForm li a span {
	display: none;
}