#custom-doc { width:62.38em;*width:60.88em;min-width:811px; margin:auto; text-align:left; font-family: Georgia; } #hd { height: 185px; } #hd h1 { float: right; text-indent: -10000px; width: 260px; height: 125px; margin-right: 40px; } #hd h1 a { display: block; width: 260px; height: 125px; } #hd ul.topNav { height: 142px; text-transform: uppercase; list-style-type: square; padding: 0px 0px 0px 60px; font-size: 93%; } #hd ul.topNav li { color: #383633; list-style-type: square; margin-bottom: 5px; } #hd ul.topNav li.first { color: #383633; list-style-type: square; margin-bottom: 5px; padding-top: 42px; } #hd ul.topNav li a { color: #011c42; text-decoration: none; } #hd ul.topNav li a:hover { color: #b5906b; } #hd ul.mainNav { list-style-type: none; margin: 0px 7px 0px 6px; } #hd ul.mainNav li { float: left; height: 43px; line-height: 43px; text-transform: uppercase; } #hd ul.mainNav li a { color: white; text-decoration: none; display: block; padding: 0px 20px; } #hd ul.mainNav li a:hover { color: white; background-color: #314f78; color: #eeac5d; } #hd ul.mainNav li a.selected { color: white; background-color: #314f78; color: #eeac5d; } #bd { height: 542px; overflow: hidden; } #bd h2 { color: #edad60; font-size: 131%; font-weight: normal; text-transform: uppercase; } /* Main Page */ #bd div.main #spacer { height: 337px; } #bd div.main #title { height: 45px; color: white; line-height: 45px; text-align: center; } #bd div.main #featuredProperties { height: 140px; margin: 0px 35px 0px 35px; color: white; } #bd div.main #featuredProperties img { border: 1px solid black; } #bd div.main #featuredProperties img:hover { border: 1px solid #edad60; } #bd div.main #featuredProperties a { color: white; text-decoration: none; } #bd div.main #featuredProperties a:hover { color: #edad60; } /* About Us Page */ #bd div.about-us #aboutIntro { height: 225px; } #bd div.about-us #aboutIntro h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.about-us #aboutIntro p { width: 650px; margin: 0px auto; color: white; border-top: 1px solid #464c53; border-bottom: 1px solid #464c53; padding: 15px 50px; } #bd div.about-us #aboutIntro a { color: #AD9072; } #bd div.about-us #aboutIntro a:hover { color: #EDAD60; } #bd div.about-us #title { height: 45px; line-height: 45px; text-align: center; padding-top: 20px; } #bd div.about-us #agentListings { margin: 0px 20px 0px 20px; color: white; padding-top: 10px; } #bd div.about-us #agentListings img { border: 1px solid black; margin: 0px 7px 50px 0px; float: left; } #bd div.about-us #agentListings h3 { font-size: 108%; font-weight: bold; padding-bottom: 5px; } #bd div.about-us #agentListings p { padding: 5px; } #bd div.about-us #agentListings a { color: #F6C488; text-decoration: none; } #bd div.about-us #agentListings a:hover { text-decoration: underline; } /* About Newport Page */ #bd div.about-newport #aboutIntro { height: 225px; } #bd div.about-newport h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.about-newport h3 { color: #edad60; font-size: 116%; font-weight: normal; } #bd div.about-newport h3 a { color: #edad60; text-decoration: none; } #bd div.about-newport h3 a:hover { color: #edad60; text-decoration: underline; } #bd div.about-newport p { margin: 0px auto; color: white; } #bd div.about-newport #results div.blank { height: 15px; padding-left: 10px; font-size: 108%; } #bd div.about-newport #results div.address { height: 25px; line-height: 25px; padding-left: 10px; font-size: 108%; } #bd div.about-newport #results div.address a { color: #edad60; text-decoration: none; } #bd div.about-newport #results div.address a:hover { color: #edad60; text-decoration: underline; } #bd div.about-newport #results div.photo { width: 200px; float: left; margin-left: 10px; text-align: center; } #bd div.about-newport #results div.photo img { border: 1px solid black; height: 200px; margin: 0px auto; } #bd div.about-newport #results div.photo img:hover { border: 1px solid #edad60; } #bd div.about-newport #results div.details { width: 525px; float: left; margin-left: 10px; color: white; } #bd div.about-newport #results div.details p { margin: 7px auto 8px auto; color: white; } #bd div.about-newport #results div.tour { width: 50px; float: left; margin-left: 10px; } #bd div.about-newport #results div.price { width: 75px; float: left; margin-left: 10px; } #bd div.about-newport #results div.bedrooms { width: 100px; float: left; margin-left: 10px; } #bd div.about-newport #results div.baths { width: 75px; float: left; margin-left: 10px; } #bd div.about-newport #results div.city { width: 100px; float: left; margin-left: 10px; } #bd div.about-newport #results div.neighborhood { width: 150px; float: left; margin-left: 10px; } #bd div.about-newport #results p { color: white; } #bd div.about-newport #results p a { color: #edad60; text-decoration: none; } #bd div.about-newport #results p a:hover { color: #edad60; text-decoration: underline; } #bd div.about-newport #results div.resultsHeader { height: 20px; text-transform: uppercase; text-align: center; margin: 0px 10px; color: white; line-height: 20px; } #bd div.about-newport #results div.result { height: 225px; padding: 5px 0px 5px 0px; border-top: 1px solid #464c53; margin: 5px 10px 5px 10px; } #bd div.about-newport #results div.pagination { text-align: center; } #bd div.about-newport #results div.pagination a { color: #edad60; text-decoration: none; padding: 4px; border: 1px solid transparent; } #bd div.about-newport #results div.pagination a:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.about-newport #results div.pagination a.selected { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.about-newport #results div.pagination a.selected:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } /* Contact Us Page */ #bd div.contact-us { margin-top: 25px; } #bd div.contact-us h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.contact-us h3 { color: #edad60; font-size: 116%; font-weight: normal; } #bd div.contact-us p { margin: 0px auto; color: white; } #bd div.contact-us form#contactForm input.textField { width: 200px; } #bd div.contact-us form#contactForm textarea { width: 200px; height: 75px; } #bd div.contact-us form#contactForm table tr td { color: #FFFFFF; } /* Open Houses Page */ #bd div.open-house { margin-top: 0px; } #bd div.open-house h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.open-house h3 { color: #edad60; font-size: 116%; font-weight: normal; } #bd div.open-house p { margin: 0px auto; color: white; } #bd div.open-house #results h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.open-house #results div.blank { height: 15px; padding-left: 10px; font-size: 108%; } #bd div.open-house #results div.photo { width: 160px; float: left; margin-left: 10px; } #bd div.open-house #results div.photo img { border: 1px solid black; height: 100px; } #bd div.open-house #results div.photo img:hover { border: 1px solid #edad60; } #bd div.open-house #results div.details { width: 600px; float: left; margin-left: 10px; color: white; } #bd div.open-house #results div.tour { width: 50px; float: left; margin-left: 10px; } #bd div.open-house #results div.price { width: 75px; float: left; margin-left: 10px; } #bd div.open-house #results div.bedrooms { width: 100px; float: left; margin-left: 10px; } #bd div.open-house #results div.baths { width: 75px; float: left; margin-left: 10px; } #bd div.open-house #results div.city { width: 100px; float: left; margin-left: 10px; } #bd div.open-house #results div.neighborhood { width: 150px; float: left; margin-left: 10px; } #bd div.open-house #results p { color: white; } #bd div.open-house #results p a { color: #edad60; text-decoration: none; } #bd div.open-house #results p a:hover { color: #edad60; text-decoration: underline; } #bd div.open-house #results div.resultsHeader { height: 20px; text-transform: uppercase; text-align: center; margin: 0px 10px; color: white; line-height: 20px; } #bd div.open-house #results div.result { height: 150px; padding: 5px 0px 5px 0px; border-top: 1px solid #464c53; margin: 5px 10px 5px 10px; } #bd div.open-house #results div.result strong { font-weight: bold; } #bd div.open-house #results div.result em { font-style: italic; } #bd div.open-house #results div.result h3 { font-size: 108%; } #bd div.open-house #results div.result h3 a { color: #edad60; text-decoration: none; } #bd div.open-house #results div.result h3 a:hover { color: #edad60; text-decoration: underline; } #bd div.open-house #results div.pagination { text-align: center; } #bd div.open-house #results div.pagination a { color: #edad60; text-decoration: none; padding: 4px; border: 1px solid transparent; } #bd div.open-house #results div.pagination a:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.open-house #results div.pagination a.selected { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.open-house #results div.pagination a.selected:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } /* Rental Properties Page */ #bd div.rental-properties { margin-top: 0px; } #bd div.rental-properties h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.rental-properties h3 { color: #ffffff; font-size: 116%; font-weight: normal; text-align: center; margin: 0px 25px 0px 25px; } #bd div.rental-properties p { margin: 0px auto; color: white; } #bd div.rental-properties #featuredProperties { height: 140px; margin: 50px 35px 0px 35px; color: white; } #bd div.rental-properties #featuredProperties img { border: 1px solid black; } #bd div.rental-properties #featuredProperties img:hover { border: 1px solid #edad60; } #bd div.rental-properties #featuredProperties a { color: white; text-decoration: none; } #bd div.rental-properties #featuredProperties a:hover { color: #edad60; } /* Development Properties Page */ #bd div.development-properties { margin-top: 0px; } #bd div.development-properties h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.development-properties h3 { color: #ffffff; font-size: 116%; font-weight: normal; text-align: center; } #bd div.development-properties p { margin: 0px auto; color: white; } #bd div.development-properties #results h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.development-properties #results div.blank { height: 15px; padding-left: 10px; font-size: 108%; } #bd div.development-properties #results div.address { height: 25px; line-height: 25px; padding-left: 10px; font-size: 108%; } #bd div.development-properties #results div.address a { color: #edad60; text-decoration: none; } #bd div.development-properties #results div.address a:hover { color: #edad60; text-decoration: underline; } #bd div.development-properties #results div.photo { width: 160px; float: left; margin-left: 10px; } #bd div.development-properties #results div.photo img { border: 1px solid black; height: 135px; } #bd div.development-properties #results div.photo img:hover { border: 1px solid #edad60; } #bd div.development-properties #results div.details { width: 600px; float: left; margin-left: 10px; color: white; } #bd div.development-properties #results div.tour { width: 50px; float: left; margin-left: 10px; } #bd div.development-properties #results div.price { width: 75px; float: left; margin-left: 10px; } #bd div.development-properties #results div.bedrooms { width: 100px; float: left; margin-left: 10px; } #bd div.development-properties #results div.baths { width: 75px; float: left; margin-left: 10px; } #bd div.development-properties #results div.city { width: 100px; float: left; margin-left: 10px; } #bd div.development-properties #results div.neighborhood { width: 150px; float: left; margin-left: 10px; } #bd div.development-properties #results p { color: white; } #bd div.development-properties #results p a { color: #edad60; text-decoration: none; } #bd div.development-properties #results p a:hover { color: #edad60; text-decoration: underline; } #bd div.development-properties #results div.resultsHeader { height: 20px; text-transform: uppercase; text-align: center; margin: 0px 10px; color: white; line-height: 20px; } #bd div.development-properties #results div.result { height: 425px; padding: 5px 0px 5px 0px; border-top: 1px solid #464c53; margin: 5px 10px 5px 10px; } #bd div.development-properties #results div.result strong { font-weight: bold; } #bd div.development-properties #results div.result em { font-style: italic; } #bd div.development-properties #results div.result h3 { font-size: 108%; text-align: left; } #bd div.development-properties #results div.result h3 a { color: #edad60; text-decoration: none; } #bd div.development-properties #results div.result h3 a:hover { color: #edad60; text-decoration: underline; } #bd div.development-properties #results div.pagination { text-align: center; } #bd div.development-properties #results div.pagination a { color: #edad60; text-decoration: none; padding: 4px; border: 1px solid transparent; } #bd div.development-properties #results div.pagination a:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.development-properties #results div.pagination a.selected { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.development-properties #results div.pagination a.selected:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } /* Find Your Home Page */ #bd div.find-your-home input, select { width: 175px; background-color: white; border: 1px solid black; font-size: 100%; } #bd div.find-your-home #spacer { height: 304px; } #bd div.find-your-home #title { height: 45px; line-height: 45px; text-align: center; padding-top: 0px; } #bd div.find-your-home form { margin: 0px; padding: 0px; } #bd div.find-your-home #searchCriteriaTop { margin: 0px 20px 0px 20px; color: white; padding-top: 10px; } #bd div.find-your-home #searchCriteriaTop div.line { margin: 0px 0px 10px 0px; clear: left; } #bd div.find-your-home #searchCriteriaTop div.line label { text-align: right; text-transform: uppercase; margin-right: 10px; } #bd div.find-your-home #searchCriteriaTop div#left { text-align: left; } #bd div.find-your-home #searchCriteriaTop div#left div.line label { text-align: right; width: 180px; float: left; } #bd div.find-your-home #searchCriteriaTop div#right { text-align: left; } #bd div.find-your-home #searchCriteriaTop div#right div.line label { width: 135px; display: block; float: left; text-align: right; text-transform: uppercase; margin-right: 10px; } #bd div.find-your-home #searchCriteriaBottom { margin: 0px 20px 0px 20px; color: white; text-align: center; } #bd div.find-your-home #searchCriteriaBottom div.line { margin: 5px 0px 10px 0px; clear: left; } #bd div.find-your-home #searchCriteriaBottom div.line label { text-align: right; text-transform: uppercase; margin-right: 10px; } #bd div.find-your-home #searchCriteriaBottom input.submit { width: auto; padding: 5px; background-color: #edac5d; color: #000000; font-weight: bold; cursor: pointer; } /* Search Results Page */ #bd div.search-results #results { padding: 0px 10px; } #bd div.search-results #results h2 { text-align: center; padding-top: 25px; padding-bottom: 10px; } #bd div.search-results #results div.address { height: 25px; line-height: 25px; padding-left: 10px; font-size: 108%; } #bd div.search-results #results div.address a { color: #edad60; text-decoration: none; } #bd div.search-results #results div.address a:hover { color: #edad60; text-decoration: underline; } #bd div.search-results #results table tbody tr td a { color: #edad60; text-decoration: none; } #bd div.search-results #results table tbody tr td a:hover { color: #edad60; text-decoration: underline; } #bd div.search-results #results table tbody.yui-dt-data tr { height: 115px; padding: 5px 0px 5px 0px; border-top: 1px solid #464c53; padding: 5px 10px 5px 10px; color: white; } #bd div.search-results #results table .photo { width: 160px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .photo img { border: 1px solid black; height: 88px; } #bd div.search-results #results table .photo img:hover { border: 1px solid #edad60; } #bd div.search-results #results table .tour { width: 50px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .price { width: 75px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .bedrooms { width: 100px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .baths { width: 75px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .city { width: 100px; padding-left: 10px; text-align: center; } #bd div.search-results #results table .neighborhood { width: 150px; padding-left: 10px; text-align: center; } #bd div.search-results #results p { text-align: center; padding-top: 30px; color: white; } #bd div.search-results #results p a { color: #edad60; text-decoration: none; } #bd div.search-results #results p a:hover { color: #edad60; text-decoration: underline; } #bd div.search-results #results table { border-bottom: 1px solid #464C53; margin-bottom: 15px; } #bd div.search-results #results table thead { height: 20px; } #bd div.search-results #results table thead tr { height: 20px; } #bd div.search-results #results table thead tr th { line-height: 20px; text-transform: uppercase; text-align: center; padding: 0px 10px 5px 10px; color: white; } #bd div.search-results #results table thead tr th a { color: white; text-decoration: none; } #bd div.search-results #results table thead tr th a:hover { color: white; text-decoration: underline; } #bd div.search-results #results div.pagination { text-align: center; } #bd div.search-results #results div.pagination a { color: #edad60; text-decoration: none; padding: 4px; border: 1px solid transparent; line-height: 20px; } #bd div.search-results #results div.pagination a:hover { color: white; background-color: #edad60; border: 1px solid #314F78; } #bd div.search-results #results div.pagination span.yui-pg-current-page { color: white; padding: 4px; background-color: #edad60; border: 1px solid #314F78; } #bd div.search-results #results div.pagination span.yui-pg-first, #bd div.search-results #results div.pagination span.yui-pg-last { color: #6F6F6F; } #bd div.search-results #results div.pagination span.yui-pg-previous, #bd div.search-results #results div.pagination span.yui-pg-next { color: #6F6F6F; } #bd div.search-results #results div.pagination span.yui-pg-first, #bd div.search-results #results div.pagination span.yui-pg-previous { color: #6F6F6F; } #bd div.search-results #results table tbody.yui-dt-message tr td.yui-dt-loading div.yui-dt-liner { background: #314F78 url('../images/ajax-loader.gif') no-repeat 135px 13px; color: #edad60; border: 1px solid #00285B; padding: 10px 10px; margin: 0px 10px 5px 10px; } /* Property Details Page */ #bd div.propertyDetails { padding: 0px 10px 20px 20px; color: #FFFFFF; } #bd div.propertyDetails div.infoGroup { clear: left; padding-top: 10px; } #bd div.propertyDetails div#photos { width: 308px; float: left; clear: left; } #bd div.propertyDetails div#photos p.backlink { margin-bottom: 10px; } #bd div.propertyDetails div#photos p.backlink a { color: #F6C488; text-decoration: none; } #bd div.propertyDetails div#photos p.backlink a:hover { color: #F6C488; text-decoration: underline; } #bd div.propertyDetails div#photos div#photo { background-color: #F6D1A6; width: 304px; border: 2px solid #314F78; } #bd div.propertyDetails div#photos div#photo h3 { background-color: #314F78; color: #EEAC5D; padding: 7px; margin: 0px 0px 0px 0px; font-size: 108%; } #bd div.propertyDetails div#photos div#photo img { width: 298px; padding: 3px; } #bd div.propertyDetails div#photos div#addlPhotos { background-color: #F6D1A6; border: 2px solid #314F78; margin-top: 10px; } #bd div.propertyDetails div#photos div#addlPhotos h3 { background-color: #314F78; color: #EEAC5D; padding: 7px; margin: 0px; font-size: 108%; } #bd div.propertyDetails div#photos div#addlPhotos p { margin: 10px auto; padding: 0px 10px; } #bd div.propertyDetails div#photos div#addlPhotos p a { color: #427996; text-decoration: none; } #bd div.propertyDetails div#photos div#addlPhotos p a:hover { text-decoration: underline; } #bd div.propertyDetails div#description { width: 440px; float: left; margin-left: 20px; } #bd div.propertyDetails div#description p { text-align: left; margin: 7px 5px 8px 5px; } #bd div.propertyDetails div#description a { color: #F6C488; text-decoration: none; } #bd div.propertyDetails div#description a:hover { text-decoration: underline; } #bd div.propertyDetails div#description div.detail { clear: left; padding: 10px 0px; } #bd div.propertyDetails div#description div.detail label { float: left; width: 125px; text-transform: uppercase; text-align: right; color: #edad60; height: 20px; } #bd div.propertyDetails div#description div.detail div.text { width: 75px; float: left; text-align: left; margin-left: 10px; } #bd div.propertyDetails div#description div.detail div.text a { color: #F6C488; text-decoration: none; } #bd div.propertyDetails div#description div.detail div.text a:hover { text-decoration: underline; } #bd div.propertyDetails div#description div.contactStonestreet { clear: left; padding-top: 50px; width: 227px; height: 61px; margin: 0px auto; background: transparent url('../images/button-contact-stonestreet-logo.png') 0px 50px no-repeat; text-align: center; } /*#bd div.propertyDetails div#description div.contactStonestreet { clear: left; padding-top: 50px; width: 227px; height: 61px; margin: 0px auto; background: transparent url('../images/button-contact-stonestreet.png') 0px 50px no-repeat; text-align: center; }*/ #bd div.propertyDetails div#description div.contactStonestreet a { display: block; width: 142px; height: 41px; color: #314F78; text-decoration: none; padding: 12px 10px 8px 75px; font-size: 108%; } /*#bd div.propertyDetails div#description div.contactStonestreet a { display: block; width: 207px; height: 41px; color: #314F78; text-decoration: none; padding: 12px 10px 8px 10px; font-size: 108%; }*/ #bd div.propertyDetails div#description div.contactStonestreet a:hover { text-decoration: underline; } #bd div.propertyDetails div#info { clear: left; border: 2px solid #314F78; background-color: #F6D1A6; padding: 0px 0px 5px 0px; } #bd div.propertyDetails div#info h3 { background-color: #314F78; color: #EEAC5D; padding: 7px; margin: 0px; font-size: 108%; } #bd div.propertyDetails div#info table.details { margin: 5px 0px 5px 18px; } #bd div.propertyDetails div#info table.details tr td.label { padding: 2px 0px 3px 0px; width: 155px; text-align: left; color: #9A621F; font-size: 93%; font-weight: bold; vertical-align: top; } #bd div.propertyDetails div#info table.details td.text { padding: 2px 0px 3px 0px; width: 200px; text-align: left; margin-left: 10px; color: #4F4F4F; font-size: 93%; } #bd div.propertyDetails div#info table.details tr td.text a { color: #56799D; text-decoration: none; } #bd div.propertyDetails div#info table.details tr td.text a:hover { text-decoration: underline; } #bd div.propertyDetails div#info table.unit_description { margin: 5px 0px 5px 18px; } #bd div.propertyDetails div#info table.unit_description tr td.topLabel { padding: 2px 0px 3px 0px; width: 125px; text-align: center; color: #9A621F; font-size: 93%; font-weight: bold; vertical-align: top; } #bd div.propertyDetails div#info table.unit_description tr td.sideLabel { padding: 2px 0px 3px 0px; width: 100px; text-align: left; color: #9A621F; font-size: 93%; font-weight: bold; vertical-align: top; } #bd div.propertyDetails div#info table.unit_description tr td.text { padding: 2px 0px 3px 0px; width: 125px; text-align: center; margin-left: 10px; color: #4F4F4F; font-size: 93%; } #bd div.propertyDetails div#info table.unit_description tr td.text a { color: #56799D; text-decoration: none; } #bd div.propertyDetails div#info table.unit_description tr td.text a:hover { text-decoration: underline; } #bd div.propertyDetails div#contactInfo { width: 275px; margin-left: 10px; float: left; } #bd div.propertyDetails div#contactInfo h3 { padding-bottom: 10px; color: #edad60; font-size: 116%; font-weight: normal; text-align: center; } /* Footer */ #ft { text-align: center; } #ft ul { text-transform: uppercase; margin: 5px auto; font-size: 83%; height: 20px; width: 675px; } #ft ul li { list-style-type: none; float: left; margin: 0px 4px; color: #767676; } #ft ul li a { color: #767676; } #ft ul li a:hover { color: #0E234E; }