/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ray White Albany Creek							-
-				Type: 			MyDesktop Plug-ins Styles						-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			July 16th 2008									-
-																				-
---------------------------------------------------------------------------------- */



/* ------------------------------------------------------------
		SEARCH FIELDSETS
------------------------------------------------------------ */


	#mainsearch {
		 margin: 10px 0 0 30px; padding: 1em;
		 background-color:none; border: 1px solid #bdbdbd;
	}


	#mainsearch form {
		 margin: 0; padding: 0;
	}


	#mainsearch label { 
		color: #000;
		font-size: 12px;
		font-weight: bold; 
		cursor: pointer;
		width: 100px;
		float: left;
		text-align: left;
		clear: both;
		margin: 0 0 15px 10px;
	}


	#mainsearch select {
		font-size: 12px; font-family:Arial, Helvetica, sans-serif;
		float: left; width: 145px; height:20px;
		padding: 2px; margin: 0 0 15px 10px; 
		color: #646566;
		background-color:#014379;
		border: 1px solid #015598;
	}	



	#mainsearch input.button { 
		margin:0; padding: 5px;
		background-color:#014379;
		border: 1px solid #015598;
		font-size: 9px; font-weight: bold; 
		text-transform: uppercase; color: #646566;
	}
	



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


	#searchresults_info {
		margin: 0;	padding: 7px 0 7px 10px;
		vertical-align: middle; font-weight: normal;
		font-size: 11px; font-family: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:block; clear: both; width: 880px; height: 190px; position:relative;
		margin: 0 0 15px 0; padding: 0; border: 1px solid #cfcfcf;
		}

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


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


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

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



	#description {
		margin: 6px 0 0 0; width: 350px; float: left;
		}

	
	#propholder p {
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		line-height: 14px;
		font-weight: normal;
		margin: 0; padding: 5px 0 10px 0;
		}


	#propholder span.price {
		font-size: 14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0;
		}


	#description span.ofitime, #description span.autime {
		font-size: 12px !important; color: #000; font-weight: normal;
		font-family:Arial, Helvetica, sans-serif;
		margin: 8px 0 0 0; padding: 3px 5px 3px 5px; background-color: #f2f2f2;
		}


	#propholder span.propid {
		width: 150px; 
		float: right; text-align:right;
		color: #646566;
		font-size: 11px;
		font-weight: bold;
		margin: 20px 15px 0 0; padding: 0;
		}

	#propholder span.suburb {
		width: 150px; float: right; text-align:right;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		margin: 0 15px 0 0; padding: 0;
		text-transform:uppercase;
		}


	div.summary {
		float:right; clear: right;
		font-size: 14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000;
		text-align:right;
		margin: 10px 10px 0 0;
		}


	#propdetails {
		margin: 0; padding: 15px 15px 15px 0; 
		width: 250px; 
		background: #FFF url("../images/detailsbg.jpg") no-repeat top left;
		text-align:right;
		position: absolute;
		bottom: 0; right: 0;
		}


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



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


	#sortprops { 
			margin: 10px 0 10px 0; padding: 0; width: 880px; 
			float: left; clear: both;
			}


	#pagenumbers { 
			float: left; display:inline; padding: 0; margin: 0 0 0 30px;
			}



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


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

	#sortprops span {
			text-decoration: none; font-size: 12px; font-weight: bold; color: #000;
			margin: 1px 5px 1px 5px; padding: 0 1px 0 1px;
			}	


	#sortprops select {
			font-size: 12px; font-family:Arial, Helvetica, sans-serif;
			float: left; width: 200px; height:22px; vertical-align: middle;
			padding: 2px; margin: 0 0 7px 5px; 
			color:#878787; border: 1px solid #c7c8ca;
			background: #FFF url("../images/inputbg.jpg") repeat-x bottom center;
	}		

		

	#sortprops a {
			text-decoration: none; font-size: 12px; font-weight: bold; color: #646566;
			padding: 1px 3px 1px 3px; margin: 0;
		}

	#sortprops a:hover {
			text-decoration: none; font-size: 12px; font-weight: bold; color: #000;
			padding: 1px 3px 1px 3px; margin: 0; background-color: #eee;
		}



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


	#propinfo {
			margin: 7px 0 7px 0; padding: 0; width: 880px;
		}



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


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


	#mainpropimage {
			width: 500px; height: 250px; display: inline;
			margin: 35px 0 0 10px; padding: 0;	float: left; overflow: hidden;
			position:relative;
		}



	#imageload {
			position: absolute;
			top: 120px; left: 238px;
			width: 24px !important; height: 24px !important;
			
		}


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


	#imageloadcount {
			float:left; padding: 0; margin: 0;
			width: 200px; color: #666666;
			top: 200px; left: 155px;
			position: absolute;
		}



