/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Richardson & Wrench Brisbane					-
-				Type: 			MyDesktop Plug-ins Styles						-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			May 6, 2009										-
-																				-
---------------------------------------------------------------------------------- */

/* ------------------------------------------------------------
		MAIN CONTAINER
------------------------------------------------------------ */


	#propertyContainer {
			width:958px; float:left; display: inline;
			margin: 0; padding: 0; background: #FFFFFF url("../images/content_bg.jpg") no-repeat top left;
	}


/* ------------------------------------------------------------
		SEARCH RESULTS  INFO
------------------------------------------------------------ */


	#searchresults_info {
		margin: 0;	padding: 7px 0 7px 10px;
		vertical-align: middle; font-weight: normal;
		font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;		
		}

	#searchresults_info a {
		font-weight:normal;	font-size: 11px; 
		border: none; text-decoration: underline;
	}

	#searchresults_info a:hover {
		font-weight:normal; margin:0px; border: none;
		color: #646566; text-decoration: none;
	}	



/* ------------------------------------------------------------
		SEARCH RESULTS 
------------------------------------------------------------ */

	#propholder {
		float: left; display:inline; clear: both; width: 930px; position:relative;
		margin: 15px 0 0 14px; padding: 0 0 15px 0; background: transparent url(../images/propholder_bg.jpg) no-repeat top left;
		}

	#mainpic {
		display:inline; position:relative;
		margin: 15px 15px 0 15px; float: left; overflow: hidden;
		width: 250px; height: 160px; padding: 0 0 15px 0; 
		}


	#mainpic img {
		width: 270px; 
		border: 0; margin: 0; padding: 0;
		position: absolute; top: -10px; left: -10px;
		}


	#mainpic a {
		text-decoration: none; border: none;
		}

	#mainpic a:hover {
		text-decoration: none; border: none;
		}



	#description {
		margin: 15px 0 0 0; width: 380px; float: left;
		}

	
	#description a {
			color: #FFFFFF; font-weight: bold; font-size: 11px; 
			text-decoration: none; text-transform:uppercase;
			padding: 3px 5px 3px 5px;
			background: #06225d url("../images/subnav_bg.jpg") repeat-x left top;
			}

	#description a:hover {
			color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none; 
			background: #e70c2e url("../images/subnav_onbg.jpg") repeat-x left top;
			}		
	
	
	#propholder p {
			color: #575757; line-height: 16px; text-align: left;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 8px 0 10px 0; margin:0;
		}


	#description span.ofitime, #description span.autime {
			color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none; text-transform:uppercase;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin: 8px 0 0 0; padding: 3px 5px 3px 5px; background: #e70c2e url("../images/subnav_onbg.jpg") repeat-x left top;
		}


/*	#propholder span.propid {
			width: 150px; text-align:right;
			color: #575757;	font-size: 12px; font-weight: bold;
			position: absolute; top: 95px; right: 20px;
		}

	#propholder span.suburb {
			width: 150px; float: right; text-align:right;
			color: #000000;	font-size: 12px; font-weight: bold;
			margin: 0; padding: 0; text-transform:uppercase;
			position: absolute; top: 75px; right: 20px;
		}

*/		
	
	
	#propholder span.propid {
			width: 150px; text-align:right;
			color: #575757;	font-size: 12px; font-weight: bold;
			position: absolute; top: 65px; right: 20px;
		}

	#propholder span.suburb {
			width: 150px; float: right; text-align:right;
			color: #FFFFFF;	font-size: 18px; font-weight: bold;
			margin: 0; padding: 0; text-transform:uppercase;
			position: absolute; top: 15px; right: 20px;
		}
	
	
		
	#summaryIcons {
			font-size: 14px; text-align:right; margin: 8px 10px 0 0;
			position: absolute; top: 10px; right: 10px;
		}

	#summaryIcons span {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-weight: bold; color: #FFFFFF; font-size: 14px;
			margin: 0; padding: 0; text-transform: uppercase;
			float:left; display:inline;
		}

	#summaryIcons img {
			margin: 0 14px 0 2px; padding: 0; float:left; display:inline;
		}

		
		
	#propdetails {
			margin: 0; padding: 0 15px 15px 0; 
			width: 150px; height: 40px;
			text-align:right;
			position: absolute;
			bottom: 0; right: 0;
		}


	#propdetails a {
			padding: 0 5px 0 0; float: right; border:none;
		}

