/*----------------------------------- GTI Nekretnine main CSS stylesheet -------------------------------------*/ /*** CSS Reset Stylesheet import ***/ @import url("reset.css"); /*** Global styling ***/ body { font:62.5%/1 "Tahoma","Geneva",sans-serif; color:#333; background:#f4f3e8 url(../images/bg-body.png) repeat-x left top; padding-bottom:40px; } body.alt-01 { background-image:url(../images/bg-body-01.png); } img { vertical-align:bottom; } select, textarea, input { font-family:"Tahoma","Geneva",sans-serif; } a { color:#560e00; } a:hover { text-decoration:none; } .float-left { float:left; } #skipper { position:absolute; left:-9999px; top:-9999px; } /*** Container ***/ #container { position:relative; width:892px; margin:0 auto; font-size:1.2em; } /*** Header ***/ #header { width:892px; height:276px; background:url(../images/bg-header.jpg) no-repeat 0 0; } /*** Branding ***/ #branding-logo { position:absolute; left:16px; top:5px; z-index:1; width:100px; height:100px; background:url(../images/branding-logo.png) no-repeat; text-indent:-9999px; overflow:hidden; } /*** Main navigation ***/ #nav { width:892px; position:relative; } #nav:after { content:"."; height:0; display:block; visibility:hidden; clear:both; } #nav strong { position:absolute; left:-9999px; top:-9999px; } #nav #branding-related { float:left; position:absolute; right:248px; top:70px; } #nav #branding-related li { float:left; } #nav #branding-related li a { line-height:1.1; font-weight:bold; color:#999; text-decoration:none; background:url(../images/separator-01.png) no-repeat right center; padding:0 15px; } #nav #branding-related .active a { color:#900; } #nav #branding-related .last a { background:none; } #nav #real-estate-related { overflow:hidden; position:absolute; left:0; top:245px; } #nav #real-estate-related li { float:left; margin-left:7px; display:inline; } #nav #real-estate-related .first { margin-left:0; } #nav #real-estate-related li a { display:block; width:126px; line-height:26px; text-align:center; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#fff; background:#560e00; } #nav #real-estate-related li a:hover, #nav #real-estate-related .active a { color:#560e00; background:url(../images/nav-01.png) no-repeat 0 0; } /*** Real estate search form ***/ #search-real-estate { position:absolute; left:200px; top:90px; width:420px; font-size:.917em; } #search-real-estate form fieldset legend strong { position:absolute; left:-9999px; top:-9999px; } #search-real-estate form fieldset div { float:left; width:198px; } #search-real-estate form fieldset div.last { width:212px; margin-top:28px; } #search-real-estate form fieldset div div { float:none; width:auto; margin:5px 0; overflow:hidden; } #search-real-estate form fieldset label { position:absolute; left:-9999px; top:-9999px; cursor:pointer; } #search-real-estate form fieldset #select-sell-rent ul { overflow:hidden; margin-bottom:5px; } #search-real-estate form fieldset #select-sell-rent li { display:inline; margin-right:5px; } #search-real-estate form fieldset #select-sell-rent label { line-height:1.1; position:static; margin-left:5px; font-weight:bold; color:#686868; } #search-real-estate form fieldset #select-sell-rent input { border:none; vertical-align:top; width:auto; } #search-real-estate form fieldset .query-limiter { color:#333; margin:5px 0; } #search-real-estate form fieldset .query-limiter.first { color:#333; margin:0; } #search-real-estate form fieldset .query-limiter label { position:static; float:left; line-height:20px; width:60px; font-weight:bold; } #search-real-estate form fieldset .query-limiter input { padding:3px 2px; } #search-real-estate form fieldset select, #search-real-estate form fieldset input { font-size:1em; border:1px solid #cdcdcd; padding:2px; color:#333; } #search-real-estate form fieldset select { width:160px; } #search-real-estate form fieldset input { width:52px; } #search-real-estate form fieldset .submit-form { margin-top:7px; } #search-real-estate form fieldset .submit-form button { float:right; margin-right:11px; display:inline; width:56px; height:21px; line-height:21px; background:url(../images/bg-button-form-01.png) no-repeat left 0; overflow:visible; cursor:pointer; color:#fff; font-size:1.091em; font-weight:bold !important; text-transform:lowercase; } /*** Content ***/ #content { position:relative; margin-top:16px; } #content:after { content:"."; height:0; display:block; visibility:hidden; clear:both; } /*** -- Main content ***/ #content-main { width:683px; float:left; border:1px solid #dedede; background:#fff; margin-top:38px; margin-right:23px; } #content-main div { padding:0 18px 18px 18px; position:relative; overflow:hidden; } #content-main div div { background:none; padding:0; overflow:visible; } #content-main .editable img { margin:0 15px 15px 0; } #content-main .editable strong { font-weight:bold; } #content-main .editable ol { list-style:decimal inside; } #content-main .editable ul { list-style:none inside; } #content-main .editable h3 { font:bold 1em/1 "Tahoma","Geneva",sans-serif; display:block; margin:0 3px; padding:0px 0px 15px 0px; }#content-main .editable li { margin:8px 0; line-height:1.5; } #content-main p { line-height:1.5; margin:19px 0; } #content-main #page-title-alt { margin:0 -18px 18px -18px; font-size:1.5em; color:#333; } #content-main #page-title-alt * { font:normal 1em/1 "Tahoma","Geneva",sans-serif; display:block; margin:0 3px; padding:12px 0 25px 15px; } #content-main h1, #content-main h2.alt-01 { font:bold 1.5em/1 "Tahoma","Geneva",sans-serif; color:#333; } #content-main .link-more, #content-main .link-back, #content-main.alt-01 #real-estate-single #real-estate-single-char a { line-height:1.1; color:#900; text-transform:lowercase; font-weight:bold; font-size:.917em; text-decoration:none; background:url(../images/icon-arrows.png) no-repeat; padding-left:8px; } #content-main .link-back { position:absolute; right:12px; top:24px; background-position:left -38px; } #content-main .link-back.end { top:auto; bottom:20px; } #content-main .link-more, #content-main.alt-01 #real-estate-single #real-estate-single-char a { background-position:left 2px; } .sendQuery { cursor: pointer; } /*** -- Main Content -- Real Estate page(s) ***/ #content-main.alt-01 div { padding-top:13px; } #content-main.alt-01 div div { padding-top:0; } #content-main.alt-01 #real-estate-breadcrumbs { padding-bottom:10px; } #content-main.alt-01 #real-estate-breadcrumbs strong { position:absolute; left:-9999px; top:-9999px; } #content-main.alt-01 #real-estate-breadcrumbs ul { font-size:1.5em; } #content-main.alt-01 #real-estate-breadcrumbs ul:after { content:"."; height:0; display:block; visibility:hidden; clear:both; } #content-main.alt-01 #real-estate-breadcrumbs h1 { font-size:1em; font-family:"Tahoma","Geneva",sans-serif; } #content-main.alt-01 #real-estate-breadcrumbs li { float:left; background:url(../images/icon-arrow.png) no-repeat right 6px; padding-right:15px; margin-right:7px; } #content-main.alt-01 #real-estate-breadcrumbs .last { margin-right:0; padding-right:0; background:none; } #content-main.alt-01 #real-estate-breadcrumbs li a { color:#083449; text-decoration:none; font-weight:normal; } #content #real-estate-type-nav { position:absolute; left:0; top:0; width:892px; padding:18px 0 0; margin-top:-16px; border-bottom:1px solid #e3cbc3; } #content #real-estate-type-nav h2, #content #real-estate-type-nav strong { position:absolute; left:-9999px; top:-9999px; } #content #real-estate-type-nav ul { float:left; } #content #real-estate-type-nav li { float:left; margin-left:50px; display:inline; } #content #real-estate-type-nav #first { margin-left:0; } #content #real-estate-type-nav li a { display:block; font-size:.917em; font-weight:bold; color:#830a0c; text-decoration:none; padding-bottom:9px; } #content #real-estate-type-nav li a:hover, #content #real-estate-type-nav .active a { color:#b2aaa4; } #content-main.alt-01 #real-estate-list table { width:647px; } #content-main.alt-01 #real-estate-list h2 { position:absolute; left:-9999px; top:-9999px; } #content-main.alt-01 #real-estate-list td { vertical-align:top; background:url(../images/bg-dots-01.png) repeat-x left bottom; padding:18px 18px 18px 0; } #content-main.alt-01 #real-estate-list .last { background:none; } #content-main.alt-01 #real-estate-list h3 a { color:#900; font:normal 1.167em/1 "Tahoma","Geneva",sans-serif; text-decoration:none; } #content-main.alt-01 #real-estate-list dt { color:#900; font-weight:bold; margin-bottom:7px; } #content-main.alt-01 #real-estate-list dd { color:#333; font-size:.917em; margin-bottom:4px; position:relative; } #content-main.alt-01 #real-estate-list dd span { font-size:1.091em; font-weight:bold; } #content-main.alt-01 #real-estate-list dd span.title { font-size:1em; line-height:13px; float: left; font-weight: normal; } #content-main.alt-01 #real-estate-list dd span.block { display: block; overflow: hidden; padding-left: 3px; line-height: 1.3em; } #content-main.alt-01 #real-estate-list dd img { position:absolute; left:auto !important; right:0; top:-3px !important; border:none !important; cursor:pointer; } #content-main.alt-01 #real-estate-list .real-estate-info div { min-height:102px; height:auto !important; height:102px; position:relative; padding-left:159px; } #content-main.alt-01 #real-estate-list .real-estate-info img { border:1px solid #dedede; position:absolute; left:0; top:0; } #content-main.alt-01 #real-estate-list .real-estate-info .block { width:65px; text-align:right; } #content-main.alt-01 #real-estate-list .real-estate-desc { padding-right:0; width:306px; } #content-main.alt-01 #real-estate-list .real-estate-desc div { width:290px; background:url(../images/bg-dots-01.png) repeat-y left bottom; padding-left:21px; } #content-main.alt-01 #real-estate-list p { margin:0; } #content-main.alt-01 #real-estate-list .link-more { float:right; margin-top:10px; background-position:left 1px; } #content-main.alt-01 .pagination-sorting { margin:0 -18px 0 -18px; width:647px; height:36px; background:#ebeef0 url(../images/bg-pagination-sorting.png) no-repeat left top; padding:2px 18px 0; } #content-main.alt-01 .pagination-sorting h2 { position:absolute; left:-9999px; top:-9999px; } #content-main.alt-01 .pagination-sorting ul { float:left; margin-top:6px; } #content-main.alt-01 .pagination-sorting li { float:left; } #content-main.alt-01 .pagination-sorting li * { display:block; color:#083449; font-weight:bold; padding:4px 6px; } #content-main.alt-01 .pagination-sorting li a:hover, #content-main.alt-01 .pagination-sorting li a.on { color:#fff; background:#560e00; text-decoration:none; } #content-main.alt-01 .pagination-sorting li .pagination-link-cur { display:block; color:#AAAAAA; text-decoration:none; padding:4px 6px; } #content-main.alt-01 .pagination-sorting li .pagination-link-back, #content-main.alt-01 .pagination-sorting li .pagination-link-forward { margin-top:2px; width:17px; height:17px; text-indent:-9999px; overflow:hidden; padding:0; background:url(../images/bg-pagination-sorting.png) no-repeat left -38px !important; } #content-main.alt-01 .pagination-sorting li .pagination-link-forward { background-position:-17px -38px !important; } #content-main.alt-01 .pagination-sorting div { float:right; } #content-main.alt-01 .pagination-sorting div fieldset { height:36px; } #content-main.alt-01 .pagination-sorting div label { vertical-align:middle; font-weight:bold; } #content-main.alt-01 .pagination-sorting div select { vertical-align:middle; font-size:.917em; border:1px solid #cdcdcd; } #content-main.alt-01 .pagination-sorting div button { width:68px; padding:7px 0 7px; background:url(../images/bg-pagination-sorting.png) no-repeat -34px -38px; font-size:.917em; color:#fff; text-transform:lowercase; font-weight:bold; cursor:pointer; } /*** -- Main Content -- Single real estate ***/ #content-main.alt-01 #real-estate-single { padding-top:19px; padding-bottom:32px; } #content-main.alt-01 #real-estate-single:after { content:"."; height:0; display:block; visibility:hidden; clear:both; } #content-main.alt-01 #real-estate-single-info { float:right; width:359px; } #content-main.alt-01 #real-estate-single-photo { float:right; width:288px; } #content-main.alt-01 #real-estate-single h1 { position:relative; color:#560e00; font:normal 1.333em/1 "Tahoma","Geneva",sans-serif; text-decoration:none; } #content-main.alt-01 #real-estate-single-char { margin-bottom:25px; } #content-main.alt-01 #real-estate-single-char dl { margin-bottom:8px; } #content-main.alt-01 #real-estate-single-char dt { color:#560e00; font-weight:bold; margin-bottom:7px; } #content-main.alt-01 #real-estate-single-char dd { color:#333; margin-bottom:4px; } #content-main.alt-01 #real-estate-single-char dd span { font-size:1em; font-weight:bold; } #content-main.alt-01 #real-estate-single-char dd span.title { font-size:1em; float: left; font-weight: normal; } #content-main.alt-01 #real-estate-single-char dd span.block { display: block; overflow: hidden; padding-left: 3px; line-height: 1.3em; } #content-main.alt-01 #real-estate-single-char a { line-height:1.1; margin-right:10px; } #content-main.alt-01 #real-estate-single-desc-loc { margin-bottom:25px; } #content-main.alt-01 #real-estate-single-desc-loc h2 { font-weight:bold; } #content-main.alt-01 #real-estate-single-other h2 { font-weight:bold; } #content-main.alt-01 #real-estate-single-other table { width:359px; border-collapse:collapse; margin-top:19px; overflow:hidden; } #content-main.alt-01 #real-estate-single-other table tbody tr * { border-bottom:5px solid #fff; } #content-main.alt-01 #real-estate-single-other table tr th { vertical-align:middle; width:205px; background:#f3f4f4; padding:5px; } #content-main.alt-01 #real-estate-single-other table tr td { width:110px; background:#f3f4f4; padding:5px; } #content-main.alt-01 #real-estate-single-photo div { margin-bottom:15px; } #content-main.alt-01 #real-estate-single-photo div img { border:1px solid #dcdcdd; } #content-main.alt-01 #real-estate-single-photo h2 { font-weight:bold; } #content-main.alt-01 #real-estate-single-photo ul { margin:15px 0; overflow:hidden; } #content-main.alt-01 #real-estate-single-photo li { float:left; margin:0 5px 5px 0; } #real-estate-single-photo .download { list-style:none; width:242px; padding:6px 0; margin-bottom:17px; font-size:11px; } #real-estate-single-photo .download li { width:242px; overflow:hidden; border-bottom:1px solid #cdcdcd; padding:12px 0 5px 0; margin:0 22px 0 17px; min-height:30px; height:auto !important; height:30px; } #real-estate-single-photo .download a { background:url(../images/ICONfile.gif) left 1px no-repeat; padding-left:33px; width:124px; height:30px; display:block; float:left; border-right:1px solid #cdcdcd; margin-right:4px; text-decoration:none; } #real-estate-single-photo .pdf { background:url(../images/ICONpdf.gif) left 1px no-repeat !important; } #real-estate-single-photo .zip { background:url(../images/ICONzip.gif) left 1px no-repeat !important; } #content-main.alt-01 .real-estate-single-controls { position:absolute; right:0; top:-32px; } #content-main.alt-01 .real-estate-single-controls ul { float:left; } #content-main.alt-01 .real-estate-single-controls li { float:left; } #content-main.alt-01 .real-estate-single-controls a { display:block; width:32px; height:32px; background:#e9e9e9 url(../images/icon-real-estate-controls.png) no-repeat; text-indent:-9999px; overflow:hidden; cursor:pointer !important; } #content-main.alt-01 .real-estate-single-controls .link-prev { background-position:-32px top; } #content-main.alt-01 .real-estate-single-controls .link-next { background-position:-64px top; } #content-main.alt-01 .real-estate-single-controls.controls-last { top:auto; bottom:0; } /*** -- Main Content -- Misc. ***/ /*** -- Main Content -- Home ***/ #content-main.home { width:685px; float:left; border:none; background:none; margin-top:38px; margin-right:23px; } #content-main.home div { padding:0; } #content-main.home div div { padding:0; } #content-main #special-offer { clear:left; background:#fff; border:1px solid #dedede; overflow:hidden; padding:15px 17px 15px; } #content-main #special-offer h2 { color:#083449; font-size:1.833em; font-weight:normal; margin-bottom:11px; } #content-main #special-offer li { position:relative; float:left; padding-top:121px; width:138px; margin-left:32px; display:inline; } #content-main #special-offer .first { margin-left:0; } #content-main #special-offer h3 a { color:#900; font:normal 1.167em/1 "Tahoma","Geneva",sans-serif; text-decoration:none; } #content-main #special-offer dt { font-size:.917em; color:#900; font-weight:bold; margin-top:2px; margin-bottom:7px; } #content-main #special-offer dd { color:#686868; text-transform:lowercase; line-height:1.1; } #content-main #special-offer dd span.title { float: left; } #content-main #special-offer dd span.block { overflow: hidden; padding-left: 4px; display: block; line-height: 1.2em; } #content-main #special-offer img { position:absolute; left:0; top:0; border:1px solid #dedede; } #content-main #separated-offer { position:absolute; right:0; top:0; width:274px; background:#fff; border:1px solid #dedede; overflow:hidden; padding:15px 17px 1px; } #content-main #separated-offer h2 { color:#083449; font-size:1.833em; font-weight:normal; margin-bottom:11px; } #content-main #separated-offer div { position:relative; float:left; padding-top:223px; display: none; } #content-main #separated-offer div.on { display: block; } #content-main #separated-offer div img { position:absolute; left:0; top:0; border:3px solid #dedede; } #content-main #separated-offer h3 a { color:#900; font:normal 1.25em/1 "Tahoma","Geneva",sans-serif; text-decoration:none; } #content-main #separated-offer dl { margin-bottom:25px; } #content-main #separated-offer dt { font-size:1em; color:#900; font-weight:bold; margin-top:2px; margin-bottom:19px; } #content-main #separated-offer dd { color:#333; margin-bottom:7px; } #content-main #separated-offer dd span { font-weight:bold; } #content-main #separated-offer dd span.title { float: left; } #content-main #separated-offer dd span.block { font-weight:normal; overflow: hidden; padding-left: 4px; display: block; line-height: 1.2em; } #content-main #separated-offer ul { padding:25px 0 15px 17px; margin:0 -16px; background:#ebebeb; overflow:hidden; clear:left; } #content-main #separated-offer ul li { float:left; margin-right:13px; margin-bottom:6px; } #content-main #separated-offer ul li.active { opacity:.5; } #content-main #separated-offer ul li a { display:block; border:2px solid #d4cbaa; } #content-main #separated-offer .link-more { position:relative; top:-10px; } #content-main #about-us { width:321px; float:left; background:#fff; border:1px solid #dedede; padding:15px 18px 15px; margin-bottom:20px; } #content-main #about-us h2 { color:#083449; font-size:1.833em; font-weight:normal; } #content-main #about-us p { margin:21px 0 5px; color:#686868; } #content-main #about-us ul { clear:right; background:url(../images/bg-dots-02.png) repeat-x 0 0; } #content-main #about-us ul li { background:url(../images/bg-dots-02.png) repeat-x 0 100%; } #content-main #about-us ul a { display:block; padding:9px 0 9px 22px; color:#900; text-decoration:none; background:url(../images/icon-arrow-01.png) no-repeat 9px 13px; line-height:1.1; } #content-main #about-us ul a:hover { text-decoration:underline; } #content-main #about-us .link-more { float:right; margin-bottom:15px; } #content-main.home #faq { width:321px; float:left; background:#fff; border:1px solid #dedede; padding:15px 18px 15px; margin-bottom:20px; } #content-main.home #faq h2 { margin-bottom:20px; color:#083449; font-size:1.833em; font-weight:normal; } #content-main.home #faq ul { clear:right; background:url(../images/bg-dots-02.png) repeat-x 0 0; } #content-main.home #faq ul li { background:url(../images/bg-dots-02.png) repeat-x 0 100%; } #content-main.home #faq ul a { line-height:1.4; display:block; padding:12px 0 13px 22px; color:#900; text-decoration:none; background:url(../images/icon-arrow-01.png) no-repeat 9px 17px; } #content-main.home #faq ul a:hover { text-decoration:underline; } #content-main.home #faq .link-more { float:right; margin-top:10px; } #content-main #preview h2 { position:absolute; left:-9999px; top:-9999px; } #content-main #preview li { position:relative; } #content-main #preview span { position:absolute; left:0; top:0; } #content-main #preview span a { position:absolute; left:0; top:0; background:url(../images/icon-zoom.png) no-repeat; text-indent:-9999px; overflow:hidden; } #content-main #preview.alt-01 li { padding:0 18px 0 222px; min-height:160px; height:auto !important; height:160px; background:url(../images/bg-dots-01.png) repeat-x left bottom; overflow:hidden; margin:0 -15px 24px -15px; } #content-main #preview.alt-01 li span { left:18px; border:1px solid #dedede; } #content-main #preview.alt-01 li span a { background-position:156px 112px; width:181px; height:136px; } #content-main #preview.alt-01 h3 a { font:bold 1.167em/1 "Tahoma","Geneva",sans-serif; color:#560e00; text-decoration:none; } #content-main #preview.alt-01 h3 a:hover { text-decoration:underline; } #content-main #preview.alt-01 .link-more { background-position:left 0; position:absolute; right:18px; bottom:10px; } #content-main #preview.alt-02 { margin-top:20px; } #content-main #preview.alt-02 li { padding-left:204px; min-height:136px; height:auto !important; height:136px; margin-bottom:24px; } #content-main #preview.alt-02 li span a { background-position:156px 112px; width:181px; height:136px; } #content-main #preview.alt-02 h3 { font:bold 1.167em/1 "Tahoma","Geneva",sans-serif; color:#083449; } #content-main #preview.alt-03 { margin:0 -15px; padding:15px 15px 0 15px; background:url(../images/bg-dots-01.png) repeat-x left top; } #content-main #preview.alt-03 li { padding:0 18px 0 177px; min-height:102px; height:auto !important; height:102px; background:url(../images/bg-dots-01.png) repeat-x left bottom; overflow:hidden; margin:0 -15px 15px; } #content-main #preview.alt-03 li span { left:18px; border:1px solid #dedede; } #content-main #preview.alt-03 li span a { background-position:110px 78px; width:136px; height:102px; } #content-main #preview.alt-03 h3 { font:bold 1.167em/1 "Tahoma","Geneva",sans-serif; color:#083449; } #content-main .editable.editable-alt-01 { width:170px; float:left; margin-right:15px; } #content-main .editable.editable-alt-01 p { margin:0; } #content-main #google-map { float:left; width:456px; margin-bottom:20px; } #content-main #google-map a { line-height:1.1; } #content-main .accordion { font:1em/1.4 "Tahoma","Geneva",sans-serif; background:url(../images/bg-dots-01.png) repeat-x left top; margin:15px -7px 15px -7px; padding:4px 0 0; } #content-main .accordion dt strong, #content-main .accordion li strong { display:block; font-weight:bold; color:#560e00; padding:0 7px; line-height:25px; } #content-main .accordion dd, #content-main .accordion li { background:url(../images/bg-dots-01.png) repeat-x left bottom; padding-bottom:15px; } #content-main .accordion dd { padding:0 7px 15px; } #content-main .accordion li li { background:none; padding:0 7px; } .js #content-main .accordion dt { background:url(../images/bg-dots-01.png) repeat-x left bottom; } .js #content-main .accordion dt.active { background:none; } .js #content-main .accordion dt strong, .js #content-main .accordion li strong { background:url(../images/icon-accordion.png) no-repeat 6px top; padding-left:27px; cursor:pointer; } .js #content-main .accordion dt.active strong, .js #content-main .accordion strong.active { background:url(../images/icon-accordion.png) no-repeat 6px bottom; } .js #content-main .accordion dd, .js #content-main .accordion li div { padding-left:27px; width:636px; } /*** -- Main Content -- Query form ***/ #content-main #query fieldset { overflow:hidden; width:647px; } #content-main #query legend { font-size:1.333em; font-weight:bold; } #content-main #query select, #content-main #query textarea, #content-main #query input { font-size:1em; border:1px solid #cdcdcd; padding:2px; color:#686868; } #content-main #query select { padding:1px 2px; } #content-main #query label { display:block; margin:0 0 5px; position:relative; } #content-main #query fieldset img { vertical-align:top; position:relative; left:5px; top:-1px; cursor:pointer; } #content-main #query div.first { position:relative; z-index:100; } #content-main #query .info-popup { display:none; position:absolute; right:-190px; top:-50px; z-index:100; background:#f0f0f0 url(../images/bg-info-popup.png) no-repeat 0 100%; padding-bottom:7px; font-size:.917em; } #content-main #query .info-popup span { display:block; width:164px; background:#f0f0f0 url(../images/bg-info-popup.png) no-repeat 0 0; padding:22px 22px 15px; line-height:1.3; } #content-main #query .info-popup span span { display:block; width:auto; background:none; padding:0; margin:10px 0 2px; font-weight:bold; } #content-main #query .info-popup span .first { margin:0 0 2px; } #content-main #query .set-01 { margin-bottom:25px; } #content-main #query .set-01 div { float:left; width:315px; } #content-main #query .set-01 input { width:256px; } #content-main #query .set-01 select { width:262px; } #content-main #query .set-01 em { display:block; font-style:italic; margin:5px 0; } #content-main #query .set-02 { margin-bottom:25px; } #content-main #query .set-02 div { float:left; width:315px; } #content-main #query .set-02 div div { float:none; width:auto; margin-bottom:10px; } #content-main #query .set-02 div div div { margin-bottom:0; } #content-main #query .set-02 input { width:256px; } #content-main #query .set-02 select { width:262px; } #content-main #query .set-02 input.alt { width:183px; } #content-main #query .set-02 select.alt { width:70px; } #content-main #query .set-02 textarea { width:256px; height:158px; overflow:auto; } #content-main #query .set-02 div.alt-street { position:relative; } #content-main #query .set-02 div.alt-street label { margin-top:0; } #content-main #query .set-02 div.alt-street div { position:absolute; right:50px; top:0; width:73px; } #content-main #query .set-02 input.alt-street-name { width:183px; } #content-main #query .set-02 input.alt-street-number { width:64px; } #content-main #query .set-03 { margin-bottom:25px; } #content-main #query .set-03 div { float:left; width:204px; } #content-main #query .set-03 div div { float:none; width:auto; margin-bottom:10px; } #content-main #query .set-03 div div div { margin-bottom:0; } #content-main #query .set-03 input { width:163px; } #content-main #query .set-03 div.alt-street { position:relative; } #content-main #query .set-03 div.alt-street label { margin-top:0; } #content-main #query .set-03 div.alt-street div { position:absolute; right:33px; top:0; width:43px; } #content-main #query .set-03 input.alt-street-name { width:119px; } #content-main #query .set-03 input.alt-street-number { width:35px; } #content-main #query .captcha img { display:block; margin:20px 0; } #content-main #query .submit-form { overflow:hidden; margin-top:15px; } #content-main #query .submit-form p { margin:0; padding-bottom:18px; } #content-main #query .submit-form button { background:url(../images/bg-button-form-02.png) no-repeat 0 0; width:61px; height:21px; line-height:21px; padding:0; font-weight:bold; font-size:.917em; color:#fff; text-transform:lowercase; overflow:visible; float:right; margin:0 79px 0 0; display:inline; cursor:pointer; } /*** -- Query popup form ***/ #queryPopup { position:absolute; display:none; top:0; left:0; padding-top:8px; background:url(../images/queryPopupBkgTop.gif) no-repeat top left; z-index: 50; } #queryPopup .inner { padding-bottom:8px; background:url(../images/queryPopupBkgBottom.gif) no-repeat bottom left; } #queryPopup form { width:470px; background:url(../images/queryPopupBkgMiddle.gif) repeat-y top left; padding:15px; } #queryPopup .title { font-size: 1.8em; color: #083449; } #queryPopup fieldset { border: none; } #queryPopup blockquote { margin: 10px 0 5px 0; padding: 7px 0; overflow: hidden; border-bottom: 2px solid #c6cad2; border-top: 2px solid #c6cad2; } #queryPopup blockquote img { display: block; float: left; margin-right: 17px; } #queryPopup blockquote h2 { font-size: 1.1em; } #queryPopup blockquote .text{ float: left; font-size: 1.2em; line-height: 1.2em; } #queryPopup fieldset.left { float: left; width: 221px; } #queryPopup label { display: block;float: none; margin: 10px 0 3px 0; font-size: 1.2em; } #queryPopup label.small { display: inline; float: none; margin: 0 15px 0 6px; } #queryPopup .radio { vertical-align:top; } #queryPopup .txt, #queryPopup textarea { width:194px; border:1px solid #cdcdcd; padding:2px; font-size:1.2em; color:#686868 } #queryPopup textarea { width:210px; height: 137px; margin-bottom: 28px; } #queryPopup .error { background: #fbc8ac; } #queryPopup button { float:right; margin-right:0px; display:inline; width:56px; padding:2px 0 3px; margin: 0 35px 0 -25px; background:url(../images/bg-button-form-01.png) no-repeat left 0; overflow:visible; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; font-size: 1.2em; } /*** -- Sidebar ***/ #content-supp { position:relative; z-index:1; width:184px; float:left; margin-top:38px; padding:0; } #select-real-estate-location { margin-top:0; margin-bottom:16px; padding:0; } #select-real-estate-location h2 { background:#560e00; border-bottom:2px solid #fbbc85; color:#fff; font-size:1em; font-weight:bold; margin:0; padding:18px 0 10px 8px; } #select-real-estate-location li { padding:0; } #select-real-estate-location li a { display:block; border-bottom:1px solid #dedddb; font-size:.917em; font-weight:bold; text-decoration:none; padding:5px 0 5px 14px; background:url(../images/icon-arrows.png) no-repeat 6px -58px; } #content-supp-additional h2 { position:absolute; left:-9999px; top:-9999px; } #content-supp-additional li { position:relative; margin-top:16px; padding-top:106px; } #content-supp-additional .first { margin-top:0; } #content-supp-additional li img { position:absolute; left:0; top:0; } #content-supp-additional li h3 { width:184px; } #content-supp-additional li h3 a { display:block; width:166px; border:1px solid #c5cfd0; background:#f4f4f4 url(../images/bg-real-estate-sale-01.png) no-repeat 0 0; padding:8px; color:#083449; text-decoration:none; font-weight:bold; } #content-supp-additional li h3 a span { display:block; font-size:1.167em; font-weight:normal; margin-bottom:2px; } #content-supp-additional div { position:relative; display:block; margin-top:16px; width:230px; height:193px; background:url(../images/bg-real-estate-sale-02.png) no-repeat left top; } #content-supp-additional div span { position:absolute; left:14px; bottom:54px; color:#fff; font-size:1.333em; font-weight:bold; } #content-supp-additional div a { position:absolute; left:52px; bottom:11px; width:118px; height:31px; color:#fff; text-decoration:none; font-weight:bold; font-size:.917em; background:url(../images/bg-real-estate-sale-02.png) no-repeat -230px top; text-align:center; line-height:31px; } #branding-partners-banners { margin-top:16px; } #branding-partners-banners li { margin-bottom:16px; } /*** Footer ***/ #footer { line-height:1.1; overflow:hidden; color:#999; font-size:1.1em; background:url(../images/bg-footer.png) repeat-x 0 0; margin:28px 0 0; padding:38px 0 0; clear:left; } #footer div { width:892px; margin:0 auto; } #footer div div { width:auto; margin:0; } #footer h2 { font-weight:bold; margin-bottom:17px; } #footer a { color:#999; } #footer #branding-contact-info { border-right:1px solid #fff; width:292px; float:left; } #footer #send-query { font-weight:bold; width:249px; float:left; padding-right:43px; margin-left:56px; display:inline; border-right:1px solid #fff; } #footer #branding-partners { overflow:hidden; } #footer #branding-partners li { float:left; border-right:none; } #footer #branding-partners li a { display:block; width:146px; height:110px; border-right:none; background:#ecebe0 url(../images/partners-logo.png) no-repeat 100% 0; text-indent:-9999px; overflow:hidden; } #footer #branding-partners .first a { width:103px; border-right:1px solid #fff; background-position:0 0; } #footer #siteinfo { border-top:1px solid #fff; clear:left; overflow:hidden; margin-top:13px; padding-top:24px; } #footer #siteinfo p { float:right; color:#999; width:auto; text-align:left; padding:0; margin-bottom:0; margin-top:-5px; } #footer #siteinfo p span { background:url(../images/separator-02.png) no-repeat right 3px; margin-right:2px; padding-right:5px; } #footer #siteinfo a { float:left; color:#000; text-decoration:none; } #footer #siteinfo a:hover, #footer #siteinfo a span { color:#f00; } /*** Misc. -- Lightbox ***/ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font:10px "Tahoma","Geneva",sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px; } #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1em; } #lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:.7em; }