/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, Partner @ CoCreate, matt@cocreatedesign.com
						for
						Legat Owen
						12/12/2007
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						27.10.08 Property Search Results #details.status width changed to fit wider size in
						
						--------------------------------------------
						
--------------------------------------------------------------------
*/
*{
margin:0;
padding:0;
border: none;
}
a span{
position:absolute;
left:-4000px;
}
html{
height:100%;
margin:0 0 1px 0;
}
body{
background-color:#DDDEE0;
}

#topShadow {
background:url(../images/top_shadow.gif) no-repeat left bottom;
margin:5px auto 0 auto;
width:892px;
height:16px;
}
#page{
background:url(../images/bg_strip.gif) repeat-y;
width:892px;
margin:0 auto 0 auto;
}
#header{
height:212px;
width:868px;
margin:0 auto 0 12px;
}
#content{
width:868px;
float:left;
margin:0 0 10px 12px;
}
#leftCol{
float:left;
width:210px;
margin:6px 0 0 0;
}

#centre{
width:630px;
float:right;
margin:10px 5px 0 0;
}


#centre.home{
width:650px;
}

#centre.home .btnHolder{width:650px; float:left; padding:0 0 20px 0;}
#centre.home .btnHolder img{margin:0 0 0 8px; float:right; }
#centre.home .btnHolder img.end{margin:0;}

#centre h4{
width:630px;
height:30px;
display:block;
float:right;
margin:0 0 10px 0;
background-repeat:no-repeat;
}
#centre #left{
	float:left;
	width:150px;
	border: none;
}
#centre p{
width:430px;
float:right;
padding:0 40px 0 0;
}
#centre h5{
float:left;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0 0 10px 10px;
padding:0;
}
#centre h6{
	float:left;
	color:#FF0000;
	font-weight:lighter;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	margin:0 0 10px 5px;
	padding:0;
	letter-spacing: -0.1em;
}
/*----- The Team ------*/
table#theteam{
float:right;
width:630px;
border:none;
color:#000066;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.4em;
}
table#theteam td{
padding:0 0 4px 0;
}
table#theteam h5{
width:150px;
margin:0 10px 0 0;
float:right;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
table#theteam a#moreDetails{
width:150px;
height:30px;
background-image:url(../images/btn_details_red.gif);
background-repeat:no-repeat;
float:right;
}
/*----- Search ------*/
#columnSearch{
width:200px;
padding:20px 0 0 0;
margin:0 auto 0 auto;
}


/*----------------------------------------------
				Menu
----------------------------------------------*/
#menuHolder{
width:210px;
margin:0 0 10px 0;
float:left;
background:url(../images/menu_bg.gif) no-repeat left bottom;
}
#menuTop,#menuBottom{
width:210px;
height:9px;
margin:0em;
float:left;
}
#menuTop{
background:url(../images/menu_top.gif) no-repeat left bottom;
}
#menuBottom{
background:url(../images/menu_bottom.gif) no-repeat left bottom;
}
#menuBg{
width:210px;
background:url(../images/menu_bg_strip.gif) repeat-y;
float:left;
}


#menuHolder ul{
width:200px;
margin:9px 0 0 5px;
float:left;
}
#menuHolder ul li{
list-style:none;
width:180px;
height:30px;
}
#menuHolder ul li a{
display:block;
width:180px;
height:30px;
background-repeat:no-repeat;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#111170;
font-weight:400;
font-size:0.95em;
padding:5px 0 0 20px;
}

#menuHolder ul li a:hover{
color:#FF4111;
}

/*----------------- 
Property Search 
----------------*/

#searchForm{
width:200px;
padding:20px 0 0 0;
margin:0 auto 0 auto;
}

