/* 960 Grid Import */ @import "960.css"; /* STYLE SHEET FOR APTSANDLOFTS.com ToC 0. *Global reset* 1. defaults 2. structure & Grid 3. links and navigation 4. fonts 5. images 6. tables 7. forms 8. extras Notes */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h5, h5, h6 { font-size:100% } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } ol, ul, li { list-style:none } * a { position:relative } /* Gets links displaying over a PNG background */ a { outline:none } /* Gets rid of Firefox's dotted borders */ a img { border:none } /* Gets rid of IE's blue borders */ /* --------- 1. defaults --------- */ * { margin: 0; padding: 0; } html { overflow:auto; } body { background:transparent url(../images/layout/bg_top.gif) repeat-x center 0; background-color:#fff; text-align:center; } /* Overlay */ html, body, #wrapper { height:100%; position:relative; z-index:1; } #content { position:relative; z-index:1; } #overlay { background-repeat:no-repeat; background-position:left 0px; width:960px; height:2000px; margin:0 auto; position:absolute; top:0px; z-index:1000; } #grid-overlay { background:url(../images/grid_12.png) repeat-y 0 0; width:960px; height:800px; position:absolute; top:0px; z-index:1000; } #overlay.home { background:url(../images/overlays/Home.png) no-repeat left 0px; } #overlay.my-al { background:url(../images/overlays/MyAL.png) no-repeat left 0px; } #overlay.neighborhood-overview { background:url(../images/overlays/Neighborhood_overview.png) no-repeat left 0px; } #overlay.neighborhood-single { background:url(../images/overlays/Neighborhood_single.png) no-repeat left 0px; } #overlay.my-al { background:url(../images/overlays/MyAL.png) no-repeat left 0px; } /* --------- 2. structure --------- */ #wrapper { text-align:left; position:relative; } #masthead { width:970px; height:198px; /*height:209px;*/ position:relative; } body.home #masthead { margin-bottom:9px; } body.sub-nav #masthead { margin-bottom:28px; } #logo { height:35px; } #logo p { margin:57px 0 0 6px; } #secondaryLinks { margin-top:17px; width:585px; float:right;position:absolute;right:24px;top:0px;} #secondaryLinks ul { float:right; display:inline; margin-right:4px; } #secondaryLinks li { background:url(../images/lines_blue-dots.gif) no-repeat right 2px; margin-left:2px; margin-right:8px; padding-right:11px; float:left; display:inline; font-size:12px; } #secondaryLinks li.last { background:none; margin-right:0; padding-right:0; } #secondaryLinks li.rss { text-indent:-9999px; width:15px; height:20px; } #secondaryLinks li.rss a { background:url(../images/icon_rss-sprite.jpg) no-repeat 0 0; width:15px; height:20px; text-decoration} #secondaryLinks li.rss a:hover { background-position:0 -20px; } #secondaryLinks a { display:block; color:#1c3545; text-decoration:none; } #secondaryLinks a:hover { color:#e1692f; text-decoration:none; } #secondaryLinks li.active a { color:#748995; } #secondaryLinks form { text-align:right; } #secondaryLinks input#keywordSearch { width:166px; height:12px; margin:4px 6px 0 8px; padding:1px 2px 3px; font-size:11px; float:left; display:inline; } select#keywordFilter { width:117px; height:20px; margin:4px 4px 0 0; padding:1px; font-size:11px; float:left; display:inline; } input#keywordSubmit { background:url(../images/btn_search.gif) no-repeat 0 0; width:74px; height:28px; font-size:11px; float:left; display:inline; border:none; text-indent:-9999px; cursor:pointer; } input#keywordSubmit:hover { background-position:0 -28px; } #navContainer { background: url(../images/layout/ds_nav/bg.png) repeat-y 0 0; position:absolute; top:117px; left:0px; width:960px; } #navContainer .cap-top { background:url(../images/layout/bg_nav.png) no-repeat 0 top; width:948px; height:6px; float:left; display:inline; position:relative; top:-6px; } #navContainer .cap-bottom { background:url(../images/layout/bg_nav.png) no-repeat 0 bottom; width:948px; height:6px; float:left; display:inline; position:relative; bottom:-6px; } #navContainer .inner { padding:0 11px; } #content { margin:0 auto; padding:0 0 64px!important; position:relative; /* TEMP*/ min-height:400px; } #mainContentArea { /*width:620px; margin-right:10px; margin-left:0px; float:left; display:inline; background-color:#ff0000;*/ } #sidebarRight { /*width:300px; margin-left:10px; margin-right:0px; float:left; display:inline; background-color:#00FF00;*/ } #footer { background:#fff url(../images/bkg_footer.jpg) repeat-x; width:100%; height:388px; position:relative; clear:both; } #footer.no-footer-viewed { margin-top:-150px!important; } #recentView { width:960px; height:220px; margin:0 auto; } #recentView .line { margin:0 20px 12px 0; } /*#recentView li { font-size:12px; line-height:18px; } #recentView li strong { line-height:16px; } #recentView span.link { margin-top:5px; font-size:10px; text-transform:uppercase; } */ #recentView { width:960px; height:220px; margin:0 auto; } #recentView .line { margin:0 20px 12px 0; } #recentView strong a { color:#1c3545; } #recentView strong a:hover { color:#e1692f; } ul#footerNav { width:960px; height:158px; margin:0 auto; font-size:12px; line-height:16px; } ul#footerNav li, ul#footerNav a { color:#1c3545; margin-bottom:0; padding-bottom:0; } ul#footerNav a:hover { color:#e1692f; } ul#footerNav li { width:118px; text-transform:uppercase; font-weight:bold; margin-top:27px; margin-bottom:0; padding-bottom:0; } ul#footerNav li ul { margin:5px 0 0; } ul#footerNav li li { text-transform:none; font-weight:normal; margin-top:0; margin-bottom:0; padding-bottom:0; } div#copyright { width:960px; height:24px; margin:0 auto; display:block; padding:10 0 10px; font-size:10px; color:#b5c5c9; } div#copyright a, div#copyright a:visited{ color:#b5c5c9; } div#copyright a:hover{ text-decoration:underline; } /* -- Boxes -- */ .shadowbox-full-fade { background:url(../images/layout/ds_large/shadowbox-full-fade.gif) no-repeat; width:930px; min-height:300px; margin-left:-6px; padding:12px 10px 2px; position:relative; } .shadowbox-full-fade .inner { padding:2px 10px 0px; } .shadowbox-full-fade .inner.pad-right { padding:2px 160px 0px 10px; } /*#content .shadowbox-full-fade .inner dt { padding-top:0; margin-top:0; }*/ .shadowbox-small-fade { background:url(../images/shadowbox-small-fade.jpg) no-repeat; width:610px; min-height:300px; margin-top:-5px; margin-left:-6px; padding:12px 10px 2px; position:relative; } .shadowbox-small-fade .inner { padding:2px 10px 0px 10px; } .shadowbox-small-fade .inner.pad-right { padding:2px 160px 0px 10px; } /*.shadowbox-small-fade .pagination p { margin-right:86px; font-size:10px; font-weight:bold; text-transform:uppercase; color:#748995; } .shadowbox-small-fade .pagination .btns { position:absolute; top:0px; right:2px; overflow:hidden; } */ /* pagination */ .pagination { width:100%; height:29px; margin-bottom:0px; text-align:right; position:relative!important; } .pagination p { margin-right:66px; font-size:10px; font-weight:bold; text-transform:uppercase; color:#748995; } .pagination .view { margin-right:12px; } .pagination .btns { position:absolute; top:0px; right:2px; overflow:hidden; } .pagination .btns li { float:left; display:inline; text-indent:-9999px; list-style:none; background-image:none!important; margin:0!important; padding:0!important; width:26px; height:21px; line-height: 999px!important; overflow: hidden!important; font-size:0!important; color:transparent; text-transform:uppercase; } /*.pagination .btns li a { color:transparent!important; text-transform:uppercase!important; }*/ .pagination .btns li.left a { display:block; background:url(../images/btn_box-arrow-s_sprite.gif) no-repeat left 0; width:26px; height:21px; } .pagination .btns li.left a:hover { background-position:0 100%!important; } .pagination .btns li.right a { display:block; background:url(../images/btn_box-arrow-s_sprite.gif) no-repeat right 0; width:26px; height:21px; } .pagination .btns li.right a:hover { background-position:100% 100%!important; } .shadowbox-large { background:url(../images/layout/ds_large/bg.png); width:608px; margin-left:-4px; padding:2px 10px; position:relative; } .shadowbox-large .cap-top { background: url(../images/layout/ds_large/top.png) no-repeat; width:628px; height:4px; position:absolute; top:-4px; left:0; } .shadowbox-large .cap-bottom { background: url(../images/layout/ds_large/bottom.png) no-repeat; width:628px; height:4px; position:absolute; bottom:-4px; left:0; } .shadowbox-large .inner {} /* shadowbox interiors */ .shadowbox-large .inner.picture, .shadowbox-large .inner.map { padding:12px 8px; } .shadowbox-large .inner.contact { padding:16px 12px 10px; } .shadowbox-large #form-rss-container { padding:18px 16px; } .shadowbox-large .inner.text, .shadowbox-small .inner.text { padding:16px 5px; } .shadowbox-small .inner.form { padding:20px 12px 0; } .shadowbox-small { background:url(../images/layout/ds_small/bg.png); width:288px; margin-left:-4px; padding:2px 10px; position:relative; } .shadowbox-small .cap-top { background: url(../images/layout/ds_small/top.png) no-repeat; width:308px; height:4px; position:absolute; top:-4px; left:0; } .shadowbox-small .cap-bottom { background: url(../images/layout/ds_small/bottom.png) no-repeat; width:308px; height:4px; position:absolute; bottom:-4px; left:0; } .shadowbox-small .inner {} .shadowbox-small .box-heading { background:url(../images/bkg_title-box-small.jpg) no-repeat; width:273px; height:35px; margin:5px 0 0 1px; padding:13px 0 1px 10px; display:block; position:relative; font-size:18px; font-weight:normal; color:#fff; } .shadowbox-small .box-heading h2, .shadowbox-small .box-heading h3 { font-size:18px!important; font-weight:normal!important; color:#fff; margin:0; padding:0; } .shadowbox-small .box-heading h2:after, .shadowbox-small .box-heading h3:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } .shadowbox-small.padded .inner { padding:15px 15px 20px; } .shadowbox-small .padding { padding:10px 20px 10px 10px; } .shadowbox-small .sub-title { margin:-20px 0 0; font-size:12px; color:#748995; text-transform:uppercase; } /* My A&L Tools */ .my-al-tools {} .my-al-tools ul {} .my-al-tools ul:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } #content .my-al-tools .btns li { /*Resets*/ padding:0; background:none; margin:0; /**/ float:left; display:inline; } .my-al-tools .btns a { width:42px; height:37px; display:block; text-indent:-9999px; } .my-al-tools .btns li.cell a { background:url(../images/btn_cell.jpg) no-repeat 0 0; margin:0 22px 0 10px; } .my-al-tools .btns li.cell a:hover { background-position:0 -37px; } .my-al-tools .btns li.cell.active a { background-position:0 -74px; } .my-al-tools .btns li.share a { background:url(../images/btn_share.jpg) no-repeat 0 0; margin:0 22px 0 10px; } .my-al-tools .btns li.share a:hover { background-position:0 -37px; } .my-al-tools .btns li.share.active a { background-position:0 -74px; } .my-al-tools .btns li.mail a { background:url(../images/btn_mail.jpg) no-repeat 0 0; margin:0 22px 0 10px; } .my-al-tools .btns li.mail a:hover { background-position:0 -37px; } .my-al-tools .btns li.mail.active a { background-position:0 -74px; } .my-al-tools .btns li.print a { background:url(../images/btn_print.jpg) no-repeat 0 0; margin:0 0px 0 10px; } .my-al-tools .btns li.print a:hover { background-position:0 -37px; } .my-al-tools .btns li.print.active a { background-position:0 -74px; } .my-al-tools .btns.save-listing { margin:8px 0 0 10px; } .my-al-tools .btns.save-listing a { background:url(../images/btn_save-listing.gif) no-repeat; width:266px; height:29px; } .my-al-tools .btns.save-listing a:hover { background-position:0 -29px; } .my-al-tools .btns.save-listing.active a { background-position:0 -58px; } .my-al-tools .line-blocks-small { margin:-8px -5px 10px; } /* My A&L Tools - Ajax Content */ #cell-content, #share-content, #mail-content, #print-content { zoom:1; /*overflow:hidden;*/ position:relative; z-index:1; background-color:#fff; } #mail-content .btn-send { position:relative; z-index:9999; } #content #cell-content ul li, #content #share-content ul li, #content #mail-content ul li, #content #print-content ul li { /*Resets*/ padding:0; background:none; margin:0; /**/ } #content ul.icons li { font-size:12px; line-height:18px; font-weight:bold; margin-bottom:5px; } #cell-content .btn-send { float:right; display:inline; margin:15px -5px 0 0; position:relative; } #cell-content .area-code { width:34px; float:left; display:inline; margin-right:2px; } #cell-content .phone-1 { width:34px; float:left; display:inline; margin-right:2px; } #cell-content .phone-2 { width:42px; float:left; display:inline; margin-right:2px; } #cell-content #carrier { width:125px; float:left; display:inline; margin-left:5px; overflow:hidden; } #mail-content .btn-send { float:right; display:inline; margin:5px -5px 0 0; } /* Btns - Small */ .shadowbox-small .box-heading .btns { position:absolute; top:17px; right:6px; } .shadowbox-small .box-heading .btns li { float:left; display:inline; text-indent:-9999px; list-style:none; background-image:none!important; margin:0!important; padding:0!important; } .shadowbox-small .box-heading .btns li.left a { display:block; background:url(../images/btn_box-arrow-s_sprite.png) no-repeat left 0; width:26px; height:21px; } .shadowbox-small .box-heading .btns li.left a:hover { background-position:left bottom; } .shadowbox-small .box-heading .btns li.right a { display:block; background:url(../images/btn_box-arrow-s_sprite.png) no-repeat right 0; width:26px; height:21px; } .shadowbox-small .box-heading .btns li.right a:hover { background-position:right bottom; } /* Shadowbox Top Buttons */ .shadowbox-top-btns { position:relative; z-index:9999; height:38px; padding:0 0 7px 5px; display: block; margin:0 0 1px -9px; /*background:url(../images/bkg_shadowbox.png) repeat-y 0px 0;*/ } #content .shadowbox-top-btns:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } #content .shadowbox-top-btns ul { margin:-3px 0 0 0; float:left; display:inline; padding:0!important; } #content .shadowbox-top-btns li { background:none; margin:0 0 0 0!important; padding:0; float:left; display:inline; font-size:14px; line-height:16px; font-weight:bold; } #content .shadowbox-top-btns a { color:#1c3545; background:url(../images/top-btns_image.gif) repeat-x; display:block; margin:0; /*padding:16px 31px 0 12px;*/ } #content .shadowbox-top-btns a:hover, #content .shadowbox-top-btns .active a { /*background-position:0 -49px!important; color:#fff;*/ } #content .hidden { display:none; } /* Buttons */ #content .shadowbox-top-btns .image a { background: url(../images/top-btns_image.gif) no-repeat 0 0; width:111px; height:49px; text-indent:-9999px; margin-bottom:10px; /*padding:26px 0 0 32px;*/ } #content .shadowbox-top-btns .image a:hover { background-position:0 -49px!important; color:#fff; } #content .shadowbox-top-btns .image.active a { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .map a { background:url(../images/top-btns_map.gif) no-repeat; width:103px; height:49px; text-indent:-9999px; margin-bottom:10px; /*padding:26px 0 0 18px;*/ } #content .shadowbox-top-btns .map a:hover { background-position:0 -49px!important; color:#fff; } #content .shadowbox-top-btns .map.active a { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .rental-listings a { background: url(../images/top-btns_rental-listings.gif) no-repeat 0 0; width:154px; height:49px; margin-bottom:10px; text-indent:-9999px; /*padding:26px 0 0 22px;*/ } #content .shadowbox-top-btns .rental-listings a.left { background: url(../images/top-btns_rental-listings-left.gif) no-repeat 0 0; } #content .shadowbox-top-btns .rental-listings a:hover { background-position:0 -49px!important; color:#fff; } #content .shadowbox-top-btns .rental-listings.active a { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .sales-listings a { background:url(../images/top-btns_sales-listings.gif) no-repeat; width:150px; height:49px; margin-bottom:10px; text-indent:-9999px; /*padding:26px 0 0 15px;*/ } #content .shadowbox-top-btns .sales-listings a:hover { background-position:0 -49px!important; color:#fff; } #content .shadowbox-top-btns .sales-listings.active a { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .photos a { background:url(../images/top-btns_photos.gif) no-repeat 0 0; width:117px; height:49px; margin-bottom:10px; text-indent:-9999px; /*padding:26px 0 0 29px;*/ } #content .shadowbox-top-btns .photos a:hover { background-position:0 -49px!important; } #content .shadowbox-top-btns .photos.active a, #content .shadowbox-top-btns .photos.active a:hover { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .videos a { background:url(../images/top-btns_videos.gif) no-repeat; width:107px; height:49px; margin-bottom:10px; text-indent:-9999px; /*padding:26px 0 0 18px;*/ } #content .shadowbox-top-btns .videos a:hover { background-position:0 -49px!important; } #content .shadowbox-top-btns .videos.active a, #content .shadowbox-top-btns .videos.active a:hover { background-position:0 -98px!important; color:#fff; } #content .shadowbox-top-btns .floorplans a { background:url(../images/top-btns_floorplans.gif) no-repeat; width:141px; height:49px; margin-bottom:10px; text-indent:-9999px; /*padding:26px 0 0 20px;*/ } #content .shadowbox-top-btns .floorplans a:hover { background-position:0 -49px!important; } #content .shadowbox-top-btns .floorplans.active a, #content .shadowbox-top-btns .floorplans.active a:hover { background-position:0 -98px!important; color:#fff; } /* Shadow Box - AJAX content swap */ #content .shadowbox-large .caption { margin:5px 0; } /* shadowbox-small interiors */ .shadowbox-small .inner.blue { margin:5px 1px; background-color:#f0f3f4; border:1px solid #e7ebed; } #content .shadowbox-small .inner.blue ul { padding:20px 10px; } #content .shadowbox-small .inner.blue ul li { /*Resets*/ padding:0; background:none; margin:0; /**/ margin-bottom:10px; } #content .shadowbox-small .inner.blue p { margin:0 10px 10px 10px; } #content .shadowbox-small .inner.blue .copy { font-size:12px; line-height:16px; } #content .shadowbox-small .inner.blue h3.subtitle { margin:7px 10px 0 10px; line-height:24px; } #content .shadowbox-small .inner.blue h3.subtitle-2 { font-size:24px; margin:7px 0 0 10px; line-height:26px; } #content .shadowbox-small .inner.blue strong { margin-bottom:5px; display:block; } #content .shadowbox-small .inner.blue a { color:#e1692f;/*IE6*/ } #content .shadowbox-small .inner.blue a:hover { color:#748995;/*IE6*/ } #content .shadowbox-small .inner.blue strong a { color:#1c3545!important;/*IE6*/ } #content .shadowbox-small .inner.blue strong a:hover { color:#e1692f!important;/*IE6*/ } #content .shadowbox-small .link { font-size:10px!important;/*IE6*/ text-transform:uppercase!important;/*IE6*/ letter-spacing:normal!important; } #content .shadowbox-small .inner.blue .link { margin-bottom:0!important; margin-top:-3px; padding-bottom:10px!important; } #content .shadowbox-small .inner.blue ul.contact { padding:0px 10px 0px!important; margin-top:0; } #content .shadowbox-small .inner h2.title-pre-ul { padding:10px 0 0 10px; position:relative; } #content .shadowbox-small #executive-contact.inner.blue .link { padding-bottom:6px!important; } #content .shadowbox-small #executive-contact.inner.blue ul li { margin-bottom:7px; } #content .shadowbox-small #executive-contact.inner.blue strong { margin-bottom:0px; } #quick-search {} #quick-search .inner { padding:15px 13px 20px; } #quick-search label { padding-left:5px; margin-right:10px; } #quick-search select { width:200px; } #quick-search .search-L { margin:0 -3px; } #tools { background:url(../images/bkg_blue-grid.jpg) no-repeat 0 0; width:262px; height:75px; margin-bottom:14px; padding:19px 19px 16px; overflow:hidden; } #tools:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } #content #tools h2 { color:#fff; font-size:18px; line-height:22px; margin:0 0 12px 0; padding:0; text-align: center;} #content #tools ul {} #content #tools li { float:left; display:inline; background:none; margin:0; padding:0; width: 33%; } #content #tools li a { display:block; text-indent:-9999px; width:42px; height:42px; margin:0 auto; } #content #tools li.rss-m a { background:url(../images/icon_med-rss.gif) no-repeat 0 0; } #content #tools li.cell a { background:url(../images/icon_med-cell.gif) no-repeat 0 0; } #content #tools li.myal a { background:url(../images/icon_my-med-a&l.gif) no-repeat 0 0; } #content #tools li.brid a { background:url(../images/bridget.png) no-repeat 0 0; width:65px;margin-right:0px;} #upcoming-open-houses .inner { color:#748995; margin-top:10px; } #upcoming-open-houses .listing a { color:#1c3545; } #upcoming-open-houses .listing a:hover { color:#e1692f; } /* Listings */ .listing { font-size:14px; line-height:20px; margin-bottom:10px; } #upcoming-open-houses .listing { margin-bottom:8px!important; } .listing.last { padding-bottom:14px!important;} .listing:after { clear: both; content: '.'; display:block; visibility:hidden; height:0; } #content li.listing { /*Resets*/ padding:0; background-image:none; margin:0 0 8px; } .listing .pic-frame { display:inline; } .listing .inner { float:left; display:inline; margin-top:10px; } .listing strong { line-height:16px; display:block; margin-top:0px; } .listing strong a { color:#1c3545; } .listing strong a:hover { color:#e1692f; } #recentView .listing strong { margin-top:10px; } .listing .index-title { font-weight:bold; font-size:17px; line-height:24px; margin-bottom:5px; display:block; } .listing .link { margin-top:5px; font-size:10px; text-transform:uppercase; } .listing .link a { color:#e1692f!important;/*IE6*/ } .listing .link a:hover { color:#748995!important;/*IE6*/ } .listing .sub-title { margin:-5px 0 8px; padding:0; color:#748995; font-weight:bold; font-size:14px; display:block; } #agents-list .listing { margin-bottom:20px!important; } #agents-list .listing .sub-title { font-weight:normal!important; } #agents-list .listing .inner { margin-top:6px; } /* Linsting ID's */ #agents-exclusive-listings {} #agents-exclusive-listings .inner, #agents-exclusive-listings .pic-frame { margin-bottom:20px; } #agents-recent-rentals {} #agents-recent-rentals .pic-frame { /*padding-bottom:15px;*/ } #agents-recent-rentals .inner { /*padding-bottom:15px;*/ } #agents-recent-sales {} #agents-recent-sales .pic-frame { /*padding-bottom:10px;*/ } #agents-recent-sales .inner { /*padding-bottom:10px;*/ } #agents-list .listing a { color:#1c3545; display:block; } #agents-list .listing a:hover { color:#e1692f; } #featured-properties { position:relative; } .listing-med { font-size:14px; line-height:20px; } .listing-med:after { clear: both; content: '.'; display:block; visibility:hidden; height:0; } #content li.listing-med { /*Resets*/ padding:0; background-image:none; margin:0 0 10px; } #content .listing-med .pic-frame { margin-right:10px; float:left; display:inline; } #content .listing-med .inner { width:490px; float:left; display:inline; } #content .listing-med .title { font-size:17px; line-height:20px; font-weight:bold; margin:7px 0 5px; } #content .listing-med .title a { font-size:17px; line-height:20px; color:#1c3545; } #content .listing-med .title a:hover { color:#e1692f; } #content li .date { display:block; font-size:12px; font-weight:bold; color:#748995; text-transform:uppercase; margin-bottom:10px; } #content .listing-med .date { display:block; font-size:12px; font-weight:bold; color:#748995; text-transform:uppercase; margin-bottom:10px; } #content .listing-med .copy { font-size:12px; line-height:16px; } .listing-med .line, .listing-med .line-blocks { padding-top:10px; background-position:0 bottom; } #content .listing-med .link { margin-top:5px; font-size:10px; text-transform:uppercase; display:block; } #content .listing-med .link a { color:#e1692f!important;/*IE6*/ } #content .listing-med .link a:hover { color:#748995!important;/*IE6*/ } #content .listing-med .btn-toggle-opened, #content .listing-med .btn-toggle-closed { margin:5px 0; font-size:10px; text-transform:uppercase; display:block; font-weight:bold; } #content .listing-med .btn-toggle-opened a, #content .listing-med .btn-toggle-closed a { color:#e1692f!important;/*IE6*/ } #content .listing-med .btn-toggle-opened a:hover, #content .listing-med .btn-toggle-closed a:hover { color:#748995!important;/*IE6*/ } /* Toggle Buttons */ .btn-toggle-closed a { background:url(../images/btn_toggle.gif) no-repeat 0 0; height:22px; padding:1px 0 0 30px; display:block; } .btn-toggle-closed a:hover { background:url(../images/btn_toggle.gif) no-repeat 0 -22px; height:22px; padding:1px 0 0 30px; display:block; } .btn-toggle-opened a { background:url(../images/btn_toggle.gif) no-repeat 0 -44px; height:22px; padding:1px 0 0 30px; display:block; } .btn-toggle-opened a:hover { background:url(../images/btn_toggle.gif) no-repeat 0 -65px; height:22px; padding:1px 0 0 30px; display:block; } /* Toggle Content */ #content .listing-med .inner .sub-listing-med { /*Resets*/ padding:0; background:none; padding:8px 0; margin:0; /**/ clear:both; position:relative; /*background-color:#fff;*/ } #content .listing-med .inner .sub-listing-med .pic-frame { /*margin-bottom:10px;*/ } #content .listing-med .inner .inner { width:360px; float:left; display:inline; padding-bottom:5px; } #content .listing-med .sub-title { font-size:14px; line-height:20px; font-weight:bold; margin:7px 0 0px; } #content .listing-med .sub-title a { font-size:14px; line-height:20px; color:#1c3545; } #content .listing-med .sub-title a:hover { color:#e1692f; } #content .listing-med .inner .sub-listing-med .date { margin-bottom:0; } #content .toggle-content { zoom:1; position:relative; z-index:1;/*IE6*/ } /* Calculator */ .calculator { background:url(../images/bkg_calculator.jpg) no-repeat; width:287px; height:197px; border:7px solid #aad36d; position:relative; } .calculator .fields { position:absolute; top:158px; left:15px; } .calculator input { float:left; display:inline; } .calculator input.input-field { width:125px; height:18px; margin-right:5px; } .calculator .submit { margin-top:-4px; } /* Other Method .shadowbox-large { background:url(../images/layout/ds_large/bg.png); width:622px; margin-left:-4px; padding:0px 3px; position:relative; } .shadowbox-large .cap-top { background: url(../images/layout/ds_large/top.png) no-repeat; width:628px; height:4px; position:absolute; top:-4px; left:0; } .shadowbox-large .cap-bottom { background: url(../images/layout/ds_large/bottom.png) no-repeat; width:628px; height:4px; position:absolute; bottom:-4px; left:0; } .shadowbox-large .inner { position:relative; } .shadowbox-small { background:url(../images/layout/ds_small/bg.png); width:302px; margin-left:-4px; padding:0px 3px; position:relative; } .shadowbox-small .cap-top { background: url(../images/layout/ds_small/top.png) no-repeat; width:308px; height:4px; position:absolute; top:-4px; left:0; } .shadowbox-small .cap-bottom { background: url(../images/layout/ds_small/bottom.png) no-repeat; width:308px; height:4px; position:absolute; bottom:-4px; left:0; } .shadowbox-small .inner { position:relative; } */ /* -- Pre-Sharpdot -- / individual shadowbox specs / / large / .shadowbox_large div.inner { padding:14px 0px 7px 0px; margin-left:18px; } .shadowbox_large div.inner div { margin:0px; padding:0px; } / small / .shadowbox_small div.inner { padding:7px 0px 0px 0px; margin-left:11px; margin-right:11px; background-color:#f0f3f4; } .shadowbox_small div.inner div { padding:0px 0px 6px 0px; margin-top:0px; margin-bottom:0px; } .shadowbox_small div.inner div div.content { border:1px solid #e7ebed; background-color:#f0f3f4; margin-bottom:2px; } .shadowbox_small { color:#203441; font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; } .shadowbox_small h1 { display:block; margin:0px; font-weight:bold; font-size:20px; line-height:24px; padding:17px 11px 0px 11px; } .shadowbox_small em { font-style:normal; display:block; font-size:14px; line-height:20px; padding:0px 11px 0px 11px; } .shadowbox_small p { font-size:12px; line-height:16px; padding:4px 6px 0px 11px; } .shadowbox_small a { margin-top:2px; margin-bottom:1px; color:#e1692f; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:10px; line-height:16px; padding:3px 11px 0px 11px; } */ /* Debugging */ .debug1 { background-color:#ff0000; } .debug2 { background-color:#00ff00; } .debug3 { background-color:#0000ff; } /* Sprecial Items */ .break { display:none; height:0; } .alignLeft { float:left; display:inline; } .alignRight { float:right; display:inline; } .bounds { position:relative; } /* Extras */ /* Pads */ .no-pad { padding:0!important; } .padT-10 { padding-top:10px; } .padT-20 { padding-top:20px; } .padT-30 { padding-top:30px; } .padT-40 { padding-top:40px; } .padR-10 { padding-right:10px; } .padR-20 { padding-right:20px; } .padR-30 { padding-right:30px; } .padR-40 { padding-right:40px; } .padB-5 { padding-bottom:5px!important; } .padB-9 { padding-bottom:9px!important; } .padB-10 { padding-bottom:10px!important; } .padB-20 { padding-bottom:20px; } .padB-30 { padding-bottom:30px; } .padB-40 { padding-bottom:40px; } .padB-50 { padding-bottom:50px; } .padB-60 { padding-bottom:60px; } .padB-11 { padding-bottom:11px!important; } .padB-12 { padding-bottom:12px!important; } .padL-5 { padding-left:5px; } .padL-10 { padding-left:10px; } .padL-20 { padding-left:20px; } .padL-30 { padding-left:20px; } .padL-40 { padding-left:40px; } .pad-10 { padding:10px; } .pad-20 { padding:20px; } .pad-30 { padding:30px; } .pad-40 { padding:40px; } /* Margins */ .no-marg { margin:0!important; } .margT-10 { margin-top:10px; } .margT-20 { margin-top:20px; } .margT-30 { margin-top:30px; } .margT-40 { margin-top:40px; } .margT-50 { margin-top:50px; } .margT-60 { margin-top:60px; } .margR-10 { margin-right:10px; } .margR-20 { margin-right:20px; } .margR-30 { margin-right:30px; } .margR-40 { margin-right:40px; } .no-margB { margin-bottom:0!important; } .margB-3 { margin-bottom:3!important; } .margB-7 {margin-bottom:7px!important;} .margB-8 {margin-bottom:8px!important;} .margB-9 {margin-bottom:9px!important;} .margB-12 {margin-bottom:12px!important;} .margB-14 { margin-bottom:14px!important;} .margB-5 { margin-bottom:5px!important; } .margB-10 { margin-bottom:10px!important; } .margB-20 { margin-bottom:20px!important; } .margB-25 { margin-bottom:25px!important; } .margB-30 { margin-bottom:30px!important; } .margB-40 { margin-bottom:40px; } .margB-50 { margin-bottom:50px; } .margB-60 { margin-bottom:60px; } .margL-10 { margin-left:10px; } .margL-20 { margin-left:20px; } .margL-30 { margin-left:30px; } .margL-40 { margin-left:40px; } .marg-10 { margin:10px; } .marg-20 { margin:20px; } .marg-30 { margin:30px; } .marg-40 { margin:40px; } /* Pull */ .pull-5 { margin-left:-5px; } .pullT-5 { margin-top:-5px!important; } .pullT-10 { margin-top:-10px!important; } .pullB-5 { margin-bottom:-5px!important; } .pullB-10 { margin-bottom:-10px!important; } .pullT-5 p,.pullT-5 bold,.pullT-5 strong,.pullT-5 em,.pullT-5 i{ font-size: 12px;} /* Push */ .push-5 { margin-right:-5px; } /* IE Fix */ .duplicateCharacterFix { margin-right:-3px; } /* Grid Over-rides */ .container_12 .grid_204 { width: 150px; display: inline; float: left; margin-left: 10px; margin-right: 10px; } .container_12 .grid_205 { width: 160px; display: inline; float: left; margin-left: 10px; margin-right: 10px; } container_12 .grid_304 { width: 200px; display: inline; float: left; /*margin-left: 10px;*/ margin-right: 10px; } .container_12 .grid_305 { width: 210px; display: inline; float: left; /*margin-left: 10px;*/ margin-right: 10px; } .container_12 .grid_105 { width: 90px; display: inline; float: left; margin-left: 10px; margin-right: 10px; } .nudge { margin-left:-1px; } /* ---------- 3. links and navigation ---------- */ /* -------------------------------------------- / LINK COLORS a { #e1692f ( Deep sat. Orange ) a:hover { #748995 ( Light desat. Blue ) a { #1c3545 ( Dark Blue ) a:hover { #e1692f ( Lighter Orange ) Grab It --> color:#1c3545; color:#e1692f; / -------------------------------------------- */ a { color:#e1692f; text-decoration:none; border:none; outline:none; } a:hover, a:active, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#748995; } #content .text-reg a, #content .shadowbox-small .inner .text-reg a { color:#1c3545!important; } #content .text-reg a, #content .shadowbox-small .inner .text-reg a:hover { color:#e1692f!important; } /* Icons */ /* RSS */ #content .rss a { background:url(../images/icon_rss-sprite.jpg) no-repeat 0 0; padding:0 0 5px 20px; color:#000; font-size:10px; color:#758896;background-position:0px 1px; /*color:#1c3545;*/ } #content .rss a:hover { background-position:0 -19px; color:#e1692f; /*color:#e1692f;*/ } /* #content #neighborhood-listings .rss a { color:#758896; } #content #neighborhood-listings .rss a:hover { color:#e1692f; } */ #content .link-L { font-size:12px; text-transform:uppercase; color:#748995; } #content .link-L a { font-size:12px; text-transform:uppercase; color:#e1692f; } #content .link-L a:hover { color:#748995; } #content .link-b { font-size:10px!important;/*IE6*/ text-transform:uppercase!important;/*IE6*/ letter-spacing:normal!important; font-weight:bold; } #content .arrow-down a { background:url(../images/arrow-down.gif) no-repeat 100% 7px; padding-right:15px; color:#1c3545; } #content .arrow-down a:hover { color:#e1692f; } #content .icon-pdf a { background:url(../images/icon-pdf_color.gif) no-repeat 0 0px; padding-left:28px; padding-top:2px; color:#1c3545; display:block; height:30px; } #content .icon-pdf a:hover { color:#e1692f; } #content .icon-print a { background:url(../images/icon-print_color.gif) no-repeat 0 0px; padding-left:28px; color:#1c3545; display:block; height:28px; } #content .icon-print a:hover { color:#e1692f; } #content .icon-delicious a { background:url(../images/icon-delicious_color.jpg) no-repeat 0 0px; padding-left:28px; padding-top:3px; padding-top:2px; color:#1c3545; display:block; height:30px; } #content .icon-delicious a:hover { color:#e1692f; } #content .icon-digg a { background:url(../images/icon-dig_color.jpg) no-repeat 0 0px; padding-left:28px; padding-top:3px; color:#1c3545; display:block; height:28px; } #content .icon-digg a:hover { color:#e1692f; } #content .icon-facebook a { background:url(../images/icon-facebook_color.jpg) no-repeat 0 0px; padding-left:28px; padding-top:3px; color:#1c3545; display:block; height:28px; } #content .icon-facebook a:hover { color:#e1692f; } #content .icon-twitter a { background:url(../images/icon-twitter.jpg) no-repeat 0 0px; padding-left:28px; padding-top:3px; color:#1c3545; display:block; height:28px; } #content .icon-twitter a:hover { color:#e1692f; } #nav {} #nav ul { list-style-type:none; } #nav li { float:left; display:inline; text-indent:-9999px; margin:0 7px 0 0; padding:0; } #nav li a { background:url(../images/nav-sprite.gif) no-repeat 0 0; height:38px; display:block; margin:0; } #nav a:hover {} #nav li.rentals a { width:98px; background-position:0px 0px; } /*RO*/ #nav li.rentals a:hover { width:98px; background-position:0px -38px; } /*Active*/ body.rentals-section #nav li.rentals a { width:98px; background-position:0px -76px; } #nav li.sales a { width:80px; background-position:-105px 0px; } /*RO*/ #nav li.sales a:hover { width:80px; background-position:-105px -38px; } /*Active*/ body.sales-section #nav li.sales a{ width:80px; background-position:-105px -76px; } #nav li.new-developments a { width:186px; background-position:-192px 0px; } /*RO*/ #nav li.new-developments a:hover { width:186px; background-position:-192px -38px; } /*Active*/ body.new-developments-section #nav li.new-developments a { width:186px; background-position:-192px -76px; } #nav li.services a { width:104px; background-position:-385px 0px; } /*RO*/ #nav li.services a:hover { width:104px; background-position:-385px -38px; } /*Active*/ body.services-section #nav li.services a { width:104px; background-position:-385px -76px; } #nav li.about-us a { width:110px; background-position:-496px 0px; } /*RO*/ #nav li.about-us a:hover { width:110px; background-position:-496px -38px; } /*Active*/ body.about-us-section #nav li.about-us a { width:110px; background-position:-496px -76px; } /* subNav */ ul#subNav { width:948px; list-style:none; float:left; padding:0; margin:10px 0 1px 12px; padding:0px; } ul#subNav li { background:url(../images/layout/nav_dot.gif) no-repeat right 6px; float:left; display:inline; font-size:14px; line-height:14px; margin:0 10px 0 0; padding:0; } ul#subNav li.last { background:none; } ul#subNav li a { padding-right:14px; color:#e1692f; display:block; text-decoration:none; } ul#subNav li a:hover, ul#subNav li.active a { color:#1c3545; } div.query_review { display:none; } /* Image Nav */ .image-nav { position:relative; width:100%; height:26px!important;/*IE6*/ } .image-nav:after { clear:both; content:'.'; display:block; visibility:hidden; height:0; } /* image-trail */ #content .image-trail { position:absolute; top:19px; right:80px; margin:0; padding:0; } #content .image-trail li { float:left; display:inline; text-indent:-9999px; margin:0 5px 0 0; padding:0; line-height:3px; } #content .image-trail a { background-color:#b9cad0; display:block; width:13px; height:5px; margin:0; padding:0; } #content .image-trail a:hover, #content .image-trail .active a { background-color:#28404f; } /* Btns - Large */ .large.btns li { float:left; display:inline; text-indent:-9999px; list-style:none; background-image:none!important; margin:0 1px 0 0!important; padding:0!important; } .large.btns li.left a { display:block; background: url(../images/btn_box-arrow-m_sprite.gif) no-repeat left 0; width:38px; height:31px; } .large.btns li.left a:hover { background-position:left bottom; } .large.btns li.left.disabled a, .large.btns li.left.disabled a:hover { cursor:default; background-position:left top; } .large.btns li.right { margin-right:0!important; } .large.btns li.right a { display:block; background: url(../images/btn_box-arrow-m_sprite.gif) no-repeat right 0; width:38px; height:31px; } .large.btns li.right a:hover { background-position:right bottom; } .large.btns li.right.disabled a, .large.btns li.right.disabled a:hover { cursor:default; background-position:right top; } /* Btns - listLarge */ .listLarge.btns li { float:left; display:inline; text-indent:-9999px; list-style:none; background-image:none!important; margin:0 1px 0 0!important; padding:0!important; } .listLarge.btns li.left a { display:block; background: url(../images/btn_box-arrow-listing.gif) no-repeat left 0; width:38px; height:28px; } .listLarge.btns li.left a:hover { background-position:left bottom; } .listLarge.btns li.left.disabled a, .listLarge.btns li.left.disabled a:hover { cursor:default; background-position:left top; } .listLarge.btns li.right { margin-right:0!important; } .listLarge.btns li.right a { display:block; background: url(../images/btn_box-arrow-listing.gif) no-repeat right 0; width:38px; height:28px; } .listLarge.btns li.right a:hover { background-position:right bottom; } .listLarge.btns li.right.disabled a, .listLarge.btns li.right.disabled a:hover { cursor:default; background-position:right top; } #home-rotator .large.btns { position:absolute; top:5px; right:-3px; } #featured-properties .large.btns { position:absolute; bottom:25px; right:-3px; } #listing-photos .listLarge.btns { position:absolute; bottom:4px; right:17px; } #listing-photos #listingFS { position:absolute; bottom:40px; right:13px; } #sidebarRight #featured-properties .large.btns { position:relative; top:4px; left:4px; padding:0!important; margin:0!important; } .btns-box { position:absolute; top:174px; right:-2px; display:block; width:80px; height:40px; background-color:#fff; padding:0; overflow:hidden; z-index:30; } /* Tool Tips */ /* -Orange- */ .tooltip { position:relative;} .tooltip:hover, .tooltip.over { font-size:100%;/*IE5*/ } .tooltip span.inner { display:none; text-align:left; width:220px; height:93px; position:absolute; z-index:1000; top:-100px; left:50px; padding:15px 10px; border:4px solid #e1692f; background-color:#fff; font-size:14px; line-height:18px; color:#1c3545;} .tooltip:hover span.inner, .tooltip.over span.inner { display:block; } /* Inner */ #content .tooltip span.inner .link-L a { font-size:11px; } .tooltip span.inner .title { font-size:14px; font-weight:bold; } .tooltip span.inner .link-L { font-size:10px; text-transform:uppercase; color:#e1692f!important; } #content .tooltip span.inner .link-L { margin-top:10px; } .tooltip span.inner .point { position:absolute; bottom:-10px; left:-4px; background:url(../images/bkg_tooltip-orange.gif) no-repeat; width:8px; height:7px; } #featured-properties .tooltip span.inner { height:70px; top:-70px; padding:12px 10px 12px 10px; line-height:17px; } #featured-properties .tooltip span.inner .link-L a { font-size:11px; margin-top:4px; display:block; } #featured-properties .tooltip { z-index:9999; } .sales-section .tooltip { z-index:9999; } .sales-section .tooltip span.inner { text-transform:none; font-size:12px; width:180px; height:52px; top:-70px; padding:12px 10px 12px 10px; line-height:17px; } .sales-section .tooltip span.inner .link-L a { font-size:11px; margin-top:4px; display:block; } /* -Blue- */ a.tooltip-blue { } a.tooltip-blue:hover { font-size:100%;/*IE5*/ } a.tooltip-blue span.inner { display:none; } a.tooltip-blue:hover span.inner { display:block; /*width:100px;*/ height:22px; position:absolute; z-index:9999; text-indent:0; top:-90%; left:40%; padding:9px 8px 0; background-color:#748995; font-size:11px; line-height:13px; color:#fff!important; white-space:nowrap; } a.tooltip-blue span.inner .point { position:absolute; bottom:-6px; left:0px; background:url(../images/bkg_tooltip-blue.gif) no-repeat; width:6px; height:6px; } /* -Map JS - */ #message { display:none; z-index:9999; position:absolute; } #mapWrapper { position:relative; margin-bottom:10px; } #mapWrapper .tooltip:hover span.inner, #mapWrapper .tooltip.over span.inner { width:220px; height:93px; top:-155px; left:5px; } #mapWrapper .tooltip h3 { font-size:14px; line-height:18px; font-weight:bold; margin:0!important; padding:0!important; } #mapWrapper .tooltip a { font-size:10px; text-transform:uppercase; color:#e1692f!important; display:block; } #mapWrapper .tooltip .status { color:#748995; text-transform:uppercase; font-size:12px; font-weight:bold; } .toolTipHolder { width:220px; position:absolute; z-index:9999; background:url(../images/bkg_tooltip-orange.gif) no-repeat 0 bottom; padding-bottom:7px; } .toolTip { width:220px; padding:10px 10px 15px; border:4px solid #e1692f; background-color:#fff; font-size:14px; line-height:18px; color:#1c3545; text-align:left; display:block;/**/ } .toolTip h3 { font-size:14px; line-height:18px; font-weight:bold; margin:0!important; padding:0!important; } .toolTip a { font-size:10px; text-transform:uppercase; color:#e1692f!important; display:block; } .toolTip .status { color:#748995; text-transform:uppercase; font-size:12px; font-weight:bold; } #map { width:590px; height:320px; } #tab-content-1 #map { width:592px; height:444px; } #tab-content-1 #mapWrapper .tooltip:hover span.inner, #tab-content-1 #mapWrapper .tooltip.over span.inner { width:180px; height:42px; top:-105px; left:5px; } /* ---------- 4. fonts ---------- */ html { font-size: 100%; } /* was body { font-size: 62.5%; font-family: 'Lucida Sans', 'Lucida Grande', sans-serif; color:#1c3545; } */ body { font-size: 62.5%; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#1c3545; } strong, em, b, i, h1, h2, h3, h4, h5, h6, address { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, p, ul {} h1 { font-weight:bold; font-size:32px; line-height:44px; /*margin-bottom:23px;*/ margin:0px 0 10px 2px; } /*h1.page-title, h1.page-title a { margin-bottom:; }*/ /* Special Titles & Subtitles h1.contact-title { margin-top:0px; } h1.agent-title { margin-bottom:6px; } h1.agent-title { margin-bottom:6px; } h1.agents-index-title, h1.executive-index-title { margin-bottom:20px; } h1.my-al-title { margin:-10px 0 10px 6px; } h1.neighborhood-single-title { margin:-4px 0 10px 6px; } .about-me-title { margin:0 0 12px 8px; padding:0; } .saved-properties-title { margin:14px 7px 5px; } .neighborhood-overview-title { margin:-2px 0 10px 4px; } .select-neighborhood-sub-title { margin:-20px 0 -8px!important; font-size:12px; color:#748995; text-transform:uppercase; }*/ h2 { font-weight:bold; font-size:24px; line-height:32px; margin-bottom:18px; } h3 { font-weight:bold; font-size:20px; line-height:28px; margin-bottom:18px; } h4 { font-weight:bold; font-size:17px; line-height:24px; margin-bottom:19px; } h5 { font-weight:bold; font-size:14px; line-height:20px; margin-bottom:19px; } h6 {} .h3-size, .h3-size a { font-weight:bold; font-size:20px; line-height:28px; margin-bottom:18px; } .sub-title-search-results { font-weight:bold; font-size:20px; line-height:28px; margin-top:5px; margin-bottom:7px!important; } .h4-size, .h4-size a { font-weight:bold; font-size:14px!important; line-height:20px!important; margin-bottom:18px; } .job-title { font-weight:bold; font-size:20px; line-height:28px; margin-bottom:18px; margin-top:-10px; } p { font-size:14px; line-height:20px; } #content p { margin-bottom:18px; } #content ul { padding-bottom:10px; } #content ul li { padding:0 0 0 15px; background:url(../images/layout/square.gif) 0 8px no-repeat; list-style:none; font-size:14px; line-height:20px; margin:0 0 10px 35px; position:relative; } #content ol { padding-bottom:10px; } #content ol li { padding:0 0 0 15px; list-style:none; font-size:14px; line-height:20px; margin-left:52px; margin-bottom:10px; list-style-type:decimal; padding-left:0px; } #content blockquote { font-size:14px; line-height:20px; color:#748995; font-style:italic; /*font-weight:bold;*/ margin:10px 0 10px 34px; display:block; } #content blockquote strong { padding-top:6px; display:block; font-style:italic; } #content dl { font-size:14px; line-height:20px; } #content dt { font-weight:bold; text-transform:uppercase; margin:20px 0 0; } .sales-section #content dt.first { margin-top:8px; } #content dd { font-weight:normal; } #content dd a { color:#1c3545; } #content dd a:hover { color:#e1692f; } #content dd.active { background-color:#fff; } #content dd.active a { background:#fff url(../images/bullet_block-orange.gif) no-repeat 4px 7px; color:#748995; margin-left:-15px; padding-left:15px; } #content dd.active a:hover { color:#748995; } /*#content .shadowbox-small dd a { margin-left:-10px; padding-left:10px; } #content .shadowbox-small dd.active a { }*/ #content #mainContentArea dl { margin-bottom:16px; } #content #mainContentArea dd { font-size:12px; } /* Search List */ #content dl.search-list { margin-bottom:20px; margin-top:0; } #content dl.search-list dt { font-size:17px; line-height:20px; font-weight:bold; text-transform:none; margin-bottom:2px; /*margin-bottom:5px;*/ } #content dl.search-list dt.first { margin-top:0px; } #content dl.search-list dt a { color:#1c3545; } #content dl.search-list dt a:hover { color:#e1692f; } #content dl.search-list dd {} #content dl.search-list dd a { color:#e1692f; } #content dl.search-list dd a:hover { color:#748995; } /* Side List */ #content .side-list ul { font-size:14px; line-height:20px; } #content .side-list li { font-weight:normal; /*Resets*/ padding:0; background:none; margin:0; } #content .side-list li a { color:#1c3545; } #content .side-list li a:hover { color:#e1692f; } #content .side-list li.active a { background:url(../images/bullet_block-orange.gif) no-repeat 4px 7px; color:#748995; margin-left:-15px; padding-left:15px; } #content .side-list li.active a:hover { color:#748995; } /* News List */ #content ul.news-list { /*margin:-8px 0 0;*/ margin:0; } #content ul.news-list h2, #content ul.news-list h2 a, #content ul.news-list h3, #content ul.news-list h3 a { color:#1c3545; font-size:17px; line-height:20px; margin-bottom:0px; } #content ul.news-list h2 a:hover, #content ul.news-list h3 a:hover { color:#e1692f; } #content ul.news-list h2 .date, #content ul.news-list h2 a .date, #content ul.news-list h2 a:hover .date, #content ul.news-list h3 .date, #content ul.news-list h3 a .date, #content ul.news-list h3 a:hover .date { margin-left:7px; display:inline; color:#748995; font-size:14px; font-weight:normal; /*font-style:italic;*/ text-transform:none; } #content ul.news-list li { background-image:none; margin:0; padding:0;/*Resets*/ margin-bottom:20px; } #content ul.news-list a {} #content ul.news-list a:hover {} #content ul.news-list .date {} b, strong { font-weight:bold; } em, i { font-style:italic; } strong span { font-weight:bold; } .blue-text { color:#748995; } #content .sub-title-all { font-size:12px; line-height:14px; display:block; margin:-7px 0; font-weight:bold; } #content .sub-title-all a { color:#1c3545; } #content .sub-title-all a:hover { color:#e1692f; } hr { color:#bac1c8; border:0; background-color:#bac1c8; height:1px; margin:16px 0; } .line { background-color:#dae1e4; height:7px; display:block; margin-bottom:10px; clear:both; } .line-blocks { background:url(../images/line-blocks.gif) repeat-x 0 0; height:4px; display:block; margin-bottom:10px; clear:both; } .line-blocks-small { background:url(../images/line-block-small.gif) repeat-x 0 0; height:1px; display:block; margin-bottom:10px; clear:both; } .uppercase { text-transform:uppercase!important; } .text-blue { color:#748995; } .text-blue-2 { color:#738996 } #contact-us h4 { margin-bottom:5px; } /* List Reset /*Resets / padding:0; background:none; margin:0; */ /* ---------- 5. images ---------- */ a img { border:0; } img.alignLeft { float:left; display:inline; margin-right:10px; } img.alignRight { float:right; display:inline; margin-left:10px; } .pic-frame { background:url(../images/pic-frame_100x75.gif) no-repeat 0 0; width:100px; height:75px; padding:9px; text-align:center; } .pic-frame.alignLeft { margin-right:10px; margin-bottom:0px; } .pic-frame.alignLeft-2 { float:left; display:inline; margin-right:4px; margin-bottom:0px; } #featured-properties .pic-frame.alignLeft { margin-right:20px; margin-bottom:10px; } .pic-frame.active { background:#b5c5c9 none no-repeat 0 0; } /* ---------- 6. tables ---------- */ table { width:100%; margin-bottom:20px; } caption { font-weight:bold; font-size:24px; line-height:32px; padding-bottom:20px; text-align:center; } tr {} th, td {} th { font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; background:url(../images/line-block-small.gif) repeat-x 0 24px; padding:0px 10px 20px; } td { font-size:14px; line-height:18px; padding:18px 10px 20px; } tbody tr { background:url(../images/line-blocks.gif) repeat-x 0 bottom; } tbody tr.last { background:none; } .open_house { color:#cc6633;} /* New Developments Table */ table .image { width:118px; } td.image { padding:10px 0px 15px; text-align:center; font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:normal; color:#748995; } table .location { width:260px; padding-right:10px; margin-top:0px; } table tbody td.location { padding-top:16px; vertical-align:top; } table tbody td.location a { color:#1c3545!important; } table tbody td.location a:hover { color:#e1692f!important; } table .location strong { display:block; } table .type { width:35px; text-align:center; vertical-align:top; } th.type { text-align:center; } table .bedroom { text-align:center; vertical-align:top; } th.bedroom { text-align:center; width:46px; padding-left:3px; } table .price { width:72px; text-align:center; vertical-align:top; } table .save { width:58px; text-align:left; vertical-align:top; } /*th.save { text-align:right; }*/ /* Saved Properties Table */ table.saved-properties-table .image { width:118px; } table.saved-properties-table td.image { padding:10px 0px 15px; text-align:center; font-size:10px; font-weight:bold; text-transform:uppercase; color:#748995; } table.saved-properties-table .location { width:200px; padding-right:20px; vertical-align:top; } table.saved-properties-table .location strong { display:block; margin-top:0px; } /* table.saved-properties-table .type { width:35px; text-align:center; } table.saved-properties-table th.type { text-align:left; } */ table.saved-properties-table .bedroom { width:46px; text-align:center; vertical-align:top; } table.saved-properties-table th.bedroom { text-align:center; width:46px; padding-left:20px; } table.saved-properties-table .price { width:72px; text-align:center; vertical-align:top; } table.saved-properties-table .delete { width:63px; /*text-align:right;*/ vertical-align:top; /*text-align:right;*/ padding-right:0px; } table.saved-properties-table .delete .btn-delete { float:right; } /*th.save { text-align:right; }*/ /* ---------- 7. forms ---------- */ form {} fieldset { border:none; } legend { margin:0 0 10px!important; padding:0!important; color:#1c3545; } label { font-size:14px; font-weight:bold; } label.regular { font-size:12px; font-weight:normal; } label.bold { font-size:12px; font-weight:bold; } label.block { display:block; margin-bottom:5px; } label.radio-label { float:left; display:inline; margin-right:30px; } .radio-label-right { float:left; display:inline; margin:0px 20px 0 0; } #my-email-alerts label { white-space:nowrap; /*font-size:1.35em!important;*/ font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; } textarea { /*text-indent:0; padding:0; text-align:left;*/ } input {} .input-text, .input-password { height:20px; } .checkbox { float:left; display:inline; margin:4px 8px 0 0; } .radio { float:left; display:inline; margin:4px 8px 0 0; } .inline { float:left; display:inline; } .inline-block { display: inline-block; *zoom: 1; /* IE7 hack to simulate inline-block */ *display: inline; /* IE7 hack to simulate inline-block */ vertical-align: top; } .width-100 { width:100px; } .width-150 { width:150px; } .width-200 { width:200px; } /* Chrome Hack */ *:focus {outline: none;} /* Form Feild Wrappers */ .field-wrapper { display:block; margin:0!important; padding:0!important; } /* Buttons - (Form and Anchor Link Buttons) */ .submit { border:none; text-indent:-9999px; color:transparent; text-transform:capitalize; cursor:pointer; float:left; display:inline; } /* Global Image Button Text Clearing */ /* Submit Form Buttons */ .search-L { background:url(../images/btn_search_L.jpg) no-repeat 0 0; width:118px; height:41px; float:left; display:inline; position:relative; z-index:1000; border:none; text-indent:-9999px; cursor:pointer; } .search-L:hover { background-position:0 -40px; } .btn-go { background:url(../images/btn_go.gif) no-repeat 0 top; width:41px; height:29px; margin:2px 0 0; } .btn-go:hover { background-position:0 bottom; } .btn-sign-in { background:url(../images/btn_sign-in.gif) no-repeat 0 top; width:110px; height:43px; } .btn-sign-in:hover { background-position:0 bottom; } .btn-sign-up { background:url(../images/btn_sign-up.gif) no-repeat 0 top; width:115px; height:43px; } .btn-sign-up:hover { background-position:0 bottom; } .btn-submit { background:url(../images/btn_submit.gif) no-repeat 0 top; width:115px; height:43px; } .btn-submit:hover { background-position:0 bottom; } .btn-clear { background:url(../images/btn_clear.gif) no-repeat 0 top; width:103px; height:43px; } .btn-clear:hover { background-position:0 bottom; } .btn-calculate { background:url(../images/btn_calculate.gif) no-repeat 0 0; width:91px; height:29px; position:relative;/*IE6*/ } .btn-calculate:hover { background-position:0 bottom; } .btn-send { background:url(../images/btn_send-2.gif) no-repeat; width:54px; height:29px; } .btn-send:hover { background-position:0 bottom; } #content input.btn-save { background:url(../images/btn_save-sprite.gif) no-repeat 0 0; width:55px; height:29px; display:block; overflow:hidden; font-size: 0px; line-height:0px; font-size:0; } #content input.btn-save:hover { background-position:0 -29px; } .btn-search-again { background:url(../images/btn_search-again.gif) no-repeat 0 0; width:110px; height:29px; margin:-5px -10px -5px -5px; position:relative;/*IE6*/ } .btn-search-again:hover { background-position:0 -29px; } .btn-cancel { background:url(../images/btn_cancel.gif) no-repeat 0 0; width:76px; height:29px; display:block; overflow:hidden; font-size: 0px; line-height:0px; font-size:0; } .btn-cancel:hover { background-position:0 -29px; } .btn-ok { background:url(../images/btn_ok.gif) no-repeat 0 0; width:45px; height:29px; display:block; overflow:hidden; font-size: 0px; line-height:0px; font-size:0; } .btn-ok:hover { background-position:0 -29px; } /* Anchor Link Buttons */ #content .btn-save { text-indent:-9999px; width:55px; height:29px; } #content .btn-save a { background:url(../images/btn_save-sprite.gif) no-repeat 0 0; width:55px; height:29px; display:block; overflow:hidden; font-size: 0px; line-height:0px; font-size:0; } #content .btn-save a:hover { background-position:0 -29px; } #content .btn-saved { background:url(../images/btn_save-sprite.gif) no-repeat 0 -58px; width:55px; height:29px; display:block; line-height:999px; overflow:hidden; font-size:0; } #content .btn-saved a { display:none;} #content .btn-edit-info a { background:url(../images/btn_edit-info.gif) no-repeat 0 0px; width:133px; height:33px; display:block; text-indent:-9999px; /*line-height:999px; overflow:hidden; font-size:0;*/ } #content .btn-edit-info a:hover { background-position:0 -33px; } #content .btn-delete { } #content .btn-delete a { background:url(../images/btn_delete.gif) no-repeat 0 0px; width:75px; height:33px; display:block; text-indent:-9999px; margin:-5px; /*line-height:999px; overflow:hidden; font-size:0;*/ } #content .btn-delete a:hover { background-position:0 -33px; } .pop-up .btn-close { text-indent:-9999px; } .pop-up .btn-close a { background:url(../images/btn_close.gif) no-repeat; width:9px; height:8px; display:block; } .forgot-password { float:left; display:inline; margin:10px 0 0 10px; } .align-field { float:left; display:inline; margin:0 10px 0 0; } .fill input, .fill select, .fill textarea, .fill label { width:100%; } /* Contact Page */ #contact-us {} #contact-us input, #contact-us label { float:left; display:inline; } #contact-us .input-text { width:256px; } #contact-us .textarea { width:548px; } #contact-us .checkbox { margin-right:8px; /*margin-top:4px;*/ } #contact-us .send { background:url(../images/btn_send.gif) no-repeat 0 0; width:63px; height:33px; margin-left:-4px; border:none; text-indent:-9999px; color:transparent; text-transform:capitalize; cursor:pointer; } #contact-us .send:hover { background-position:0 -33px;} .name-col { width:258px; float:left; display:inline; margin-right:30px; } .email-col { width:258px; float:left; display:inline; } .comments-col { width:548px; clear:both; } /* RSS Page */ #form-rss-container label { margin-right:10px; } #form-rss-container select { width:200px; } /* My A&L - my-email-alerts */ #my-email-alerts .top .grid_2, #my-email-alerts .top .grid_3, #my-email-alerts .top .grid_5 { height:70px; } /* ---------- 8. extras ---------- */ /* My A&L Tools - AJAX */ #cell-content, #share-content, #mail-content, #print-content { display:none; } /* Slide Controls */ .slide-controls { width:100%; height:25px; display:block; margin-top:10px; position:relative; } .slider.sl-L a { color:#748995; text-align:left; } .slider.sl-L a:hover { color:#e1692f; } .slider.sl-R a { color:#748995; text-align:right; } .slider.sl-R a:hover { color:#e1692f; } /* Pop Up */ #hoods-popover{z-index:9999; } .pop-up { background-color:#ffffff; border:4px solid #dae1e4; padding:10px 15px; position:absolute; top:30px; left:150px; width:610px; display:none; } .pop-up .btn-close { position:absolute; top:8px; right:8px; } .pop-up .line-blocks-small { margin:0 -15px; } #types-popover .checklist { float:left; width:48%; margin-left:10px; } #types-popover .checklist p { font-size:1.4em; margin-bottom:5px; } #types-popover .checklist p input { margin-right:8px; } /* Alpha Bar */ #alpha_bar { float:right; margin-top:15px; margin-right:20px; } #content ul#alpha_bar li { float:left; margin:0; margin-left:6px; list-style:none; padding:0; background:none; } /* Misc. */ .index-top { position:relative; z-index:9999; } /* Rotators. */ .rotator-container .hidden { display:none; } #content #home-rotator p { margin:0; padding:0; } /* -- Misc. Fixes -- */ #executive-contact, #agent-contact { padding-bottom:0px!important; } #executive-contact img, #agent-contact img { margin-bottom:-4px; } #content .shadowbox-small #agent-contact.inner.blue strong, #content .shadowbox-small #agent-contact.inner.blue strong { margin-bottom:0; } #content .shadowbox-small #executive-contact.inner.blue ul { margin-bottom:0!important; padding-bottom:6px!important; } #content .shadowbox-small #agent-contact.inner.blue ul { margin-bottom:0!important; padding-bottom:0px!important; } #executive-contact .link { margin-bottom:0!important; padding-bottom:0px!important; } #new-developments-02-box .inner { padding-bottom:6px; } #about-me-box { padding-bottom:15px; } .most-viewed-rotator .link {} #searchForm{ float:right; clear:both; } #neighborhoodTitle{ color:#1c3545; } img{ font-size:8px; } .field-wrapper{ display: block; padding-left: 15px; text-indent: -18px;} .field-wrapper input { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } agent-pic-frame {width:100px; padding:9px; text-align:center; } .agent-pic-frame.alignLeft { margin-right:10px; margin-bottom:0px; } .agent-pic-frame.alignLeft-2 { float:left; display:inline; margin-right:4px; margin-bottom:0px; border:2px solid #f0f3f4;padding:7px;} #smallside{ margin:0px 10px 18px 0px; } #smallside p{ margin:0px ; font-size:12px; }