/*-------------------*/
/*    HTML STYLES    */
/*-------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#0C2577;
	margin:0;
	padding:0;
	min-width:767px}
	
h1, h2, h3, h4, h5, legend {
	font-family:"Franklin Gothic Medium Cond", Arial, sans-serif;
	font-weight:normal;
	line-height:1em;
	margin-top:.25em}

h1 {
	font-size:250%}

h2 {
	font-size:200%}

h3 {
	font-size:175%}

h4, legend {
	font-size:150%}

h5 {
	font-size:120%}

/*-----------------------*/
/*      LINK STYLES      */
/*-----------------------*/

a:link, a:active, a:visited {
	color:#0C2577}

#footer a:link, #footer a:active, #footer a:visited {
	color:#FFF
}

#utilityLinks a:link, #utilityLinks a:active, #utilityLinks a:visited {
	font-weight:bold;
	color:#FFF;
	text-decoration:none}

a:hover, #footer a:hover, #utilityLinks a:hover {
	color:#FFB423}

/*----------------------*/
/*    LAYOUT STYLES     */
/*----------------------*/

#header, #footer {
	width:860px;
	background:#0C2577;
	color:#FFF;
	clear:both}

#container {
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	width:860px;
}

#left {
	background:#FFF;
	font-size:90%;
	line-height:1.5em;
	float:left;
	margin:0;
	padding:0px 0;
	width:80%}
	
#left2 {
	background:#fff;
	font-size:90%;
	line-height:1.5em;
	float:left;
	margin:0;
	padding:0px 0;
	width:99%}

#nav {
	float:left;
	background:#FBD58D;
	margin:0;
	font-size:95%;
	width:25%;
	border-bottom:5px solid #fff}

#right {
	background:#59658E url(../pix/column3_bg.gif) top left repeat-y;
	color:#FFFFFF;
	font-size:85%;
	float:right;
	width:20%}

#content {
	padding:0}

#pageContent {
	float:right;
	width:75%}

#pageContent2 {
	float:right;
	width:75%}	

#main {
	padding:0 15px}

#footer {
	font-size:80%;
	position:relative;
	padding:10px}

.column {
	position:relative;
	padding-bottom: 50010px;  /* X + padding-bottom */
  	margin-bottom: -50000px}

/*---------------------------*/
/*       FORM STYLES         */
/*---------------------------*/

fieldset {
	background:#BDD2E9;
	margin-bottom:25px;
	padding:15px;
	border:2px solid #6283A7}

legend {
	color:#fff;
	background-color:#6283A7;
	padding:.25em 3em .25em .5em}

/*--------------------------*/
/*     FEATURED LISTING     */
/*--------------------------*/

.featuredListing {
	margin:0;
	padding:0;
	background:#F5F7F4;
	border:1px solid #DEDEDE}

.featuredListing h3 {
	margin:0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#56648B;
	font-size:225%;
	font-weight:bold;
	letter-spacing:-.1em}

.featureHeading {
	font-size:175%;
	font-weight:normal}

.featuredListing h4 {
	margin:0;
	padding:0}
	
.featuredImage {
	float:left;
	width:60%}

dl {
	margin:0;
	padding:0}

dd {
	margin:0;
	padding:10px}

/*---------------------*/
/*    LISTING STYLES   */
/*---------------------*/

.resultContainer tr {
	background-color:#EFEFEF;
	border:1px solid #DEDEDE;
	margin:0;
	padding:0}

.resultContainer tr.alt {	
	background-color:#EFEFEF}

.resultContainer td {
	padding:3px}

.resultContainer h2 {
	color:#333;
	margin:0;
	font-size:145%;
	background:#ccc/* url(../pix/listingHeading_bg.gif) bottom left repeat-x*/;
	padding:5px 10px;
	display:block}

.resultContainer h3.price {
	color:#5C638D;
	margin:0}
	
.resultContainer h3.status {
	color:#CC0000;
	margin:0}

.resultContainer td {
	font-size:95%}

ul.listingButtons {
	background:#FCB421;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-size:90%;
	width:100%;
	display:block}

.listingButtons li {
	margin:0;
	padding:0;
	display:inline}

.listingButtons a:link, .listingButtons a:active, .listingButtons a:visited {
	background:#FEDB99 url(../pix/listingButtons_bg.gif) top left repeat-x;
	text-decoration:none;
	padding:3px 7px;
	color:#333;
	display:block;
	float:left;
	border-right:1px solid #fff;
	white-space:nowrap}

.listingButtons a:hover {
	background:#D1E1FF url(../pix/listingButtons_bg-over.gif) top left repeat-x}

.listingButtons a.notApplicable:link, .listingButtons a.notApplicable:active, .listingButtons a.notApplicable:visited, .listingButtons a.notApplicable:hover,  {
	background:#F3F3F3 url(../pix/listingButtonsNA_bg.gif) top left repeat-x;
	cursor:default;
	color:#333}

#listingContainer {
	width:100%;
	margin:0;
	padding:0;
	font-size:85%}

#listingLeft {
	width:53%;
	float:left}

#listingRight {
	width:45%;
	float:right}

#photosContainer {
	width:100%;
	float:right}

#photosContainer img {
	width:100%}

