@import url(reset.css);

#wrapper {position: relative;}
.introductory {width: 238px; height: 180px; background: url('../images/introductory.png'); position: absolute; top: 0; right: 0;}

/* ----- generic classes ----- */
.pad {padding: 15px;}
.center {text-align: center;}
.highlight {font-weight: bold;}
.tRight {text-align: right; }
.mapit {font-size: 10px; font-weight: normal; }
.mapitsmall {font-size: 9px; color:#000; padding-top:10px; }
.error {color: #cc0000; margin: 0; padding: 0;}
.lCol {float: left; width: 45%;}
.noclear {clear: none;}
.featured {background: #eee;}
.prevLink {margin-right: 20px;}
.nextLink {margin-left: 20px;}

/* ----- html sytles ----- */
h1.siteTitle a {display: block; height: 180px; width: 945px;}

#genHead {height: 180px; width: 945px; background: url('../images/custom/gheader.jpg') no-repeat; margin: 0; padding: 0;}
#genHead h1 {color: #fff; padding-top: 30px; padding-left: 20px; font-size: 34px; line-height: 130%;}
#genHead a, #genHead a:visited {color: #fff; text-decoration: none;}

h2 {font-size: 18px; font-weight:bold; }
h4 {font-size: 13px;}
table {font-size: 12px;}
hr {width: 80%; margin: 20px auto;}
textarea {width: 300px; height: 100px;}

/* ----- nav ----- */
#nav {width: 945px; height: 26px; background: url('../images/navBar.jpg') no-repeat; margin: 0 0 15px 0; padding: 0; position: relative;}
#nav a, #nav a:visited {height: 26px; width: 170px; display: block; float: left; color: #fff; font-size: 14px; line-height: 26px; text-align: center; text-decoration: none;}
#nav a.manage {position: absolute; right: 0;}

#search #nav a.search, #saved #nav a.saved, #manage #nav a.manage {background: url('../images/activeBtn.jpg') no-repeat;}
#nav a.manage {background: url('../images/inactiveOwnerBtn.jpg') no-repeat;}
#manage #nav a.manage {background: url('../images/activeOwnerBtn.jpg') no-repeat;}


/* ----- footer ----- */
#footer {width: 100%; border-top: 2px solid #000; margin: 15px 0 15px 0;clear:both;}
#footer h3 {margin: 0 0 5px 0; padding: 0; color: #444;}
#footer .linkage {width: 622px; float: left; font-size: 11px; color: #aaa; border-right: 1px solid #aaa;}
#footer .linkage a, #footer .linkage a:visited {text-decoration: none; color: #aaa; padding: 2px;}
#footer .linkage a:hover {color: #444;}
#footer p {font-size: 11px; color: #aaa; text-align: center;}

/* ----- index page ----- */
#searchBox {width: 630px; height: 125px; background: url('../images/searchBox.jpg') no-repeat; margin-bottom: 15px;}
#searchBox h2 {margin: 0; padding: 0;}
#searchBox input {width: 75px;}
#searchBox .left {margin-right: 30px;}

#featuredBox {width: 630px; height: 192px; background: url('../images/featuredBox.jpg') no-repeat;}
#featuredBox .featuredProp {float: left; margin: 10px 25px 0 25px; width:152px; text-align: center;}
#featuredBox img {border: 1px solid #fff;}
#featuredBox p {color: #eee;}
#featuredBox a {color: #fff; text-decoration: underline;}
#featuredBox .featuredProp a, #featuredBox .featuredProp a:visited {color: #fff; text-decoration: none;}
#featuredBox h3 {color: #fff; font-size: 20px; padding: 10px 0 0 10px; margin: 0;}


#sideBar {float: right; width: 300px;}
#sideBar .bad {margin-top: 10px;}

#userLogin {width: 300px; height: 250px; background: url('../images/userSignin.jpg') #ccc top no-repeat;}
#userLogin h2 {margin: 0 0 3px 0;}
#userLogin p {margin-bottom: 12px;}
#userLogin input {width: 120px;}
#userLogin .btn {width: 82px;}

#RsideBar #userLogin {width: 180px; height: auto; border: 1px solid #ccc;}

/* ----- search ----- */
#LsideBar {float: left; width: 180px; margin: 0 15px 0 0;}
#LsideBar h4 {margin-bottom: 15px;}
#LsideBar .btn {width: 80px; margin-top: 15px;}
#RsideBar {float: left; width: 180px; margin: 0;}
#main {float: left; width: 555px; margin: 0 15px 0 0;}
#mainWide {float: left; width: 735px; margin: 0 15px 0 0;}

#fefine {width: 100px;}
#refine input {width: 50px;}
#refine a {text-decoration: none;}

/* ----- search results ----- */

#sortBlock {height: 20px; width: 100%; background: #eee; line-height: 20px; border: 1px solid #ccc;}
#sortBlock a, #sortBlock a:visited {color: #000; text-decoration: none; font-size: 13px; margin-left: 20px;}
#sortBlock a:hover {text-decoration: underline;}
#sortBlock p {margin-left: 20px;}

.listing {border: 1px solid #ccc; width: 100%; margin-top: 15px;}
.listing .pad {padding: 5px;}
.listing h3 {color: #369; margin: 0; padding: 0 2px; font-size: 14px;}
.listing a, .listing a:visited {text-decoration: none;}
.listing a:hover {text-decoration: underline;}
.listing h4 {font-size: 12px; color: #666; border-bottom: 1px solid #ccc; font-weight: normal; padding: 0; margin: 0 0 5px 0;}
.listing img {border: 1px solid #ccc; margin: 0 10px 0 0;}
.listing p {color: #777; font-size: 12px;}
.listing .price {color: #369; font-weight: bold; }
.alt {background: #eee;}

/* ----- detailed listing ----- */

div#searchMap {width: 628px; height: 450px; border: 1px solid #000; margin-bottom: 15px;}

div#map_canvas {width: 500px; height: 300px; border: 1px solid #444; margin: 0 auto 20px auto;}

.titleBox {background: #eee; border-bottom: 1px solid #444; margin-bottom: 15px;}
.titleBox .pad {padding: 5px 10px;}

#detailedListing h3 {margin: 0; padding: 0;}
#detailedListing h4 {margin: 0; padding: 0;}
#detailedListing h5 {font-size: 13px; margin-bottom: 10px;}
#detailedListing .price {color: #369; font-size: 24px; margin-bottom: 0; padding-bottom: 0;}
.mainImage {float: left; width: 250px; margin-right: 15px;}
.mainImage img {border: 1px solid #ccc;}
ul.features {width: 33%; float: left;}

#hiddenEmailContent, #hiddenInquire, #hiddenImage {display: none;}
.message {width: 100%; height: 120px; margin: 0 0 5px 0;}
input.frEmail {margin-bottom: 8px;}
input.frEmailBig {margin-bottom: 15px;}
.main {float: left; margin-right: 15px;}

a.basicBtn, a.basicBtn:visited {width: 208px; height: 258px; background-image: url('../images/basic.jpg'); background-position: bottom; text-indent: -9999px; float: left; margin: 0 5px 0 0;}
a.standardBtn, a.standardBtn:visited {width: 208px; height: 258px; background-image: url('../images/standard.jpg'); background-position: bottom; text-indent: -9999px; float: left; margin: 0 5px 0 0;}
a.premiumBtn, a.premiumBtn:visited {width: 208px; height: 258px; background-image: url('../images/premium.jpg'); background-position: bottom; text-indent: -9999px; float: left; margin: 0;}
a.basicBtn:hover, a.standardBtn:hover, a.premiumBtn:hover {background-position: top;}

.currentListing {width: 500px; border: 1px solid #555; margin-bottom: 15px;}

.photoThumb {float: left; width:100px; background: #eee; margin: 5px; border: 1px solid #369;}

#footer .footercontentleft div {margin-left:50px;width:180px;}
#footer .footercontentmain div {margin-left:10px;width:200px;}
#footer .footercontentright div {margin-left:10px;width:134px;}