/* ------------------------------------------------------------
		SEARCH RESULTS PAGE NUMBER
------------------------------------------------------------ */


	#sortprops { 
			margin: 0; padding: 5px 0 5px 0; width: 958px; 
			float: left; clear: both; display:block;
			background: #e70c2e url("../images/subnav_onbg.jpg") repeat-x left top;
			}


	#sortprops form { 
			margin: 0; padding: 0; float: left; display:inline; 
			}


	#pagenumbers { 
			float: left; display:inline; padding: 0; margin: 0 0 0 30px;
			color: #FFFFFF; font-weight: bold; font-size: 12px;
			}


	#sortby { 
			float: right; display:inline; padding: 0; margin: 0 8px 0 0;
			}


	#sortprops span.callto {
			color: #FFF; font-weight: bold;
			font-size: 12px; padding: 0; margin:0 10px 0 0;
			float: left; border: none;
	}
	

	#sortprops span {
			text-decoration: none; font-size: 11px; font-weight: bold; color: #FFFFFF;
			margin: 0; padding: 0 2px 0 2px;
			}	


	#sortprops select {
			font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 200px; padding: 0; margin: 0 0 0 10px; 
			color: #2c2c2c; border: 1px solid #aeaeae;
			background: #FFFFFF url("../images/inputbg.jpg") repeat-x bottom left;			
		}		
		

		
	#sortprops a {
			text-decoration: underline; font-size: 11px; font-weight: bold; color: #FFFFFF;
			padding: 0 2px 0 2px; margin: 0; 
		}

	#sortprops a:hover {
			text-decoration: none; color: #e70c2e;	background-color: #FFFFFF;
		}



/* ------------------------------------------------------------
		PROPERTY IN DETAIL TITLE
------------------------------------------------------------ */


	#propinfo {
			margin: 15px 0 15px 14px; padding: 0; width: 930px;
		}



/* ------------------------------------------------------------
		PROPERTY IN DETAIL IMAGES
------------------------------------------------------------ */


	#mainpropimageContainer {
			width: 600px; height: 320px; 
			margin: 0; padding: 0;	float: left; text-align:center;	
			background: url("../images/viewer_bg.jpg") no-repeat top left;
		}


	#mainpropimage {
			width: 570px; max-width: 580px; height: 300px; 
			margin: 10px 0 0 10px; padding: 0; 
			overflow: hidden; position:relative;
		}



	#imageload {
			position: absolute;
			top: 160px; left: 265px;
			width: 32px !important; height: 32px !important;
			
		}


	#imageload img {
			height: 32px!important; width: 32px!important; 
			float:left; margin: 0; padding: 0;
		}


	#imageloadcount {
			float:left; padding: 0; margin: 0;
			width: 200px; color: #FFF;
			top: 180px; left: 190px;
			position: absolute;
		}


	#mainpropimage img {
			height: 400px; border: 0; margin: 0; padding: 0;
			position: absolute; top: -40px; left: 0px;
		}


	#propcontainer {
			width: 929px; height: 80px; position:relative;
			margin: 10px 0 10px 0; padding: 0; background: url("../images/propimagesbg.jpg") no-repeat top left;
		}


	#imagesMainContainer {
			width: 835px; height: 60px; overflow:hidden;
			margin: 0; padding: 0; position: absolute; top: 10px; left: 55px; 
		}


	#propimages {
			width: 830px; height: 60px; margin: 0; padding: 0;			
		}


	#propimages a {
			border: none; background: none;
		}

	#propimages a:hover {
			border: none; background: none;
		}



	#smallpropimageContainer {
			border: none; width: 83px; height: 60px; float:left;
			margin: 0; padding: 0; overflow:hidden;
		}


	#smallpropimage {
			border: none; background: none;
			width: 73px; height: 60px; overflow: hidden;
			position:relative;	margin: 0; padding: 0;			
		}


	#smallpropimage img {
			width: 150px; margin: 0; padding: 0;
			position: absolute; top: -20px; left: -20px;
			float: left; z-index: 1;
		}


	#imageborder {
			margin: 0; padding: 0; z-index: 1000;
			position: absolute; top: 0px; left: 5px;
		}

