/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Port Bouvard								-
-				Type: 			MyDesktop Plug-ins Styles						-
-				Author: 		Cam Lloyd									-
-				Website: 		WebsiteBlue.com									-
-																				-
---------------------------------------------------------------------------------- */



/* ------------------------------------------------------------
		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; 
		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; 		
		}

	#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: 100%; position:relative;
		margin: 10px 0 10px 0; padding: 0;
		}
		
	.propholder#blue {
		background-color:#E8EDEE; border:1px dashed #CCCCCC;
		}
		
	.propholder#red {
		background-color:#F0EBE1; border:1px dashed #CCCCCC;
		}

	#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: 10px 0 0 0; width: 450px; float: left;
		}
		
	#description p {
		float: left; margin: 0; padding: 0 0 20px 0;
		}
	
	#propholder p {
		font-size: 11px;
		line-height: 14px;
		font-weight: normal;
		margin: 0; padding: 5px 0 10px 0;
		}


	#description span.ofitime, #description span.autime {
		display:block; color:#7C4927;
		}


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

	.summary {
		float:right;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		text-align:left;
		margin: 10px 10px 0 0;
		}
		
	.summary span
		{
			float:left; padding: 4px 4px 0px 4px;
		}
		
	.summary-images
		{
			float:left;
		}


	#propdetails {
		margin: 0; padding: 15px 15px 15px 0; 
		text-align:left;
		position: absolute;
		bottom: 0; right: 0;
		text-transform:uppercase;
		}

	#propdetails a {
		color: #7C4927;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
		
	#propdetails a:hover {
		background-color: transparent;
		color: #a56b45;
		}

	.top-holder
	{
		float:left; width: 660px; margin-top: 5px; border-bottom: 1px solid #cccccc;
	}
	
		
	.top-holder h2 {
		color:#333333;
		font-size:18px;
		font-weight:bold;
		margin: 5px 0 0 0;
		}

	.top-holder span.address {
		width: 450px; float: left; text-align:left;
		color: #7C4927;
		font-size: 14px;
		font-weight: bold;
		margin: 0; padding: 3px 0 0 0;
		text-transform:uppercase;
		}

	.top-holder span.address a {
		color: #7C4927;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
		
	.top-holder span.address a:hover {
		background-color: transparent;
		color: #a56b45;
		}

	.top-holder span.price {
		float: right; text-align:right;
		margin: 0; padding: 0;
		color:#333333;
		font-size:18px;
		font-weight:bold;
		}

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


	#sortprops { 
			margin: 20px 0 20px 20px; padding: 0; width: 960px; 
			float: left; display: inline;
			}


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


	#pagenumbers { 
			float: left; display:inline; padding: 0; margin: 0;
			}
			
	#pagenumbers a {
		color: #7C4927;
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
		
	#pagenumbers a:hover {
		background-color: transparent;
		color: #a56b45;
		}


	#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 select {
			font-size: 12px; 
			float: left; width: 200px; height:22px; vertical-align: middle;
			padding: 2px; margin: 0 0 0 5px; 
			color:#878787; border: 1px solid #c7c8ca;
	}



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


	.propinfo {
		float: left; width: 955px; display: inline;
		margin: 20px 0 10px 20px; padding: 0; border:1px dashed #CCCCCC;
		}
		
	.propinfo#descblue {
		background-color:#E8EDEE;
		}

	.propinfo#descred {
		background-color:#F0EBE1; width: 520px; margin: 20px 0 20px 20px;
		}

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


	#mainpropimageContainer {
			width: 506px; height: 278px;  display: inline;
			margin: 20px 0 0 20px; padding: 0;	float: left;
			background: url("../images/viewer_bg.jpg") no-repeat top left;
		}


	#mainpropimage {
			width: 498px; height: 270px; 
			margin: 4px; padding: 0; 
			overflow: hidden; position:relative;
		}



	#imageload {
			position: absolute;
			top: 156px; left: 236px;
			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: 200px; left: 155px;
			position: absolute;
		}


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


	#propcontainer {
			width: 914px; height: 82px; position:relative;
			margin: 10px 0 20px 20px; padding: 0; background: #e8edee url(../images/propimagesbg.jpg) no-repeat;
		}


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


	#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: 389px; height: 278px; float:left; 
			margin: 20px 0 0 20px; padding: 0;
			background: url("../images/map_bg.jpg") no-repeat top left;
		}
		
    #googlemap_image {
			width: 380px; height: 270px; margin: 4px; overflow:hidden;
	}
		
/* ------------------------------------------------------------
		PROPERTY DESCRIPTION MAIN DIV
------------------------------------------------------------ */


	#mainpropdesc {
			float:left;
			margin: 0; padding: 20px;
	}
	
	#descred .top-holder
	{
		float:left; width: 480px; margin: 20px 0 0 20px; border-bottom: 1px solid #cccccc; padding-bottom: 2px;
	}

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

	#descred ul {	
			float:left; list-style:none;
			margin: 0; padding: 0px 20px 20px 40px;
		}

	#descred li {
			margin:0; padding: 0 0 0 1em; text-decoration: none;
			background: url(../images/ul-image.gif) no-repeat 0px 2px;
		}

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


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

	.propinfodetails {
			float:left; width: 420px;
			margin: 20px 0 20px 20px; padding: 0;
	}
	
	.members-details {
		float: left; width: 955px;
		margin: 20px 0 10px 20px; padding: 0; border:1px dashed #CCCCCC;
		}


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

	.ppsumtxt
	{
		width: 415px; margin: 0px; padding:0px;
		float: left;
	}
	
	.member
	{
		width: 860px;
	}
	
	.agent-section
	{
		float:left; margin: 0px;
	}
	
	.agent-info
	{
		float:left; width: 395px; margin: 0 0 0 20px;
	}
	
	.agent-title
	{
		float:left; margin: 0 0 10px 20px;
	}
	
	.agent-contact
	{
		float:left; width: 290px; margin: 0 0 0 20px;
	}
	
	.agent-section h2 {
		color:#0054a0;
		font-size:16px;
		font-weight:bold;
		margin: 5px 0 0 0;
		}
		
	.agent-section h3 {
		color:#7C4927;
		font-size:14px;
		font-weight:bold;
		margin: 5px 0 0 0;
		padding: 0 0 10px 0;
		}
		
	.agent-section p { 
			float: left; line-height: 14pt; text-align: left;
			font-size: 12px; font-weight: normal;
			margin: 0px; padding: 10px 0; color: #000000;
	}
		
	.photo
	{
		float:left; margin-bottom: 10px;
	}

	.property-section
	{
		float:left; width: 415px; margin: 20px 0 0 0px;
	}
	
	.link-section
	{
		float:left; width: 415px; margin: 20px 0 0 0px;
	}
	
	.brochure-button
	{
		float:left; margin: 0 10px 0 0;
	}

	.ppsumtxt span.head2 {
			margin: 15px 0 10px 0; padding:0px;
			font-size: 14px;
			line-height: 24px;
			font-weight: bold;
			color: #000;
	}
	
	.ppsumtxt span.head3 {
			margin: 10px 0 10px 0; padding:0px;
			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; color:  #015598; text-decoration:none;
		}


	.ppsumtxt a:hover {
			font-size: 11px; color:  #015598; text-decoration:none; border-bottom: none;
		}


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


	#ofi_times, #au_times {
			float:left;	margin:5px 0 5px 0px; padding: 2px 4px 2px 4px; border: 1px solid #e8e8e8;
	}

	#ofi_times span.time, #au_times span.time {
			font-size: 12px; color: #ff0000; font-weight: normal; 			
			margin: 4px 0 0 0; padding: 0px;
		}


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

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


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


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


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

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


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

	#agentcontact span.what {
			float: left; width: 80px;
			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;
			float: left;
			clear:both;
		}


	#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 4px 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 {
			margin: 0 0 5px 0; padding: 0; float: left;
			width: 220px; height: 260px;
			background: url("../images/member_bg.jpg") no-repeat top left;
	}

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


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