#form1{
width:530px;
text-align:left;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px 0 10px 20px;
font-size:0.6em;
line-height:1.4em;
float:left;
}
#form1 label.red{
color:#FF0000;
}
#form1 label.left{
float:left;
width:300px;
}
#form1 input{
margin:10px 10px 0 0;
}
#form1 input.text{
border:1px solid #000099;
margin:5px 0 10px 0;
width:200px;
}
#form1 div{
width:250px;
display:block;
float:left;
margin:0 0 10px 0;
}
#form1 div.select{
width:400px;
display:block;
float:left;
}
#form1 select{
border:1px solid #000099;
width:280px;
height:20px;
float:left;
margin:5px 20px 20px 0;
font-size:1.1em;
}
#form1 input#submit{
margin:20px 300px 0 0;
padding:0;
background-image:url(../images/btn_search.gif);
width:200px;
height:30px;
float:left;
}
/*----- Online Enquiry ------*/
#form2{
width:280px;
text-align:left;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:20px auto 10px auto;
font-size:0.6em;
line-height:1.4em;
}
#form2 select{
width:280px;
height:20px;
margin:0 0 20px 0;
font-size:1.1em;
float:left;
}
#form2 input{
width:280px;
height:20px;
background-color:#CCCCCC;
margin:0;
font-size:1.2em;
float:left;
}
#form2 textarea{
width:280px;
height:80px;
background-color:#CCCCCC;
margin:0 0 20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
float:left;
}
#form2 label{
width:280px;
height:20px;
margin:20px 0 0 0;
display:block;
float:left;
font-size:1.2em;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form2 input#submit{
float:left;
margin:20px 0 0 0;
padding:0;
background-image:url(../images/btn_search.gif);
width:200px;
height:30px;
}


#form3{
width:430px;
float:right;
text-align:left;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px 0 20px 0;
font-size:0.6em;
line-height:1.4em;
}
#form3 select{
width:280px;
height:20px;
margin:0 0 20px 0;
font-size:1.1em;
float:left;
}
#form3 input{
width:280px;
height:20px;
background-color:#CCCCCC;
margin:0;
font-size:1.2em;
float:left;
}
#form3 textarea{
width:280px;
height:80px;
background-color:#CCCCCC;
margin:0 0 20px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
float:left;
}
#form3 label{
width:280px;
height:20px;
margin:20px 0 0 0;
display:block;
float:left;
font-size:1.2em;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#form3 input#submit{
float:left;
margin:20px 0 0 0;
padding:0;
background-image:url(../images/btn_uploadcv.gif);
width:200px;
height:30px;
}

/*-----  
Left  Buttons    
-----*/

#leftButtons{
margin:5px 0 0 5px;
width:200px;
float:left;
}
#leftButtons a{
margin:0 0 5px 0;
width:200px;
height:30px;
display:block;
float:left;
background-repeat:no-repeat;
}
#leftButtons a#btnUpdates{
background-image:url(../images/btn_updates.gif);
}
#leftButtons a#btnNewsletter{
background-image:url(../images/btn_newsletter.gif);
}
#leftButtons a#btnEnquiry{
background-image:url(../images/btn_enquiry.gif);
}
#centre h4#titleAbout{
background-image:url(../images/title_about.gif);
}
#centre h4#titleRecruitment{
background-image:url(../images/title_recruitment.gif);
}
#centre h4#titleLatestNews{
background-image:url(../images/title_news.gif);
}
#centre h4#titleSearch{
background-image:url(../images/title_search.gif);
}
#centre h4#titleIndustrial{
background-image:url(../images/title_industrial.gif);
}
#centre h4#titleRetail{
background-image:url(../images/title_retail.gif);
}
#centre h4#titleOffices{
background-image:url(../images/title_offices.gif);
}
#centre h4#titleServices{
background-image:url(../images/title_services.gif);
}
#centre h4#titleTheTeam{
background-image:url(../images/title_theteam.gif);
}
#centre h4#titleOurClients{
background-image:url(../images/title_clients.gif);
}
#centre h4#titleContact{
background-image:url(../images/title_contact.gif);
}
#centre h4#titleEnquiry{
background-image:url(../images/title_enquiry.gif);
}
#centre h4#titleNewsletter{
background-image:url(../images/title_newsletter.gif);
}
#centre h4#titleUpdates{
background-image:url(../images/title_updates.gif);
}
#centre img{
float:left;
}
#centre p img{
float:left;
margin:0 10px 10px 0;
}
#centre img.button{
margin:0;
padding:0;
float:left;
}