#additionalPhotos {
	margin:25px 0 0 0;
	text-align:center}

#additionalPhotos img {
	cursor:pointer;
	margin:2px;
	border:1px solid #cecece;
	padding:2px;
	width:60px;
	height:45px}

.listingTable {
	background:#A4BCD6 url(../pix/quickSearch-bg.gif) top left repeat-x;
	line-height:1.2em;
	clear:both;
	width:100%}

.listingTable td {
	/*width:25%*/}

.title {
	font-weight:bold}

#propDetails {
	background-color:#E5EFF9;
	clear:both}

.listingTable2 {
	margin:0;
	padding:0;
	list-style:none;
	background:#A4BCD6 url(../pix/quickSearch-bg.gif) top left repeat-x;
	padding:10px;
	clear:both}

/*-----------------------*/
/*   BROKER BOX STYLES   */
/*-----------------------*/

#brokerContactBox {
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
	margin-top:50px;
	font-size:90%;
	clear:both}

#brokerContactBox img {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #333}

#brokerContactBox h3, h2.featureHeading {
	background:#5C638D url(../pix/listingHeading_bg.gif) bottom left repeat-x;
	color:#FFFFFF;
	margin:0;
	padding:5px}

#brokerContactBox h3 {
	font-size:225%}

/*---------------------*/
/*    TABLE STYLES     */
/*---------------------*/

#infoTables {
	margin-bottom:100px}

#infoTables table {
	padding:0;
	margin:0;
	margin-bottom:25px;
	border:0;
	width:99%}

#infoTables table th {
	background-color:#0C2577;
	padding:3px 5px;
	color:#fff}

#infoTables tr {
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px 0}

#infoTables tr.alt {
	background-color:#ededed}

#infoTables td {
	font-size:90%}

/*--------------------*/
/*      SITE MAP      */
/*--------------------*/

#siteMap ul {
	list-style:none;
	margin:0;
	padding:0;
	line-height:2em;
	font-size:110%}

#siteMap li {
	margin:0;
	padding:0;
	font-weight:bold}

#siteMap ul ul {
	list-style:circle;
	padding-left:50px;
	font-size:90%;
	font-weight:normal}

#siteMap ul ul ul {
	list-style:none}

/*----------------------*/
/*     MISCELLANEOUS    */
/*----------------------*/

#utilityLinks {
	background:#091742;
	padding:3px 10px;
	margin:0;
	font-size:75%;
	text-align:right}

#header img {
	border:0;
	padding:15px}

#right h2 {
	font-family:"Franklin Gothic Medium Cond", Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:-.01em;
	line-height:1em}

