﻿body {
background-image: url(../media/background.gif);
color:#000000;
font-family:Arial;
font-size:80%;
}

#wrapper {width:990px; overflow:hidden;}

#header {width:990px; background-color:#B0B579; float:left;}

#header h1 {font-size:301%; letter-spacing:-1.1px; margin:30px 0 0 10px; float:left;}
#header h1 a:hover, 
#header h1 a:focus {color:#635319;}
#header h1 a span {color:#ffffff;}

#header p {float:right; clear:right; margin:5px 10px 10px 0; color:#fff;}
#header p a {color:#ffffff;}

#header a img {float:right; padding:10px 10px 10px 0; }

#navigation {
width:990px;
background-color:#635319;
float:left;
clear:left;
margin:0 0 5px;
padding:3px 0;
}

#navigation ul {
float:left; 
width:974px;
margin:0;
padding:0;
}

#navigation ul li {
display:block;
float:left;
margin:0;
}

#navigation ul li a {
display:block;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
padding:3px 10px;
border-right:1px solid #786a38;
font-size: 90%;
}

#navigation ul li a.last {border-right:none;}
#navigation ul li a:hover {color:#B0B579; text-decoration:none;}

#sidenavigation {
background-color:#ffffff;
width:250px;
clear:left;
float:left;
margin:0 5px 0 0;
padding:10px;
padding-bottom:9999px;
margin-bottom:-9989px;
}

#maincontent  {
background-color:#FFFFFF;
float:left;
margin-bottom:-9989px;
padding:10px 0 9999px 10px;
width:565px;
}

#maincontent.agents {width:695px;padding-right:10px;overflow:hidden;}

/* THIS HIDES h1 TAG DUE TO IT BEING UNUSED AND ADDING EXTRA PADDING TO ALL CONTENT PAGES - REMOVE STYLE TO TURN ON */

h1.hide {display:none;}



div.banner  {
background-color:#FFFFFF;
float:right;
padding:10px;
padding-bottom:9999px;
margin-bottom:-9989px;
min-height:600px;
height:auto !important;
height:600px;
width:120px;
}


#footer {
background-color:#635319;
clear:both;
width:990px;
position:relative;
z-index:2;
font-size:85%;
padding:10px 0 10px 0;
color:#fff;
text-align:center;
}

#footer a {color:#fff;}
#footer ul {margin:0;}
#footer ul li {display:inline; margin:0;}
#footer p {margin:0;}

#SiteCredits {text-align:center;width:990px; margin: 0 auto;font-size:85%;}

/* typography */

h1,h2,h3,h4,h5,h6 {
font-family: Times New Roman;
color:#635319;
font-size:150%;
font-weight:100;
margin:0 0 0.67em;
}

p {margin:0.6em 0; line-height:150%;}