#imgHeadInd, #imgHeadOffices{
width:630px;
height:60px;
padding:0 0 20px 0;
float:left;
}
#imgHeadInd{
background:url(../images/img_head_industrial.jpg) no-repeat;
}
#imgHeadOffices{
background:url(../images/img_head_offices.jpg) no-repeat;
}

p{
color:#000066;
font-family:Arial, Helvetica, sans-serif;
margin:5px 0 10px 0;
font-size:0.7em;
line-height:1.4em;
}
p.red{
color:#FF0000;
}
p.title{
color:#FF0000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
line-height:1.2em;
margin:0;
}

#news h5{
width:470px;
float:right;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
}
#centre p.wide{
width:630px;
float:right;
padding:0;
}
/*----------------- -------------------
			Search Results 
--------------------------------------*/
#rowResult{
width:630px;
padding:15px 0 15px 0;
float:right;
border-bottom:1px solid #FF0000;
}
#rowResult h5{
width:290px;
float:left;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0 0 10px 10px;
padding:0;
}
#rowResult h5 a{
color:#FF0000;
}
#rowResult p{
width:290px;
float:left;
margin:0 0 10px 10px;
padding:0;
}
#rowResult #description{
width:290px;
float:left;
}
#rowResult #details{
text-align:right;
width:180px;
float:right;
}
#rowResult img{
padding:0;
margin:0;
float:left;
text-decoration:none;
border:none;
}

#rowResult img.details{
float:right;
}
#rowResult p.status{
width:180px;
float:right;
text-align:right;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0;
padding:0;
}
#rowResult p.price{
width:170px;
float:right;
text-align:right;
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding:0;
margin:10px 0 10px 0;
}
#rowResult a#btnDetails{
float:right;
width:150px;
height:30px;
background:url(../images/btn_full_details.gif) no-repeat left bottom;
display:block;
}



/*----------------- -------------------
			Property Details 
--------------------------------------*/
#detailsHolder{
width:630px;
padding:0;
float:right;
}
#details{
width:630px;
padding:10px 0 15px 0;
float:right;
}
#left img{
margin:0 0 10px 0;
}
#details #left,#details #left noscript{
width:210px;
float:left;
}
#detailsHolder img{
border:none;
}
#detailsHolder #left img{
margin:0;
float:left;
}
#details #right{
margin:0 0 0 10px;
width:330px;
float:left;
}
#details #right p,ul,h5{
float:left;
display:block;
}
#details #right p,h5,ul{
width:330px;
}
#details #right h5{
color:#FF0000;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0 0 10px 0;
padding:0;
}
#details #right ul{
list-style:none;
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:5px 0 10px 0;
font-size:0.6em;
line-height:1.4em;
}
#googleMap{
width:210px; 
height:230px;
float:left;
margin:20px 0 0 0;
}

/*----------------- -------------------
			Services 
--------------------------------------*/

#centre #service{
width:150px;
height:140px;
float:left;
margin:10px 0 0 10px;
}
#centre #service.start{
float:left;
margin:10px 0 0 0;
}
#centre #service.end{
float:right;
margin:10px 0 0 0;
}
#centre #service a{
display:block;
width:150px;
height:140px;
background-repeat:no-repeat;
}

#centre #service a#servRet{
background-image:url(../images/img_serv_retail.jpg);
}
#centre #service a#servInd{
background-image:url(../images/img_serv_industrial.jpg);
}
#centre #service a#servOff{
background-image:url(../images/img_serv_office.jpg);
}
#centre #service a#servInv{
background-image:url(../images/img_serv_investment.jpg);
}
#centre #service a#servDev{
background-image:url(../images/img_serv_dev.jpg);
}
#centre #service a#servPro{
background-image:url(../images/img_serv_pro.jpg);
}
#centre #service a#servMan{
background-image:url(../images/img_serv_mgmt.jpg);
}
#centre #service a#servBuild{
background-image:url(../images/img_serv_surveying.jpg);
}

