/*============================================================================================================*/
/* RESET */
/*============================================================================================================*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
capt
ion, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* END RESET ===========================================================================*/


/* GENERIC ===========================================================================*/

html,body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	line-height:20px;
}


#wrap{
  width:100%
}

#site-panel{
  margin:0 auto;
  width: 950px;
}
#inner-wrapper{
	float:left;
    background-color: #344A8F;
}


#center-wrapper{	
    border-left:5px #344A8F solid;
	border-right:5px #344A8F solid;
	border-top:5px #344A8F solid;
	border-bottom:5px #344A8F solid;
	float:left;
}


#header{
  width:950px;
  border-bottom:1px #fff solid;
  height:100px;
  float:left;
  background-color:#344A8F;
}

#logo{	
  float:left;
  margin-left:20px;
  margin-top:15px;
}

#rics{
	float:right;
	margin-right:20px;
    margin-top:8px;
}


#content_wrapper{
  float:left;
  background-color:#FFF;
  border-left:5px #344A8F solid;
}

#content{  
  width:702px;
  padding:20px;
  background-image:url(../images/mainbg.gif);
  background-repeat:no-repeat;
  float:left;
}

#content p {
	font:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:1.1em;
	margin-bottom:10px;
}

#content h1{
    font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#344A8F;
	margin-bottom:30px;
	font-weight:normal;
}

#content h2{
  color:#7887B5;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.5em;
  margin-bottom:10px;
  margin-top:15px;
}

#content h3{
  color:#344A8F;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.3em;
  margin-bottom:5px;
  margin-top:15px;
}


a:visited.copy-link,a:active.copy-link,a:link.copy-link{
color:#344A8F;
text-decoration:none;
border-bottom:1px #344A8F dotted;
}
a:hover.copy-link{
color:#344A8F;
border-bottom:none;
}

.sup{	 
  font-size: 0.75em; 
  vertical-align:super;
}

.indent{
	margin-left:40px;
}


.address{font-weight:bold;}
.telephone{font-weight:bold;}


.copy-image{
	border:5px #CCC solid;
	
}

/* MENU ================================================================================*/

#sidebar ul {
	float:left;
	padding-bottom:200px;
}

.list_marker{
	position:relative;
	margin-bottom:2px;
	margin-right:10px;
}

menu li {  
	line-height:0px; /* IE/FF fix for mystery gap*/
	float:left;
}

#menu li a {
	padding:6px;
    display: block;
    text-decoration: none;
    font: bold 1em Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}

a:link.sidebar-link,a:active.sidebar-link,a:visited.sidebar-link  {
	width:180px;
    color: #CDD1ED;
	background-color: #232E5F;/**/
}
a:hover.sidebar-link {
    color: #fff; 
	background-color: #29366F;
	width:175px;
	border-right:5px #CDD1ED solid;
}
a:link.sidebar-link-active,a:active.sidebar-link-active,a:visited.sidebar-link-active  {
    color: #fff; 
	background-color: #29366F;
	width:175px;
	border-right:5px #CDD1ED solid;
}
#sidebar{
	float:left;
    background-color:#344A8F;
}

/* footer =============================================================================== */

#footer{ 
  width:910px;
  border-top:1px #fff solid;
  float:left;
  background-color:#344A8F;
  padding:20px;
  font: 1em #fff Arial, Helvetica, sans-serif;
  color:#ABC4FC;
}

a:link.footer-link,a:active.footer-link,a:visited.footer-link{
color:#ABC4FC;
text-decoration:none;
border-bottom:1px #ABC4FC dotted;
}

a:hover.footer-link{
color:#fff;
border-bottom:1px;
}

#copyright{
	float:left;
}

#sig{
	float:right;
}


/* home page ===========================================================================*/


#surveying{
	float:left;
	margin-bottom:30px;
}
#surveying p{
}

#commercial-property{
	float:left;	
}

#commercial-property p{
	margin-bottom:30px;
}

#commercial-property-image{
	float:right;
	margin-left:20px;
	margin-top:15px;
}
#surveying-image{
	float:right;
	margin-left:20px;
	margin-top:15px;
}

.commercial-lettings-button{
	margin-top:60px;
	margin-right:300px;
}
.commercial-sales-button{
	margin-top:10px;
	margin-bottom:20px;
}
.professional-services-button{
	margin-top:20px;
	float:left;
}

/* location ===========================================================================*/

#map{
	margin-left:100px;
	margin-top:30px;
}

/* pre-completion inspection ===========================================================================*/

#pre-completion-inspections{
	float:left;
}


#pre-completion-inspections img{
	float:right;
	margin-left:20px;
}

