body {margin:0; padding:0; text-align:center; font-size:100%; font-family: "trebuchet ms", tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif, _Sans; background: #E6E6E6; color: #666} * { margin: 0; padding:0;} img {border: 0px;} .l{float:left;} .r{float:right;} .clear { clear:both; width:100%; height:1px; font-size:1px; } ul li {list-style: none; background: none; } a {color: #999; text-decoration: none;} table td, table th {vertical-align: top; text-align: left;} fieldset {border: 0px;} .s30 { width:30px; } .s40 { width:40px; } .s50 { width:50px; } .s60 { width:60px; } .s70 { width:70px; } .s80 { width:80px; } .s90 { width:90px; } .s100 { width:100px; } .s120 { width:120px; } .s130 { width:130px; } .s140 { width:140px; } .s150 { width:150px; } .s160 { width:160px; } .s170 { width:170px; } .s180 { width:180px; } .s190 { width:190px; } .s200 { width:200px; } .s205 { width:205px; } .s240 { width:240px; } .s250 { width:250px; } .s270 { width:270px; } .s275 { width:275px; } .s320 { width:320px; } .s340 { width:340px; } .s360 { width:360px; } .s400 { width:400px; } .s490 { width:490px; } .s600 { width:600px; } .s30pc { width:30%;} .s35pc { width:35%;} .s40pc { width:40%;} .s50pc { width:50%;} .s60pc { width:60%;} .s65pc { width:65%;} .s70pc { width:70%;} .s100pc { width:100%;} #wrapagain { background: url(../../_images/design/bg-body1.gif) repeat-x top left #F4F4F4; } #wrapAll { width: 770px; margin:0 auto; font-size: 0.8em; text-align: left; border-top: 1px solid #fff; color: #666}} /* HEADER */ #header { margin:0 auto; width: 100%; clear:both; background: #193177; height: 69px; display: block;} #header #logo {float: left; } #header img { margin: 5px 0 0 5px; display: block} #header h1 {margin: 29px 5px 0 0; float: right; color: #fff; font-size: 1.3em;} /* Navigation */ #menu {margin:0 auto; width: 764px; } #menu ul {margin: 0px; text-align: center; display: block; border-top: 1px solid #FFFEFE; border-left: 1px solid #FFFEFE; border-right: 1px solid #FFFEFE; float: left; clear: both; background: #BB3643;} #menu ul li {margin: 0 ; font-weight: bold; font-size: 0.9em; display: inline; float: left; } #menu ul li ul {display: none;}/* undo this when styling the drop down menus*/ #menu ul li a {padding: 3px 0px 6px 0px; display:block; color: #fff ; float: left; height: 18px} #menu ul li a:hover {text-decoration: none;} #menu ul li#m1 a {background: url(../../_images/design/menu.gif) no-repeat 0 0; width: 62px; } #menu ul li#m1 a:hover, #menu ul li.on#m1 a {background: url(../../_images/design/menu.gif) no-repeat 0 -27px; } #menu ul li#m2 a {background: url(../../_images/design/menu.gif) no-repeat -62px 0; width: 83px; } #menu ul li#m2 a:hover, #menu ul li.on#m2 a {background: url(../../_images/design/menu.gif) no-repeat -62px -27px; } #menu ul li#m3 a {background: url(../../_images/design/menu.gif) no-repeat -144px 0; width: 75px } #menu ul li#m3 a:hover, #menu ul li.on#m3 a {background: url(../../_images/design/menu.gif) no-repeat -144px -27px; } #menu ul li#m4 a {background: url(../../_images/design/menu.gif) no-repeat -219px 0; width: 122px; } #menu ul li#m4 a:hover, #menu ul li.on#m4 a {background: url(../../_images/design/menu.gif) no-repeat -219px -27px; } #menu ul li#m5 a {background: url(../../_images/design/menu.gif) no-repeat -340px 0; width: 127px; } #menu ul li#m5 a:hover, #menu ul li.on#m5 a {background: url(../../_images/design/menu.gif) no-repeat -340px -27px; } #menu ul li#m6 a {background: url(../../_images/design/menu.gif) no-repeat -467px 0; width: 87px; } #menu ul li#m6 a:hover, #menu ul li.on#m6 a {background: url(../../_images/design/menu.gif) no-repeat -467px -27px; } #menu ul li#m7 a {background: url(../../_images/design/menu.gif) no-repeat -554px 0; width: 60px;} #menu ul li#m7 a:hover, #menu ul li.on#m7 a {background: url(../../_images/design/menu.gif) no-repeat -554px -27px; } #menu ul li#m9 a {background: url(../../_images/design/menu.gif) no-repeat -614px 0; width: 58px;} #menu ul li#m9 a:hover, #menu ul li.on#m7 a {background: url(../../_images/design/menu.gif) no-repeat -614px -27px; } #menu ul li#m8 a {background: url(../../_images/design/menu.gif) no-repeat -672px 0; width: 88px; } #menu ul li#m8 a:hover, #menu ul li.on#m8 a {background: url(../../_images/design/menu.gif) no-repeat -672px -27px; } #menu ul li ul li {display: block; background: none; display: none; } /*BANNER */ #bannerWrap { clear: both; background: url(../../_images/design/bg-top.gif) no-repeat top left} #banner {margin: 0 4px; height: 164px ; padding: 1px 0 1px 0; border-bottom: 1px solid #B5B5B5; } #banner img {display: block;} /*Property Search Panel*/ #topWrap {padding: 0 4px 0 4px; background: url(../../_images/design/bg-top.gif) #F9F9F9; height: 34px; float: left; } #topOptions { padding: 5px 10px 3px 10px; border-bottom: 1px solid #BB3643; float: left; width: 742px; } #topOptions h1 {margin: 2px 0 0 0px; padding-left: 15px; float: left; color: #999; font-size: 1.1em; background:url(../../_images/design/icon-property-search.gif) no-repeat top left;} #topOptions ul {margin: 1px 0px 0px 0; float: right; font-size: 0.7em;} #topOptions ul li {margin: 0 2px; display: inline; float: left;} #topOptions ul li a {padding: 0px 5px; border: 1px solid #C8C8C8; display: block} #topOptions ul li a:hover, #topOptions ul li a.on {border: 1px solid #BB3643;background: #BB3643; color:#fff } /* top panel for details page*/ #topOptions.details { padding: 5px 5px 2px 5px; width: 752px; } #topOptions.details ul {margin: 0 0 0 2px; float: left; font-size: 0.8em;}/*margin: 5px 0px 4px 0px;*/ #topOptions.details ul li {margin: 0 3px } #topOptions.details ul li a {padding: 3px 0 5px 20px; border: 0;} #topOptions.details ul li a:hover {color: #BB3643; border: 0;} #topOptions.details ul li.on a {color: #BB3643} #topOptions.details ul li#m01 a {background: url(../../_images/design/icons/back-to-listings.gif) no-repeat 0 0;} #topOptions.details ul li#m01 a:hover, #topOptions.details ul li.on#m01 a {background: url(../../_images/design/icons/back-to-listings.gif) no-repeat 0 -31px;} #topOptions.details ul li#m02 a {background: url(../../_images/design/icons/print.gif) no-repeat 0 0;} #topOptions.details ul li#m02 a:hover, #topOptions.details ul li.on#m02 a {background: url(../../_images/design/icons/print.gif) no-repeat 0 -31px;} #topOptions.details ul li#m03 a {background: url(../../_images/design/icons/download-brochure.gif) no-repeat 0 0;} #topOptions.details ul li#m03 a:hover, #topOptions.details ul li.on#m03 a {background: url(../../_images/design/icons/download-brochure.gif) no-repeat 0 -31px;} #topOptions.details ul li#m04 a {background: url(../../_images/design/icons/live-sales-chat.gif) no-repeat 0 0;} #topOptions.details ul li#m04 a:hover, #topOptions.details ul li.on#m04 a {background: url(../../_images/design/icons/live-sales-chat.gif) no-repeat 0 -31px;} #topOptions.details ul li#m05 a {background: url(../../_images/design/icons/book-viewing.gif) no-repeat 0 0;} #topOptions.details ul li#m05 a:hover, #topOptions.details ul li.on#m05 a {background: url(../../_images/design/icons/book-viewing.gif) no-repeat 0 -31px;} #topOptions.details ul li#m06 a {background: url(../../_images/design/icons/send-to-friend.gif) no-repeat 0 0;} #topOptions.details ul li#m06 a:hover, #topOptions.details ul li.on#m06 a {background: url(../../_images/design/icons/send-to-friend.gif) no-repeat 0 -31px;} #topOptions.details ul li#m07 a {background: url(../../_images/design/icons/location-map.gif) no-repeat 0 0;} #topOptions.details ul li#m07 a:hover, #topOptions.details ul li.on#m07 a {background: url(../../_images/design/icons/location-map.gif) no-repeat 0 -31px;} #topOptions.details ul li#m08 a {background: url(../../_images/design/icons/mortgage-calculator.gif) no-repeat 0 0;} #topOptions.details ul li#m08 a:hover, #topOptions.details ul li.on#m08 a {background: url(../../_images/design/icons/mortgage-calculator.gif) no-repeat 0 -31px;} /**/ /*********** GENERAL ************/ /*MIDDLE*/ #middle {margin:0 auto; width: 770px; background: url(../../_images/design/bg-middle2.gif) repeat-y top left; float: left; } #mainContent {margin: 10px 0 10px 0px; padding: 0 0 0 14px; width: 756px; font-size: 0.8em; float: left; }/*width: 770px;*/ #mainContent.listing { margin: 8px 0px 10px 0px; padding-left: 0px; width:770px} #mainContent h1 {font-size: 1.2em; color: #193177} p {margin: 0 0 5px 0; } /* LEFT COLUMN */ #leftCol {margin: 0; float: left; width: 477px; } #mainContent h1 {padding: 0px 0 3px 15px; background: url(../../_images/design/bg-h1.gif) no-repeat top left #fff; font-size: 1.5em;} #mainContent h1.propertySearch {padding-left: 15px; background: url(../../_images/design/bg-property-search.gif) no-repeat top left;} #mainContent h1.propertyListings {padding-left: 15px; background: url(../../_images/design/bg-property-listings.gif) no-repeat top left;} /* Property Panels*/ /*panel holder for home page*/ .panelHolder {width: 458px; padding: 5px 0 5px 10px; border: 1px solid #D0D0D0; border-width: 0px 1px 1px 1px; float:left; } .panelHolder ul li {margin: 0 0 4px 0;} .panelHolder ul.listing {margin: 0 0 5px 0; } *html .panelHolder ul.listing {margin: 0 0 5px 0; } /*panel holder for inside page*/ #panelHolder {margin: 0 0 0 10px; } .panel { margin: 11px 0 11px 5px; background: url(../../_images/design/panel-dark.gif) no-repeat top left; width: 146px; height: 173px; float:left; } .panel.first { margin: 11px 0 11px 0px;} .panel.light {background: url(../../_images/design/panel-light.gif) no-repeat top left} .panel h2 {padding: 3px 0 3px 0; font-size: 1.1em; text-align:center; } .panel h2 a {color:#193177 } .panel img.property { margin: 0 0 4px 0; padding: 3px; border: 1px solid #CFCFCF; width: 120px; height: 91px} .status { position: absolute; z-index: 2; } .status img {padding: 6px 5px 4px 5px; border: 0 solid #CFCFCF;} .propertyImage {margin-left: 9px; z-index: 100} .panel ul li {text-align: center; font-size: 1.1em;} .panel ul li a:hover {text-decoration: underline; } .panel ul li.bedrooms a {color: #8A8A8A} .panel ul li.price a {color: #B51D2C} .panel .imagewrapper { background: #FFFFFF; width: 120px; height: 90px; padding: 4px; border: 1px solid #999999; margin-bottom: 5px; } .imagewrapper2 { background: #FFFFFF; width: 300px; height: 225px; border: 1px solid #FFFFFF; } #rightCol {margin: 0 0 0 5px; float: left; width: 260px;} #rightCol h1 {color: #BB3643} #rightCol a {text-decoration: underline;} #rightCol a:hover {text-decoration: none;} #rightCol .panelHolder {margin: 0px; width: 248px; } #rightCol .panelHolder h2 {font-size: 1.0em; color: #666} /*Property Details*/ /*#flash img {display: block ; padding: 3px; border: 1px solid #C8C8C8}*/ #mainContent td.flash ul {padding: 0px 0 3px 0; text-align: center; float: left; width: 320px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; } #mainContent td.flash li { text-indent: -9000px; margin: 0 3px; display: inline; float: left; width: 18px; } #mainContent td.flash li a {padding: 0 0 5px 0; width: 18px; display: block; } #mainContent #flash {padding: 8px; border: 1px solid #999999; overflow: hidden; background: #CCCCCC;} #mainContent td.flash ul li#image01 a {background: url(../../_images/design/icons/image01.gif) no-repeat 0 0;} #mainContent td.flash ul li#image01 a:hover, #flash ul li.on#image01 a {background: url(../../_images/design/icons/image01.gif) no-repeat 0 -31px;} #mainContent td.flash li#image02 a {background: url(../../_images/design/icons/image02.gif) no-repeat 0 0;} #mainContent td.flash li#image02 a:hover, #flash ul li.on#image02 a {background: url(../../_images/design/icons/image02.gif) no-repeat 0 -31px;} #mainContent td.flash li#image03 a {background: url(../../_images/design/icons/image03.gif) no-repeat 0 0;} #mainContent td.flash li#image03 a:hover, #flash ul li.on#image03 a {background: url(../../_images/design/icons/image03.gif) no-repeat 0 -31px;} #mainContent td.flash li#image04 a {background: url(../../_images/design/icons/image04.gif) no-repeat 0 0;} #mainContent td.flash li#image04 a:hover, #flash ul li.on#image04 a {background: url(../../_images/design/icons/image04.gif) no-repeat 0 -31px;} #mainContent td.flash li#image05 a {background: url(../../_images/design/icons/image05.gif) no-repeat 0 0;} #mainContent td.flash li#image05 a:hover, #flash ul li.on#image05 a {background: url(../../_images/design/icons/image05.gif) no-repeat 0 -31px;} #mainContent td.flash li#image06 a {background: url(../../_images/design/icons/image06.gif) no-repeat 0 0;} #mainContent td.flash li#image06 a:hover, #flash ul li.on#image06 a {background: url(../../_images/design/icons/image06.gif) no-repeat 0 -31px;} #mainContent td.flash li#image07 a {background: url(../../_images/design/icons/image07.gif) no-repeat 0 0;} #mainContent td.flash li#image07 a:hover, #flash ul li.on#image07 a {background: url(../../_images/design/icons/image07.gif) no-repeat 0 -31px;} #mainContent td.flash li#image08 a {background: url(../../_images/design/icons/image08.gif) no-repeat 0 0;} #mainContent td.flash li#image08 a:hover, #flash ul li.on#image08 a {background: url(../../_images/design/icons/image08.gif) no-repeat 0 -31px;} #mainContent #textpages { padding-right: 10px; } #mainContent #textpages #textheader { font-size: 1.5em; font-weight: bold; color: #BB3643; padding-bottom: 5px; } #mainContent #textpages p { font-size: 1.2em; font-weight: normal; } .detailsPanel {margin: 0 4px 0 4px; padding: 4px 2px 8px 2px; border-bottom: 1px solid #C85C66 ; background:#fff; } .detailsPanel.top {padding: 0px 2px 5px 2px; } .detailsPanel.dark {background: #F9F9F9} .room {font-weight: bold;} iframe {margin: 5px 0; border: 1px solid #E6E6E6;} /**** TABLES *****/ table {width: 100%; font-size: 1.1em; border-collapse: collapse;} table th {color: #BB3643} table td.address {font-weight: bold; } table tr.action td {padding: 8px 0 4px 0; text-align: center;} table.data td {padding: 2px 3px } table.data th {padding: 2px 3px } /******* FORMS ****/ input {border: 1px solid #676767; font-size:0.9em;} select {padding: 2px 3px; border: 1px solid #676767; font-size:0.9em;} textarea {padding: 2px 3px; border: 1px solid #676767; font-size:0.9em;} input.submit, input.button {padding: 5px 31px 4px 31px; background: url(../../_images/design/bg-search.gif) top left; color:#666; border: 0px; width: 102px; height: 24px;} form table td {padding: 1px 3px; } form table th {padding: 1px 3px; } /*FOOTER*/ #footerWrap { width: 100%; clear:both; display: block; background: url(../../_images/design/bg-footer.gif) repeat-x top left #E6E6E6; height: 47px;} #footerWrap img {display: block;} #footer {margin:0 auto; width: 770px; font-size: 0.7em; } #footer img {display: block; } #footer p {margin: 0 0 0 10px; padding: 0px; float: left; color: #B6B6B6 ; } #footer ul {margin: 0 10px 0 0; padding: 0px; float: right; color: #B6B6B6;} #footer ul li {margin: 0px; padding: 0px; display: inline; float:left; } #footer ul li a {color: #B6B6B6 } #footer ul li a:hover {text-decoration:underline;} #footer span {margin: 0 1px;} ul.list li {list-style: disc; background: none; font-size: 1.2em; margin-left: 20px; } #calc label { font-size: 12px; font-weight: bold; } input {border: 1px solid #676767; font-size:0.9em; padding: 2px 4px;} .myalertsbox { width: 355px; margin-top: 10px;} .mycreate { margin-left: 2px; border: 1px solid #003058; background: #F3F3F3; padding: 10px; height: 125px;} .mylogin { margin-right: 2px; border: 1px solid #003058; background: #F3F3F3; padding: 10px; height: 125px;} .mybutton { text-align: right; margin: 10px 0 30px 0;} .mybuttoncreate { margin-right: 0; } .mybuttonlogin { margin-right: 2px; } .myalerts-column { width: 355px; font-size: 12px; } #myalerts-email, #myalerts-sms, #myalerts-contact, #myalerts-password { margin: 0 0 10px 0; } .myalerts-header { padding: 4px 0 4px 18px; color: #991419; border-bottom: 1px solid #991419; font-weight: bold; margin: 0 0 4px 0; background: #F3F3F3 url(../../_images/icons/grey/arrow_A_ver1.gif) no-repeat; background-position: 5px 6px; } .myalerts-content { padding: 2px 0 2px 6px; line-height: 180%; } .myalerts-label { width: 100px; font-weight: bold; float: left;} #myalerts-attention { font-size: 12px; border: 1px solid #991419; background: #FFFFCC; color: #333333; font-weight: bold; padding: 10px; margin: 10px 110px 25px 110px; text-align: center; } #myalerts-attention2 { font-size: 12px; border: 1px solid #009900; line-height: 175%; background: #EEF8E9; color: #009900; font-weight: bold; padding: 10px; margin: 10px 110px 25px 110px; text-align: center; } #banner #goldenspiders { margin: 0 0 0 604px; position:absolute; z-index: 5000;} #valRequest { margin: 1px 4px; padding: 3px; background: #BB3643; font-weight: bold; text-align: center; } #valRequest a { color: #FFFFFF; }