table#servicesListing{
	float:right;
	width:630px;
	border:none;
	color:#000066;
	margin: 10px 0px 0px 0px;
}

table#servicesListing td{
	height: 15px;
	padding: 0px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8em;
	font-weight: bold;
}

table#servicesListing td a{
	color:#000066;
	text-decoration: none;
}

table#servicesListing.grey td{
	color:#000066;
	height: 15px;
	font-size: 11px;
	font-weight: normal;
}

table#servicesListing.grey td a{
	color:#000066;
	text-decoration: none;
}



/*----------------- -------------------
			Contact Page 
--------------------------------------*/
#contactMap{
width:380px; 
height:325px;
float:left;
}
#contactLeft{
width:380px; 
float:left;
margin:20px 0 0 0;
}
#contactRight{
width:200px; 
float:right;
margin:20px 0 0 0;
}
#contactRight h5{
width:200px;
margin:0; 
float:left;
}
#contactRight p{
width:200px;
float:left; 
}
#contactRight img{
margin:10px 0 0 0;
float:left;
}


/*----------------- -------------------
			Home Page 
--------------------------------------*/

#column{
float:right;
width:200px;
margin:0 0 10px 0;
}
#column.middle{margin:0 20px 10px 20px;}

#column p{
float:left;
width:200px;
padding:0;
}
#column p.title{
height:30px;
overflow:hidden;
}
#column p.body{
min-height:50px;
height:50px;
overflow:hidden;
}
#homeSearch{
width:200px;
height:90px;
float:left;
margin:0 0 20px 0;
}
#homeSearch a{
width:200px;
height:90px;
display:block;
background-repeat:no-repeat;
}
#homeSearch a#hsRetail{
background-image:url(../images/btn_retail.jpg);
}
#homeSearch a#hsIndustrial{
background-image:url(../images/btn_industrial.jpg);
}
#homeSearch a#hsOffices{
background-image:url(../images/btn_offices.jpg);
}

#column h4{
width:200px;
height:40px;
float:left;
display:block;
background-repeat:no-repeat;
margin:0 0 10px 0;
}
#column h4#news{
background-image:url(../images/title_sm_news.gif);
}
#column h4#newinstruction{
background-image:url(../images/title_sm_instruction.gif);
}
#column h4#featured{
background-image:url(../images/title_sm_featured.gif);
}
#column img{
width:200px;
height:100px;
float:left;
margin:0 0 10px 0;
}
#moreDetails{
width:200px;
height:30px;
margin:11px 0 0 0;
float:left;
}
#moreDetails a{
width:200px;
height:30px;
display:block;
background-image:url(../images/btn_details_blue.gif);
background-repeat:no-repeat;
}
/*----------------------------------------------
				News
----------------------------------------------*/

#rowNews{
width:630px;
margin:0 0 20px 0;
float:right;
}
#rowNews img{
float:left;
}
#rowNews p, #rowNews h5{
float:right;
width:430px;
padding:0 30px 0 0;
}
/*----------------------------------------------
				Footer
----------------------------------------------*/
#contentFooter{
margin:10px 0 0 0;
width:570px;
min-height:32px;
float:inherit;
background:url(../images/img_btm.gif) no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#contentFooter a{
float:left;
margin:6px 10px 0 10px;
}
#contentFooter a.page{
display:block;
width:25px;
height:19px;
background-color:#999999;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
text-align:center;
margin:6px 2px 2px 2px;
padding:8px 0 0 0;
}
#contentFooter a.down{
display:block;
width:25px;
height:19px;
background-color:#FF0000;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
text-align:center;
margin:6px 2px 2px 2px;
padding:8px 0 0 0;
}
#contentFooter a.page:hover{
background-color:#FF0000;
}
#footer{
float:inherit;
width:892px;
height:24px;
clear:both;
background:url(../images/btm_shadow.gif) no-repeat;
}
#credits{
width:892px;
margin:0 auto 0 auto;
}
#credits p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#000000;
margin:0 0 0 20px;
}
#credits p.copyright{
margin:0 0 0 20px;
width:300px;
float:left;
}
#credits p.links{
width:250px;
float:left;
}
#credits p.links a{
margin:0 5px 0 5px;
}
#credits p.cocreate{
margin:0 20px 0 0;
text-align:right;
width:200px;
float:right;
}
#credits p.cocreate a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}
#credits p.cocreate a:hover{
color:#CC0000;
}