a {color:#635319; text-decoration:none;}

a:hover, 
a:focus {text-decoration:none; color:#B0B579;}

ul, ol {margin:1em 0;}
ol li {margin:0 0 3px 20px;}
ul li {list-style-type:square; margin:0 0 3px 15px;}

td {vertical-align:top;}



ul.inline li {margin:0 10px 10px 0;}

#sidenavigation li {list-style-type:none;}

.button {
display:block;
background-color:#635319;
color:#ffffff;
text-transform:uppercase;
cursor:pointer;
overflow:visible;
font-size:90%;
border:0;
}

.subtle {
background-color:transparent;
border:1px solid #635319;
display:block;
font-size:80%;
color:#635319;
}

a.button {padding:0 22px 0 22px; text-decoration:none; float:left;}

input.button {padding:3px 9px 4px; _padding:3px 9px; margin-bottom:10px; float:left; margin:0 2px 0 0;_margin-top:5px}

input.subtle {_padding:3px 9px;}

.button:hover {text-decoration:none; background-color:#786A38; color:#fff;}

.subtle:hover {border:1px solid #B0B579;}

/* Tables */

td {padding:2px 2px 0 0;}

/* image styles */

img {vertical-align:middle;}
td img {vertical-align:top;}
img.imgborder {padding:2px; border:1px solid #D2CDBD !important;}
body#print img.imgborder {width:135px;}
img.icon {
vertical-align:middle;
border:1px solid #D2CDBD;
padding:1px;
margin:0 5px 0 0;
}

/* Form fields */

div.errorbox {padding:10px; border:1px solid #635319; margin-bottom:10px; background-color: #E5E6D7; color:#cc0000;}
div.errorbox ul {padding:0;display:block;}
div.errorbox ul li {color:#635319;}
div.errorbox p {color:#cc0000; text-align:center; font-weight:bold;  background: url(/media/warning.gif) no-repeat top right; margin:0;line-height:23px;}

div.form {width:97%;float:left;clear:left;border:1px solid #ccc;padding:1%;background-color:#f7f7f7;margin:1em 0;}
p.form {float:left;clear:left;border:1px solid #ccc;padding:1%;background-color:#f7f7f7;}
p.form a, div.form a{}
p.form br, div.form br {clear:left;}
p.form label.tickbox, div.form label.tickbox {width:100%;clear:none;width:345px;_width:320px;}
p.form label.tickbox span, div.form label.tickbox span {float:none;}

.addnewpropertyppp p.form {width:680px;}
.addnewpropertyppp .form td {width:180px;}
.addnewpropertyppp .form table input {width:auto;float:left;}
.addnewpropertyppp .form table label {float:left;clear:none;width:113px;}

.addnewpropertyppp .form .KeyFeature {margin:10px 0;}
.addnewpropertyppp .form .KeyFeature label {clear:none;float:left;}
.addnewpropertyppp .form .KeyFeature input {margin-right:10px; width:140px;float:left;}
label {
display:block;
float:left;
padding:1px 5px 5px 0;
_padding:2px 0;
margin-bottom:5px;
color:#635319;
margin-right:5px;
}

label strong {color:#000000;}

p.form label, div.form label {width:155px; text-align:left; clear:left}
p.form label.checkbox, div.form label.checkbox {width:348px;}
p.form img {margin-bottom:10px;}

input[type="text"], 
input.text,
input[type="password"],
input.password {
border:1px solid #635319 !important;
float:left;
padding:2px !important;
_padding:0;
margin-bottom: 5px;
color:#635319 !important;
font:inherit !important;
}

input[type="checkbox"],
input.checkbox,
p.form input[type="checkbox"],
p.form input.checkbox,
div.form input[type="checkbox"],
div.form input.checkbox{
width:auto;
float:left;
margin:4px 5px 10px 0;
}



p.form input, div.form input {width:200px;_margin-left:-3px;}
p.form input.button, div.form input.button {width:auto;}
p.form input[type="file"], div.form input[type="file"] {margin-bottom:10px;}

textarea {
border:1px solid #635319;
padding:5px;
color:#635319;
margin-bottom:10px;
float:left;
}

p.form textarea, div.form textarea {width:225px;}

select {
float:left;
border:1px solid #635319;
color:#635319;
padding:2px;
width:130px;
}

p.form select, div.form select {
margin-bottom:10px;
}

p.SortBy select {margin-right:5px;}

span.checkbox input {_width:15px;}

/* FAQS */

ul.List_FAQ li {list-style-type:none; margin:0;}
ul.List_FAQ li div p img {vertical-align:-1px;}

/* News section */

#ArticleList ul {float:left; width:100%;}
#ArticleList ul li {list-style-type:none; margin:0; border-bottom:1px solid #CCC7B4; padding:10px 0; float:left; width:100%;}
#ArticleList ul li:last-child {border-bottom:none;}
#ArticleList ul li a.button {width:75px;}

/* Property list page */
#propertyList ul li {list-style-type:none; border-bottom:1px solid #CCC7B4; padding-top:5px; float:left; margin:0;}
#propertyList ul li:last-child {border-bottom:none;}
#propertyList ul li a img {float:left; margin-right:10px; max-width:180px; _width:180px;}
#propertyList ul li div, #propertyList ul li p, #propertyList ul li h3 {width:354px; float:right; _width:345px;}
#propertyList ul li p.links {font-size:85%;}
#propertyList ul li p a img {float:none; margin-right:0; width:auto;}
#propertyList ul li p.Agent_details {clear:both;}
#propertyList #SearchPage {clear:left;float:left;}



/* property detail page */

p.back {float:right; width:70px; margin: 0;}

p.back a {
border:1px solid #635319;
padding:0 13px 0 7px;
float:right;
display:block;
font-size:90%;
}

p.back a span {display:block; float:left; margin:-2px 2px 0 0;}

p.back a:hover {border:1px solid #B0B579;}

ul.property_quicklinks {
float:left;
margin-top:10px;
_margin:5px;
font-size:85%;
}

ul.property_quicklinks li {
list-style-type:none;
margin:3px 0;
_margin:13px 0;
}

ul.property_quicklinks li img {
vertical-align:middle;
border:1px solid #635319;
background-color:#ffffff;
padding:2px;
_margin-top:-5px;
_margin-right:5px;
}

#ImageGallery {float:left; margin-right:10px; margin-bottom:10px;}
#ImageGallery img.imgDefault {width:300px; height:200px; background-color:#E5E6D7; display:block;}
#ImageGallery a {float:left; margin:0 2px 0 0; overflow:hidden;}
#ImageGallery a img {width:98px; background-color:#E5E6D7; display:block;margin-bottom:0;}
p.navbox {clear:left;}


div.property_disclaimer {
clear:right;
border-top:1px solid #635319;
padding-top:70px;
}

div.property_disclaimer p {font-size:75%;}

div#map_canvas {width:500px; height:350px; display:none;}

/* USER CONTROL STYLES */

/*shared*/

div.mortgage_calculator br, 
div.property_search br, 
div.agent_search br {clear:left;}

/*Property Search*/

div.property_search {
background-color:#E5E6D7;
width:695px;
padding:10px;
min-height:165px;
height:auto !important;
height:165px;
float:right;
}

div.property_search p {float:left; margin:0 10px 10px 0;}
div.property_search p.last {margin:0;}

div.property_search select {
width:155px;
padding:2px;
margin-bottom:10px;
}

div.property_search p.location select {width:200px;}

div.property_search div.countyDD {float:left;}

p.market_status label, p.market_status input {display:inline; float:none;}

/* Mortgage calculator */

#sidenavigation div.mortgage_calculator {
background-color:#B0B579;
margin:-10px -10px 10px;
padding:10px;
width:250px;
min-height:165px;
height:auto !important;
height:165px;
color:#635319;
}

div.mortgage_calculator a {
float:left;
margin-bottom:5px;
padding:3px 0 0 5px;
width:7px;
position:absolute;
_margin-left:-5px;
}

#sidenavigation div.mortgage_calculator input.button {margin-left:99px; _margin-left:48px;}

div.mortgage_calculator a:hover {cursor:help; color:#635319;}


div.mortgage_calculator label {width:94px; text-align:right; margin-right:0;}

/* Agent Search */

div.agent_search {
background-color:#E5E6D7;
width:695px;
padding:10px;
min-height:165px;
height:auto !important;
height:165px;
float:right;
}

div.agent_search p {float:left; margin:0 10px 0 0; padding:0;}

div.agent_search label {width:65px;}

div.agent_search select {
width:155px;
padding:2px;
margin-bottom:10px;
margin-right:5px;
}

div.agent_search div.countyDD {float:left;}

ul#AgentList li {list-style-type:none; border-bottom:1px solid #CCC7B4; padding:10px 0 0; float:left; margin-left:0;}
ul#AgentList li:last-child {border-bottom:none;}
ul#AgentList li a img {float:left; margin-right:10px; margin-bottom:10px; max-width:140px; _width:140px;}
ul#AgentList li h3, ul#AgentList li p {width:405px; float:right; _width:400px;}
ul#AgentList li p.links {width:100%; float:none; clear:both;font-size:85%;}
ul#AgentList li p.links a {margin-right:20px;}
ul#AgentList li p a img {float:none; margin-right:0; width:auto;}
ul#AgentList li p.Agent_details {clear:both;}

/* Print Friendly Page */

body#print #wrapper {width:600px; overflow:visible;}
body#print #header {height:110px; width:100%;}
body#print #maincontent {background-color:#fff;padding:10px; margin:0; width:auto;}
body#print #dlPropertyImagesList {float:left; margin-bottom:10px;}
body#print ul {}

/* Customer > Favorite list */

ul.favorite_agents li {list-style-type:none; border-bottom:1px solid #CCC7B4; padding:10px 0 0; float:left; margin-left:0;}
ul.favorite_agents li:last-child {border-bottom:none;}
ul.favorite_agents li a img {float:left; margin-right:10px; margin-bottom:10px; max-width:140px; _width:140px;}
ul.favorite_agents li h3, ul.favorite_agents li p {width:355px; float:right; _width:350px;}
ul.favorite_agents li p.links {width:100%; float:none; clear:both;font-size:85%;}
ul.favorite_agents li p a img {float:none; margin-right:0; width:auto;}
ul.favorite_agents li p.Agent_details {clear:both;}

/* Tabular data */

table.table {
width:100%;
font-size:85%;
}

table.table tr td, table.table tr th {
padding:5px 10px;
}

table.table tr th {
background-color:#635319;
color:#fff;
font-weight:700;
text-align:left;
}

table.table tr td {
border-right:1px solid #ccc;
}

table.table tr td:last-child {
border-right:none;
}

table.table tr.alt td {
background-color:#E5E6D7;
}

ul.tabs li {display:inline; margin:0; border:1px solid #635319;padding:5px;}
ul.tabs li a {}

/* Scroller */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 300px; 
    height:65px;
    margin-top:2px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#dialog img {display:none;}
table.removeie6 td input {margin:0;}