/* CSS Stylesheet written by Razvan Popescu at Adworks Media -- www.adworks.ro */ /* Copyright 2008 Adworks Media, All Rights Reserved */ /* Have a nice day! */ /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; } table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; }/* remember to define focus styles! */ ins { text-decoration: none; }/* remember to highlight inserts somehow! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ * {margin:0;padding:0;} html, body, #wrapper {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} #main {padding-bottom: 140px;} /* must be same height as the footer */ /* GENERAL */ body { overflow:-moz-scrollbars-vertical; overflow: scrollbars-vertical; min-height: 100%; height:100%; background: #ffffff; } a img { border: 0px; } img.centered { display: block; margin: 0 auto;} small { font-size: 9px; } big { } img { -ms-interpolation-mode: bicubic; } .clear { clear:both; } div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */ #wrapper div.clear { height: 0px; } .right { float: right; } .left { float: left; } .centerfloat { margin-left: auto; margin-right: auto; } .alignright { text-align: right; } .alignleft { text-align: left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } #wrapper img, #footer img { vertical-align:middle; } p.default-message { margin: 15px 5px; padding:15px; text-align:center; font-weight:bold; border:1px solid #b39c82; background:#fffed8; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; color:#333; } .paddico { padding: 0px 1px 5px 4px; } .padd10 { padding: 10px; } .padd20 { padding: 20px; } a { color: #1d5895; text-decoration: none; } a:hover { color: #1d5895; text-decoration: underline; } .red { color: #f00; } /* TYPE */ body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #333; } h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #ff3333; padding: 10px 0px; text-transform:uppercase; letter-spacing: -1px; } h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333; letter-spacing: 0px; padding: 0px 0px 10px 0px; } h4 img { vertical-align: middle; } h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; } .rightbox h5 { padding-top: 10px; } /* BOXES */ #topheader { display: block; height: 35px; background-color: #a9afb4; color: #fff; } #topheader-left { display: block; float: left; height: 23px; line-height: 23px; padding: 6px 0px 6px 10px; } #topheader-right { display: block; float: right; height: 23px; width: 230px; line-height: 23px; padding: 6px 10px 6px 10px; } form#form-login { display: block; float: left; padding-left: 5px; } .toplogin-input { display: block; float: left; line-height:14px; height: 14px; vertical-align: middle; width: 150px; border: 1px solid #636b71; background-color: #FFF; padding: 3px 2px; margin: 0px 2px 0px 0px; font-size: 11px; } .search-input { display: block; float: left; line-height:14px; height: 14px; vertical-align: middle; width: 150px; border: 1px solid #636b71; background-color: #FFF; padding: 3px 2px; margin: 0px 2px 0px 0px; font-size: 11px; } #container { display: block; width: 780px; margin: 0px auto; } #siteheader { display: block; height: 65px; position: relative; } a#logo { display: block; width: 140px; height: 40px; position: absolute; top: 12px; left: 10px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/logo-cushmanwakefieldindustrial.jpg); } #menu { display: block; width: 530px; height: 40px; position: absolute; top: 12px; left: 250px; } #menu ul { display: block; padding: 0px; margin: 0px; } #menu ul li { display: block; width: 132px; height: 22px; line-height: 22px; float: left; } #menu ul li a { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; font-weight: bold; text-decoration: none; color: #999; background-image: url(../images/menu-normal.gif); background-position: left; background-repeat: no-repeat; padding: 6px 0px 6px 15px } #menu ul li a img { vertical-align: middle; } #menu ul li a:hover { color: #333; background-image: url(../images/menu-highlight.gif); } #sitepresenter { display: block; height: 200px; clear: both; margin-bottom: 5px; } #map-container { display: block; width: 250px; height: 200px; float: left; } #presenter-container { display: block; width: 530px; height: 200px; float: left; } #newsbox { display: block; height: 35px; background-color: #ececec; margin-bottom: 5px; overflow: hidden; position: relative; } #newsbox-title { display: block; width: 40px; line-height: 29px; margin: 3px 10px 3px 10px; float: left; border-right: 1px solid #ccc; } #newsbox-crawler { display: block; width: 550px; line-height: 29px; margin: 3px 0px 3px 0px; float: left; } #newsbox-archieve { display: block; width: 150px; line-height: 29px; margin: 3px 10px 3px 0px; float: right; text-align: right; z-index: 1; position: absolute; top: 0px; right: 0px; } #quicksearch-box { display: block; clear: both; margin-bottom: 10px; height: 150px; } #quick-box { display: block; width: 250px; height: 150px; float: left; background-color: #f3f3f3; position: relative; } #search-box { display: block; width: 528px; height: 148px; float: left; background-color:#FFF; border: 1px solid #ececec; position: relative; } #quick-box h4 { display: block; height: 39px; line-height: 39px; padding: 0px 0px 0px 10px; margin: 0px;} #search-box h4 { display: block; height: 39px; line-height: 39px; padding: 0px 0px 0px 10px; margin: 0px;} a.quick-small { display: block; width: 230px; height: 25px; padding: 5px 5px 7px 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; } a.quick-small small { display: block; color: #666; } a.quick-small:hover { background-color: #e8e8e8; border-left: 3px solid #dddddd; padding: 5px 5px 7px 12px; text-decoration:none; color: #ed1b2c; } #quick-search { display: block; padding: 10px; } #quick-search label { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #ed1b2c; float: left; padding: 2px 0px; } #quick-search select { padding: 2px; border: 1px solid #999; float: left; } #quick-search p { clear: both; margin-bottom: 5px; border: 1px solid red; display: block; } a#quick-search-advanced { display: block; float: right; padding: 5px; } div.quick-seach-line { display: block; height: 30px; clear: both; } ul.list-left { display: block; padding: 0px 0px 10px 5px; margin: 0px; } ul.list-left li { display: block; padding: 0px; margin: 0px; } ul.list-left li a { display: block; padding: 2px 0px 2px 10px; color: #666666; text-decoration: none; } ul.list-left li a:hover { background-image: url(../images/list-left.gif); background-position: left; background-repeat: no-repeat; color: #333333; } #leftbox-investments { padding-bottom: 10px; } #leftbox-listings { padding-bottom: 10px; } .rightbox { display: block; position: relative; } .rightbox a.viewall { display: block; position: absolute; top: 0px; right: 0px; text-align: right; padding: 0px; } a.viewall-2 { display: block; position: absolute; top: 8px; right: 0px; text-align: right; padding: 0px; } .rightbox ul { padding: 0px 0px 0px 10px; } .rightbox ul li { padding: 2px 0px 2px 10px; background-image: url(../images/red-bull.gif); background-repeat: no-repeat; background-position: left; } .padd515 { padding: 5px 15px; } .ruller { display: block; height: 1px; line-height: font-size: 1px; text-decoration: -10000px; border-bottom: 1px solid #ccc; margin: 10px 0px; } .latestproperty-box { display: block; padding: 10px; background-color: #f5f5f5; margin-bottom: 10px; } .latestproperty-box small { font-size: 11px; } .latestproperty-box-thumb { display: block; width: 150px; height: 100px; border: 1px solid #999; float: left; margin-right: 10px; } .latestproperty-box-info { display: block; width: 320px; float: left; } .latest-property-box-info h4 a small { display: block; font-size: 10px; } .account-form { display: block; padding: 10px; border: 1px solid #e4e4e4; background-color: #f4f4f4; } .account-form label { display: block; width: 150px; float: left; padding: 3px 10px 3px 0px; text-align: right; } .account-form p { display: block; clear: both; height: 30px; } .account-input { display: block; width: 250px; float: left; padding: 4px 2px; border: 1px solid #ccc; background-color: #FFF; margin-right: 5px; font-size: 11px; } input.account-input:hover { border: 1px solid #999; } input.account-input:focus { border: 1px solid #333; } .account-info { padding-left: 160px; } span.strenght-holder { display: block; width: 99px; height: 5px; padding: 1px; background-color: #FFF; border: 1px solid #ccc; float: left; margin: 3px 0px 0px 5px; } .strenght0 { display: none; } .strenght1 { display: block; width: 20px; height: 5px; background-color: #ff0000; background-image: url(../images/strenght.gif); background-position: left; } .strenght2 { display: block; width: 40px; height: 5px; background-color: #ff6600; background-image: url(../images/strenght.gif); background-position: left; } .strenght3 { display: block; width: 60px; height: 5px; background-color: #ffcc00; background-image: url(../images/strenght.gif); background-position: left; } .strenght4 { display: block; width: 80px; height: 5px; background-color: #cccc00; background-image: url(../images/strenght.gif); background-position: left; } .strenght5 { display: block; width: 99px; height: 5px; background-color: #33cc00; background-image: url(../images/strenght.gif); background-position: left; } .greybox { padding: 10px; background-color: #f5f5f5; margin-bottom: 10px; } .greybox p { padding: 0px 0px 10px 0px; } .greybox ul li { padding: 0px 0px 0px 15px; background-image:url(../images/list-bull.gif); background-position: left; background-repeat:no-repeat; } .pics { text-align: center; } .pics img { margin-bottom: 5px; } /* COLUMNS */ #columns { display: block; margin-bottom: 5px; } #column-left { width: 230px; padding: 0px 10px; float: left; } #column-right { width: 510px; padding: 0px 10px; float: left; } /* BTNS */ a.btn-register { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-register.gif); background-position: top; margin-right: 5px; } a.btn-register:hover { background-position: bottom; } a.btn-login { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-login.gif); background-position: top; margin-right: 5px; } a.btn-login:hover { background-position: bottom; } a.btn-search { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-search.gif); background-position: top; margin-right: 0px; } a.btn-search:hover { background-position: bottom; } a.btn-save { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-save.gif); background-position: top; margin-right: 0px; } a.btn-save:hover { background-position: bottom; } a.btn-send { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-send.gif); background-position: top; margin-right: 0px; } a.btn-send:hover { background-position: bottom; } a.btn-logout { display: block; width: 70px; height: 22px; text-indent: -10000px; font-size: 1px; line-height: 1px; background-image:url(../images/btn-logout.gif); background-position: top; margin-right: 0px; margin-left: 5px; } a.btn-logout:hover { background-position: bottom; } #pagination { display: block; height: 35px; background-color: #f5f5f5; position: relative; text-align: center; line-height: 35px; } #pagination a { padding: 5px; } #pagination a.pag-prev { display: block; width: 60px; height: 16px; padding: 0px 0px 0px 20px; background-image: url(../images/ico-prev.gif); background-position: left; background-repeat: no-repeat; color: #666; text-decoration:none; text-align: left; position: absolute; top: 10px; left: 10px; line-height: 16px; } #pagination a.pag-next { display: block; width: 60px; height: 16px; padding: 0px 20px 0px 0px; background-image: url(../images/ico-next.gif); background-position: right; background-repeat: no-repeat; color: #666; text-decoration:none; text-align: right; position: absolute; top: 10px; right: 10px; line-height: 16px; } #pagination a.pag-prev:hover, #pagination a.pag-next:hover { color: #1d5895; } #pagination a.disabled:hover, #pagination a.disabled:hover { color: #666; } .disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; cursor: default;} .current { color: #fff; background-image: url(../images/ico-current.gif); background-position: center center; background-repeat: no-repeat; } a.current:hover { color: #fff; text-decoration: none; cursor: default; } #leftbox-propertylisting ul.list-left li a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #1d5895;} /* FOOTER */ #footer {position: relative; margin-top: -140px; height: 140px; clear:both; background-color: #fff; background-image: url(../images/bg-footer.gif); background-repeat: repeat-x; background-position: bottom; } .footer-logo { display: block; width: 85px; height: 25px; margin: 0px auto; padding: 7px 0px; } .footer-flags { display: block; width: 750px; height: 30px; margin: 0px auto; padding: 5px 0px; text-align: center; } .footer-links { display: block; text-align: center; line-height: 25px; color: #999; font-size: 10px; } .footer-links a {} .footer-copyright { display: block; text-align: center; line-height: 30px; color: #fff; } /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ a.btn-img { padding-bottom: 5px; display: block; } .account-error { color: #f00; border: 1px solid #ff7c7c; padding: 2px 5px; margin-bottom: 2px; } .input-error { border: 1px solid #f00; }