#mapHolder{width:390px; float:left; margin:0 0 0 10px;}

#mapHolder{font-family:Arial, Verdana, Helvetica, sans-serif; color:#000066;font-size:0.7em;line-height:1.4em;}

#searchMap{width:390px; height:500px; float:left;}
#mapControls{width:200px; float:left; margin:0 0 0 20px;}
#mapControls input{margin:5px 5px 8px 0;}
#mapControls label{margin:0 0 8px 0; cursor:pointer;}
#mapControls select{width:200px; border:solid 1px #c7c9ca; margin:5px 5px 8px 0;}

#mapControls{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#0c4268;}

#mapControls div.checkbox{width:200px; height:35px;}
#mapControls div.checkbox input{float:left; margin:9px 5px 8px 0;}
#mapControls div.checkbox img{float:left; margin:0 5px 0 ;}
#mapControls div.checkbox label{padding:9px 0 0 0; display:block;}

#preLoader{width:390px; height:500px; position:absolute; z-index:1000; background-color:#FFFFFF; opacity:0.6;filter:alpha(opacity=60);}
#preLoader .loader{margin:150px 100px 50px 190px; float:left;}
#preLoader div{width:390px; text-align:center; float:left;}

#noProperties p{margin:50px 0 0 0;}
#noProperties{width:290px; height:400px; position:absolute; z-index:1001; background-color:#FFFFFF; margin:40px; padding:10px;}
#eForm input.text{
border:1px solid #000099;
margin:5px 0 10px 0;
width:200px;
}

#eForm legend{color:red;}

#tabSearch{width:630px; float:left;}
#tabSearch #head{width:630px; height:34px; float:left;}
#tabSearch #head.map{background-image:url(../images/bg_search_top_map.gif);}
#tabSearch #head.list{background-image:url(../images/bg_search_top_list.gif);}

#tabSearch #head a{display:block; width:115px; height:34px; float:left;}

#tabSearch #middle{width:630px; float:left; background:url(../images/bg_search_middle.gif) repeat-y;}
#tabSearch #foot{width:630px; height:21px; float:left; background-image:url(../images/bg_search_bottom.gif);}

#tabSearch #middle #rowResult{width:610px; margin:0 0 0 10px; float:left;}

#tabSearch #middle #rowResult h5{ width:270px;}
#tabSearch #middle #rowResult p{ width:270px;}
#tabSearch #middle #rowResult #description{ width:270px; }

.pointer{cursor:pointer;}

.pagination{padding:10px;}
.pagination a{
float:left;
margin:6px 10px 0 10px;
}
.pagination a.page{
display:block;
width:25px;
height:19px;
background-color:#999999;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
text-align:center;
margin:6px 2px 2px 2px;
padding:8px 0 0 0;
}
.pagination a.down{
display:block;
width:25px;
height:19px;
background-color:#FF0000;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
text-align:center;
margin:6px 2px 2px 2px;
padding:8px 0 0 0;
}
.pagination a.page:hover{
background-color:#FF0000;
}
.red{color:#FF0000;}
.pageView {width:630px;padding:15px 0 15px 0;float:right;border-bottom:1px solid #FF0000;}
.pageView .searchBtn{float:left; margin:0 0 0 5px; width:150px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8f0716; background-color:#FFFFFF; display:block;}
.pageView p{text-align:center; float:left;}