#pre-completion-inspections-text{
	float:left;
	width:470px;
}

/* property management ===========================================================================*/

#property-management{
	float:left;
}


#property-management img{
	float:right;
	margin-left:20px;
}
#property-management-text{
	float:left;
	width:470px;
}


/* property development ===========================================================================*/

#property-development{
	float:left;
}


#property-development img{
	float:right;
	margin-left:20px;
}

#property-development-text{
	float:left;
	width:470px;
}


/* valuation page ===========================================================================*/

#valuations{
	float:left;
}


#valuations img{
	float:right;
	margin-left:20px;
}

#valuations-text{
	float:left;
	width:470px;
}

/* professional commercial ===========================================================================*/

#professional-commercial{
	float:left;
}


#professional-commercial img{
	float:right;
	margin-left:20px;
}


#professional-commercial-text{
	float:left;
	width:470px;
}



/* commercial sales/lettings ===========================================================================*/


#commercial-sales-copy img{ float:left; margin-right:30px;margin-bottom:10px;}
#commercial-lettings-copy img{ float:left; margin-right:30px;margin-bottom:10px;}


.search-engine-label{
	width:400px;
    text-align:left;
}
#search-engine-property-type{margin-top:10px;}
#search-engine-size-type{margin-top:10px;}
#search-engine-min-size{margin-top:10px;}
#search-engine-max-size{margin-top:10px;}
.search-engine-search-button{margin-top:10px;}



/* property acquisition form ===========================================================================*/

#acquisitions img.copy-image{
	float:right;
	margin-left:20px;
}


#property-acquisition-form{
	margin-top:50px;
}

.acquisition-form{
 	margin-top:20px;
}

.property-acquisition-form-error {
	font-weight:bold;
	color:#F00;
}



/* enquiry form ===========================================================================*/

#contact-form{
 	margin-top:50px;
}

.enquiry-form{
    margin-left:60px;
 	margin-top:10px;
}

table.enquiry-form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#555;
}

td.textbox {
	padding-left:20px;
	padding-top:10px;
}

td.textarea {
	padding-left:20px;
}

textarea.textarea {
	background-color:#eaeaea;
	border:1px #7887B5 solid;
}

input.textbox {
	background-color:#eaeaea;
	border:1px #7887B5 solid;
}


input.submit{
	margin-top:10px;
	margin-left:20px;
}

.contact-form-error {
	font-weight:bold;
	color:#F00;
}

/* homebuyers survey ===================================================================================*/


#home-buyers-survey-img-div1 img {float:right; margin-left:30px;  margin-bottom:20px;}

#home-buyers-survey-examples img{
  margin-left:60px;	
  margin-top:20px;
  margin-bottom:30px;
}

/* complaints ===================================================================================*/


.complaints-bullets{margin-top:30px;}

.complaints-bullets li{
	margin-left:20px;
	margin-bottom:20px;
	list-style:decimal;
	
}


/* PROPERTY RESULTS ===================================================================================*/

#property-listings-wrapper{
	float:left;
}

.property-row-wrapper{
    width:700px;
	float:left;
	margin-bottom:10px;
	background-color: #eaeaea;
	border: 1px #344A8F solid;
}

.property-row-title{
	padding:5px;
	border-bottom:1px #fff solid;
}

.property-row{
	font: 1em #CCC Arial, Helvetica, sans-serif;
	float:left;
    width:700px;
	display:inline;
}
.property-row p{
}

.property-row-stats{
    width:700px;
	padding:4px;
}
.property-row-description{
	width:450px;
	float:left;
	padding:5px;
}
.property-row-description-text{
	width:450px;
	text-align:justify;
	margin-top:10px;
}


#property-ref{
	font-weight:bold;
}

#property-size{
	font-weight:bold;
    margin-top:10px;
}

#property-price{
	font-weight:bold;
    margin-top:10px;
}

.property-row-image{
	float:right;
	width:150px;
	margin-right:10px;
	padding:10px;
    position:relative;
    display:block;
}
img.watermark {
    position: absolute;
    top: 9px; 
    left: 10px;
}

.property-more-details-button{
    background-color: #cfcfcf; 
    border: 1px solid #c1c1c1;
    line-height:1em;
    cursor: pointer;
    text-align:center;
    width:148px;
	padding: 5px 0 5px 0 ;
	font:1em Arial, Helvetica, sans-serif;
	float:right;
	margin-top:5px;
	text-decoration:none;
    color:#555;
}


.property-more-details-button a{
}


a.pagination-link:link,a.pagination-link:active,a.pagination-link:visited{ 
    color:#009;
	font-size:1.2em;
	padding: 0 3px 0 3px;
    text-decoration:none;
}