/* ------------------------------------------------------------
		GOOGLE MAP
------------------------------------------------------------ */

	#googlemap {
			width: 315px; height: 320px; float:left; display:inline;
			margin: 0 0 0 15px; padding: 0; font-size: 9px!important; font-weight: normal;
			background: url("../images/map_bg.jpg") no-repeat top left;
		}
		
    #googlemap_image {
			width: 280px; height: 260px; margin: 10px 0 0 18px; overflow:hidden;
	}
	
	#googlemap h4 {
			margin: 10px 0 0 14px; color: #FFFFFF;
		}


		
		
/* ------------------------------------------------------------
		PROPERTY DESCRIPTION MAIN DIV
------------------------------------------------------------ */


	#mainpropdesc {
			width:600px; float:left; display: inline;
			margin: 0; padding: 0px; background: transparent url(../images/propinfo_bg.jpg) no-repeat top left; border: none;
	}

	#mainpropdesc h2.maintitle {
			padding: 0; margin: 10px 0 0 30px;
	}


	#mainpropdesc p { 
			color: #575757; line-height: 20px; text-align: left;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 8px 15px 8px 0; margin: 0 0 0 30px;
	}

	#mainpropdesc ul {	
			font-size: 12px; line-height: 1.6em; font-weight: normal; list-style:none;
			margin: 0 0 15px 30px; padding: 10px 0 0 0;
		}

	#mainpropdesc li {
			font-weight:normal; font-size: 12px; color: #575757;
			margin:0; padding: 0 0 0 1.6em;	text-decoration: none;
			background: url(../images/bullet.jpg) no-repeat 0px 9px;
		}

	div.break {
			clear:both; margin: 0; padding: 0;
		}	


/* ------------------------------------------------------------
		PROPERTY DETAILS & INFORMATION
------------------------------------------------------------ */

	#propinfodetails {
			width: 329px; float:left; display: inline;
			margin: 0; padding: 0; 
	}


/* ------------------------------------------------------------
		PROPERTY IN DETAIL SUMMARY
------------------------------------------------------------ */

	#ppsumtxt {
			width: 270px; margin: 10px 0 0 30px; padding:0 0 15px 0;
			float: left; display: inline; 
		}


	#ppsumtxt span.head2 {
			margin: 15px 0 10px 0; padding:0px;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			color: #FFF;
			float: left; display: inline; clear: both;
	}
	
	#ppsumtxt span.head3 {
			margin: 10px 0 10px 0; padding:0px;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			color: #FFF;
			float: left; display: inline; clear: both;
		}


	#ppsumtxt span.item {
			float: left; width: 90px;
			padding: 3px 0 3px 0;
			border-top: 1px solid #f0f0f0;
			color: #000000;
			font-weight: bold;		
			font-size: 12px;
			display: inline; 
			}
	
	#ppsumtxt span.value {
			float: left; width: 180px;
			padding: 3px 0 3px 0; margin: 0 -3px 0 0;
			border-top: 1px solid #f0f0f0;
			color: #535353;
			font-weight: normal;	
			font-size: 12px;
			display: inline; clear:right;
	}


	#ppsumtxt a {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #06225d;
		}


	#ppsumtxt a:hover {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #ed1a3b;
		}


