body          { color: #000; font-size: 1em; font-family: Arial, Helvetica, sans-serif; background-color: #8cc63f; text-align: center; margin: 50px 0 0; padding: 0; min-height: 100% }

#holder   { text-align: center; margin-right: auto; margin-left: auto; width: 800px; height: auto }

/* see index.php for container div */

#listings_container     { background-color: #fff; margin: 0 auto; z-index: 0; width: 800px; height: 601px; min-height: 100% }
#details_container       { background-color: #fff; background-image: url("../images/fallons_1.png"); background-repeat: repeat-y; background-position: left 100%; margin: 0 auto; padding-bottom: 8px; z-index: 0; width: 800px; height: auto; min-height: 100% }

#nav     { background-image: url("../images/fallons_1.png"); background-repeat: repeat-y; background-position: left 100%; text-align: right; z-index: 10; width: 157px; height: 100%; float: left }
#details_nav  { background-repeat: repeat-y; background-position: left 100%; text-align: right; margin-bottom: 100%; z-index: 10; width: 157px; height: 100%; float: left }
#navlinks      { color: #000; font-size: 0.8em; font-weight: bold; margin-top: 112px; margin-right: 12px; margin-bottom: 100%; height: auto }
#navlinks a:link   { color: #000; text-decoration: none; text-align: right; padding-bottom: 12px }
#navlinks a:visited   { color: #000; text-decoration: none; text-align: right; padding-bottom: 12px }
#navlinks a:active { color: #cd001c; text-decoration: none; text-align: right; padding-bottom: 12px }
#navlinks a:hover { color: #cd001c; text-decoration: none; text-align: right; padding-bottom: 12px }
#navlinks a.sel_link { color: #cd001c; text-decoration: none; text-align: right; padding-bottom: 12px }

#content { background-image: url("../images/fallons_1.png"); background-repeat: repeat-y; background-position: left 0; text-align: left; padding-left: 157px; height: 168px; float: left; clear: both }

#basic_copy     { color: #000; font-size: 0.8em; text-align: left; margin-top: 15px; margin-right: 25px; padding-top: 443px }
#basic_copy a:link     { color: #000; text-decoration: none }
#basic_copy a:visited     { color: #000; text-decoration: none }
#basic_copy a:active     { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }
#basic_copy a:hover     { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }

#listings_copy     { color: #000; font-size: 0.8em; text-align: left; margin-top: 15px; margin-right: 25px }
.total_display     { color: #000; font-size: 0.8em; background-color: #fff; text-align: right; width: 153px; float: left }
.order_display     { color: #000; font-size: 0.8em; text-decoration: none; background-color: #fff; text-align: left; width: 470px; float: right }
.order_display a:link     { color: #000; text-decoration: none }
.order_display a:visited     { color: #000; text-decoration: none }
.order_display a:active     { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }
.order_display a:hover     { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }

#listings_scroll    { color: #000; font-size: 0.8em !important; text-align: left; height: 438px; overflow: auto }
#listings_no_scroll      { color: #000; font-size: 0.8em !important; text-align: left; height: auto }
.For_Sale     { color: #fff; background-color: #0a9343; text-align: right; padding-right: 4px; width: 153px; float: left }
.Lease_for_Sale    { color: #fff; background-color: #5a5a5a; text-align: right; padding-right: 4px; width: 153px; float: left }
.To_Let  { color: #fff; background-color: #5a5a5a; text-align: right; padding-right: 4px; width: 153px; float: left }
.Under_Offer { color: #fff; background-color: #fdae03; text-align: right; padding-right: 4px; width: 153px; float: left }
.Sale_Agreed { color: #fff; background-color: #8cc63f; text-align: right; padding-right: 4px; width: 153px; float: left }
.Sold { color: #fff; background-color: #f30; text-align: right; padding-right: 4px; width: 153px; float: left }
.Let { color: #fff; background-color: #f30; text-align: right; padding-right: 4px; width: 153px; float: left }
.address   { color: #fff; background-color: #5a5a5a; text-align: left; padding-left: 4px; width: 450px; float: right }
.image  { text-align: center; width: 153px; height: 120px; float: left }
.description  { width: 450px; height: 120px; float: right }
.description a:link    { color: #000; text-decoration: none }
.description a:visited    { color: #000; text-decoration: none }
.description a:active    { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }
.description a:hover    { color: #cd001c; text-decoration: underline; background-color: #5a5a5a }

#floating_image { margin-left: 25px; float: right }
#floating_image_left { text-align: left; float: left }
#display_image    { text-align: right; margin-top: 4px; margin-right: -21px !important; z-index: 5; float: right }
#image_thumbnails  { margin-right: -25px; float: right; clear: right }
#copyright     { color: #000; font-size: 0.7em; text-align: left; width: 800px; clear: both }

#credits    { color: #fff; font-size: 0.7em; text-align: left; width: 800px; clear: both }
#credits a:link { color: #fff; text-decoration: none }
#credits a:visited { color: #fff; text-decoration: none }
#credits a:active { color: #000; text-decoration: none }
#credits a:hover { color: #000; text-decoration: none}
#spacer { height: 5px; clear: right }
#topSpacer { height: 5px; clear: right }

#display_results .input_form   { font-size: 0.9em }
#display_results .input_form label  { padding-right: 5px; padding-left: 5px; width: 180px }
#display_results .input_form input { width: 130px }