.selected-pagination-link{
    color:#009;
	text-decoration:none;
    color:#009;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 3px 0 3px;
    text-decoration: underline;
}


/* PROPERTY DETAILS ===================================================================================*/


#property-details-wrapper{
	margin-top:20px;
}

#property-details-content{
	width:650px;
	float:left;
	border:1px #344A8F solid;
}

#property-details-content h3{
  color:#7887B5;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.5em;
  margin-bottom:10px;
  margin-top:15px;
}

#property-details-title{
	width:650px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #eaeaea;
	border-top:1px #f7f7f7 solid;
	border-bottom:1px #cfcfcf solid;
	float:left;
}

#property-details{
	width:650px;
	display:inline;
    float:left;
	padding:15px;
}

#property-details-ref{
	display:inline;
	float:left;
	width:150px;
	margin-left:10px;
}

#property-details-image-set{
    width:650px;
	float:left;
	margin-bottom:20px;
}
#property-details-main-image{
    float:left;
	border: 1px #ccc solid;
}
#property-details-main-image img{
    vertical-align:bottom;
}
#property-details-thumbs{
    float:left;
	margin-left:20px;
	height: 240px;
	width: 250px;
}

#property-details-thumbs img{
	margin-bottom:1px;
	margin-right:1px;
	border: 1px #ccc solid;
}

#property-details-thumbs a{
	cursor:default;
}

#property-details-description{
	float:left;
	width:600px;
	margin-bottom:20px;
}

#property-details-stats{
	float:left;
	margin-right:20px;
}

.property-details-stats{
    float:left;
	width:80px;
}

#property-details-price p{
	font-weight:bold;
}

#property-details-size{
	margin-top:20px;
}

#property-details-rates{
	margin-top:20px;
}
#property-details-service-charges{
	margin-top:20px;
}

#misrep h2{
	color:#777;
	font-size:.9em;
	margin-bottom:0;
}
#misrep p{
	color:#777;
	font-size:.85em;
	line-height:1.1em;
}

/* ADMIN AREA ===================================================================================*/


#admin-login-form{
	margin-left:400px;
	float:left;
	color:#fff;
	display:inline;
}
#admin-login-form input{
	margin-bottom:10px;
}

.home-icon{
	margin-left:60px;
	margin-top:20px;
	margin-bottom:20px;
}

#sidebar{
	float:left;
    background-color:#344A8F;
	width:190px;
}
#sidebar h2{
	color:#fff;
	font-size:1.2em;
	margin-bottom:5px;
	font-weight:bold;
	margin-left:40px;
}

#sidebar input{
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	background-color:#7887B5;
	color:#fff;
}

#search-by-ref{
	margin-bottom:10px;
	margin-left:40px;
}

#search-by-ref input{
	border:none;
}

#add-property-button{
	text-align:center;
	padding:5px;
	border:1px #333 solid;
	cursor:pointer;
	background-color:#7887B5;
	color:#fff;
	margin-top:13px;
	margin-left:35px;
	width:100px;
}

#admin-property-ref{
	font-weight:bold;
	float:left;
	margin-left:5px;
}

#add-property-button a{
	text-decoration:none;
	color:#FFF;
}

/* ADMIN PROPERTY LISTING ============================================================================*/


#admin-property-results{
    float:left;
    width:400px;
    margin-top:20px;
	margin-left:150px;
	display:inline;
}

#admin-property-results-title{
	float:left;
	width: 400px;
}

#property-listings-wrapper{
	float:left;
}

.admin-property-row-wrapper{
    width:400px;
    border:1px #cfcfcf solid;
	float:left;
	margin-bottom:10px;
}

.admin-property-row{
	font: 1em #CCC Arial, Helvetica, sans-serif;
	float:left;
    width:400px;
	display:inline;
}
.admin-property-row p{
	width:200px;
}

.admin-property-row-title{
    width:392px;
	padding:4px;
	background-color: #eaeaea;
	border-top:1px #f7f7f7 solid;
	border-bottom:1px #cfcfcf solid;
	float:left;
}

.admin-property-row-image{
	float:left;
	width:150px;
	margin-right:10px;
	padding:10px;
}

.admin-property-row-stats{
	float:left;
	padding:10px;
}

.admin-property-row-edit-property{
	margin-top:22px;
}

.admin-edit-property-button{
    background-color: #cfcfcf; 
    border: 1px solid #c1c1c1;
    line-height:1em;
    cursor: pointer;
    text-align:center;
    padding:5px;
	font:1em Arial, Helvetica, sans-serif;
	float:right;
}