/* ------------------------------------------------------------
		PROPERTY AUCTION AND OPEN TIMES
------------------------------------------------------------ */


	#ofi_times, #au_times {
			width: 325px; float:left; display: inline;
			margin:15px 0 10px 15px; padding: 0;
	}

	#ofi_times span.time, #au_times span.time {
			width: 310px; display:block;
			font-size: 12px !important; color: #FFFFFF; font-weight: normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin: 8px 0 0 0; padding: 3px 5px 3px 5px; background: #06225d url("../images/subnav_bg.jpg") repeat-x left top;		
		}


/* ------------------------------------------------------------
		MEMBERS/TEAM PROFILES - ALL MEMBERS
------------------------------------------------------------ */

	#membersContainer {
			margin: 15px 0 15px 60px; padding: 0; clear:both;
			float:left; width: 840px; display:inline;
	}

	#membersearch {
			margin: 0 1px 0 0; padding: 5px 0 0 0; line-height: 24px;
			float:left; width: 165px; height: 220px; display:inline;
			background: transparent url("../images/fieldset_bg.jpg") no-repeat top left;
	}


	#membersearch a {
			text-decoration: underline; font-size: 12px; font-weight: bold; color: #535353;
			padding: 0; margin: 0; 
		}


	#membersearch a:hover {
			text-decoration: none; color: #535353; background-color: none;
		}



	#membersearch a.listings {
			text-decoration: underline; font-size: 12px; font-weight: bold; color: #53b9df;
			padding: 0; margin: 0; 
		}


	#membersearch a.listings:hover {
			text-decoration: none; color: #FFFFFF; background-color: #53b9df;
		}


	#membersearch span.memberTitle {
			font-weight:bold; font-size: 12px; color:#8eb508; text-decoration: none; line-height: 14px;
		}
	
/* ------------------------------------------------------------
		MEMBERS PROFILES IN DETAIL
------------------------------------------------------------ */

	
	#agentcontact {
			margin: 0; padding: 0 0 15px 0; 
			float:left; width: 350px; display:inline;			
/*			background: url(../images/round_bg.jpg) no-repeat 0px 0px;*/
		}


	#agentcontact p {
			color: #535353; line-height: 18px; text-align: left;
			font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 5px 15px 5px 0!important; margin:0;
	}

	#agentcontact span.what {
			float: left; width: 80px;
			color: #53b9df; font-weight: bold;
			font-size: 12px; padding: 0; margin: 0;
			}
	
	#agentcontact span.info {
			float: left; width: 230px;
			padding: 00;
			font-weight: normal;
			font-size: 12px;
			color: #535353;
	}

	
	#agentcontact a {
			font-weight:bold;
			font-size: 12px;
			color: #8eb508;
			text-decoration: none;
			background-color: none;
			padding: 2px;
		}


	#agentcontact a:hover {
			font-weight:bold;
			color:#FFFFFF; 
			text-decoration: none;
			background-color: #53b9df;
		}
		
	
/* ------------------------------------------------------------
		MEMBERS SMALL PICTURE
------------------------------------------------------------ */		

	#spimg {
			float: left; display:inline; border: none; background-color: #d9f5ff;
			width: 145px; height: 160px; position:relative;
			margin: 10px 0 4px 10px; padding: 0; overflow: hidden; 
		}


	#spimg img {
			margin: 0; padding: 0;float: left; width: 155px;
			position: absolute; top: -10px; left: -10px;
		}		
	
	
	#spimg a {
			border: none;
		}		
	
	
		
/* ------------------------------------------------------------
		MEMBERS LARGE PICTURE
------------------------------------------------------------ */		


	#memberlarge {
			margin: 0; padding: 0; float: left; display:inline;
			width: 150px; height: 180px;
			background: url("../images/fieldset_bg.jpg") no-repeat top left;
	}

	#spLargegimg {
			float: left; display:inline; border: none; background-color: #f0f0f0;
			width: 130px; height: 160px; position:relative;
			margin: 10px 0 4px 10px; padding: 0; overflow: hidden; 
		}


	#spLargegimg img {
			margin: 0; padding: 0;float: left; width: 150px;
			position: absolute; top: -10px; left: -10px;
		}		
	
	
	#spLargegimg a {
			border: none;
		}	