/* ===== mySite.css =========================================================== */ /* Custom Website Master Settings Stylesheet Copyright ©2012 myRealDESIGN */ /* ========================================================================== */ /* #E6E6E6; // LIGHTEST GREY #1 (div lines, borders, button bgs, fills) #DCDCD9; // VERY LIGHT GREY #2 (slightly darker buttons) #BFBCB0; // GREY-BROWN (accent darker fill, footer buttons) #87775F; // DARK GREY-BROWN (link text) #606060; // DARK GREY (main body text) #665C4C; // DARK BROWN (headlines/sidebar) #4A443A; // ALMOST BLACK (price accents) #B4C10B; // GREEN TEXT #1 (headlines/accent text) #CAD81E; // GREEN BRIGHT #2 (top menu underline, fills) #DEE58B; // PALE GREEN #3 (sidebar top stripe / fill) */ /* ===== MASTER PAGE STRUCTURE ============================================= */ /* (Main HTML page layout settings) */ body { background-color: #FFF; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; position: relative; } #myBody {background: url('bg-top.jpg') repeat-x center top; width: 100%; position: relative;} #myBodyInner {background: url('bg-bottom.jpg') repeat-x center bottom; width: 100%; margin: 0 auto; position: relative;} #myPage {background: transparent url('page-shadow.png') no-repeat fixed center top; width: 1060px; margin: 0 auto; position: relative;} #myPageInner {background-color: #FFFFFF; width: 1024px; margin: 0 auto; text-align: left; position: relative;} #myTopSection {background: url('header-bg.jpg') no-repeat 0 0; width: 1024px; height: 193px; position: relative; z-index: 10;} #myTopSection .myHeader {position: relative; width: 1024px; height: 143px; z-index: 11; overflow: hidden;} #myTopSection .myMenu {width: 1024px; height: 36px; position: relative; z-index: 12;} #myTopSection .myMenu {border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} #mrp-container2.myBanner {position: relative; overflow: hidden; width: 1024px; height: 350px;} #mrp-container2.myBanner {display: none;} /* set banner default to hidden */ #myMidSection {margin: 15px 12px 50px 12px; width: 1000px; overflow: hidden; position: relative; z-index: auto;} #myMidSection {background: url(page-header-bg.png) no-repeat 0 0;} /* set default page header bg */ #myMidSection .mySidebar {width: 250px; float: right; margin-top: 95px;} #myMidSection .myContent {width: 700px; margin-left: 5px !important; overflow: hidden; position: relative; z-index: auto;} #myMidSection #page-layout {width: 700px !important;} #myBottomSection {background: url('footer-bg.jpg') no-repeat 0 0; width: 1024px; height: 525px; position: relative; overflow: hidden; display: block;} #myBottomSection .myFooterTop {width: 1024px; height: 125px; margin-bottom: 40px; overflow: hidden; position: relative;} #myBottomSection .myFooter {padding-left: 280px; width: 744px; height: 300px; margin-bottom: 8px; overflow: hidden; position: relative;} #myBottomSection .myFooterSub {width: 1024px; height: 42px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; position: relative; overflow: hidden;} div.provider-attribution, div.page-footer-copyright {display: none;} /* ===== MASTER LOGO HEADER ============================================== */ /* (Main top logo, contact and social icon layout) */ /* header logo */ .myHeader div.mrp-weblet-plain-image {position: absolute; top: 50px; left: 50px;} /* header contact info */ .myHeader div.mrp-weblet-rich-text {position: absolute; top: 54px; right: 18px;} .myHeader #myContact {text-align: right;} .myHeader #myContact div {font-size: 34px; font-family: 'Open Sans'; color: #87775F; font-weight: 300;} .myHeader #myContact em {font-size: 15px; font-style: italic; color: #B4C10B;} .myHeader .HeaderSocialIcons img {margin-left: 5px;} /* ===== MAIN NAVIGATION MENU ============================================= */ /* (Top main navigation and drop-down menus) */ .mrp-weblet-menu {position: relative; width: 1000px; margin-left: 12px !important; height: 36px; overflow: visible;} .mrp-weblet-menu .navBarInnerH {} .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell { font-family: 'Open Sans'; font-weight: normal; font-style: italic; text-align: left; text-transform: lowercase; width: auto; xheight: 36px; overflow: visible; } /* off tabs */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell a {color: #87775F; font-size: 16px; padding: 10px 7px 10px 11px; margin-right: 3px;} .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell.mrp-menu-cell-current, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell.mrp-menu-cell-current-parent {} /*active tab */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell.mrp-menu-cell-current a, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell.mrp-menu-cell-current-parent a, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell a.p7PMmark { background-image: url('menu-tab-on.png'); font-weight: normal; color: #665C4C; } /* hover states */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell a:hover {color: #665C4C; background-color: transparent; text-decoration: none;} .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell.mrp-menu-cell-current a:hover {color: #665C4C;} .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell a.p7PMon, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell a.p7PMon:hover { color: #665C4C; background-color: transparent; font-weight: normal;} .mrp-weblet-menu .navBarH .p7PMnavH .p7PMHspacerCell .p7PMHspacer {display: none;} .mrp-weblet-menu .p7PMnavH .p7PMtrg, .mrp-weblet-menu .p7PMnavH .p7PMtrg:hover, .mrp-weblet-menu .p7PMnavH .p7PMtrg:active {background-image: none; font-weight: normal;} /* sub-menu items */ .mrp-menu-cell ul.p7PMshow {border-left: 0; border-right: 0; padding-top: 1px; margin-left: 2px !important;} .mrp-menu-cell ul.p7PMshow {border-bottom: 2px solid #E1E1DE;} .mrp-menu-cell ul.p7PMshow li {border: 0px; font-size: 14px; opacity: 0.95; background-color: #E1E1DE;} .mrp-menu-cell ul.p7PMshow li.p7PMtrg {} /* a */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell ul.p7PMshow li a.p7PMmark {font-weight: normal;} .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell ul.p7PMshow li a, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell-current ul.p7PMshow li a, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell ul.p7PMshow li.p7PMfirstSubMenuItem a, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell-current ul.p7PMshow li.p7PMfirstSubMenuItem a { font-size: 14px; color: #665C4C; background-color: #F0F0F0; border-width: 0px 0px 1px 0 !important; border-style: solid; border-color: #E1E1DE; padding: 6px 60px 6px 12px; margin-right: 2px; } /* a:hover */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell ul.p7PMshow li a:hover, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell-current ul.p7PMshow li a:hover, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell ul.p7PMshow li.p7PMfirstSubMenuItem a:hover, .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell-current ul.p7PMshow li.p7PMfirstSubMenuItem a:hover {background-color: #EDEDEB; color: #87775F;} /* a:active-tab */ .mrp-weblet-menu .navBarH .p7PMnavH .mrp-menu-cell-current-parent ul.p7PMshow li a.p7PMmark {color: #87775F;} /* sub-sub-menu */ .mrp-menu-cell ul.p7PMshow li ul.p7PMshow {border-color: #E1E1DE; position: relative; left: 180px; width: 180px;} .mrp-menu-cell ul.p7PMshow li ul li.p7PMfirstSubMenuItem {border-color: #E1E1DE;} /* ===== MASTER SIDEBAR ================================================== */ /* (Master right-side sidebar column boxes and buttons) */ #mySidebarPic {border-top: 1px solid #E6E6E6; padding: 3px 0;} #mySidebarText {margin-bottom: 12px;} #mySidebarText p, #mySidebarText div {color: #665C4C; font-size: 12px; line-height: 1.5em;} #mySidebarText h2 { /* sidebar header */ font-size: 15px; font-style: normal; background: url(sidebar-header-bg.png) no-repeat left top; border: none !important; margin-top: 0; margin-bottom: 5px; padding-top: 10px; padding-bottom: 0; } #mySidebarLink {display: block; height: 53px; background: url(sidebar-divider.png) repeat-x left bottom;} #mySidebarLink a { font-family: 'Open Sans'; font-weight: normal; font-style: italic; display: block; padding: 7px 8px 8px; background-color: #E6E6E6; } #mySidebarButton h2 {margin-top: 9px; margin-bottom: 0; padding: 0; display: block; border: none !important;} #mySidebarButton h2 a {font-size: 16px; font-weight: bold; font-style: normal; color: #665C4C; line-height: 18px;} #mySidebarButton p a {font-family: 'Open Sans'; font-style: italic;} #mySidebarButton { height: 72px; padding: 3px 0; margin: 10px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; background: url(sidebar-button.png) no-repeat left 3px; overflow: hidden; } /* ===== MASTER FOOTER ================================================== */ /* (Master bottom footer including footer logo, info boxes, contact form and copyright) */ #myFooterLogo {position: absolute; top: 54px; left: 660px;} #mrp-footer .myFooter1 {width: 260px;} #mrp-footer .myFooter2 {width: 245px;} #mrp-footer .myFooter2 .FooterSocialIcons img {margin-right: 4px;} #mrp-footer .myFooter3 {} #myFooterText {height: 230px; width: 215px; overflow: hidden;} #myFooterButton a { font-family: 'Open Sans'; font-weight: normal; font-style: italic; color: #665C4C; padding: 2px 14px 3px 8px; background-color: #BFBCB0; } /* footer contact form */ #myFooterContact table {border: none;} #myFooterContact center {text-align: left !important;} #myFooterContact .dynamic-form tbody td {padding: 0;} #myFooterContact .dynamic-form .dynamic-form-comment {display: none;} #myFooterContact .dynamic-form .dynamic-form-label-required {display: none;} #myFooterContact .dynamic-form tbody tr td.dynamic-form-label-stack-cell { font-style: normal; font-size: 13px; padding-bottom: 0 !important; padding-top: 0 !important; } #myFooterContact .dynamic-form tbody tr td.dynamic-form-control-stack-cell {padding-bottom: 1px !important; padding-top: 0 !important;} #myFooterContact .dynamic-form tbody tr td.dynamic-form-control-stack-cell input.dynamic-form-text, #myFooterContact .dynamic-form tbody tr td.dynamic-form-control-stack-cell textarea.dynamic-form-long-text { background-color: #D3D1C8; border: 0; width: 200px; padding: 2px 0;} #myFooterContact .dynamic-form tbody tr td.dynamic-form-control-stack-cell textarea.dynamic-form-long-text { font: 12px Arial,Helvetica,sans-serif; height: 56px !important; overflow: hidden;} #myFooterContact td.dynamic-form-button-bar {padding: 0 !important;} #myFooterContact table.captcha {float:left; margin: 2px 0 0;} #myFooterContact table.captcha img.captcha-image {width: 110px; height: 30px; border: 1px solid #D3D1C8;} #myFooterContact table.captcha div.captcha-info-text {font: normal 10px Arial;} #myFooterContact table.captcha input.captcha-input { font-family: Arial,Helvetica,'sans-serif'; font-size: 12px; background-color: #ffffff; border: 1px solid #D3D1C8; padding: 1px;} #myFooterContact table.captcha input.captcha-reload-button {display: none;} #myFooterContact td.dynamic-form-button-bar input.dynamic-form-button-right { float: left !important; border: 0 !important; margin-left: 0; font-family: 'Open Sans'; font-weight: normal; font-style: italic; color: #665C4C; text-transform: lowercase; padding: 2px 14px 3px 8px; background-color: #BFBCB0; } /* sub-footer copyright bar */ .myFooterSub div {display: inline;} .myFooterSub h3 {font-size: 14px; display: inline; border: none;} #myFooterSub1 {float: left; margin-top: 10px; padding-left: 15px;} #myFooterSub2 {float: right; margin-top: 10px; padding-right: 15px;} /* ===== MAIN PAGE CONTENT ================================================== */ /* (Master and page specific fonts, weblet layouts and styles) */ /* --------- general page fonts and styles ---------------------------------------------------------------------------- */ /* default body text */ body, div, p, #content-well .mrp-weblet.mrp-weblet-rich-text .weblet-inner p, #content-well .mrp-weblet.mrp-weblet-rich-text .weblet-inner div, .leadin_style1 .leadin_text, .leadin_style1 .leadin_text p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #606060; } /* main headlines */ h1 {font: normal 28px 'Open Sans'; color: #665C4C; text-transform: uppercase;} h1 {margin: 12px 0 30px 12px; height: 53px; overflow: hidden !important;} h1 em {color: #FFFFFF; font-style: normal;} h2, h3, h4, h5, h6 {font: italic normal 18px 'Open Sans'; color: #665C4C;} h2, h3 {padding: 10px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} h2, h3 {margin-bottom: 15px; margin-top: 40px;} /* default spacer */ h2 em, h3 em, h4 em, h5 em, h5 em {color: #B4C10B;} /* homepage headlines overrides */ body.index #myHeadline { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px 0 15px; margin: 0 0 20px 0; height: auto !important; } body.index #myHeadline h1 {margin: 0; padding: 0; height: auto !important;} body.index #myHeadline h1 em {color: #B4C10B;} body.index #myHeadline h2 {margin: 0; padding: 0; border: none;} /* top intro section with photo */ #myIntro {} #myIntro p img, #myIntro img { float: left; margin: 0 20px 10px 0; padding: 3px 0 10px 0; border-top: 1px solid #E6E6E6; background: url(pic-border-lg.png) no-repeat left bottom; } #myIntroHome p img, #myIntroHome img {float: left; margin: 0 20px 10px 0;} /* alternative intro section box with icon */ #myIntroBox { border-top: 1px solid #E6E6E6; background: url(intro-box-border.png) no-repeat left bottom; padding: 5px 0 20px; display: block; overflow: hidden; } #myIntroBox img, #myIntroBox p img {float: left; margin-right: 5px;} #myMidSection #myIntroBox p, #myMidSection #myIntroBox div { font-family: 'Open Sans'; font-size: 22px; font-style: italic; padding-top: 5px; padding-right: 25px; line-height: 29px !important; color: #87775F; } #myIntroH3 h3 {margin-top: 0;} /* html weblet general text settings */ #myText, #myTextBox, #mySpace, #myMargin, #mySpacer, #myPadding, #myWeblet {margin-top: 20px;} #content-well .weblet-inner p {line-height: 1.4em;} #content-well .weblet-inner .paragraph {line-height: 1.4em;} #content-well .weblet-inner sup {line-height: 1.0em;} /* default text links */ a img {border: 0;} img[ismap] {border: 0;} a, a:active {outline: none;} a {color: #87775F; font-weight: normal; text-decoration: none;} a:visited, a:active {color: #87775F;} a:hover {color: #87775F;} /* link buttons and link boxes */ #myLinkButton, .myLinkButton, #myLink, .myLink {margin-top: 20px;} #myLinkButton a, .myLinkButton a, #myLink a, .myLink a { /* link button */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background-color: #E6E6E6; padding: 2px 16px 3px 8px; display: inline-block; } #myLinkBox, .myLinkBox, #myLinkBoxes, #myLinks {margin-top: 12px;} #myLinkBox a, .myLinkBox a, #myLinkBoxes a, #myLinks a { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-bottom: 3px;} /* bullet list link boxes */ #myText .mrp-weblet-rich-text ul {list-style: none; list-style-type: none; margin: 10px 0;} #myText ul li {margin: 0;} #myText ul li a { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-bottom: 3px; } /* for the sake of the floaters */ #content-well .mrp-weblet.mrp-weblet-rich-text .weblet-inner {overflow: auto;} /* tables, borders and ordered lists */ body, table, div {border-color: #E6E6E6;} table {padding: 0; border-collapse: collapse; border-spacing: 0;} table tr td {padding: 0;} form {margin: 0;} /* text box 'snippet' sections with icon and links */ #mySnippets .leadin_style2 .leadin_text {min-height: 105px;} #mySnippets .leadin_style2 .leadin_links {margin-bottom: 0;} #mySnippets {margin-top: 30px;} /* default spacer - modified */ #mySnippets .leadin_style2 {border: none; padding: none; margin: 0;} #mySnippets .leadin_style2 .leadin {position: relative;} #mySnippets .leadin_style2 .leadin div {text-align: left !important;} #mySnippets .leadin_style2 .leadin_heading { /* h2 */ padding: 8px 0; margin-bottom: 12px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font: italic normal 18px 'Open Sans'; color: #665C4C;} #mySnippets .leadin_style2 .leadin_image { position: absolute !important; top: 55px; overflow: hidden; border: none; width: 125px; height: 125px; } #mySnippets .leadin_style2 .leadin_image img {border: none;} #mySnippets .leadin_style2 .leadin_text {margin: 0 0 15px 145px;} #mySnippets .leadin_style2 .leadin_text p a { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-bottom: 3px;} #mySnippets .leadin_style2 .leadin_links {margin-top: 10px; margin-bottom: 25px;} #mySnippets .leadin_style2 .leadin_links a { /* link button */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background-color: #E6E6E6; padding: 2px 16px 3px 8px;} /* text box 'snippet' sections on communities page with larger photo */ #mySnippetsLg .leadin_style2 .leadin_text {min-height: 105px;} #mySnippetsLg .leadin_style2 .leadin_links {margin-bottom: 0;} #mySnippetsLg {margin-top: 30px;} /* default spacer - modified */ #mySnippetsLg .leadin_style2 {border: none; padding: none; margin: 0;} #mySnippetsLg .leadin_style2 .leadin {position: relative;} #mySnippetsLg .leadin_style2 .leadin div {text-align: left !important;} #mySnippetsLg .leadin_style2 .leadin_heading { /* h2 */ padding: 8px 0; margin-bottom: 12px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font: italic normal 18px 'Open Sans'; color: #665C4C;} #mySnippetsLg .leadin_style2 .leadin_image { position: absolute !important; top: 52px; overflow: hidden; width: 220px; height: 155px; padding: 3px 0 10px 0; border-width: 1px 0 0 0; border-top: 1px solid #E6E6E6; background: url(pic-border-lg.png) no-repeat left bottom;} #mySnippetsLg .leadin_style2 .leadin_image img {border: none;} #mySnippetsLg .leadin_style2 .leadin_text {margin: 0 0 15px 240px;} #mySnippetsLg .leadin_style2 .leadin_links {margin-top: 10px; margin-bottom: 25px;} #mySnippetsLg .leadin_style2 .leadin_links a { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-left: 240px; } /* -------- homepage --------------------------------------------------------------------------------------------------------- */ /* homepage specific overrides */ body.index #mrp-container2.myBanner {display: block !important;} /* show top banner */ body.index #myMidSection .mySidebar {margin-top: 0 !important;} body.index #myMidSection {background-image: none !important;} /* hide pg header bg */ body.index #mySnippetsBox .leadin_style2 .leadin_text {min-height: 105px;} body.index #mySnippetsBox .leadin_style2 .leadin_links {margin-bottom: 0;} /* homepage 3 feature snippets */ #mySnippetsBox {margin-top: 40px;} /* default spacer */ #mySnippetsBox .leadin_style2 {border: none; padding: none; margin: 0;} #mySnippetsBox .leadin_style2 .leadin {position: relative;} #mySnippetsBox .leadin_style2 .leadin div {text-align: left !important;} #mySnippetsBox .leadin_style2 .leadin_heading { /* h2 */ padding: 8px 0; margin-bottom: 12px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; font: italic normal 18px 'Open Sans'; color: #665C4C;} #mySnippetsBox .leadin_style2 .leadin_image {display: inline; width: 32px; height: 32px; border: none;} #mySnippetsBox .leadin_style2 .leadin_image a {float: left; margin: 0 10px 0 0;} #mySnippetsBox .leadin_style2 .leadin_image img {border: none;} #mySnippetsBox .leadin_style2 .leadin_text {min-height: 50px; margin-bottom: 15px;} #mySnippetsBox .leadin_style2 .leadin_links {margin-top: 10px; margin-bottom: 25px;} #mySnippetsBox .leadin_style2 .leadin_links a { /* link button */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background-color: #E6E6E6; padding: 2px 16px 3px 8px;} /* reports links snippets */ .mrp-weblet-reports #mySnippetsBox .leadin_image a {height: 48px; width: 48px; display: inline-block; background: url(icon48-notepad.png) no-repeat;} .mrp-weblet-reports #mySnippetsBox .leadin_image a img {display: none;} /* featured listings */ .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 {border: 0; padding: 0; background-color: #E6E6E6; width: 230px;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_image { padding: 0; margin: 0 !important; width: 230px !important; height: 137px !important; position: absolute; left: 0 top: 0; border: none;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_image a { display: block; background-color: #FFF; width: 230px !important; height: 137px !important; overflow: hidden; border-spacing: 0px; border-collapse: collapse;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_image a img.leadin_img { width: 250px !important; max-width: 250px !important; min-height: 175px !important; top: -20px !important; left: -10px !important;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_text { padding: 15px 25px 0 10px; margin-top: 0; background: url(pic-border.png) no-repeat left top;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_text div {text-align: left; border: none !important;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_text .featured-listing-address { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-style: italic; color: #665C4C; margin-bottom: -4px;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_text .featured-listing-price-value { font-family: 'Open Sans'; font-size: 22px; font-weight: bold; color: #665C4C;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_text .featured-listing-description { display: block; text-align: left; line-height: 1.4em; height: 93px !important; color: #606060; overflow: hidden;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_links {text-align: left; padding: 10px; margin-bottom: 6px;} .mrp-weblet-featured-listings .leadin-vertical.leadin_style2 .leadin_links a { /* link button */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background-color: #DCDCD9; padding: 2px 16px 3px 8px;} /* rss syndication blog headlines */ .mrp-weblet-web-syndication .weblet_web-syndication {margin-top: 0;} .mrp-weblet-web-syndication .weblet_web-syndication-pub-date {display: none;} .mrp-weblet-web-syndication .weblet_web-syndication-entry { padding-left: 45px; margin: 0 0 10px; min-height: 35px; background: url('icon32-calendar.png') no-repeat 2px 2px; } .mrp-weblet-web-syndication .weblet_web-syndication-entry:last-child {margin-bottom: 5px;} .mrp-weblet-web-syndication h5.weblet_web-syndication-entry-heading { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 13px; color: #606060; margin: 0; } .mrp-weblet-web-syndication h5.weblet_web-syndication-entry-heading:after {content:"...";} .mrp-weblet-web-syndication .weblet_web-syndication-entry-text {display: none;} .mrp-weblet-web-syndication .weblet_web-syndication-entry-date { font-family: 'Open Sans'; font-weight: normal; font-style: italic; font-size: 13px; text-align: left; color: #87775F; } .mrp-weblet-web-syndication .weblet_web-syndication-entry-link {display: none;} /* dynamic submit forms */ #myForm .dynamic-form {border: none;} #myForm .dynamic-form tbody td {padding: 5px 0;} #myForm .dynamic-form-label-required, #myForm .dynamic-form-comment {display: none;} #myForm .dynamic-form-separator { /* h2 */ display: block; padding: 10px 0; margin: 20px 0 15px 0; font: italic normal 18px 'Open Sans'; color: #665C4C; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; } #myForm .dynamic-form-label-text {} #myForm .dynamic-form-text, #myForm .dynamic-form-long-text, #myForm .dynamic-form-select { border: 1px solid #E6E6E6; background-color: #E6E6E6;} #myForm .dynamic-form-select {min-width: 200px;} #myForm .dynamic-form-text {width: 200px;} #myForm .dynamic-form-long-text {width: 300px; height: 110px !important;} #myForm .captcha-image, #myForm .captcha-input {border: 1px solid #E6E6E6 !important;} #myForm .captcha-reload-button {display: none;} #myForm .dynamic-form-button-right { /* link button lg */ padding: 3px 25px; display: inline-block; font-family: 'Open Sans'; font-size: 15px; font-weight: normal; font-style: italic; color: #665C4C; background-color: #E6E6E6; float: left !important; margin-left: 235px; border: 0 !important; /* input button hacks */ } /* -------- buyers section --------------------------------------------------------------------------------------------------------- */ /* mortgage calculator */ div.mrp-mortgage-calc-outer {padding: 25px; border: none; background-color: #E6E6E6;} /* --------- blog section ------------------------------------------------------------------------------------------------------------ */ /* h3 */ h3 span.weblet_blog-entry-heading-text {font: italic normal 18px 'Open Sans'; color: #665C4C;} h3.weblet_blog-entry-heading, h4.weblet_blog-comments-header, h4.weblet_blog-comment-form-header {padding: 10px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;} h4.weblet_blog-comments-header, h4.weblet_blog-comment-form-header {display: block; width: auto; margin-top: 40px;} div.weblet_blog-navigation, div.weblet_blog-date-friendly {display: none;} div.weblet_blog-syndication-section, div.weblet_blog-entry-author, div.weblet_blog-entry-labels { font-family: 'Open Sans'; font-weight: normal; font-style: italic; } .weblet_blog-category-section .weblet_blog-category-heading {font-weight: normal;} .weblet_blog-category-section { font-family: 'Open Sans'; font-style: italic; font-size: 13px; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px 0; margin-top: 60px; } /* top categories - blog navigation weblet */ .mrp-weblet-blog-nav div.weblet_blog-navigation-sa {padding: 10px 0;} .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-heading, .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-item a {font-family: 'Open Sans'; font-style: italic; font-weight: normal;} .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-heading { display: inline; background-image: none; padding-left: 0; } .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-heading:after {content: ': ';} .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-item {display: inline;} .mrp-weblet-blog-nav div.weblet_blog-navigation-sa-item:after {content: ' | ';} /* comments and full story links */ a.weblet_blog-entry-comments-link, a.weblet_blog-entry-post-comment-link {display: none;} a.weblet_blog-entry-permalink { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-bottom: 3px; border: none; margin-top: 10px; } .weblet_blog-entry-divider {margin: 0 0 40px 0; height: 1px; border: none; display: block;} /* comments submit form */ .mrp-weblet-blog #myForm .dynamic-form-button-right {margin-left: 0;} .mrp-weblet-blog #myForm .dynamic-form-button-bar {padding-left: 0;} .mrp-weblet-blog #myForm .dynamic-form-control-comment {color: #B4C10B;} .weblet_blog-entry-back-link {font-family: 'Open Sans'; font-style: italic; margin-top: 5px;} /* --------- about and contact ---------------------------------------------------------------------------------------------------------- */ /* contact page faux sidebar */ body.contact #myMidSection #mrp-sidebar.mySidebar {display: none;} /* hide master sidebar */ body.contact #myMidSection .myContent {min-height: 1000px; overflow: visible;} body.contact #myMidSection .mrp-weblet-contact-form {position: absolute; top: 0; right: -295px; margin-top: 92px !important;} #myContactForm {width: 250px; color: #665C4C;} #myContactForm div.weblet_contact-sm-links-section img {width: 24px; height: 24px; margin: 0 4px 35px 0;} #myContactForm .weblet_contact-form-contact-numbers-heading, #myContactForm .weblet_contact-form-contact-address-heading, #myContactForm .dynamic-form th div { /* sidebar header - modified */ font-family: 'Open Sans'; font-size: 15px; font-style: normal; font-weight: normal; color: #665C4C; background-color: #DEE58B; border: none !important; margin: 0 0 10px 0; padding: 6px 9px; } #myContactForm .weblet_contact-form-contact-numbers-section td, #myContactForm .weblet_contact-form-address-section td { padding: 6px 4px 6px 0; border-bottom: 1px solid #E6E6E6; } #myContactForm .weblet_contact-form-contact-number-type {font-weight: bold;} #myContactForm .weblet_contact-form-contact-number-info {font-weight: normal;} /* contact page faux sidebar - email contact submit form */ #myContactForm .dynamic-form {border: none; background: #F6F6F6; margin-top: 20px;} #myContactForm .dynamic-form tbody th {padding: 0; background: #FFFFFF;} #myContactForm .dynamic-form th div {margin-bottom: 4px;} #myContactForm .dynamic-form tbody td {padding: 2px 0 0 10px;} #myContactForm .dynamic-form tbody td.dynamic-form-label-stack-cell {padding-top: 8px;} #myContactForm .dynamic-form-label-required, #myContactForm .dynamic-form-comment {display: none;} #myContactForm .dynamic-form-label-text {font-style: normal;} #myContactForm .dynamic-form-text, #myContactForm .dynamic-form-long-text, #myContactForm .dynamic-form-select { border: 1px solid #E6E6E6; background-color: #E6E6E6;} #myContactForm .dynamic-form-select {width: 200px;} #myContactForm .dynamic-form-text {width: 200px;} #myContactForm .dynamic-form-long-text {width: 200px; height: 90px !important;} /* captcha form */ #myContactForm .captcha { } #myContactForm .captcha-image {margin-top: 6px;} #myContactForm .captcha-image, #myContactForm .captcha-input {border: 1px solid #E6E6E6 !important;} #myContactForm .captcha-info-text {color: #665C4C;} #myContactForm .captcha-reload-button {display: none;} #myContactForm .dynamic-form-button-bar {padding: 0;} #myContactForm .dynamic-form-button-right { /* link button lg */ padding: 3px 25px; display: inline-block; font-family: 'Open Sans'; font-size: 15px; font-weight: normal; font-style: italic; color: #665C4C; background-color: #DCDCD9; float: left !important; margin-left: 10px; border: 0 !important; } /* input button hacks */ #myContactForm .dynamic-form tfoot td {padding-bottom: 20px;} /* brokerage and association logos */ #myLogos {margin-top: 55px;} #myLogos img {float: left; margin-right: 20px;} /* testimonials */ body.testimonials #mySnippets {margin-top: 40px;} body.testimonials #mySnippets .leadin_style2 .leadin_text {margin-left: 0} body.testimonials #mySnippets .leadin_style2 .leadin_heading {color: #B4C10B;} /* ===== PROPERTY SEARCH AND LISTING PAGES ================================== */ /* (custom styles for map search, listing results and property details pages) */ /* Toolbars, Filters, Links and Drop-down boxes */ .mrp-weblet-listings #VowToolbarNG {display: none;} .mrp-weblet-listings .listing-results-sub-categories {display: none;} .mrp-weblet-listings #PredefinedToolbar {display: none;} .mrp-weblet-listings .results-filter-form {display: none;} /* Listing Tabs - on search forms and results views */ .mrp-weblet-listings {margin-top: 35px !important;} body.ottawa-condos-for-sale .mrp-weblet-listings, body.ottawa-condos-for-sale .mrp-weblet-listings .listing-results-navigation-top, body.ottawa-houses-for-sale .mrp-weblet-listings, body.ottawa-houses-for-sale .mrp-weblet-listings .listing-results-navigation-top {margin-top: 0 !important;} .mrp-weblet-listings .listing-tabs {height: 39px !important; margin-bottom: 15px;} .mrp-weblet-listings .listing-tabs {background-image: none !important; border-left: 1px solid #DDD;} .listing-tabs ul li, .listing-tabs ul li.first-tab { } div.listing-tabs ul li, div.listing-tabs ul li.current, div.listing-tabs ul li.first-tab {border-color: #DDD !important;} .mrp-weblet-listings .listing-tabs ul {height: 38px !important; border-bottom: 1px solid #DDD;} .mrp-weblet-listings .listing-tabs ul li#choose-a-view-label, .mrp-weblet-listings .listing-tabs ul li#choose-a-form-label { padding-top: 10px; font-weight: normal; font-size: 13px; color: #404040;} .mrp-weblet-listings .listing-tabs ul li { background-color: #F2F2F2; background-image: none; height: 37px !important; overflow: hidden;} .mrp-weblet-listings .listing-tabs ul li.current { border-color: #DDD; background-color: #FFF; border-bottom: 2px solid #FFF !important;} .mrp-weblet-listings .listing-tabs ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #87775F; border-color: #FFF; padding: 10px 18px 10px 18px; display: inline-block; height: 38px; } .mrp-weblet.mrp-weblet-listings .listing-tabs ul li.current a {color: #404040;} /* Top & Bottom Paging Bars */ .mrp-weblet-listings .listing-results-navigation-top {margin-top: 15px;} .mrp-weblet-listings .listing-results-navigation-bottom {margin-top: 20px;} .mrp-weblet-listings .page-navigation {padding: 8px 0; /*background-color: #F2F2F2;*/ } .mrp-weblet-listings .page-navigation table {} .mrp-weblet-listings .results-page-summary span.results-total-long, .mrp-weblet-listings .results-page-summary span.results-total {color: #87775F;} .mrp-weblet-listings .results-total, .mrp-weblet.mrp-weblet-listings .results-total-long {} .mrp-weblet-listings .page-buttons {padding-right: 6px;} .mrp-weblet-listings .page-buttons a {font-size: 12px;} /* --------- search results - listing pages ----------------------------------------------------------------------------------------- */ /* general text tweaks */ .mrp-weblet-listings div.results-item-list div.listed-by, .mrp-weblet-listings .attribution-container { font-family: 'Open Sans'; font-size: 11px; font-style: italic; text-transform: lowercase; color: #AAA; } .mrp-weblet-listings .listing-last-modified {text-align: left;} .mrp-weblet-listings div.selector-placeholder {border: none;} /* expanded view */ .mrp-weblet-listings .listing-results-expanded {border-top: 3px double #E6E6E6; padding-top: 10px; margin-top: 0;} .mrp-weblet-listings .listing-results-expanded .results-item-expanded { border-bottom: 3px double #E6E6E6; padding: 3px 3px 8px 3px; margin-bottom: 10px; /*background: #F2F2F2;*/ } .mrp-weblet-listings .listing-results-expanded .results-sm-share-container {display: none;} .mrp-weblet-listings div.results-item-expanded .address-info {border-bottom: 1px solid #E6E6E6;} .mrp-weblet-listings div.results-item-expanded .owner-contact-container {border-top: 1px solid #E6E6E6;} /* gallery view */ .mrp-weblet-listings .listing-results .results-item-gallery {margin-bottom: 15px; /*background: #F2F2F2;*/ } .mrp-weblet-listings div.results-item-gallery {} /* compact view */ .mrp-weblet-listings .listing-results .results-item-list { margin: 4px 0 0 0; padding: 5px 0 8px 0; border-bottom: 1px solid #E6E6E6; /*background: #F2F2F2;*/ } .mrp-weblet-listings div.listing-results-list {border-top: 1px solid #E6E6E6; margin-top: 3px;} /* map view */ .mrp-weblet-listings .listing-results .results-item-map {} .mrp-weblet-listings .listing-results .results-item-map div.column a {} .mrp-weblet-listings .listing-results .results-item-map div.column-onmap {margin-left: 0;} .mrp-weblet-listings .listing-results .results-item-map {border-bottom: 1px solid #E6E6E6; margin-bottom: 3px;} .mrp-weblet-listings div.map-canvas {border: 1px solid #E6E6E6;} /* --------- search results - property details page ---------------------------------------------------------------------------------------- */ .mrp-weblet-listings h2.listing-address {margin-bottom: 0; font-style: normal; } .mrp-weblet-listings div.vertical-tools-section div.cbg-ButtonOuter, .mrp-weblet-listings div.vertical-tools-section div.cbg-ButtonOuter div.cbg-ButtonContent, .mrp-weblet-listings div.vertical-tools-section ul li.details-inquire-button {font-size: 12px; color: #444;} .mrp-weblet-listings div.listing-content {position: relative !important;} .mrp-weblet-listings div.listing-details-navigation-container {margin-bottom: 20px;} .mrp-weblet-listings h2.listing-address {margin-bottom: 25px !important;} .mrp-weblet-listings div.listing-attribution-container { position: absolute !important; top: 69px; left:0; font-family: 'Open Sans'; font-weight: bold; font-size: 12px; color: #444; /* font: italic normal 14px 'Open Sans'; color: #B4C10B; */ /* font-family: 'Open Sans'; font-size: 14px; font-style: italic; color: #AAA; text-transform: lowercase; */ /* color: #606060; */ } /* --------- neighbourhood & building pages ----------------------------------------------------------------------------------------------- */ /* titles and heading text */ #myNeighbourhood h1, #myNeighbourhoodList h1 { text-transform: none; height: auto; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px 0; margin: 0 0 20px 0;} #myNeighbourhood h1 .neighborhood-city {font-size: 28px; font-style: italic; font-weight: normal;} #myNeighbourhood h3 {clear: both;} #myNeighbourhood .neighborhood-page hr {border: none; margin: 0;} /* main photo and thumbs */ #myNeighbourhood .neighborhood-page .main-photo-outer, #myNeighbourhood .neighborhood-page .photo-thumb-outer {border: 1px solid #E6E6E6; } /* quick facts stats table */ #myNeighbourhood .quick-facts {border-spacing: 2px; border-collapse:separate; border: none;} #myNeighbourhood .quick-facts tr td {border: none; padding: 6px 8px; background-color: #E6E6E6} #myNeighbourhood .quick-facts .quick-facts-name-td {width: 100px; } #myNeighbourhood .quick-facts .quick-facts-value-td {width: 140px; color: #87775F;} /* bullet list link boxes */ #myNeighbourhood ul {list-style: none; list-style-type: none; margin: 10px 0;} #myNeighbourhood ul li {margin: 0;} #myNeighbourhood ul li a { /* link box */ font-family: 'Open Sans'; font-size: 13px; font-weight: normal; font-style: italic; color: #87775F; background: url(link-box-bg.png) no-repeat left center; display: block; padding: 2px 27px; margin-bottom: 3px; } /* neighbourhood list */ #myNeighbourhoodList h1 { font-family: 'Open Sans'; font-size: 18px; font-style: italic; font-weight: normal; /* h3 */ border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px 0; margin: 40px 0 15px 0; text-transform: none; height: auto; } #myNeighbourhoodList .neighborhood-entry-first {border-top: none;} #myNeighbourhoodList .neighborhood-entry { border: none; background-color: #E6E6E6; padding: 6px; margin: 3px 0;} #myNeighbourhoodList .neighborhood-thumb-outer {border: 1px solid #DCDCD9; width: 100px; height: 70px; overflow: hidden;} #myNeighbourhoodList .neighborhood-thumb-inner {width: 90px; height: 60px; margin: 5px;} #myNeighbourhoodList .neighborhood-name {font-size: 15px; color: #87775F; margin-top: 4px;} #myNeighbourhoodList .neighborhood-summary {height: 20px; margin-top: 0;} #myNeighbourhoodList .neighborhood-link {font-style: italic;} #myNeighbourhoodList .neighborhood-link:after {content:"...";} /* ====== end mySite.css ====================================================== */ /* ========================================================================= */