.admin-edit-property-button a{
	text-decoration:none;
    color:#555;
}


#no-results-msg{
    font: bold 1em Arial, Helvetica, sans-serif; 
	margin-top:30px;
	margin-left:150px;
	margin-bottom:30px;
}


.stats-bar{
	width:400px;
	margin-bottom:7px;
	float:left;
}

#pagination{
	float:right;
}


/* ADMIN TABS =============================================================================*/

#admin-tabs-wrapper{
    width:702px;
	float:left;
}

#admin-tabs{    
	float:left;
	width:200px;
}

#admin-tabs ul{    
	float:left;
	width:200px;
}

#admin-tabs ul li{
	padding:5px 15px 5px 15px;
	background-color:#eee;
	float:left;
	margin-right:5px;
	border:1px #666 solid;
	margin-bottom:-1px;
	position:relative;
}

#admin-tabs ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#344A8F;
	float:left;
}


#admin-tabs ul li.active{
	padding:5px 15px 5px 15px;
	background-color:#eee;
	float:left;
	margin-right:5px;
	margin-bottom:-1px;
	position:relative;
	border-top:1px #666 solid;
	border-left:1px #666 solid;
	border-right:1px #666 solid;
	border-bottom:1px #eee solid;
}

#admin-tab-body{	
    width:702px;
	background-color:#eee;
	float:left;
	border:1px #666 solid;
}

#tab-buttons{
	background-color:#ddd;
	border-bottom:1px #FFF solid;
	border-top:1px #FFF solid;
	width:100%;
	margin-top:10px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

#tab-buttons h3{
	margin-left:20px;
	margin-top:3px;
	font-weight:bold;
	font-size:1.3em;
	float:left;
}	

.tab-button{
	float:right;
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	background-color:#7887B5;
	color:#fff;
	margin-right:5px;
}

#tab-buttons a{
	text-decoration:none;
	color:#fff;
}

.delete-property-tab-button{
	float:right;
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	background-color:#7887B5;
	color:#fff;
	margin-right:5px;
}



/* PROPERTY IMAGES ===========================================================================================*/

#property-thumbnails-container{
	display:inline;
	margin-left:260px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	width:200px;
}

.property-thumbnail-container{
	border:1px #344A8F solid;
	padding:10px;
	float:left;
	margin-bottom:20px;
	width:180px;
}


.property-thumbnail{
	float:left;
}
.property-thumbnail img{
	border:2px #c9c9c9 solid;
	margin-left:12px;
}


.property-thumbnail-main{
	float:left;
}
.property-thumbnail-main img{
	border:2px #c9c9c9 solid;
	margin-left:12px;
}


.property-thumbnail-delete{
	float:left;
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	margin-top:3px;
	background-color:#7887B5;
	color:#fff;
	margin-left:13px;
}
.property-thumbnail-make-main{
	float:right;
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	margin-top:3px;
	background-color:#7887B5;
	color:#fff;
	margin-right:13px;
}

/* EDIT PROPERTY FORM ===================================================================================================*/


#edit-property-form{
	width:550px;
	margin-top:20px;
	font:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:14px;
	float:left;
}
.form-element{
	height:20px;
	margin-top:7px;
}
#edit-property-form textbox{
	width:200px;
	float:left;
}
#edit-property-form select{
	width:200px;
	float:left;
}
input.checkbox{
	float:left;
	margin-top:3px;
}
#edit-property-form textarea{
	width:400px;
	margin-left:210px;
	float:left;
}

label.admin-textbox-label{
	float:left;
	width:200px;
	text-align:right;
	margin-right:10px;
}
label.admin-checkbox-label{
	float:left;
	width:200px;
	text-align:right;
	margin-right:10px;
}

label.admin-select-label{
	float:left;
	width:200px;
	text-align:right;
	margin-right:10px;
}

label.admin-textarea-label{
	float:left;
	width:200px;
	text-align:right;
	margin-top:20px;
}

#charcount-wrapper{
	float:left;
	width:200px;
	margin-left:210px;
	font-size:.8em;
	display:inline;
}
#remaining-wrapper{
	float:left;
	width:200px;
	margin-left:210px;
	font-size:.8em;
	display:inline;
}

#charcount{
	float:right;
}

#remaining{
	float:right;
}

#charcount-label{
	float:left;
}

#remaining-label{
	float:left;
}
.form-element{
	float:left;
	height:auto;
	width:450px;
}

.property-edit-submit{
	margin-left:210px;
	margin-bottom:20px;
	padding:3px;
	border:1px #333 solid;
	cursor:pointer;
	background-color:#7887B5;
	color:#fff;
}