/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Ray White Toowoomba								-
-				Type: 			MyDesktop Plug-ins Styles						-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			June 24, 2009									-
-																				-
---------------------------------------------------------------------------------- */


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

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

	#mainpic {
		display:inline; position:relative;
		margin: 15px 15px 0 15px; float: right; overflow: hidden;
		width: 280px; height: 220px; padding: 0 0 15px 0; 
		}


	#mainpic img {
		width: 320px; 
		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: 260px; float: right; 
		background: none; display:block;
		}



	#propholder p {
			color: #575757; line-height: 16px; text-align: left;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; font-weight:normal; padding: 8px 0 10px 0; margin:0;
		}


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


	#propholder span.propid {
			width: 150px; height:25px; text-align:left; display:block;
			color: #999999;	font-size: 11px; font-weight: bold;
			position: absolute; bottom: 90px; left: 20px; z-index:999;
		}

	#propholder span.dateavailable {
			width: 150px; height:25px; text-align:left; display:block;
			color: #999999;	font-size: 11px; font-weight: bold;
			position: absolute; bottom: 105px; left: 20px; z-index:999;
		}

	#propholder span.suburb {
			width: 150px; height:35px; text-align:left;display:block;
			color: #000000;	font-size: 14px; font-weight: bold;
			margin: 0; padding: 0; text-transform:uppercase;
			position: absolute; top: 20px; left: 20px;
		}

		
	#summaryIcons {
			font-size: 14px; text-align:right; margin: 12px 10px 0 0;
			position: absolute; bottom: 55px; left: 10px; width: 135px;
		}

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

	#summaryIcons img {
			margin: 0 2px 0 10px; padding: 0; float:left; display:inline;
		}
		
		
	#propdetails {
			margin: 0; padding: 0; 
			width: 150px; height: 40px;
			text-align:left;
			position: absolute;
			bottom: 5px; left: 15px;
			z-index:1000;
		}


	#propdetails a {
			padding: 0; float: left; border:none;
		}

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


	#sortprops { 
			margin: 0 0 0 10px; padding: 5px 0 5px 0;  width: 760px;
			float: left; clear: both; display:inline;
			background: #000000 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 21px;
			color: #898989; font-weight: bold; font-size: 11px; 
			}


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


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

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


	#sortprops select {
			font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 150px; 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: none; font-size: 11px; font-weight: bold; color: #FFFFFF;
			padding: 0 2px 0 2px; margin: 0; 
		}

	#sortprops a:hover {
			text-decoration: none; color: #000000; background-color: #ffd517; font-size: 11px;
			padding: 0 2px 0 2px; margin: 0;
		}



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


	#propinfo {
			margin: 15px 0 15px 10px; padding: 0; width: 760px;
		}



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


	#mainpropimageContainer {
			width: 650px; height: 500px; background-color: #fefefe;
			margin: 0; padding: 0; float: left; text-align:center;				
		}


	#mainpropimage {
			width: 650px; height: 500px; 
			margin: 0; padding: 0; overflow: hidden; position:relative;
		}


	#mainpropimage img {
			height: 550px; position: absolute; top: -20px; left: -10px;
			border: 0; margin: 0; padding: 0;	
		}
		
	#imageload {
			position: absolute;
			top: 230px; left: 310px;
			width: 32px; height: 32px;			
		}


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


	#imageloadcount {
			float:left; padding: 0; margin: 0;
			width: 200px; color: #535353;
			top: 250px; left: 230px;
			position: absolute;
		}




	#propcontainer {
			width: 100px; height: 500px; display: inline;
			margin: 0 0 0 10px; padding: 0;
			float: left; 
			background: transparent url("../images/propimagesbg.jpg") no-repeat top left;
		}


	#propimages {
			width: 80px; height: 440px; display: inline;
			margin: 35px 0 0 10px; padding: 0;
			overflow: hidden; position: relative; float: left;
		}


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

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

	#propslide {
			position: absolute; top: 0;
		}



	#smallpropimage {
			border: none; background: none;
			width: 80px; height: 45px; 
			position:relative;
			margin: 0 0 10px 0; padding: 0;
			overflow: hidden; background-color: #f5f5f5;
		}


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


	#imageborder {
			margin: 0; padding: 0;
			width: 150px; height: 45px;
			position: absolute; top: 35px; left: 0px;
			float: left; z-index: 1000;
		}

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

	#googlemap {
			width: 329px; height: 320px; float:left; 
			margin: 15px 0 0 0; padding: 0; font-size: 9px!important; font-weight: normal;
			background-color: #f8f8f8;
		}

	#googlemap h3 {
			margin: 15px 0 0 10px;
		}

		
    #googlemap_image {
			width: 309px; height: 270px; margin: 0 0 0 10px; overflow:hidden;
	}
		
/* ------------------------------------------------------------
		PROPERTY DESCRIPTION MAIN DIV
------------------------------------------------------------ */


	#mainpropdesc {
			width:430px; float:left; display: inline;
			margin: 0; padding: 0px; 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 5px;
		}

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


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

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


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

	#ppsumtxt {
			width: 270px; margin: 10px 0 0 30px; padding:0px;
			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 #d8d8d8;
			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 #d8d8d8;
			color: #535353;
			font-weight: normal;	
			font-size: 12px;
			display: inline; clear:right;
	}




/* ------------------------------------------------------------
		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: #545454; font-weight: normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin: 8px 0 0 0; padding: 3px 5px 3px 5px; background-color: #ffd209;			
		}


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

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

	#membersearch {
			margin: 0; padding: 5px 0 0 0; line-height: 24px;
			float:left; width: 253px; height: 365px; display:inline;
			background: transparent url("../images/propinfo_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: #999999;
			padding: 0; margin: 0; 
		}


	#membersearch a.listings:hover {
			text-decoration: none; color: #000000;
		}


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

	
	#agentcontact {
			margin: 20px 10px 25px 35px;  
			float:left; width: 460px; 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; clear: left;
			color: #000000; font-weight: bold;
			font-size: 12px; padding: 0; margin: 0;
			}
	
	#agentcontact span.info {
			float: left; width: 380px;
			padding: 0;
			font-weight: normal;
			font-size: 12px;
			color: #535353;
			clear: right;
	}

	
	
/* ------------------------------------------------------------
		MEMBERS SMALL PICTURE
------------------------------------------------------------ */		

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


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


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

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


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