body { background: #F8EED7 url('page-background.png') repeat-x scroll 0 0; z-index: 1; }
html.small-header { background: #F8EED7 url('page-background-small.png') repeat-x scroll 0 0; z-index: 1; }
@font-face { font-family: trajan; src: url('../fonts/trajan.otf'); }

@font-face { font-family: trajan; font-weight: bold; src: url('../fonts/trajan-bold.otf'); }

.left { float: left; }

.right { float: right; }

.stand-out { background: transparent url('http://chart.apis.google.com/chart?cht=ls&chs=5x5&chf=bg,s,EAD8B07F') repeat scroll 0 0; padding: 5px; }
.stand-out .inner { padding: 17px 20px; background: #FFF none no-repeat scroll 0 0; }
.stand-out .inner .inner { padding: 0; }

form.default .input { width: 241px; margin-bottom: 10px; }
form.default .input label { width: 85px; float: left; display: block; font: bold 14px/16px arial, tahoma, sans-serif; color: #666; }
form.default .input input:focus, form.default .input select:focus { border-color: #3f7ba0; border-width: 2px; border-style: inset; }

form.register .input { margin-bottom: 10px; }
form.register .input label { width: 150px; float: left; display: block; font: bold 14px/16px arial, tahoma, sans-serif; color: #666; }
form.register .input input:focus, form.register .input select:focus { border-color: #3f7ba0; border-width: 2px; border-style: inset; }
form.register .submit input { margin-left: 150px; }



p, li { font-size: 12px; font-family: arial, tahoma, sans-serif; }

p { color: #20465E; line-height: 18px; margin-bottom: 10px; }


h1.shorty, h2.shorty, h3.shorty { margin: 10px 0; }

caption { text-align: left; }
caption.shorty { margin: 10px 0; }

h1, h2, caption { font-size: 24px; }

h3 { font-size: 18px; }

hr { border-bottom: 1px dotted #AAA; background-color: transparent; color: transparent; }

.column { width: 50%; }
.column.left { width: 270px; }
.column.right { width: 355px; }

.inner-content { width: 685px; }

.expand { font-family: verdana; font-size: 10px; padding: 2px 0; background: transparent url('icons/image-resize.png') no-repeat scroll 100% 50%; }

.modal { display: none; text-align: left; }
.modal .header { font: bold 12px/1.2em Arial, sans-serif; margin-bottom: 10px; border-bottom: 1px dotted #aaa; }
.modal .input { margin-bottom: 10px; }
.modal .input label { font: bold 12px/1.2em Arial, sans-serif; width: 125px; float: left; }
.modal .submit { margin-left: 125px; }
.modal .submit, .modal button { float: left; margin-right: 20px; }
.modal .content { background-color: #ffffff; padding: 0 20px; border-width: 0 5px; border-style: solid; border-color: #F0E2C3; }
.modal img { display: block; }

#page-wrapper { width: 940px; margin: 0 auto; }

#mtop { background: transparent url('top-background.jpg') no-repeat scroll 0 0; height: 109px; }

#top-logo { float: left; margin-top: 15px; }

#top-phone { float: right; margin-top: 25px; margin-right: 40px; text-align: center; }
#top-phone .phone, #top-phone .phone-label { font-family: trajan, arial, tahoma, sans-serif; font-weight: bold; text-shadow: #FFF 0px 0px 5px; }
#top-phone .phone { font-size: 32px; color: #20465E; }
#top-phone .phone-label { font-size: 16px; margin-top: 8px; color: #481C22; }
#top-phone .phone-sub-label { color: #481C22; font-family: trajan, arial, tahoma, sans-serif; font-weight: bold; text-shadow: #FFF 0px 0px 5px; }

#header { background: transparent url('header-background.jpg') no-repeat scroll 0 0; }
#header.no-back { background: transparent none no-repeat scroll 0 0; }

#header-search { height: 235px; }
#header-search .inner { height: 215px; }

.search-form { width: 480px; margin: 10px 0; }
.search-form.compact .inner { margin-left: 0; }
.search-form.compact .inner .form-section { margin: 0 0 5px 0; }
.search-form .inner { width: 460px; padding: 20px; margin-left: 10px; }
.search-form .inner .form-section { display: block; margin: 0 0 15px 0; width: 100%; }
.search-form .inner .form-section.bottom-row label { display: block; }
.search-form .inner .search-header { color: #000; font-family: trajan, arial, tahoma, sans-serif; margin-bottom: 30px; }

#header-search { float: left; margin: 20px 0 0 0; }
#header-search .inner { background: transparent url('search-background.jpg') no-repeat scroll 0 0; }
#header-search .inner .search-header { color: #FFF; }

.pop-button { background: #214860 url('button-background.png') repeat-x scroll 0 0; padding: 2px 20px; text-shadow: -1px 1px 3px #000; text-decoration: none; color: #FFF; font-size: 14px; font-family: trajan; border: 2px solid #295773; cursor: pointer; }
.pop-button.big { padding: 14px 20px; }
.pop-button:active { background: #376D90 url('button-background-clicked.png') repeat-x scroll 0 0; }

#header-search form label { color: #fff; }
#header-search form .default-value { color: #AAA; }

.property-search form label { color: #000; font-family: arial, tahoma, sans-serif; font-size: 12px; font-weight: bold; }
.property-search form .default-value { color: #333; }
.property-search form .query { width: 410px; padding: 4px; }
.property-search form .text input, .property-search form .select select { border: 1px solid #AAA; margin: 1px 5px; }
.property-search form .text input:focus, .property-search form .select select:focus { border: 2px solid #3F7BA0; outline: 0px none; margin: 0px 4px; }
.property-search form .submit input { margin-top: 10px; }
.property-search form .radio input { margin-right: 15px; border: 0px none; float: left; }
.property-search form .radio label { margin-top: 3px; display: block; float: left; }
.property-search form .radio label + input { margin-left: 20px; }
.property-search form .options .select { width: 75px; }
.property-search form .options .text { width: 150px; }
.property-search form .options .select label, .property-search form .options .text label { float: left; margin: 0 5px 5px; display: block; width: 100%; }
.property-search form .options .select select, .property-search form .options .select input, .property-search form .options .text select, .property-search form .options .text input { width: 50px; clear: both; }
.property-search form .options .select select.runin, .property-search form .options .select input.runin, .property-search form .options .text select.runin, .property-search form .options .text input.runin { clear: none; }

#header-menu { clear: both; background: transparent url('http://chart.apis.google.com/chart?cht=ls&chs=940x40&chf=bg,s,3C1217BF') repeat scroll 0 0; height: 40px; }
#header-menu button { margin: 6px 0 0 0; }
#header-menu ul { color: #FFF; height: 40px; overflow: hidden; }
#header-menu ul li { display: inline; padding: 13px; position: relative; top: 10px; }
#header-menu ul li a { color: #FFF; font-family: arial, tahoma, sans-serif; font-size: 13px; text-decoration: none; }
#header-menu ul li.selected { background: transparent url('menu-arrow.png') no-repeat scroll bottom center; }

#content { margin: 20px 0; }

#content .main-content { width: 464px; float: left; }

#footer { background: #20465E url('footer-background.png') repeat-x scroll 0 0; }

#footer-menu { text-align: center; padding: 9px 0; height: 17px; }
#footer-menu span { margin: 0 10px; }
#footer-menu span a { font: 12px/14px arial, tahoma, sans-serif; color: #552329; }
#footer-menu span.first { margin-left: 0; }
#footer-menu span.last { margin-right: 0; }

#footer-copyright { background: transparent url('footer-copyright-background.jpg') no-repeat scroll 50% 0; width: 1000px; margin: 4px auto; padding: 20px 0; }
#footer-copyright .inner { text-align: center; }
#footer-copyright .inner p { margin-bottom: 20px; color: #7698AE; }
#footer-copyright .inner p.main-copyright { color: #B9D2E2; }

ul.horizontal li { height: 20px; float: left; margin: 0 5px; }

.property-search form div { float: left; }

.property-list { background-color: #FFF; }
.property-list .property { margin: 5px 0 5px 10px; clear: both; }
.property-list .property .property-inner { width: 500px; float: left; }
.property-list .property .property-inner .property-description { font-size: 14px; font-family: arial, tahoma, sans-serif; font-weight: bold; color: #1D5578; line-height: 18px; margin: 10px 0; }
.property-list .property .property-inner .property-image { float: left; padding: 1px; margin: 0 10px 0 0; border: 1px solid #AAA; width: 150px; }
.property-list .property .property-inner .property-info div { font: normal 12px/14px arial, tahoma, sans-serif; }
.property-list .property .property-inner .property-info div.address { color: #552329; font-size: 12px; font-weight: bold; font-family: arial, tahoma, sans-serif; }

#featured-listings { width: 450px; float: right; }
#featured-listings .headline { font-family: trajan; font-size: 20px; color: #4B1E24; }
#featured-listings .more-link { text-align: center; }
#featured-listings .more-link a { color: #27526D; }

.paging div { display: inline; }

.actions li { display: inline; margin: 0 5px; }


#content-sidebar { width: 220px; margin-left: 20px; margin-right: 5px; }

#search-pagination .nav { float: right; height: 20px; }
#search-pagination .nav span { font-family: arial, tahoma, sans-serif; font-size: 11px; padding: 0px 4px; background-color: #FFF; color: #000; }
#search-pagination .nav span.current { background-color: #1D5578; color: #FFF; margin: 0 5px; }
#search-pagination .nav img { position: relative; top: 1px; }

#search-results { width: 685px; }
#search-results div.query { font-family: 'Times New Roman'; font-size: 24px; color: #4B1E24; }
#search-results div.query span { color: #1D5578; }

.payment { padding: 0 0 2px 1px; border-bottom: 1px dotted #AAA; margin-bottom: 4px; }
.payment .payment-type, .payment .payment-amount { font-family: arial; font-weight: bold; }
.payment .payment-type { color: #552329; font-size: 12px; float: left; margin-top: 8px; }
.payment .payment-amount { color: #1D5578; font-size: 20px; text-align: right; }

.carousel .stand-out { background-color: #FBF6EB; margin: 5px 0; text-align: center; font: bold 12px/11px arial, sans-serif; }
.carousel .prev a, .carousel .next a { text-decoration: none; }
.carousel .prev a span, .carousel .next a span { text-decoration: underline; float: left; display: block; margin: 2px 5px; }
.carousel .prev { float: left; }
.carousel .prev a img { float: left; }
.carousel .next { float: right; }
.carousel .current-image { padding: 1px; border: 1px solid #CABEC0; width: 351px; height: 230px; }
.carousel .current-image .inner { padding: 0; background-color: #000; height: 230px; width: 351px; position: relative; }
.carousel .current-image .inner img { margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; max-width: 351px; max-height: 230px; }
.carousel .series-images { width: 355px; height: 380px; }
.carousel .thumbnail { padding: 1px; border: 1px solid #CABEC0; margin: 9px 0; }
.carousel .thumbnail.selected { background-color: #FFA; border: 1px solid #FFA; }

.address { color: F#552329; font-size: 12px; font-family: arial; font-weight: bold; }

.label, .value { color: #5F5F5F; display: block; float: left; font-family: arial; font-size: 12px; line-height: 18px; width: 135px; }

.label { font-weight: bold; }

#content .description .value { width: auto; }
#content .description .value p { margin: 5px 0; }
#content .description .value p + p { margin-top: 0.5em; }
#content .description .value ul li { list-style: inside disc; background: transparent none no-repeat scroll 0 0; padding: 2px 0 2px 10px; }

.section { margin: 10px 0; }

.message { font: bold 14px/18px arial, sans-serif; margin: 5px 0; }

.login-form .login-box { width: 42%; }
.login-form .login-box .submit { float: right; width: 97px; padding: 13px 0px 13px 15px; border-left: 1px dotted #AAA; }
.login-form .register-box { width: 53%; }

#map div { overflow: visible; }

.progressWrapper { width: 357px; overflow: hidden; }

.progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }

.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }

.red { border: solid 1px #B50000; background-color: #FFEBEB; }

.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }

.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }

.progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }

.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }

.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }

.progressBarError { width: 100%; background-color: red; visibility: hidden; }

.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }

a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
a.progressCancel:hover { background-position: 0px 0px; }

.swfupload { vertical-align: top; }

.header { font: bold 12px/1.3em Arial, sans-serif; padding-bottom: 3px; clear: both; }

.welcome { font: bold 12px/1.3em Arial, sans-serif; }