/*	#mainpropimage img {
			width: 560px; border: 0; margin: 0; padding: 0;
			position: absolute; top: -45px; left: -20px;
		}*/
		
		
	#mainpropimage img {
			height: 380px; border: 0; margin: 0; padding: 0;
			position: absolute; top: -40px; left: 0px;
		}


	#propcontainer {
			width: 880px; height: 80px; position:relative;
			margin: 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: 30px; 
		}


	#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: 360px; height: 290px; float:left; 
			margin: 0; padding: 0; font-size: 9px!important; font-weight: normal;
			background: url("../images/map_bg.jpg") no-repeat top left;
		}
		
/* ------------------------------------------------------------
		PROPERTY DESCRIPTION MAIN DIV
------------------------------------------------------------ */


	#mainpropdesc {
			width:460px; float:left; display: inline;
			margin: 0; padding: 0 0 15px 30px;
	}



	#mainpropdesc span.price {
			color: #000; font-size: 16px; font-weight: bold;
	}

	#mainpropdesc span.address {
			font-size: 16px; font-family:Arial, Helvetica, sans-serif;	font-weight: bold; 
		}


	#mainpropdesc p { 
			line-height: 14pt; text-align:left;
			font-size: 12px; font-weight: normal;
			margin: 0 0 0 0; padding: 8px 20px 8px 0;
	}


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

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

	#mainpropdesc div.break {
			clear:both; margin: 0; height: 10px;
		}	


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

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


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

	#ppsumtxt {
			width: 180px; margin: 0 0 0 10px;
			float: left; display: inline;
		}


	#ppsumtxt span.head2 {
			margin: 15px 0 10px 0;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			color: #000;
	}


	#ppsumtxt span.item {
			float: left; width: 75px;
			padding: 3px 0 3px 0;
			border-top: 1px solid #e5e5e5;
			color: #646566;
			font-weight: bold;		
			font-size: 11px;
			}
	
	#ppsumtxt span.value {
			float: left; width: 100px;
			padding: 3px 0 3px 0;
			border-top: 1px solid #e5e5e5;
			color: #646566;
			font-weight: normal;	
			font-size: 11px;
	}


	#ppsumtxt hr {
		    width: 175px;
		    background-color: #e5e5e5;
		    color:  #015598;
		    border:0;
		    margin:0 0 15px 0;
		    padding: 0;
		    height: 1px;
		    clear:both;
		    text-align:left;
	}


	#ppsumtxt a {
			font-size: 11px;
		}


	#ppsumtxt a:hover {
			font-size: 11px;
		}


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

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

	#ofi_times span.head2, #au_times span.head2 {
			padding: 15px 0 10px 0;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			color: #000;
	}


	#ofi_times span.time, #au_times span.time {
			font-size: 12px; color: #000; font-weight: normal; 
			width: 350px; display:block;
			font-family:Arial, Helvetica, sans-serif;
			margin: 2px 0 0 0; padding: 3px 5px 3px 5px; background-color: #f2f2f2;
		}


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

	#membersearch {
			margin: 15px 0 0 0; padding: 0;
			float:left; width: 220px; height: 260px;
			background: url("../images/member_bg.jpg") no-repeat top left;
	}


	#membersearch a {
			font-weight:bold;	font-size: 12px; line-height:16pt;
			color: #333333; text-decoration: none;
		}


	#membersearch a:hover {
			font-weight:bold;	color:#333; 
			text-decoration: underline;
		}


	#membersearch span.memberTitle {
			font-weight:normal;	font-size: 12px; font-weight:normal;
			color:#666666; text-decoration: none;
		}
	
/* ------------------------------------------------------------
		MEMBERS PROFILES IN DETAIL
------------------------------------------------------------ */

	
	#agentcontact {
			margin: 0 10px 0 30px; padding: 0;
			float:left; width: 300px; display:inline;
		}

	#agentcontact span.what {
			float: left; width: 70px;
			color: #000; 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: #646566;
	}

	
	#agentcontact a.goback, #content a.goback {
			font-weight:bold;
			font-size: 12px;
			color: #646566;
			text-decoration: none;
			background-color: none;
			margin: 0;
		}


	#agentcontact a.goback:hover, #content a.goback:hover {
			font-weight:bold;
			color:#000; 
			text-decoration: none;
			background-color: none;
		}
		
	
/* ------------------------------------------------------------
		MEMBERS SMALL PICTURE
------------------------------------------------------------ */		

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


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

	#memberlarge {
			float: left; display:inline; border: none; background: none;
			width: 200px; height: 250px; 
			position:relative;
			margin: 0 0 5px 0; padding: 0;
			overflow: hidden; background-color: #f0f0f0;
		}


	#memberlarge img {
			width: 220px; 
			margin: 0; padding: 0;
			position: absolute; top: -10px; left: -10px;
			float: left;
		}		
		