#cookieCrumbs {
	background:#94B7DB;
	display:block;
	padding:5px 10px;
	margin:0;
	margin-bottom:5px;
	color:#333;
	font-size:85%}

.quickSearch {
	background:#A4BCD6 url(../pix/quickSearch-bg.gif) top left repeat-x;
	color:#59658E;
	margin:0;
	padding:5px;
	font-weight:bold}

.quickSearch h3 {
	margin:0;
	padding:0}

.quickSearch input, .quickSearch select {
	font-size:100%;
	margin:0;
	padding:0;
	width:90%}

.quickSearch .price {
	width:48%}

.quickSearch form {
	margin:0;
	padding:0}

.quickSearch p {
	margin:.5em}

.contentWrap {
	padding:25px}

.infoDisclaimer {
	border-top:1px solid #000;
	padding:10px 0;
	color:#666666;
	position:absolute;
	bottom:0;
	font-size:80%;
	margin-top:50px}

.calloutQuote {
	background:url(../pix/blueQuote.gif) top left no-repeat;
	background-color:none;
	font-size:175%;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.25em;
	text-align:center;
	margin:50px 0}

.calloutQuote p {
	background:url(../pix/blueQuoteEnd.gif) bottom right no-repeat;
	background-color:none;
	padding:0 75px;}

.branchLocation {
	margin:20px 0;
	background:url(../pix/ltBlueGrad.gif) top left repeat-x;
	height:250px;
	overflow:visible;
	clear:both}

.townColumn {
	float:left;
	width:25%}

.resultsPages {
	display:block;
	padding:3px 10px;
	background-color:#E6E6E6;
	text-align:center;
	font-size:85%;
	color:#333333}

.resultsPages a:link, .resultsPages a:active, .resultsPages a:visited, .resultsPages a:hover {
	padding:2px 5px;
	text-decoration:none;
	background-color:#FBD58D;
	border:1px solid #BDBDBF;
	color:#333333}

.resultsPages .active {
	padding:2px 5px;
	background-color:#FF9900}

.resultsPages a:hover {
	background-color:#FFB423;
	color:#fff}

#tools {
	padding:10px}

#tools h2 {
	clear:both}

#tools img {
	float:right;
	margin-top:5px}

.padding5 {
	padding:0 5px}

.philosophyImage {
	padding:10px 66px 10px 10px;
	border:1px solid #94B7DB;
	clear:both;
	margin-top:25px;
	text-align:center}
	
	
	
/*********************************************
/*********************************************
for the new search page*/

/*search form*/
form#search_our_listings ul 	{
	margin-left:0;
	padding-left:0;
		
	}
	
form#search_our_listings ul li	{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	padding-bottom:6px;
	}
	
li.result_short h3	{
	color:#333;
	margin:16px 0 10px 0px;
	font-size:145%;
	background:#ccc;
	padding:5px 10px;
	display:block;
	}
	
	

/**********************************************
/*for the initial abbreviated results page*/
	

li.result_short, li.location, li.list_agent_name, li.list_agent_phone, 
li.lot_size_acres, li.property_type, li.multiple_list_number, li.list_price	{
	list-style-type:none;
}
	

	
/*images for listing*/

span.label { /* Just so I can see the difference between labels and data. */ 
 	color:#666;
} 


img.mls_image { 
	padding: 0; 
	width: 150px; 
	margin-left:6px;
}

/*************************************************
for the detailed results page*/

ul.detailed_listings	{

	list-style-type:none;
	padding:0;
	margin:0;
	}
	
ul.detailed_listings li	{
	padding:0;
	margin-left:0;
	}
	
li.field_address_public	{
	font-size:18px;
	font-weight:bold;
	margin-bottom:1em;
	color:#069;
	}

li.field_list_price	{
	font-size:16px;
	font-weight:bold;
	margin-bottom:.5em;
	}
	
li.field_multiple_list_number	{
	font-weight:bold;
	margin-bottom:1em;
	}
	
li.field_remarks	{
	margin:1em 0 .75em 0;
	}