body { font-family: Arial, Verdana, sans-serif; font-size: 78%; background-color: #CFCFCF; padding:0 0 30px ; color:#606060; } * { margin:0; padding:0;} img { border:none; margin:0; padding:0;} p, .list, form label, td { color:#606060; line-height:1.3em; font-size:1em; } p { margin-bottom:1em;} a { outline:none; cursor:pointer } .txt-small { font-size:.8em; } .txt-medium { font-size:1.2em} .txt-large { font-size:1.4em;} .txt-xlarge { font-size:1.9em;} .txt-white { color:#FFF} .txt-grey { color:#6f6f6f} .txt-maroon { color:#990033; } .txt-green { color: #55bd3a} .txt-uppercase { text-transform:uppercase} .list { margin:0 0 1.5em 1em; } .list li { margin-bottom: .3em; padding:.2em 0; list-style:none; background:url('/images/layout/bullet.png') no-repeat left 6px; padding-left:15px; } a, a:visited { color:#990033;} a:hover { text-decoration:none; b } a.hide { position:absolute; left:-999em; } a.button, a.button:visited { background-color:#55bd3a; padding:5px 10px; font-weight:bold; color: #FFF; text-decoration: none; } a.button:hover { background-color: #990033} a.position-right { position: absolute; right: 30px; margin-top: -25px} a.float-left { float: left; margin:0 15px 20px 0;} h1 { font-size: 1.6em; margin: 0; color:#6f6f6f; border-bottom: 1px dotted #6F6F6F; padding-bottom: 3px; margin-bottom: 10px; letter-spacing: -1px } h2 { font-weight:bold; font-size: 1.2em; color:#6f6f6f; margin:0 0 5px 10px;} h3 { font-weight:bold; font-size: 1.2em; color:#6f6f6f; margin:17px 0 .5em 0;} h4 { font-weight:bold; font-size: 1.3em; color:#6f6f6f; margin:0 0 .5em 0;} h5 { font-weight:bold; font-size: 1.0em; color:#6f6f6f; margin:0 0 8px 0;} h6 { font-size: 1.4em; margin: 0; color:#990033; border-bottom: 1px dotted #6F6F6F; padding-bottom: 3px; margin-bottom: 10px; } /* ---------------------------- */ /* LAYOUT */ /* ---------------------------- */ #container { text-align:left; margin:0 auto; position:relative; background-color: #FFF; width:980px; } #header { padding:15px 20px 10px 20px; position: relative; } #navigation { } #content { margin: 0 20px 30px 20px; padding-top:30px; overflow: hidden; } /* Footer */ /* ---------------------------- */ #footer { position: relative; padding-bottom: 5px;} #footer-nav { background: #990033 url('/images/layout/colour-bar.png') no-repeat top right; padding: 5px 20px; } #footer-nav a.logo { background:url('/images/layout/logo-rics.png') no-repeat 0 0; text-indent: -999em; display: block; width:54px; height: 20px; position: absolute; right:320px; top:2px; } #footer p { font-size: .8em; margin: 10px 20px; } #footer p.kaweb { position:absolute; top:26px; right:0; } /* General */ /* ---------------------------- */ div.box { padding:0 10px; background: url('/images/colours/tab-maroon.png') no-repeat 0 13px; float: left; width: 280px; margin-right: 20px; position: relative; } div.box img.icon { position: absolute; right: 0; top:11px} .box-whiteBorder { background-color: #e2e3e4; border: 2px solid #FFF; padding:10px 15px; overflow: hidden;} .box-whiteBorder .box-whiteBorder { background-color:#EEEEEE; } .box-greyBorder { border: 1px solid #aeaeae; } /* ---------------------------- */ /* HOME */ /* ---------------------------- */ div.page-home .box-whiteBorder { padding-bottom: 120px; padding-right: 35px; height: 162px; } form.search-home{ text-align:center; } form.search-home p{ margin:0; padding: 0 } form.search-home fieldset{ padding:0 } form.search-home select{ width:166px; padding:2px; margin:5px 0; } form.search-home select.half{ width:81px} form.search-home input{ width:156px; margin:5px 0;} form.search-home input.list{ width:165px; padding:2px; background-color:#E8AF00; color:#FFF; font-size:14px; cursor:pointer } #right-col { float: left;} #right-col .box { float: none; margin:0 0 5px 0; } div.page-home #right-col .box-whiteBorder { padding-bottom: 10px; height: 70px;} .clickable { cursor:pointer } .clickable:hover { border-color:#990000 } div.box h1 a { text-decoration: none; color: #6f6f6f} div.box h1 a:hover { text-decoration: none; color: #990033} div.search, div.properties { background-image: url('/images/colours/tab-green.png');} div.reductions { background-image: url('/images/colours/tab-red.png');} div.alerts { background-image: url('/images/colours/tab-grey.png');} div.valuations { background-image: url('/images/colours/tab-blue.png');} p.alternatively { bottom:15px; position:absolute; width:244px; margin:0 auto; text-align:center; } div.box a.arrow { text-indent: -999em; display: block; height:61px; background-position: 57.5% 0; background-repeat: no-repeat; margin-top: 20px } div.search a.arrow { background-image:url('/images/layout/arrow-red.png');} div.properties a.arrow { background-image:url('/images/layout/arrow-yellow.png') ;} div.box a.arrow:hover { background-position: 57.5% -61px} div.search .box-whiteBorder { background: #e2e3e4 url('/images/layout/home-singleHouse.png') no-repeat left bottom; } div.properties .box-whiteBorder { background: #e2e3e4 url('/images/layout/home-doubleHouse.png') no-repeat left bottom; } div.properties span.imgholder, div.properties span.address { text-align:center; display:block; width:244px } div.properties span.imgholder img { border:2px solid #FFFFFF; } div.properties img.property { margin-top: 7px; } div.properties a { text-decoration: none; position: relative;/*display: block;*/} /*div.properties a span.price { display: block; background-color: #55BD3A; position: absolute; bottom: 3px; left:0; width: 224px; text-align: right; padding: 5px 10px; color: #FFF; font-size: 1.3em; font-weight: bold; opacity: 0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); zoom: 1; }*/ /* ---------------------------- */ /* SEARCH RESULTS */ /* ---------------------------- */ div.page-searchResults { padding: 0 125px;} div.sort-results { position: relative; border: 1px solid #aeaeae; padding: 10px; overflow: hidden; width:666px; margin-top:15px; } form#fm-sortResults { position: absolute; right:10px; top:0;} div.page-searchResults a.next { display: block; text-indent: -999em; width:63px; height:61px; background: url('/images/layout/arrow-maroonRight.png') no-repeat 0 0; position: absolute; right: 30px; top:425px;} div.page-searchResults a.previous { display: block; text-indent: -999em; width:63px; height:61px; background: url('/images/layout/arrow-maroonLeft.png') no-repeat 0 0; position: absolute; left: 30px; top:425px;} div.page-searchResults a.next:hover, div.page-searchResults a.previous:hover { background-position: 0 -61px;} /* Pagination */ ul.pagination { } ul.pagination li { list-style:none; float:left; margin-left:3px; color:#6a6a6a; font-size:.7em; text-align:left; } ul.pagination li a, ul.pagination li a:visited { color:#FFFFFF;display:block;font-size:1.3em;height:16px;padding-top:2px;text-align:center;text-decoration:none;width:20px; } ul.pagination li.lightGrey a { background-color: #CCC} ul.pagination li.mediumGrey a { background-color: #a5a5a5} ul.pagination li.previous a, ul.pagination li.next a { display: block; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; width: 17px; height: 14px; padding: 0; margin-top: 2px} ul.pagination li.previous a { background-image: url('/images/layout/pg-arrowLeft.png'); margin-right: 5px;} ul.pagination li.next a { background-image: url('/images/layout/pg-arrowRight.png');margin-left: 5px;} ul.pagination li.previous a:hover, ul.pagination li.next a:hover { background-position: 0 -14px;} ul.pagination li a:hover { background-color: #990033; color: #FFF; text-decoration: none;} ul.pagination li.active a { text-decoration:none; background-color:#777; } ul.pagination li.disabled a { display:none;} p#showing { text-align:center; margin:0; padding:0; line-height:0.4; font-size:0.9em; } p#showing.multi { line-height:0.4;width:495px; margin-top:8px; } /** Ajaxed results **/ .ajax img { margin-right:10px; margin-top:2px; float:left } .ajax p.address { margin-left:10px; padding-top:10px; font-size:0.8em } .ajax p.address strong{ } .ajax p.price_str { font-weight:bold; color:#990033; font-size:0.9em } .see_all { font-weight:bold; font-size:1em; padding-top:15px; line-height:0; text-align:right; padding-right:10px; color:#E1004A } /* Search Results */ div#search-results { clear: both; margin-top: 15px;} div#search-results li { float: left; list-style: none; margin:0 0 15px 38px; position: relative; } div#search-results li.first { margin-left: 0;} div#search-results li a { text-decoration: none; background-color: #e2e3e4; display: block; border: 1px solid #aeaeae; color:#606060; } div#search-results li a .box-whiteBorder { padding-top:160px; display: block; width: 168px; height:65px; } div#search-results li .img-holder { position: absolute; left: 3px; top:3px; text-align: center; width: 198px; display:block; overflow:hidden} div#search-results li span { margin: 0; display: block; line-height: 1.1em; } div#search-results li span.price { font-size: 1.34em; font-weight:bold; margin-top: 3px; color: #990033} div#search-results li span.txt-small { width: 180px; overflow:hidden } span.label { position: absolute; top:15px; padding: 5px 7px; color: #FFF; font-weight: bold; font-size: 1.1em;} span.featured { background-color: #990033; right: 1px; } span.sold { background-color: #e22f22; right: 1px;} span.reduced { background-color: #e8af00; right: 1px;} span.no-image { background-color: #5f5f5f; top:95px } span.new { background-color: #55BD3A; left:1px; } span.description-label { background-color: #FFF; border: 1px solid #aeaeae; border-left:none; padding: 5px 7px; position: absolute; top:120px; left: 1px; color: #990033; font-size: .9em; } div#search-results li a.featured .box-whiteBorder { background: #990033 url('../images/layout/result-featured-bkgd.png') no-repeat right bottom;} div#search-results li a.featured span { color: #FFF;} div#search-results li a.featured span.description-label, #search-results li a.featured:hover span.description-label { color:#990033;} div#search-results li a:hover { border-color:#990033;} div#search-results li a:hover span { color:#990033} div#search-results li a.featured:hover span { color: #FFF} div#search-results li a:hover span.label { color: #FFF;} #results_modify { display:none; height:30px; background-color:#55BD39; margin-bottom:10px; width:668px; padding:2px 10px 12px; text-align:center } input#results_submit { font-size:12px; padding:0 } input.results_keywords { font-size:12px; padding:1px } a#modify { margin:0; margin-right:15px } a#modify:hover { background-color:#55BD39} /* ---------------------------- */ /* CONTENT */ /* ---------------------------- */ div.page-content div.box { margin-top: 15px;} #left-col.box { width: 675px; } #right-col.box { width: 205px; padding-right: 0; margin-right: 0;} p.intro-para { margin-left: 10px;} div.mini-box { width: 45.5%; float: left; margin:0 25px 25px 0; } div.mini-box .box-whiteBorder { height: 130px;} #textBox-colLeft, .textBox-colLeft { float: left; /*width: 372px;*/ width:377px; margin-right: 12px; position: relative;} #textBox-colRight, .textBox-colRight { float: left; /*width: 244px;*/ width:236px;} /*.textBox-colLeft { float: left; width: 372px; margin-right: 23px; position: relative;text-align:center;} .textBox-colRight { float: left; width: 244px;} */ div.wide-right #textBox-colLeft { width: 322px;} div.wide-right #textBox-colRight { width: 294px;} /* Details */ /* ---------------------------- */ div.details div.box { background-image: url('/images/colours/tab-green.png'); } p.detail-actions { position: absolute; right: 272px; margin-top: -21px;} div.details h1 { width:514px; } div.details h1 span.new { left:auto; right:1px; } div.details span.label { top:64px; } /* Pics */ #textBox-colLeft img.large-pic, div.thumbnails a img { padding: 2px; background-color: #FFF; border-color: 1px solid #6f6f6f} .textBox-colLeft img.large-pic, div.thumbnails a img { padding: 2px; background-color: #FFF; border-color: 1px solid #6f6f6f} #textBox-colRight img, .textBox-colRight img { /*width: 112px; height: 84px;*/ float: left; margin: 0 15px 12px 0; border:1px solid #999999; } /* Left Col */ #textBox-colLeft img.large-pic { margin-bottom: 3px;} .textBox-colLeft img.large-pic { margin-bottom: 3px;} #epcs { text-align:center; } a.slideshow { background: url('/images/layout/icon-slideshow.png') no-repeat 0 0; padding: 4px 0 7px 30px; text-decoration: none; color: #55bd3a; font-weight: bold; display: block; width: 165px;} a.pause { display: block; width: 26px; height: 24px; background: url('/images/layout/icon-pause.png') no-repeat 0 0; text-indent: -999em; position: absolute; right: 0; margin-top:-27px; } a.slideshow:hover, a.pause:hover { background-position: 0 -39px; color: #990033;} /* Right Col */ div.thumbnails div { overflow: hidden; margin-bottom: 3px;} div.thumbnails a.arrow { display: block; width: 15px; height: 21px; text-indent: -999em; background-position: 0 0; background-repeat: no-repeat; margin: 0;} div.thumbnails a.left { background-image: url('/images/layout/thumbnail-arrowGreenLeft.png'); margin-left: 5px;} div.thumbnails a.right { background-image: url('/images/layout/thumbnail-arrowGreenRight.png'); position: absolute; right: 28px; margin-top: -21px;} div.thumbnails a.arrow:hover { background-position: 0 -21px;} div.thumbnails a:hover img { background-color:#990033;} /* Contact */ /* ---------------------------- */ div#map { border: 1px solid #6f6f6f; width: 290px; height: 275px;} /* ---------------------------- */ /* FORM */ /* ---------------------------- */ form { } form fieldset { border:none; margin-bottom:5px; padding-top:10px; } form fieldset span.mandatory { font-size:1.1em; font-weight:bold; color:red} form select, form input, form textarea { font-family: Arial, Helvetica, sans-serif; color:#6f6f6f; padding:4px; width:100px; font-size: .9em; border: 1px solid #6f6f6f} form textarea { height:100px;} form select { padding: 0;} form option { padding:0 4px;} .checkbox input { border: none; } form fieldset.actions li { margin-bottom:10px;} form fieldset.actions li input { width: auto; border: none; } form fieldset ul ul li { margin-bottom: 5px; } form fieldset ul ul li input { border: none;} form input.submit { cursor: pointer;} form p.required-fields { font-size: .8em; margin-top: 15px;} /* Search */ /* ---------------------------- */ form.fm-search { /* background: url('/images/layout/shadow-search.png') repeat-x left bottom;*/ } form.fm-search fieldset { padding: 0; margin:0;} form.fm-search label { color: #6f6f6f; font-weight: bold; font-weight: 1.1em; letter-spacing: -1px; margin-right: 10px; position: absolute; top:33px; right: 300px; font-size: 1.3em;} form.fm-search input#livesearch_terms { color:#333; font-size:1.1em; padding:0 3px; width:230px; height: 28px; position: absolute; top:28px; right: 60px; line-height: 2em } form.fm-search input.submit { border: none; height: 46px; width: 46px; position: absolute; top:17px; right:20px;} /* Valuation */ /* ---------------------------- */ form#fm-valuations { } form#fm-valuations label { display: block; width: 100px; float: left; clear: both;} form#fm-valuations input, form#fm-valuations textarea { margin-bottom: 10px; width: 162px;} form#fm-valuations select { margin: 0; margin-bottom:10px; padding:3px 2px; width:172px; font-size:12px } form#fm-valuations input.submit { } /* Enquiry */ /* ---------------------------- */ form#fm-enquiry { } form#fm-enquiry label { display: block;} form#fm-enquiry input, form#fm-enquiry textarea { margin-bottom: 10px; width: 155px; } form#fm-enquiry textarea { height:125px;} form#fm-enquiry input.submit { } /* Viewing */ /* ---------------------------- */ form#fm-viewing { overflow: hidden; } form#fm-viewing fieldset { width: 59%; float: left;} form#fm-viewing fieldset.right-col { width:30%;} form#fm-viewing label { /*position: absolute; text-indent: -999em;*/ } form#fm-viewing input { width: 320px; margin-bottom: 5px;} form#fm-viewing textarea { width: 225px; height: 149px; } form#fm-viewing table { border-collapse: collapse; margin-bottom: 10px;} form#fm-viewing table th, form#fm-viewing table td { border: none; padding: 0 18px 7px 0; text-align: center; } form#fm-viewing table td.label { text-align: left;} form#fm-viewing table td label { text-indent: 0; position: inherit} form#fm-viewing table td input { width: auto; margin: 0;} form#fm-viewing input.submit { margin-top: 20px;} /* Generic form stuff */ /* ---------------------------- */ form.content-form { border: 1px solid #AEAEAE; padding: 10px; background-color: #f0f0f0} form#fm-enquiry input.submit, form#fm-viewing input.submit, form#fm-valuations input.submit { background-color: #55bd3a; padding: 5px 10px; border: none; color: #FFF; width: 65px; font-size: 1.2em; float: right;} /* Errors */ /* ---------------------------- */ div.errors { background-color: #E1004A; color: #FFF; padding: 15px 15px 5px 15px; margin-bottom: 10px;} div.errors p { color: #FFF; margin-bottom: .5em; } div.errors ul { line-height: 1em; } div.errors ul.list li { color: #FFF; background-image: none; padding-left: 0; list-style-type: disc; margin-bottom: 0; } form label.error, form table.error td.label, td.error, p.error{ color: red; } form input.error, form textarea.error { border: 1px solid red; color: red; } /* ---------------------------- */ /* NAVIGATION */ /* ---------------------------- */ /* Primary Nav */ /* ---------------------------- */ #navigation { background-color: #990033; overflow: hidden; padding: 0 10px;} #navigation { margin: 0 auto;} #navigation li { float: left; list-style: none; } #navigation li a, #navigation li a:visited { text-decoration: none; color: #FFF; padding:18px 31px; display: block; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px } #navigation li a:hover, #navigation li.active a { background:url('/images/layout/nav-triangle.png') no-repeat bottom center;} /* Sub Nav */ /* ---------------------------- */ #sub-nav {} #sub-nav li { list-style: none; display: inline;} #sub-nav li a, #sub-nav li a:visited { text-decoration: none; font-size: 1.2em; font-weight: bold; padding: 7px 0; border-bottom: 1px dotted #6F6F6F; display: block; color: #6f6f6f; display: block;} #sub-nav li a:hover { color: #990033;} /* Footer Nav */ /* ---------------------------- */ #footer-nav ul { overflow: hidden} #footer-nav ul li { float: left; list-style: none; padding:0 10px; border-left: 1px solid #FFF;} #footer-nav ul li.first { border: none; padding-left: 0;} #footer-nav ul li a, #footer-nav ul li a:visited { color: #FFF; font-size: .8em; } /* Property Details Scroller */ /* ---------------------------- */ div.scrollthumbs { /* required settings */ position:relative; overflow:hidden; width: 265px; height:290px; } div.scrollthumbs div.items { /* this cannot be too large */ width:20000em; position:absolute; margin-left: 5px; } /*div.scrollthumbs div.items div { float:left; } */ div.scrollthumbs div.thumbstore { width:280px; float: left; } div.scrollthumbs div.thumbstore img{ cursor:pointer } a.disabled { visibility:hidden !important; } /** News page **/ .news_item{ border-bottom:1px solid #CCCCCC; min-height:100px; margin-top:15px } .news_item .date{ color:#888888; display:inline } .news_item h2{ font-size:1.1em; color:#666666 } .news_item img{ border:2px solid #FFFFFF; margin-right:15px; margin-bottom:12px } .news_item .img_holder{ width:189px; text-align:center; float:left } /** News item **/ .article h2{ font-size:1.3em; color:#666666 } .article img{ float:right; border:2px solid #FFFFFF; margin-left:15px; margin-bottom:15px } /* Testimonials */ blockquote.testimonial{ width:500px; margin:0 auto; background-image:url(/images/quote.gif); background-position:top left; padding-left:45px; padding-bottom:20px; background-repeat:no-repeat; } /* --------------------- */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } /*.clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */