/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Hibiscus Coast Realty							-
-				Type: 			MyDesktop Plug-ins Styles						-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			August 27th 2008								-
-																				-
---------------------------------------------------------------------------------- */

/* ------------------------------------------------------------
		FRONT FEATURE IMAGES
------------------------------------------------------------ */


	#featimage {
				 margin: 0; padding: 0; width: 320px; border: none;
		}




/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


		#main {
				 margin: 5px 30px 5px 20px; padding: 15px 0 15px 0;
				 background-color: #000080; border: none;
		}

		#main label { 
				color: #000000;	font-size: 12px; font-family:Arial, Helvetica, sans-serif; letter-spacing: .1pt; font-weight: bold;
				width: 150px; margin: 0 0 15px 0; padding: 0; cursor: pointer;
				float: left; text-align: right; clear: both;
		}


		#main span.mandatory {
				font-size: 116.667%;
				color: #EE9B2D;
		}


		#main select {
				font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#007fbf; color:#FFFFFF;
		}	

		#main textarea {
				font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#75869B; color:#FFFFFF;
		}
			

		#main span.required {
				font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
				float: left; width: 60px; padding: 3px; margin: 0 0 2px 5px; color:#d50000;
		}


		#main .button { 
				margin: 0 0 10px 20px; padding: 0;
				width: 81px; height: 25px; border: none;
		}
	


		#main .buttonSearch { 
				margin: 0; padding: 0; float:none;
				width: 53px; height: 18px; border: none;
		}


		#main .verify  { 
			margin: 0 0 10px 15px;	width: 80px; height: 24px; border: none; cursor: default;			
		}



/* ------------------------------------------------------------
		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: 690px; height: 180px; position:relative;
		margin: 0 0 15px 0; padding: 0; background-color: #FFFFFF;
		}

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


	#mainpic img {
		width: 190px; 
		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: 10px 0 0 0; width: 300px; float: left;  text-align:left;
		}


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

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

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


	#propholder span.price {
		font-size: 12px; text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0; color: #000;
		}


	span.ofitime, span.autime, {
		font-size: 11px; text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: normal; color: #000;
		}


	#propholder span.title {
		font-size: 12px; text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0; color: #000;
		}


	#propholder span.address {
		font-size: 12px; text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0; color: #000;
		}


	#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: 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000;
		text-align:right;
		margin: 10px 10px 0 0;
		}


	#propdetails {
		margin: 0; padding: 5px 5px 5px 0; 
		width: 200px; 
		text-align:right;
		position: absolute;
		bottom: 0; right: 0;
		}


	#propdetails a {
		float:right; padding: 0 5px 10px 0; 
		font-size: 12px; font-weight:bold; color: #505084;
		}

	#propdetails a:hover {
		float:right; padding: 0 5px 10px 0; 
		font-size: 12px; font-weight:bold; color: #EE9B2D;
		}
		
	#propdetails a:visited {
		float:right; padding: 0 5px 10px 0; 
		font-size: 12px; font-weight:bold; color: #EE9B2D;
		}		

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


	#sortprops { 
			margin: 10px 0 10px 0; padding: 0; width: 690px; 
			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 35px; padding: 0 0 15px 0; width: 690px;
		}



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


	#mainpropimage {
			width: 536px; height: 375px; display: inline;
			margin: 35 0 15px 0; padding: 0; 
			float: left; position:relative;
			overflow: hidden; text-align:center;
			border: 2px solid #000080; background-color: #000080;
		}



	#imageload {
			position: absolute;
			top: 170px; left: 254px;
			width: 31px !important; height: 31px;
			
		}


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


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


	#mainpropimage img {
			width: 580px; border: 0; margin: 0; padding: 0;
			position: absolute; top: -10px; left: -20px;
		}


	#propcontainer {
			width: 150px; height: 375px; display: inline;
			margin: 0; padding: 0;
			float: right; 
			background: 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;
		}



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


	#mainpropdesc {
			width:435px; float:left; display: inline;
			margin: 0; padding: 20px 0 0 0; text-align:left;

	}


	#mainpropdesc span.proptitle {
			font-size: 14px;
			font-weight: bold;
			text-transform:uppercase;
			padding: 0; margin: 0;
	}



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


	#mainpropdesc span.propid {
			color: #000;
			font-size: 11px;
			font-weight: bold;
			margin: 0;
	}



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



	#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;
			letter-spacing: .1pt;
			line-height: 1.6em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 0;
		}

	#mainpropdesc li {
			font-weight:bold;
			font-size: 12px;
			margin:0px;
			padding: 0 0 0 1.5em;
			color: #000;
			text-decoration: none;
			background: url(../images/nav-dot.gif) no-repeat 4px 2px;
		}



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


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

	#propinfodetails {
			width: 255px; float:left; display: inline;
			margin: 0; padding: 0; text-align:left;
	}



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

	#ppsumtxt {
			width: 180px; margin: 0;
			float: left; display: inline;text-align:left;
		}


	#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;
		}



	#agentMug {
			width: 75px; height: 105px; margin: 0;
			float: left; display: inline;
		}



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

	#membersearch {
			margin: 10px 0 0 40px; padding: 0; text-align:center;
			float:left; display:inline; width: 120px; height: 180px;
	}


	#membersearch a {
			font-weight:normal;	font-size: 12px; 
			color: #EE9B2D; text-decoration: none;
		}


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


	
/* ------------------------------------------------------------
		MEMBERS PROFILES IN DETAIL
------------------------------------------------------------ */

	
	#agentcontact {
			margin: 10px 10px 0 30px; padding: 0;
			float:left; width: 300px; display:inline;
			font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height:14px;
		}

	#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: 0;
			font-weight: normal;
			font-size: 12px;
			color: #646566;
	}

	
	#agentcontact a.goback, #content a.goback {
			font-size: 12px; color: #EE9B2D; text-decoration: none;
		}


	#agentcontact a.goback:hover, #content a.goback:hover {
			color:#EE9B2D; text-decoration: underline;
		}
		

	span.memberTitle {
			font-size: 14px; color: #000; font-weight:bold;
			margin: 0 10px 0 30px; padding: 0; line-height: 20px;
		}

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

	#spimg {
			float: left; display:inline; border: none; 
			width: 120px; height: 160px; position:relative;
			margin: 0; padding: 0; overflow: hidden; 
		}


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

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


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